@bigcommerce/checkout-sdk 1.515.0 → 1.517.0

package/dist/checkout-sdk.d.ts

@@ -3,6 +3,7 @@ import { BraintreeConnectStylesOption } from '@bigcommerce/checkout-sdk/braintre
 import { BraintreeError as BraintreeError_2 } from '@bigcommerce/checkout-sdk/braintree-utils';
 import { BuyNowCartRequestBody as BuyNowCartRequestBody_2 } from '@bigcommerce/checkout-sdk/payment-integration-api';
 import { CardClassSelectors } from '@square/web-payments-sdk-types';
+import { CardInstrument as CardInstrument_2 } from '@bigcommerce/checkout-sdk/payment-integration-api';
 import { CartSource } from '@bigcommerce/checkout-sdk/payment-integration-api';
 import { CreditCardPaymentInitializeOptions } from '@bigcommerce/checkout-sdk/credit-card-integration';
 import { HostedFormOptions as HostedFormOptions_2 } from '@bigcommerce/checkout-sdk/payment-integration-api';
@@ -6556,6 +6557,74 @@ declare interface PayPalCommerceAcceleratedCheckoutCustomerInitializeOptions {
     styles?: PayPalCommerceConnectStylesOption;
 }
 
+/**
+ * A set of options that are required to initialize the PayPalCommerce Accelerated Checkout payment
+ * method for presenting on the page.
+ *
+ *
+ * Also, PayPalCommerce requires specific options to initialize PayPalCommerce Accelerated Checkout Credit Card Component
+ * ```html
+ * <!-- This is where the PayPalCommerce Credit Card Component will be inserted -->
+ * <div id="container"></div>
+ * ```
+ * ```js
+ * service.initializePayment({
+ *     methodId: 'paypalcommerceacceleratedcheckout',
+ *     paypalcommerceacceleratedcheckout: {
+ *         onInit: (renderPayPalComponentMethod) => renderPayPalComponentMethod('#container-id'),
+ *         onChange: (showPayPalConnectCardSelector) => showPayPalConnectCardSelector(),
+ *         styles: {
+ *              root: {
+ *                  backgroundColorPrimary: 'transparent',
+ *                  errorColor: '#C40B0B',
+ *                  fontFamily: 'Montserrat, Helvetica, Arial, sans-serif',
+ *              },
+ *              input: {
+ *                  borderRadius: '0.25rem',
+ *                  borderColor: '#9E9E9E',
+ *                  focusBorderColor: '#4496F6',
+ *              },
+ *              toggle: {
+ *                  colorPrimary: '#0F005E',
+ *                  colorSecondary: '#ffffff',
+ *              },
+ *              text: {
+ *                  body: {
+ *                      color: '#222222',
+ *                      fontSize: '1rem',
+ *                  },
+ *                  caption: {
+ *                      color: '#515151',
+ *                      fontSize: '0.875rem',
+ *                  },
+ *              },
+ *              branding: 'light',
+ *         },
+ *     },
+ * });
+ * ```
+ */
+declare interface PayPalCommerceAcceleratedCheckoutPaymentInitializeOptions {
+    /**
+     * Is a callback that takes the CSS selector of a container
+     * where the PayPal Connect form should be inserted into.
+     */
+    onInit?: (renderPayPalConnectCardComponent: (container: string) => void) => void;
+    /**
+     * Is a callback that shows PayPal stored instruments
+     * when get triggered
+     */
+    onChange?: (showPayPalConnectCardSelector: () => Promise<CardInstrument_2 | undefined>) => void;
+    /**
+     * Is a stylisation options for customizing PayPal Connect components
+     *
+     * Note: the styles for all PayPalCommerce Accelerated Checkout strategies should be the same,
+     * because they will be provided to PayPal library only for the first strategy initialization
+     * no matter what strategy was initialised first
+     */
+    styles?: PayPalCommerceConnectStylesOption;
+}
+
 declare interface PayPalCommerceAlternativeMethodsButtonOptions {
     /**
      * Alternative payment method id what used for initialization PayPal button as funding source.
@@ -7153,7 +7222,7 @@ declare interface PayPalInstrument extends BaseAccountInstrument {
     method: 'paypal';
 }
 
-declare type PaymentInitializeOptions = BasePaymentInitializeOptions & WithAdyenV2PaymentInitializeOptions & WithAdyenV3PaymentInitializeOptions & WithApplePayPaymentInitializeOptions & WithBlueSnapDirectAPMPaymentInitializeOptions & WithBoltPaymentInitializeOptions & WithBraintreePaypalAchPaymentInitializeOptions & WithBraintreeLocalMethodsPaymentInitializeOptions & WithBraintreeAcceleratedCheckoutPaymentInitializeOptions & WithCreditCardPaymentInitializeOptions & WithGooglePayPaymentInitializeOptions & WithMolliePaymentInitializeOptions & WithPayPalCommercePaymentInitializeOptions & WithPayPalCommerceCreditPaymentInitializeOptions & WithPayPalCommerceVenmoPaymentInitializeOptions & WithPayPalCommerceAlternativeMethodsPaymentInitializeOptions & WithPayPalCommerceCreditCardsPaymentInitializeOptions & WithPayPalCommerceRatePayPaymentInitializeOptions & WithSquareV2PaymentInitializeOptions & WithStripeV3PaymentInitializeOptions;
+declare type PaymentInitializeOptions = BasePaymentInitializeOptions & WithAdyenV2PaymentInitializeOptions & WithAdyenV3PaymentInitializeOptions & WithApplePayPaymentInitializeOptions & WithBlueSnapDirectAPMPaymentInitializeOptions & WithBoltPaymentInitializeOptions & WithBraintreePaypalAchPaymentInitializeOptions & WithBraintreeLocalMethodsPaymentInitializeOptions & WithBraintreeAcceleratedCheckoutPaymentInitializeOptions & WithCreditCardPaymentInitializeOptions & WithGooglePayPaymentInitializeOptions & WithMolliePaymentInitializeOptions & WithPayPalCommercePaymentInitializeOptions & WithPayPalCommerceCreditPaymentInitializeOptions & WithPayPalCommerceVenmoPaymentInitializeOptions & WithPayPalCommerceAlternativeMethodsPaymentInitializeOptions & WithPayPalCommerceCreditCardsPaymentInitializeOptions & WithPayPalCommerceRatePayPaymentInitializeOptions & WithPayPalCommerceAcceleratedCheckoutPaymentInitializeOptions & WithSquareV2PaymentInitializeOptions & WithStripeV3PaymentInitializeOptions;
 
 declare type PaymentInstrument = CardInstrument | AccountInstrument;
 
@@ -7286,9 +7355,9 @@ declare interface PaypalCommerceRatePay {
      */
     legalTextContainer: string;
     /**
-     * Callback that triggers pending logic (for example: show loading overlay)
+     * The CSS selector of a container where loading indicator should be rendered
      */
-    onPaymentSubmission?(isPaymentSubmitting: boolean): void;
+    loadingContainerId: string;
     /**
      * A callback that gets form values
      */
@@ -8482,6 +8551,10 @@ declare interface WithPayPalCommerceAcceleratedCheckoutCustomerInitializeOptions
     paypalcommerceacceleratedcheckout?: PayPalCommerceAcceleratedCheckoutCustomerInitializeOptions;
 }
 
+declare interface WithPayPalCommerceAcceleratedCheckoutPaymentInitializeOptions {
+    paypalcommerceacceleratedcheckout?: PayPalCommerceAcceleratedCheckoutPaymentInitializeOptions;
+}
+
 declare interface WithPayPalCommerceAlternativeMethodsButtonInitializeOptions {
     paypalcommercealternativemethods?: PayPalCommerceAlternativeMethodsButtonOptions;
 }