@bigcommerce/checkout-sdk 1.325.0 → 1.326.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [1.326.0](https://github.com/bigcommerce/checkout-sdk-js/compare/v1.325.0...v1.326.0) (2023-01-19)
+
+
+### Features
+
+* **payment:** PAYPAL-1890 added PayPalCommerceInlineButton strategy to paypal-commerce integration package ([#1776](https://github.com/bigcommerce/checkout-sdk-js/issues/1776)) ([a4eca90](https://github.com/bigcommerce/checkout-sdk-js/commit/a4eca909e77cf2b0fb55b3d9bf11590bce40ba23))
+
 ## [1.325.0](https://github.com/bigcommerce/checkout-sdk-js/compare/v1.324.3...v1.325.0) (2023-01-18)
 
 

package/dist/checkout-button.d.ts

@@ -459,7 +459,7 @@ declare class CheckoutButtonErrorSelector {
     getDeinitializeButtonError(methodId?: CheckoutButtonMethodType): Error | undefined;
 }
 
-declare type CheckoutButtonInitializeOptions = BaseCheckoutButtonInitializeOptions & WithApplePayButtonInitializeOptions;
+declare type CheckoutButtonInitializeOptions = BaseCheckoutButtonInitializeOptions & WithApplePayButtonInitializeOptions & WithPayPalCommerceInlineButtonInitializeOptions;
 
 declare class CheckoutButtonInitializer {
     private _store;
@@ -634,6 +634,49 @@ declare interface LineItem {
     };
 }
 
+declare interface PayPalButtonStyleOptions {
+    layout?: StyleButtonLayout_2;
+    color?: StyleButtonColor_2;
+    shape?: StyleButtonShape_2;
+    height?: number;
+    label?: StyleButtonLabel_2;
+    tagline?: boolean;
+    custom?: {
+        label?: string;
+        css?: {
+            background?: string;
+            color?: string;
+            width?: string;
+        };
+    };
+}
+
+/**
+ * A set of options that are required to initialize ApplePay in cart.
+ *
+ * When ApplePay is initialized, an ApplePay button will be inserted into the
+ * DOM. When a customer clicks on it, it will trigger Apple sheet.
+ */
+declare interface PayPalCommerceInlineButtonInitializeOptions {
+    /**
+     * A class name used to add special class for container where the button will be generated in
+     * Default: 'PaypalCommerceInlineButton'
+     */
+    buttonContainerClassName?: string;
+    /**
+     * A set of styling options for the checkout button.
+     */
+    style?: Pick<PayPalButtonStyleOptions, 'custom'>;
+    /**
+     * A callback that gets called when payment complete on paypal side.
+     */
+    onComplete(): void;
+    /**
+     * A callback that gets called on any error
+     */
+    onError?(): void;
+}
+
 declare interface PaypalButtonInitializeOptions {
     /**
      * The Client ID of the Paypal App
@@ -875,6 +918,14 @@ declare enum StyleButtonColor {
     white = "white"
 }
 
+declare enum StyleButtonColor_2 {
+    GOLD = "gold",
+    BLUE = "blue",
+    SILVER = "silver",
+    BLACK = "black",
+    WHITE = "white"
+}
+
 declare enum StyleButtonLabel {
     paypal = "paypal",
     checkout = "checkout",
@@ -883,20 +934,42 @@ declare enum StyleButtonLabel {
     installment = "installment"
 }
 
+declare enum StyleButtonLabel_2 {
+    PAYPAL = "paypal",
+    CHECKOUT = "checkout",
+    BUYNOW = "buynow",
+    PAY = "pay",
+    INSTALLMENT = "installment"
+}
+
 declare enum StyleButtonLayout {
     vertical = "vertical",
     horizontal = "horizontal"
 }
 
+declare enum StyleButtonLayout_2 {
+    VERTICAL = "vertical",
+    HORIZONTAL = "horizontal"
+}
+
 declare enum StyleButtonShape {
     pill = "pill",
     rect = "rect"
 }
 
+declare enum StyleButtonShape_2 {
+    PILL = "pill",
+    RECT = "rect"
+}
+
 declare interface WithApplePayButtonInitializeOptions {
     applepay?: ApplePayButtonInitializeOptions_2;
 }
 
+declare interface WithPayPalCommerceInlineButtonInitializeOptions {
+    paypalcommerceinline?: PayPalCommerceInlineButtonInitializeOptions;
+}
+
 /**
  * Creates an instance of `CheckoutButtonInitializer`.
  *