@stigg/react-sdk 4.4.0 → 4.4.2

package/dist/components/checkout/CheckoutContainer.d.ts

@@ -24,6 +24,7 @@ export declare type CheckoutContainerProps = {
     }) => Promise<void>;
     disablePromotionCode?: boolean;
     disableSuccessAnimation?: boolean;
+    collectPhoneNumber?: boolean;
     onMockCheckoutPreview?: MockCheckoutPreviewCallback;
 };
-export declare function CheckoutContainer({ onCheckout, onCheckoutCompleted, onChangePlan, onBillingAddressChange, disablePromotionCode, disableSuccessAnimation, onMockCheckoutPreview, }: CheckoutContainerProps): JSX.Element;
+export declare function CheckoutContainer({ onCheckout, onCheckoutCompleted, onChangePlan, onBillingAddressChange, collectPhoneNumber, disablePromotionCode, disableSuccessAnimation, onMockCheckoutPreview, }: CheckoutContainerProps): JSX.Element;

package/dist/components/checkout/index.d.ts

@@ -1,5 +1,6 @@
 export { CheckoutTheme } from './theme';
-export { Checkout, CheckoutProps } from './Checkout';
-export { OnCheckoutCompletedParams, OnCheckoutParams, CheckoutResult } from './CheckoutContainer';
+export { OnCheckoutCompletedParams, OnCheckoutParams, CheckoutResult, CheckoutContainerProps, } from './CheckoutContainer';
+export { CheckoutProviderProps } from './CheckoutProvider';
 export { CheckoutLocalization } from './textOverrides';
+export { Checkout, CheckoutProps } from './Checkout';
 export * from './types';

package/dist/components/checkout/progressBar/CheckoutProgressBar.style.d.ts

@@ -44,6 +44,5 @@ export declare const StyledIcon: import("@emotion/styled/macro").StyledComponent
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $disabled?: boolean | undefined;
-    $shouldStroke?: boolean | undefined;
     $shouldFill?: boolean | undefined;
 }, {}, {}>;

package/dist/components/checkout/steps/payment/PaymentMethods.d.ts

@@ -16,6 +16,6 @@ export declare type PaymentMethodProps = Pick<Customer, 'paymentMethodDetails'>
 export declare type NewPaymentMethodProps = Pick<PaymentMethodLayoutProps, 'checked' | 'readOnly'> & {
     onSelect: () => void;
     checkoutLocalization: CheckoutLocalization;
-} & Pick<CheckoutContainerProps, 'onBillingAddressChange'>;
+} & Pick<CheckoutContainerProps, 'onBillingAddressChange' | 'collectPhoneNumber'>;
 export declare function ExistingPaymentMethod({ checked, paymentMethodDetails, readOnly, onSelect }: PaymentMethodProps): JSX.Element | null;
-export declare function NewPaymentMethod({ checked, onSelect, readOnly, checkoutLocalization, onBillingAddressChange, }: NewPaymentMethodProps): JSX.Element;
+export declare function NewPaymentMethod({ checked, onSelect, readOnly, checkoutLocalization, onBillingAddressChange, collectPhoneNumber, }: NewPaymentMethodProps): JSX.Element;

package/dist/components/checkout/steps/payment/PaymentStep.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { CheckoutContainerProps } from '../../CheckoutContainer';
-export declare function PaymentStep({ onBillingAddressChange }: Pick<CheckoutContainerProps, 'onBillingAddressChange'>): JSX.Element;
+export declare function PaymentStep({ onBillingAddressChange, collectPhoneNumber, }: Pick<CheckoutContainerProps, 'onBillingAddressChange' | 'collectPhoneNumber'>): JSX.Element;

package/dist/components/checkout/steps/payment/stripe/StripePaymentForm.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { CheckoutContainerProps } from '../../../CheckoutContainer';
-export declare function StripePaymentForm({ onBillingAddressChange }: Pick<CheckoutContainerProps, 'onBillingAddressChange'>): JSX.Element;
+export declare function StripePaymentForm({ onBillingAddressChange, collectPhoneNumber, }: Pick<CheckoutContainerProps, 'onBillingAddressChange' | 'collectPhoneNumber'>): JSX.Element;

package/dist/react-sdk.cjs.development.js

@@ -7425,7 +7425,7 @@ var StyledProgress = /*#__PURE__*/_styled(material.LinearProgress,  {
   }, _ref2["& ." + material.linearProgressClasses.bar] = {
     backgroundColor: $disabled ? theme.stigg.palette.primaryLight : theme.stigg.palette.primary
   }, _ref2;
-},  "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrb3V0UHJvZ3Jlc3NCYXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzhCIiwiZmlsZSI6IkNoZWNrb3V0UHJvZ3Jlc3NCYXIuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZC9tYWNybyc7XHJcbmltcG9ydCB7IEJ1dHRvbiwgYnV0dG9uQ2xhc3NlcywgTGluZWFyUHJvZ3Jlc3MsIGxpbmVhclByb2dyZXNzQ2xhc3NlcyB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnO1xyXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi4vLi4vY29tbW9uL0ljb24nO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3MgPSBzdHlsZWQoTGluZWFyUHJvZ3Jlc3MsIHsgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiAhcHJvcC5zdGFydHNXaXRoKCckJykgfSkoKHsgdGhlbWUsICRkaXNhYmxlZCB9KSA9PiAoe1xyXG4gICAgW2AmLiR7bGluZWFyUHJvZ3Jlc3NDbGFzc2VzLnJvb3R9YF06IHtcclxuICAgICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnN0aWdnLmJvcmRlci5yYWRpdXMsXHJcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5zdGlnZy5wYWxldHRlLm91dGxpbmVkQm9yZGVyLFxyXG4gICAgfSxcclxuICAgIFtgJiAuJHtsaW5lYXJQcm9ncmVzc0NsYXNzZXMuYmFyfWBdOiB7XHJcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWQgPyB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnlMaWdodCA6IHRoZW1lLnN0aWdnLnBhbGV0dGUucHJpbWFyeSxcclxuICAgIH0sXHJcbn0pKTtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZFN0ZXBCdXR0b24gPSBzdHlsZWQoQnV0dG9uKSgoKSA9PiAoe1xyXG4gICAgW2AmLiR7YnV0dG9uQ2xhc3Nlcy5yb290fWBdOiB7XHJcbiAgICAgICAgdGV4dFRyYW5zZm9ybTogJ25vbmUnLFxyXG4gICAgICAgIGxpbmVIZWlnaHQ6ICdpbmhlcml0JyxcclxuICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtc3RhcnQnLFxyXG4gICAgICAgIHBhZGRpbmc6ICc4cHggNHB4JyxcclxuICAgIH0sXHJcbn0pKTtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoSWNvbiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+ICFwcm9wLnN0YXJ0c1dpdGgoJyQnKSB9KSgoeyB0aGVtZSwgJGRpc2FibGVkLCAkc2hvdWxkU3Ryb2tlID0gdHJ1ZSwgJHNob3VsZEZpbGwgfSkgPT4gKHtcclxuICAgIGNpcmNsZToge1xyXG4gICAgICAgIHN0cm9rZTogJHNob3VsZFN0cm9rZSA/ICgkZGlzYWJsZWQgPyB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnlMaWdodCA6IHRoZW1lLnN0aWdnLnBhbGV0dGUucHJpbWFyeSkgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgZmlsbDogJHNob3VsZEZpbGwgPyAoJGRpc2FibGVkID8gdGhlbWUuc3RpZ2cucGFsZXR0ZS5wcmltYXJ5TGlnaHQgOiB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnkpIDogdW5kZWZpbmVkLFxyXG4gICAgfSxcclxufSkpO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DaGVja291dFByb2dyZXNzQmFyLnN0eWxlLmpzLm1hcCJdfQ== */");
+},  "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrb3V0UHJvZ3Jlc3NCYXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzhCIiwiZmlsZSI6IkNoZWNrb3V0UHJvZ3Jlc3NCYXIuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZC9tYWNybyc7XHJcbmltcG9ydCB7IEJ1dHRvbiwgYnV0dG9uQ2xhc3NlcywgTGluZWFyUHJvZ3Jlc3MsIGxpbmVhclByb2dyZXNzQ2xhc3NlcyB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnO1xyXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi4vLi4vY29tbW9uL0ljb24nO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3MgPSBzdHlsZWQoTGluZWFyUHJvZ3Jlc3MsIHsgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiAhcHJvcC5zdGFydHNXaXRoKCckJykgfSkoKHsgdGhlbWUsICRkaXNhYmxlZCB9KSA9PiAoe1xyXG4gICAgW2AmLiR7bGluZWFyUHJvZ3Jlc3NDbGFzc2VzLnJvb3R9YF06IHtcclxuICAgICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnN0aWdnLmJvcmRlci5yYWRpdXMsXHJcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5zdGlnZy5wYWxldHRlLm91dGxpbmVkQm9yZGVyLFxyXG4gICAgfSxcclxuICAgIFtgJiAuJHtsaW5lYXJQcm9ncmVzc0NsYXNzZXMuYmFyfWBdOiB7XHJcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWQgPyB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnlMaWdodCA6IHRoZW1lLnN0aWdnLnBhbGV0dGUucHJpbWFyeSxcclxuICAgIH0sXHJcbn0pKTtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZFN0ZXBCdXR0b24gPSBzdHlsZWQoQnV0dG9uKSgoKSA9PiAoe1xyXG4gICAgW2AmLiR7YnV0dG9uQ2xhc3Nlcy5yb290fWBdOiB7XHJcbiAgICAgICAgdGV4dFRyYW5zZm9ybTogJ25vbmUnLFxyXG4gICAgICAgIGxpbmVIZWlnaHQ6ICdpbmhlcml0JyxcclxuICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtc3RhcnQnLFxyXG4gICAgICAgIHBhZGRpbmc6ICc4cHggNHB4JyxcclxuICAgIH0sXHJcbn0pKTtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoSWNvbiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+ICFwcm9wLnN0YXJ0c1dpdGgoJyQnKSB9KSgoeyB0aGVtZSwgJGRpc2FibGVkLCAkc2hvdWxkRmlsbCB9KSA9PiAoe1xyXG4gICAgY2lyY2xlOiB7XHJcbiAgICAgICAgc3Ryb2tlOiAkZGlzYWJsZWQgPyB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnlMaWdodCA6IHRoZW1lLnN0aWdnLnBhbGV0dGUucHJpbWFyeSxcclxuICAgICAgICBmaWxsOiAkc2hvdWxkRmlsbCA/ICgkZGlzYWJsZWQgPyB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnlMaWdodCA6IHRoZW1lLnN0aWdnLnBhbGV0dGUucHJpbWFyeSkgOiB1bmRlZmluZWQsXHJcbiAgICB9LFxyXG59KSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNoZWNrb3V0UHJvZ3Jlc3NCYXIuc3R5bGUuanMubWFwIl19 */");
 var StyledStepButton = /*#__PURE__*/_styled(material.Button,  {
   target: "e9upyia1",
   label: "StyledStepButton"
@@ -7438,7 +7438,7 @@ var StyledStepButton = /*#__PURE__*/_styled(material.Button,  {
     justifyContent: 'flex-start',
     padding: '8px 4px'
   }, _ref3;
-},  "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrb3V0UHJvZ3Jlc3NCYXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWdDIiwiZmlsZSI6IkNoZWNrb3V0UHJvZ3Jlc3NCYXIuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZC9tYWNybyc7XHJcbmltcG9ydCB7IEJ1dHRvbiwgYnV0dG9uQ2xhc3NlcywgTGluZWFyUHJvZ3Jlc3MsIGxpbmVhclByb2dyZXNzQ2xhc3NlcyB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnO1xyXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi4vLi4vY29tbW9uL0ljb24nO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3MgPSBzdHlsZWQoTGluZWFyUHJvZ3Jlc3MsIHsgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiAhcHJvcC5zdGFydHNXaXRoKCckJykgfSkoKHsgdGhlbWUsICRkaXNhYmxlZCB9KSA9PiAoe1xyXG4gICAgW2AmLiR7bGluZWFyUHJvZ3Jlc3NDbGFzc2VzLnJvb3R9YF06IHtcclxuICAgICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnN0aWdnLmJvcmRlci5yYWRpdXMsXHJcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5zdGlnZy5wYWxldHRlLm91dGxpbmVkQm9yZGVyLFxyXG4gICAgfSxcclxuICAgIFtgJiAuJHtsaW5lYXJQcm9ncmVzc0NsYXNzZXMuYmFyfWBdOiB7XHJcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWQgPyB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnlMaWdodCA6IHRoZW1lLnN0aWdnLnBhbGV0dGUucHJpbWFyeSxcclxuICAgIH0sXHJcbn0pKTtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZFN0ZXBCdXR0b24gPSBzdHlsZWQoQnV0dG9uKSgoKSA9PiAoe1xyXG4gICAgW2AmLiR7YnV0dG9uQ2xhc3Nlcy5yb290fWBdOiB7XHJcbiAgICAgICAgdGV4dFRyYW5zZm9ybTogJ25vbmUnLFxyXG4gICAgICAgIGxpbmVIZWlnaHQ6ICdpbmhlcml0JyxcclxuICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtc3RhcnQnLFxyXG4gICAgICAgIHBhZGRpbmc6ICc4cHggNHB4JyxcclxuICAgIH0sXHJcbn0pKTtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoSWNvbiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+ICFwcm9wLnN0YXJ0c1dpdGgoJyQnKSB9KSgoeyB0aGVtZSwgJGRpc2FibGVkLCAkc2hvdWxkU3Ryb2tlID0gdHJ1ZSwgJHNob3VsZEZpbGwgfSkgPT4gKHtcclxuICAgIGNpcmNsZToge1xyXG4gICAgICAgIHN0cm9rZTogJHNob3VsZFN0cm9rZSA/ICgkZGlzYWJsZWQgPyB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnlMaWdodCA6IHRoZW1lLnN0aWdnLnBhbGV0dGUucHJpbWFyeSkgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgZmlsbDogJHNob3VsZEZpbGwgPyAoJGRpc2FibGVkID8gdGhlbWUuc3RpZ2cucGFsZXR0ZS5wcmltYXJ5TGlnaHQgOiB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnkpIDogdW5kZWZpbmVkLFxyXG4gICAgfSxcclxufSkpO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DaGVja291dFByb2dyZXNzQmFyLnN0eWxlLmpzLm1hcCJdfQ== */");
+},  "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrb3V0UHJvZ3Jlc3NCYXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWdDIiwiZmlsZSI6IkNoZWNrb3V0UHJvZ3Jlc3NCYXIuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZC9tYWNybyc7XHJcbmltcG9ydCB7IEJ1dHRvbiwgYnV0dG9uQ2xhc3NlcywgTGluZWFyUHJvZ3Jlc3MsIGxpbmVhclByb2dyZXNzQ2xhc3NlcyB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnO1xyXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi4vLi4vY29tbW9uL0ljb24nO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3MgPSBzdHlsZWQoTGluZWFyUHJvZ3Jlc3MsIHsgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiAhcHJvcC5zdGFydHNXaXRoKCckJykgfSkoKHsgdGhlbWUsICRkaXNhYmxlZCB9KSA9PiAoe1xyXG4gICAgW2AmLiR7bGluZWFyUHJvZ3Jlc3NDbGFzc2VzLnJvb3R9YF06IHtcclxuICAgICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnN0aWdnLmJvcmRlci5yYWRpdXMsXHJcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5zdGlnZy5wYWxldHRlLm91dGxpbmVkQm9yZGVyLFxyXG4gICAgfSxcclxuICAgIFtgJiAuJHtsaW5lYXJQcm9ncmVzc0NsYXNzZXMuYmFyfWBdOiB7XHJcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWQgPyB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnlMaWdodCA6IHRoZW1lLnN0aWdnLnBhbGV0dGUucHJpbWFyeSxcclxuICAgIH0sXHJcbn0pKTtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZFN0ZXBCdXR0b24gPSBzdHlsZWQoQnV0dG9uKSgoKSA9PiAoe1xyXG4gICAgW2AmLiR7YnV0dG9uQ2xhc3Nlcy5yb290fWBdOiB7XHJcbiAgICAgICAgdGV4dFRyYW5zZm9ybTogJ25vbmUnLFxyXG4gICAgICAgIGxpbmVIZWlnaHQ6ICdpbmhlcml0JyxcclxuICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtc3RhcnQnLFxyXG4gICAgICAgIHBhZGRpbmc6ICc4cHggNHB4JyxcclxuICAgIH0sXHJcbn0pKTtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoSWNvbiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+ICFwcm9wLnN0YXJ0c1dpdGgoJyQnKSB9KSgoeyB0aGVtZSwgJGRpc2FibGVkLCAkc2hvdWxkRmlsbCB9KSA9PiAoe1xyXG4gICAgY2lyY2xlOiB7XHJcbiAgICAgICAgc3Ryb2tlOiAkZGlzYWJsZWQgPyB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnlMaWdodCA6IHRoZW1lLnN0aWdnLnBhbGV0dGUucHJpbWFyeSxcclxuICAgICAgICBmaWxsOiAkc2hvdWxkRmlsbCA/ICgkZGlzYWJsZWQgPyB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnlMaWdodCA6IHRoZW1lLnN0aWdnLnBhbGV0dGUucHJpbWFyeSkgOiB1bmRlZmluZWQsXHJcbiAgICB9LFxyXG59KSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNoZWNrb3V0UHJvZ3Jlc3NCYXIuc3R5bGUuanMubWFwIl19 */");
 var StyledIcon = /*#__PURE__*/_styled(Icon,  {
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
@@ -7448,16 +7448,14 @@ var StyledIcon = /*#__PURE__*/_styled(Icon,  {
 })(function (_ref4) {
   var theme = _ref4.theme,
       $disabled = _ref4.$disabled,
-      _ref4$$shouldStroke = _ref4.$shouldStroke,
-      $shouldStroke = _ref4$$shouldStroke === void 0 ? true : _ref4$$shouldStroke,
       $shouldFill = _ref4.$shouldFill;
   return {
     circle: {
-      stroke: $shouldStroke ? $disabled ? theme.stigg.palette.primaryLight : theme.stigg.palette.primary : undefined,
+      stroke: $disabled ? theme.stigg.palette.primaryLight : theme.stigg.palette.primary,
       fill: $shouldFill ? $disabled ? theme.stigg.palette.primaryLight : theme.stigg.palette.primary : undefined
     }
   };
-},  "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrb3V0UHJvZ3Jlc3NCYXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0IwQiIsImZpbGUiOiJDaGVja291dFByb2dyZXNzQmFyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQvbWFjcm8nO1xyXG5pbXBvcnQgeyBCdXR0b24sIGJ1dHRvbkNsYXNzZXMsIExpbmVhclByb2dyZXNzLCBsaW5lYXJQcm9ncmVzc0NsYXNzZXMgfSBmcm9tICdAbXVpL21hdGVyaWFsJztcclxuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4uLy4uL2NvbW1vbi9JY29uJztcclxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzID0gc3R5bGVkKExpbmVhclByb2dyZXNzLCB7IHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gIXByb3Auc3RhcnRzV2l0aCgnJCcpIH0pKCh7IHRoZW1lLCAkZGlzYWJsZWQgfSkgPT4gKHtcclxuICAgIFtgJi4ke2xpbmVhclByb2dyZXNzQ2xhc3Nlcy5yb290fWBdOiB7XHJcbiAgICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zdGlnZy5ib3JkZXIucmFkaXVzLFxyXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuc3RpZ2cucGFsZXR0ZS5vdXRsaW5lZEJvcmRlcixcclxuICAgIH0sXHJcbiAgICBbYCYgLiR7bGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmJhcn1gXToge1xyXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJGRpc2FibGVkID8gdGhlbWUuc3RpZ2cucGFsZXR0ZS5wcmltYXJ5TGlnaHQgOiB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnksXHJcbiAgICB9LFxyXG59KSk7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRTdGVwQnV0dG9uID0gc3R5bGVkKEJ1dHRvbikoKCkgPT4gKHtcclxuICAgIFtgJi4ke2J1dHRvbkNsYXNzZXMucm9vdH1gXToge1xyXG4gICAgICAgIHRleHRUcmFuc2Zvcm06ICdub25lJyxcclxuICAgICAgICBsaW5lSGVpZ2h0OiAnaW5oZXJpdCcsXHJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdmbGV4LXN0YXJ0JyxcclxuICAgICAgICBwYWRkaW5nOiAnOHB4IDRweCcsXHJcbiAgICB9LFxyXG59KSk7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKEljb24sIHsgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiAhcHJvcC5zdGFydHNXaXRoKCckJykgfSkoKHsgdGhlbWUsICRkaXNhYmxlZCwgJHNob3VsZFN0cm9rZSA9IHRydWUsICRzaG91bGRGaWxsIH0pID0+ICh7XHJcbiAgICBjaXJjbGU6IHtcclxuICAgICAgICBzdHJva2U6ICRzaG91bGRTdHJva2UgPyAoJGRpc2FibGVkID8gdGhlbWUuc3RpZ2cucGFsZXR0ZS5wcmltYXJ5TGlnaHQgOiB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnkpIDogdW5kZWZpbmVkLFxyXG4gICAgICAgIGZpbGw6ICRzaG91bGRGaWxsID8gKCRkaXNhYmxlZCA/IHRoZW1lLnN0aWdnLnBhbGV0dGUucHJpbWFyeUxpZ2h0IDogdGhlbWUuc3RpZ2cucGFsZXR0ZS5wcmltYXJ5KSA6IHVuZGVmaW5lZCxcclxuICAgIH0sXHJcbn0pKTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q2hlY2tvdXRQcm9ncmVzc0Jhci5zdHlsZS5qcy5tYXAiXX0= */");
+},  "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrb3V0UHJvZ3Jlc3NCYXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0IwQiIsImZpbGUiOiJDaGVja291dFByb2dyZXNzQmFyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQvbWFjcm8nO1xyXG5pbXBvcnQgeyBCdXR0b24sIGJ1dHRvbkNsYXNzZXMsIExpbmVhclByb2dyZXNzLCBsaW5lYXJQcm9ncmVzc0NsYXNzZXMgfSBmcm9tICdAbXVpL21hdGVyaWFsJztcclxuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4uLy4uL2NvbW1vbi9JY29uJztcclxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzID0gc3R5bGVkKExpbmVhclByb2dyZXNzLCB7IHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gIXByb3Auc3RhcnRzV2l0aCgnJCcpIH0pKCh7IHRoZW1lLCAkZGlzYWJsZWQgfSkgPT4gKHtcclxuICAgIFtgJi4ke2xpbmVhclByb2dyZXNzQ2xhc3Nlcy5yb290fWBdOiB7XHJcbiAgICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zdGlnZy5ib3JkZXIucmFkaXVzLFxyXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuc3RpZ2cucGFsZXR0ZS5vdXRsaW5lZEJvcmRlcixcclxuICAgIH0sXHJcbiAgICBbYCYgLiR7bGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmJhcn1gXToge1xyXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJGRpc2FibGVkID8gdGhlbWUuc3RpZ2cucGFsZXR0ZS5wcmltYXJ5TGlnaHQgOiB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnksXHJcbiAgICB9LFxyXG59KSk7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRTdGVwQnV0dG9uID0gc3R5bGVkKEJ1dHRvbikoKCkgPT4gKHtcclxuICAgIFtgJi4ke2J1dHRvbkNsYXNzZXMucm9vdH1gXToge1xyXG4gICAgICAgIHRleHRUcmFuc2Zvcm06ICdub25lJyxcclxuICAgICAgICBsaW5lSGVpZ2h0OiAnaW5oZXJpdCcsXHJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdmbGV4LXN0YXJ0JyxcclxuICAgICAgICBwYWRkaW5nOiAnOHB4IDRweCcsXHJcbiAgICB9LFxyXG59KSk7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKEljb24sIHsgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiAhcHJvcC5zdGFydHNXaXRoKCckJykgfSkoKHsgdGhlbWUsICRkaXNhYmxlZCwgJHNob3VsZEZpbGwgfSkgPT4gKHtcclxuICAgIGNpcmNsZToge1xyXG4gICAgICAgIHN0cm9rZTogJGRpc2FibGVkID8gdGhlbWUuc3RpZ2cucGFsZXR0ZS5wcmltYXJ5TGlnaHQgOiB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnksXHJcbiAgICAgICAgZmlsbDogJHNob3VsZEZpbGwgPyAoJGRpc2FibGVkID8gdGhlbWUuc3RpZ2cucGFsZXR0ZS5wcmltYXJ5TGlnaHQgOiB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnkpIDogdW5kZWZpbmVkLFxyXG4gICAgfSxcclxufSkpO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DaGVja291dFByb2dyZXNzQmFyLnN0eWxlLmpzLm1hcCJdfQ== */");
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$j() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var SkeletonsContainer = /*#__PURE__*/_styled(material.Grid,  {
@@ -7563,7 +7561,6 @@ var CheckoutProgressBar = function CheckoutProgressBar() {
       icon: React__default.createElement(StyledIcon, {
         icon: isCompleted ? checkedIcon : 'OutlinedCircle',
         "$disabled": isDisabled,
-        "$shouldStroke": isCompleted && !isDisabled || isDisabled,
         "$shouldFill": isCompleted
       })
     }), React__default.createElement(Typography, {
@@ -7651,7 +7648,10 @@ var InputField = /*#__PURE__*/styled$1(material.TextField)(function (_ref) {
       borderRadius: theme.stigg.border.radius,
       fontFamily: theme.stigg.typography.fontFamily,
       color: theme.stigg.palette.text.primary
-    }, theme.stigg.typography.body)
+    }, theme.stigg.typography.body),
+    '& .Mui-error': {
+      fontFamily: theme.stigg.typography.fontFamily
+    }
   };
 });
 
@@ -8019,7 +8019,8 @@ var _excluded$6 = ["postal_code"];
 function StripePaymentForm(_ref) {
   var _configuration$conten;
 
-  var onBillingAddressChange = _ref.onBillingAddressChange;
+  var onBillingAddressChange = _ref.onBillingAddressChange,
+      collectPhoneNumber = _ref.collectPhoneNumber;
 
   var _useCheckoutModel = useCheckoutModel(),
       checkoutState = _useCheckoutModel.checkoutState,
@@ -8035,6 +8036,7 @@ function StripePaymentForm(_ref) {
       configuration = _ref2.configuration;
 
   var readOnly = widgetState.readOnly;
+  var shouldCollectPhoneNumber = !!(collectPhoneNumber != null ? collectPhoneNumber : configuration == null ? void 0 : (_configuration$conten = configuration.content) == null ? void 0 : _configuration$conten.collectPhoneNumber);
 
   var handleAddressChange = function handleAddressChange(args) {
     if (!args.complete) {
@@ -8105,7 +8107,7 @@ function StripePaymentForm(_ref) {
     options: {
       mode: 'billing',
       fields: {
-        phone: configuration != null && (_configuration$conten = configuration.content) != null && _configuration$conten.collectPhoneNumber ? 'always' : 'auto'
+        phone: shouldCollectPhoneNumber ? 'always' : 'auto'
       },
       defaultValues: _extends({}, (customer == null ? void 0 : customer.name) && {
         name: customer.name
@@ -12859,7 +12861,8 @@ function NewPaymentMethod(_ref3) {
       onSelect = _ref3.onSelect,
       readOnly = _ref3.readOnly,
       checkoutLocalization = _ref3.checkoutLocalization,
-      onBillingAddressChange = _ref3.onBillingAddressChange;
+      onBillingAddressChange = _ref3.onBillingAddressChange,
+      collectPhoneNumber = _ref3.collectPhoneNumber;
   return React__default.createElement(NewPaymentMethodContainer, {
     item: true,
     onClick: onSelect,
@@ -12874,14 +12877,16 @@ function NewPaymentMethod(_ref3) {
   }), React__default.createElement(material.Collapse, {
     "in": checked
   }, React__default.createElement(StripePaymentForm, {
-    onBillingAddressChange: onBillingAddressChange
+    onBillingAddressChange: onBillingAddressChange,
+    collectPhoneNumber: collectPhoneNumber
   })));
 }
 
 var _templateObject$8;
 var PaymentContainer = /*#__PURE__*/styled$1(material.Grid)(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n"])));
 function PaymentStep(_ref) {
-  var onBillingAddressChange = _ref.onBillingAddressChange;
+  var onBillingAddressChange = _ref.onBillingAddressChange,
+      collectPhoneNumber = _ref.collectPhoneNumber;
 
   var _useCheckoutModel = useCheckoutModel(),
       checkoutState = _useCheckoutModel.checkoutState,
@@ -12929,7 +12934,8 @@ function PaymentStep(_ref) {
     onSelect: function onSelect() {
       return handleOnSelect(true);
     },
-    onBillingAddressChange: onBillingAddressChange
+    onBillingAddressChange: onBillingAddressChange,
+    collectPhoneNumber: collectPhoneNumber
   }));
 }
 
@@ -13498,7 +13504,8 @@ var DowngradeToFreePlan = function DowngradeToFreePlan(_ref3) {
 
 var getStepProps = function getStepProps(currentStep, _ref) {
   var onBillingAddressChange = _ref.onBillingAddressChange,
-      onChangePlan = _ref.onChangePlan;
+      onChangePlan = _ref.onChangePlan,
+      collectPhoneNumber = _ref.collectPhoneNumber;
 
   switch (currentStep.key) {
     case CheckoutStepKey.PLAN:
@@ -13516,7 +13523,8 @@ var getStepProps = function getStepProps(currentStep, _ref) {
     case CheckoutStepKey.PAYMENT:
       return {
         content: React__default.createElement(PaymentStep, {
-          onBillingAddressChange: onBillingAddressChange
+          onBillingAddressChange: onBillingAddressChange,
+          collectPhoneNumber: collectPhoneNumber
         })
       };
 
@@ -13532,6 +13540,7 @@ function CheckoutContainer(_ref2) {
       onCheckoutCompleted = _ref2.onCheckoutCompleted,
       onChangePlan = _ref2.onChangePlan,
       onBillingAddressChange = _ref2.onBillingAddressChange,
+      collectPhoneNumber = _ref2.collectPhoneNumber,
       disablePromotionCode = _ref2.disablePromotionCode,
       disableSuccessAnimation = _ref2.disableSuccessAnimation,
       onMockCheckoutPreview = _ref2.onMockCheckoutPreview;
@@ -13562,23 +13571,26 @@ function CheckoutContainer(_ref2) {
 
   var _getStepProps = getStepProps(currentStep, {
     onBillingAddressChange: onBillingAddressChange,
-    onChangePlan: onChangePlan
+    onChangePlan: onChangePlan,
+    collectPhoneNumber: collectPhoneNumber
   }),
       content = _getStepProps.content;
 
   var checkoutContent = React__default.createElement(React__default.Fragment, null, isFreeDowngrade ? React__default.createElement(DowngradeToFreePlan, {
-    checkoutLocalization: checkoutLocalization,
     freePlan: plan,
     activeSubscription: activeSubscription,
     allowChangePlan: true,
+    checkoutLocalization: checkoutLocalization,
     onChangePlan: onChangePlan
   }) : React__default.createElement(React__default.Fragment, null, content));
-  var stripeElementsMode = setupIntentClientSecret ? {
-    clientSecret: setupIntentClientSecret
-  } : {
-    mode: 'setup',
-    currency: 'usd'
-  };
+  var stripeElementsMode = React.useMemo(function () {
+    return setupIntentClientSecret ? {
+      clientSecret: setupIntentClientSecret
+    } : {
+      mode: 'setup',
+      currency: 'usd'
+    };
+  }, [setupIntentClientSecret]);
   return React__default.createElement(reactStripeJs.Elements, {
     stripe: stripePromise,
     options: _extends({}, stripeElementsMode, {