@bigcommerce/checkout-sdk 1.215.1 → 1.219.0

package/dist/checkout-sdk.d.ts

@@ -4078,6 +4078,10 @@ declare interface GatewayOrderPayment extends OrderPayment {
         step: string;
         instructions: string;
     };
+    mandate?: {
+        id: string;
+        url?: string;
+    };
 }
 
 declare interface GiftCertificate {
@@ -4944,6 +4948,37 @@ declare interface OptionsResponse {
     paymentMethodConfiguration?: BaseElementOptions;
 }
 
+/**
+ * A set of options that are required to initialize the payment step of
+ * checkout in order to support Opy.
+ *
+ * When Opy is initialized, a widget will be inserted into the DOM. The
+ * widget will open a modal that will show more information about Opy when
+ * clicking it.
+ *
+ * @example
+ *
+ * ```html
+ * <!-- This is where the Opy widget will be inserted -->
+ * <div id="opy-widget"></div>
+ * ```
+ *
+ * ```js
+ * service.initializePayment({
+ *     methodId: 'opy',
+ *     opy: {
+ *         containerId: 'opy-widget',
+ *     },
+ * });
+ * ```
+ */
+declare interface OpyPaymentInitializeOptions {
+    /**
+     * The ID of a container which the payment widget should insert into.
+     */
+    containerId: string;
+}
+
 declare interface Order {
     baseAmount: number;
     billingAddress: BillingAddress;
@@ -4971,7 +5006,6 @@ declare interface Order {
     status: string;
     taxes: Tax[];
     taxTotal: number;
-    mandateUrl?: string;
 }
 
 declare interface OrderConsignment {
@@ -4981,6 +5015,7 @@ declare interface OrderConsignment {
 declare interface OrderPayment {
     providerId: string;
     gatewayId?: string;
+    methodId?: string;
     paymentId?: string;
     description: string;
     amount: number;
@@ -5154,6 +5189,11 @@ declare interface PaymentInitializeOptions extends PaymentRequestOptions {
      * They can be omitted unless you need to support Moneris.
      */
     moneris?: MonerisPaymentInitializeOptions;
+    /**
+     * The options that are required to initialize the Opy payment
+     * method. They can be omitted unless you need to support Opy.
+     */
+    opy?: OpyPaymentInitializeOptions;
     /**
      * The options that are required to initialize the PayPal Express payment method.
      * They can be omitted unless you need to support PayPal Express.
@@ -5694,28 +5734,25 @@ declare interface PaypalExpressPaymentInitializeOptions {
 }
 
 declare interface PaypalFieldsStyleOptions {
-    base?: {
-        backgroundColor?: string;
-        color?: string;
-        fontSize?: string;
+    variables?: {
         fontFamily?: string;
-        lineHeight?: string;
-        letterSpacing?: string;
-    };
-    input?: {
-        backgroundColor?: string;
-        fontSize?: string;
-        color?: string;
-        borderColor?: string;
+        fontSizeBase?: string;
+        fontSizeSm?: string;
+        fontSizeM?: string;
+        fontSizeLg?: string;
+        textColor?: string;
+        colorTextPlaceholder?: string;
+        colorBackground?: string;
+        colorInfo?: string;
+        colorDanger?: string;
         borderRadius?: string;
+        borderColor?: string;
         borderWidth?: string;
-        padding?: string;
-    };
-    invalid?: {
-        color?: string;
+        borderFocusColor?: string;
+        spacingUnit?: string;
     };
-    active?: {
-        color?: string;
+    rules?: {
+        [key: string]: any;
     };
 }
 
@@ -5911,45 +5948,6 @@ declare interface SquareFormElement {
  *     },
  * });
  * ```
- *
- * Additional options can be passed in to enable Masterpass (if configured for
- * the account) and customize the fields.
- *
- * ```html
- * <!-- This container is where Masterpass button will be inserted -->
- * <div id="masterpass"></div>
- * ```
- *
- * ```js
- * service.initializePayment({
- *     methodId: 'squarev2',
- *     square: {
- *         cardNumber: {
- *             elementId: 'card-number',
- *         },
- *         cvv: {
- *             elementId: 'card-code',
- *         },
- *         expirationDate: {
- *             elementId: 'card-expiry',
- *         },
- *         postalCode: {
- *             elementId: 'card-code',
- *         },
- *         inputClass: 'form-input',
- *         inputStyles: [
- *             {
- *                 color: '#333',
- *                 fontSize: '13px',
- *                 lineHeight: '20px',
- *             },
- *         ],
- *         masterpass: {
- *             elementId: 'masterpass',
- *         },
- *     },
- * });
- * ```
  */
 declare interface SquarePaymentInitializeOptions {
     /**
@@ -5978,10 +5976,6 @@ declare interface SquarePaymentInitializeOptions {
     inputStyles?: Array<{
         [key: string]: string;
     }>;
-    /**
-     * Initialize Masterpass placeholder ID
-     */
-    masterpass?: SquareFormElement;
     /**
      * A callback that gets called when the customer selects a payment option.
      */