@stigg/react-sdk 4.4.1 → 4.4.3

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/promotionCode/AppliedPromotionCode.d.ts

@@ -1,4 +1,10 @@
 /// <reference types="react" />
+/// <reference types="@emotion/styled/macro" />
+export declare const StyledIcon: import("@emotion/styled/macro").StyledComponent<import("../../common/Icon").IconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    $shouldFill?: boolean | undefined;
+}, {}, {}>;
 export declare type AppliedPromotionCodeProps = {
     promotionCode: string;
     onClearPromotionCode: () => void;

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/index.d.ts

@@ -3,7 +3,7 @@ export * from '@stigg/js-client-sdk';
 export { Paywall, PaywallProps, OnPlanSelectedCallbackFn, PaywallPlan, SubscribeIntentionType, PaywallLocalization, } from './components/paywall';
 export { CustomerPortalProvider, CustomerPortal, CustomerPortalProps, CustomerPortalSection, AddonsList, PaymentDetailsSection, InvoicesSection, CustomerUsageData, CustomerUsageDataProps, SubscriptionsOverview, SubscriptionsOverviewProps, Promotions, } from './components/customerPortal';
 export { StiggProvider, StiggProviderProps, useStiggContext, StiggContextValue, StiggContext, } from './components/StiggProvider';
-export { Checkout, CheckoutProps, CheckoutTheme } from './components/checkout';
+export { Checkout, CheckoutProps, CheckoutProviderProps, CheckoutContainerProps, CheckoutLocalization, CheckoutResult, OnCheckoutCompletedParams, OnCheckoutParams, CheckoutTheme, CheckoutMockProps, MockCheckoutPreviewCallback, MockCheckoutStateCallback, BillingInformation, TaxDetailsInput, } from './components/checkout';
 export { useWaitForCheckoutCompleted, ProvisionStatus } from './components/hooks';
 export { HorizontalAlignment, TextAlignment } from './theme/types';
 export { CustomizedTheme as Theme } from './theme/Theme';

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

@@ -7933,7 +7933,7 @@ var AddPromotionCode = function AddPromotionCode(_ref2) {
 };
 
 var AppliedCouponContainer = /*#__PURE__*/_styled(material.Grid,  {
-  target: "e1cvrfx30",
+  target: "e1cvrfx31",
   label: "AppliedCouponContainer"
 })("width:auto;display:inline-flex;align-items:center;flex-direction:row;gap:8px;padding:6px 8px;border-radius:", function (_ref) {
   var theme = _ref.theme;
@@ -7941,11 +7941,25 @@ var AppliedCouponContainer = /*#__PURE__*/_styled(material.Grid,  {
 }, ";border:1px solid ", function (_ref2) {
   var theme = _ref2.theme;
   return theme.stigg.palette.primary;
-}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFwcGxpZWRQcm9tb3Rpb25Db2RlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNNEMiLCJmaWxlIjoiQXBwbGllZFByb21vdGlvbkNvZGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQvbWFjcm8nO1xyXG5pbXBvcnQgeyBHcmlkIH0gZnJvbSAnQG11aS9tYXRlcmlhbCc7XHJcbmltcG9ydCB7IEljb24gfSBmcm9tICcuLi8uLi9jb21tb24vSWNvbic7XHJcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tICcuLi8uLi9jb21tb24vVHlwb2dyYXBoeSc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xyXG5jb25zdCBBcHBsaWVkQ291cG9uQ29udGFpbmVyID0gc3R5bGVkKEdyaWQpIGBcbiAgd2lkdGg6IGF1dG87XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBnYXA6IDhweDtcbiAgcGFkZGluZzogNnB4IDhweDtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zdGlnZy5ib3JkZXIucmFkaXVzfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IEFwcGxpZWRQcm9tb3Rpb25Db2RlID0gKHsgcHJvbW90aW9uQ29kZSwgb25DbGVhclByb21vdGlvbkNvZGUgfSkgPT4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoQXBwbGllZENvdXBvbkNvbnRhaW5lciwgeyBjb250YWluZXI6IHRydWUgfSxcclxuICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoR3JpZCwgeyBpdGVtOiB0cnVlLCBkaXNwbGF5OiBcImZsZXhcIiwgZ2FwOiAxLCBhbGlnbkl0ZW1zOiBcImNlbnRlclwiIH0sXHJcbiAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChJY29uLCB7IGljb246IFwiQ291cG9uXCIsIHN0eWxlOiB7IGRpc3BsYXk6ICdmbGV4JyB9IH0pLFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoVHlwb2dyYXBoeSwgeyB2YXJpYW50OiBcImJvZHkxXCIsIGNvbG9yOiBcInByaW1hcnkubWFpblwiLCBsaW5lSGVpZ2h0OiBcImF1dG9cIiB9LCBwcm9tb3Rpb25Db2RlKSksXHJcbiAgICBSZWFjdC5jcmVhdGVFbGVtZW50KEdyaWQsIHsgaXRlbTogdHJ1ZSB9LFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoQnV0dG9uLCB7IHZhcmlhbnQ6IFwidGV4dFwiLCBzeDogeyBtaW5XaWR0aDogJ3Vuc2V0JywgcGFkZGluZzogMCB9LCBvbkNsaWNrOiBvbkNsZWFyUHJvbW90aW9uQ29kZSB9LFxyXG4gICAgICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KEljb24sIHsgaWNvbjogXCJDbG9zZVwiLCBzdHlsZTogeyBkaXNwbGF5OiAnZmxleCcgfSB9KSkpKSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFwcGxpZWRQcm9tb3Rpb25Db2RlLmpzLm1hcCJdfQ== */"));
+}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFwcGxpZWRQcm9tb3Rpb25Db2RlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNNEMiLCJmaWxlIjoiQXBwbGllZFByb21vdGlvbkNvZGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQvbWFjcm8nO1xyXG5pbXBvcnQgeyBHcmlkIH0gZnJvbSAnQG11aS9tYXRlcmlhbCc7XHJcbmltcG9ydCB7IEljb24gfSBmcm9tICcuLi8uLi9jb21tb24vSWNvbic7XHJcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tICcuLi8uLi9jb21tb24vVHlwb2dyYXBoeSc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xyXG5jb25zdCBBcHBsaWVkQ291cG9uQ29udGFpbmVyID0gc3R5bGVkKEdyaWQpIGBcbiAgd2lkdGg6IGF1dG87XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBnYXA6IDhweDtcbiAgcGFkZGluZzogNnB4IDhweDtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zdGlnZy5ib3JkZXIucmFkaXVzfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoSWNvbiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09ICdzdHlsZScgfSkgYFxuICBkaXNwbGF5OiBmbGV4O1xuXG4gIGcge1xuICAgIHN0cm9rZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnl9O1xuICB9XG5cbiAgcGF0aCB7XG4gICAgZmlsbDogJHsoeyB0aGVtZSwgJHNob3VsZEZpbGwgfSkgPT4gKCRzaG91bGRGaWxsID8gdGhlbWUuc3RpZ2cucGFsZXR0ZS5wcmltYXJ5IDogdW5kZWZpbmVkKX07XG4gIH1cbmA7XHJcbmV4cG9ydCBjb25zdCBBcHBsaWVkUHJvbW90aW9uQ29kZSA9ICh7IHByb21vdGlvbkNvZGUsIG9uQ2xlYXJQcm9tb3Rpb25Db2RlIH0pID0+IChSZWFjdC5jcmVhdGVFbGVtZW50KEFwcGxpZWRDb3Vwb25Db250YWluZXIsIHsgY29udGFpbmVyOiB0cnVlIH0sXHJcbiAgICBSZWFjdC5jcmVhdGVFbGVtZW50KEdyaWQsIHsgaXRlbTogdHJ1ZSwgZGlzcGxheTogXCJmbGV4XCIsIGdhcDogMSwgYWxpZ25JdGVtczogXCJjZW50ZXJcIiB9LFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoU3R5bGVkSWNvbiwgeyBpY29uOiBcIkNvdXBvblwiIH0pLFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoVHlwb2dyYXBoeSwgeyB2YXJpYW50OiBcImJvZHkxXCIsIGNvbG9yOiBcInByaW1hcnkubWFpblwiLCBsaW5lSGVpZ2h0OiBcImF1dG9cIiB9LCBwcm9tb3Rpb25Db2RlKSksXHJcbiAgICBSZWFjdC5jcmVhdGVFbGVtZW50KEdyaWQsIHsgaXRlbTogdHJ1ZSB9LFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoQnV0dG9uLCB7IHZhcmlhbnQ6IFwidGV4dFwiLCBzeDogeyBtaW5XaWR0aDogJ3Vuc2V0JywgcGFkZGluZzogMCB9LCBvbkNsaWNrOiBvbkNsZWFyUHJvbW90aW9uQ29kZSB9LFxyXG4gICAgICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZEljb24sIHsgaWNvbjogXCJDbG9zZVwiLCBcIiRzaG91bGRGaWxsXCI6IHRydWUgfSkpKSkpO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BcHBsaWVkUHJvbW90aW9uQ29kZS5qcy5tYXAiXX0= */"));
 
-var AppliedPromotionCode = function AppliedPromotionCode(_ref3) {
-  var promotionCode = _ref3.promotionCode,
-      onClearPromotionCode = _ref3.onClearPromotionCode;
+var StyledIcon$1 = /*#__PURE__*/_styled(Icon,  {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'style';
+  },
+  target: "e1cvrfx30",
+  label: "StyledIcon"
+})("display:flex;g{stroke:", function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.stigg.palette.primary;
+}, ";}path{fill:", function (_ref4) {
+  var theme = _ref4.theme,
+      $shouldFill = _ref4.$shouldFill;
+  return $shouldFill ? theme.stigg.palette.primary : undefined;
+}, ";}" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFwcGxpZWRQcm9tb3Rpb25Db2RlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjBGIiwiZmlsZSI6IkFwcGxpZWRQcm9tb3Rpb25Db2RlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkL21hY3JvJztcclxuaW1wb3J0IHsgR3JpZCB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnO1xyXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi4vLi4vY29tbW9uL0ljb24nO1xyXG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnLi4vLi4vY29tbW9uL1R5cG9ncmFwaHknO1xyXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9jb21wb25lbnRzJztcclxuY29uc3QgQXBwbGllZENvdXBvbkNvbnRhaW5lciA9IHN0eWxlZChHcmlkKSBgXG4gIHdpZHRoOiBhdXRvO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgZ2FwOiA4cHg7XG4gIHBhZGRpbmc6IDZweCA4cHg7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3RpZ2cuYm9yZGVyLnJhZGl1c307XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3RpZ2cucGFsZXR0ZS5wcmltYXJ5fTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKEljb24sIHsgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnc3R5bGUnIH0pIGBcbiAgZGlzcGxheTogZmxleDtcblxuICBnIHtcbiAgICBzdHJva2U6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3RpZ2cucGFsZXR0ZS5wcmltYXJ5fTtcbiAgfVxuXG4gIHBhdGgge1xuICAgIGZpbGw6ICR7KHsgdGhlbWUsICRzaG91bGRGaWxsIH0pID0+ICgkc2hvdWxkRmlsbCA/IHRoZW1lLnN0aWdnLnBhbGV0dGUucHJpbWFyeSA6IHVuZGVmaW5lZCl9O1xuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgQXBwbGllZFByb21vdGlvbkNvZGUgPSAoeyBwcm9tb3Rpb25Db2RlLCBvbkNsZWFyUHJvbW90aW9uQ29kZSB9KSA9PiAoUmVhY3QuY3JlYXRlRWxlbWVudChBcHBsaWVkQ291cG9uQ29udGFpbmVyLCB7IGNvbnRhaW5lcjogdHJ1ZSB9LFxyXG4gICAgUmVhY3QuY3JlYXRlRWxlbWVudChHcmlkLCB7IGl0ZW06IHRydWUsIGRpc3BsYXk6IFwiZmxleFwiLCBnYXA6IDEsIGFsaWduSXRlbXM6IFwiY2VudGVyXCIgfSxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZEljb24sIHsgaWNvbjogXCJDb3Vwb25cIiB9KSxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFR5cG9ncmFwaHksIHsgdmFyaWFudDogXCJib2R5MVwiLCBjb2xvcjogXCJwcmltYXJ5Lm1haW5cIiwgbGluZUhlaWdodDogXCJhdXRvXCIgfSwgcHJvbW90aW9uQ29kZSkpLFxyXG4gICAgUmVhY3QuY3JlYXRlRWxlbWVudChHcmlkLCB7IGl0ZW06IHRydWUgfSxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KEJ1dHRvbiwgeyB2YXJpYW50OiBcInRleHRcIiwgc3g6IHsgbWluV2lkdGg6ICd1bnNldCcsIHBhZGRpbmc6IDAgfSwgb25DbGljazogb25DbGVhclByb21vdGlvbkNvZGUgfSxcclxuICAgICAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChTdHlsZWRJY29uLCB7IGljb246IFwiQ2xvc2VcIiwgXCIkc2hvdWxkRmlsbFwiOiB0cnVlIH0pKSkpKTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QXBwbGllZFByb21vdGlvbkNvZGUuanMubWFwIl19 */"));
+var AppliedPromotionCode = function AppliedPromotionCode(_ref5) {
+  var promotionCode = _ref5.promotionCode,
+      onClearPromotionCode = _ref5.onClearPromotionCode;
   return React__default.createElement(AppliedCouponContainer, {
     container: true
   }, React__default.createElement(material.Grid, {
@@ -7953,11 +7967,8 @@ var AppliedPromotionCode = function AppliedPromotionCode(_ref3) {
     display: "flex",
     gap: 1,
     alignItems: "center"
-  }, React__default.createElement(Icon, {
-    icon: "Coupon",
-    style: {
-      display: 'flex'
-    }
+  }, React__default.createElement(StyledIcon$1, {
+    icon: "Coupon"
   }), React__default.createElement(Typography, {
     variant: "body1",
     color: "primary.main",
@@ -7971,11 +7982,9 @@ var AppliedPromotionCode = function AppliedPromotionCode(_ref3) {
       padding: 0
     },
     onClick: onClearPromotionCode
-  }, React__default.createElement(Icon, {
+  }, React__default.createElement(StyledIcon$1, {
     icon: "Close",
-    style: {
-      display: 'flex'
-    }
+    "$shouldFill": true
   }))));
 };
 
@@ -8019,7 +8028,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 +8045,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 +8116,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 +12870,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 +12886,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 +12943,8 @@ function PaymentStep(_ref) {
     onSelect: function onSelect() {
       return handleOnSelect(true);
     },
-    onBillingAddressChange: onBillingAddressChange
+    onBillingAddressChange: onBillingAddressChange,
+    collectPhoneNumber: collectPhoneNumber
   }));
 }
 
@@ -13498,7 +13513,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 +13532,8 @@ var getStepProps = function getStepProps(currentStep, _ref) {
     case CheckoutStepKey.PAYMENT:
       return {
         content: React__default.createElement(PaymentStep, {
-          onBillingAddressChange: onBillingAddressChange
+          onBillingAddressChange: onBillingAddressChange,
+          collectPhoneNumber: collectPhoneNumber
         })
       };
 
@@ -13532,6 +13549,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,15 +13580,16 @@ 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 = React.useMemo(function () {