@stigg/react-sdk 4.4.1 → 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/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

@@ -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,15 +13571,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 () {