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: "Discounts",
        taxes: "Taxes",
        shipping: "Shipping",
        total: "Total"
      },
      form: {
        expressCheckout: "Express checkout",
        or: "Or",
        popupOverlayText: "Press 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: "person@example.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,
    allowDeactivate: false,
    allowUpdate: false,
    allowMakeDefault: false,
    allowCreate: true,
    enableTelemetry: true,
    address: {
      name: "default",
      region: "default",
      show: ["organization", "phoneNumber"],
      hide: [],
      require: ["address"]
    },
    googlePay: {
      displayOptions: {
        buttonColor: "black",
        buttonHeight: "48px",
        buttonType: "plain"
      }
    }
  },
  features: {
    hideConfirmation: false,
    hideResult: false,
    hideContinue: false,
    showCoupons: ["summary", "confirmation"],
    hideZeroAmountSummaryItems: false
  }
});

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