Reference

await RebillyInstruments.mount({ /* organizationId, publishableKey, websiteId, form, items */ });

RebillyInstruments.mount({
  organizationId: 'abc-123-xyz',
  publishableKey: 'pk_sandbox_1234567890',
  websiteId: 'ghi-789-qst',
  form: '.rebilly-instruments',
  summary: '.rebilly-instruments-summary',
  items: [
    {
      planId: 'abc-123-def',
      quantity: 1,
      thumbnail: 'https://www.example.com/picture-1.png'
    }, {
      planId: 'xyz-987-uvw',
      quantity: 2,
      thumbnail: 'https://www.example.com/picture-2.png'
    }, {
        planId: 'abc-567-xyz',
        quantity: {
            default: 1,
            multipleOf: 1,
            minimum: 1,
            maximum: 20
        }
    }
  ],
  addons: [
    {
      planId: 'fgh-123-uio',
      quantity: 1,
      thumbnail: 'https://www.example.com/picture-3.png'
    }, {
      planId: 'vbn-987-jkl',
      quantity: 2,
      thumbnail: 'https://www.example.com/picture-4.png'
    }
  ],
  bumpOffer: [
    {
      planId: 'kjh-123-edw',
      quantity: 1,
      thumbnail: 'https://www.example.com/picture-5.png'
    }, {
      planId: 'hyu-543-klo',
      quantity: 1,
      thumbnail: 'https://www.example.com/picture-6.png'
    }
  ],
  apiMode: 'sandbox',
  css: `
    .rebilly-instruments-summary-line-item-figure {
      border: 2px solid #0044d4;
    }
  `,
  theme: {
    colorPrimary: '#0044d4',
    colorDanger: '#cd5c5c',
    colorText: '#0d2b3e',
    colorBackground: '#ffffff',
    buttonColorText: '#ffffff',
    fontFamily: 'Comic Sans MS',
    labels: 'floating'
  },
  i18n: {
    en: {
      summary: {
        subTotal: 'Sub Total',
        discounts: 'Discouts',
        taxes: 'Taxes',
        shipping: 'Shipping',
        total: 'Total'
      },
      form: {
        expressCheckout: 'Express checkout',
        or: 'Or',
        popupOverlayText: 'Click here to show popup window',
        'continue': 'Continue',
        bumpOffer: {
          title: 'Yes, I want to upgrade!',
          startingAt: 'Starting at {basePrice}'
        }
        billingAddressTitle: 'Billing address',
        useSameAsBillingAddress: 'Use same billing address for shipping',
        shippingAddressTitle: 'Shipping address',
        address: {
          organizationLabel: 'Organization',
          organizationPlaceholder: 'My Organization Name',
          firstNameLabel: 'First Name',
          firstNamePlaceholder: 'John',
          lastNameLabel: 'Last Name',
          lastNamePlaceholder: 'Doe',
          fullNameLabel: 'Full Name',
          fullNamePlaceholder: 'John Doe',
          emailLabel: 'Email',
          emailPlaceholder: 'example@mail.com',
          phoneNumberLabel: 'Phone number',
          phoneNumberPlaceholder: '',
          addressLabel: 'Address',
          addressPlaceholder: '',
          address2Label: 'Address 2',
          address2Placeholder: '',
          cityLabel: 'City',
          cityPlaceholder: '',
          countryLabel: 'Country',
          countryPlaceholder: '',
          regionLabel: 'Region',
          regionPlaceholder: '',
          stateLabel: 'State',
          statePlaceholder: '',
          provinceLabel: 'Province',
          provincePlaceholder: '',
          postalCodeLabel: 'Postal code',
          postalCodePlaceholder: '',
          zipCodeLabel: 'Zip code',
          zipCodePlaceholder: ''
        }
      },
      confirmation: {
        billingAddressTitle: 'Billing address',
        shippingAddressTitle: 'Shipping address',
        paymentMethodTitle: 'Payment method',
        edit: 'Edit',
        confirm: 'Confirm',
        goBack: 'Choose another payment method',
        addons: {
          title: 'Other customers also selected',
          startingAt: 'Starting at {basePrice}'
        }
      },
      result: {
        success: 'Thank you for your purchase!',
        failure: 'Transaction {result}',
        wrong: 'Something went wrong'
      },
      validations: {
        address: {
          firstName: {
            required: 'First name is required.'
          },
          lastName: {
            required: 'Last name is required.'
          },
          fullName: {
            required: 'Full name is required.',
            lastNameMissing: 'Must include first name and last name.'
          },
          email: {
            required: 'Email is required.',
            validEmail: 'Email must be a valid email address.'
          },
          address: {
            required: 'Address is required.'
          },
          address2: {
            required: 'Address 2 is required.'
          },
          city: {
            required: 'City is required.',
            noSpecialCharacters: 'City cannot have any special characters.'
          },
          country: {
            required: 'Country is required.'
          },
          region: {
            required: 'Region is required.'
          },
          state: {
            required: 'State is required.'
          },
          province: {
            required: 'Province is required.'
          },
          postalCode: {
            required: 'Postal code is required.',
            maxLength: 'Postal code cannot have more than 10 characters.'
          },
          zipCode: {
            required: 'Zip code is required.',
            maxLength: 'Zip code cannot have more than 10 characters.'
          }
        }
      }
    }
  },
  countryCode: 'US',
  locale: 'auto',
  paymentInstruments: {
    compactExpressInstruments: true,
    address: {
      name: 'default',
      region: 'default',
      show: ['organization', 'phoneNumber'],
      hide: [],
      require: ['address']
    },
    googlePay: {
      displayOptions: {
        buttonColor: 'black',
        buttonHeight: '48px',
        buttonType: 'plain'
      }
    },
  },
  features: {
    autoConfirmation: true,
    autoResult: true,
    showCoupons: ['summary', 'confirmation']
  }
});

RebillyInstruments.on('instrument-ready', (instrument) => {
  console.info('instrument-ready', instrument);
});

RebillyInstruments.on('purchase-completed', (transaction) => {
  console.info('purchase-completed', transaction);
});

RebillyInstruments.on('setup-completed', (setup) => {
  console.info('setup-completed', setup);
});

RebillyInstruments.show('confirmation', instrument);

RebillyInstruments.show('result', transaction);

RebillyInstruments.purchase(instrument);

RebillyInstruments.setup(instrument);

RebillyInstruments.update(options);

RebillyInstruments.destroy();

console.log(RebillyInstruments.version); // RebillyInstruments Ver.X