@stigg/react-sdk 4.4.0-beta.0 → 4.4.0-beta.2

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

@@ -29,6 +29,6 @@ export declare type CheckoutProviderProps = {
     billingCountryCode?: string;
     billableFeatures?: BillableFeature[];
 };
-export declare function CheckoutProvider({ children, textOverrides, theme, resourceId, planId, preferredBillingPeriod, billingCountryCode, billableFeatures, }: {
+export declare function CheckoutProvider({ children, textOverrides, theme, preferredBillingPeriod, billableFeatures, resourceId, planId, billingCountryCode, }: {
     children: React.ReactNode;
 } & CheckoutProviderProps): JSX.Element;

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

@@ -1,3 +1,4 @@
 export { CheckoutTheme } from './theme';
 export { Checkout, CheckoutProps } from './Checkout';
+export { OnCheckoutCompletedParams, OnCheckoutParams, CheckoutResult } from './CheckoutContainer';
 export { CheckoutLocalization } from './textOverrides';

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

@@ -6704,7 +6704,6 @@ var usePreviewSubscriptionAction = function usePreviewSubscriptionAction() {
 
   var _ref = checkoutState || {},
       plan = _ref.plan,
-      activeSubscription = _ref.activeSubscription,
       customer = _ref.customer;
 
   var previewSubscriptionAction = React.useCallback( /*#__PURE__*/function () {
@@ -6776,7 +6775,7 @@ var usePreviewSubscriptionAction = function usePreviewSubscriptionAction() {
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }(), [activeSubscription, customer, plan, resourceId, stigg, subscription.addons, subscription.billingPeriod, subscription.billableFeatures, subscription.promotionCode, planStep.billingCountryCode]);
+  }(), [customer, plan, resourceId, stigg, subscription.addons, subscription.billingPeriod, subscription.billableFeatures, subscription.promotionCode, planStep.billingCountryCode]);
   return {
     previewSubscriptionAction: previewSubscriptionAction
   };
@@ -6968,6 +6967,9 @@ var CheckoutContextProvider = function CheckoutContextProvider(_ref) {
       state = _useState[0],
       innerSetState = _useState[1];
 
+  React.useEffect(function () {
+    innerSetState(initialState);
+  }, [initialState]);
   var setState = React.useCallback(function (updater) {
     return innerSetState(function (old) {
       return immer.produce(old, function (draft) {
@@ -6978,7 +6980,7 @@ var CheckoutContextProvider = function CheckoutContextProvider(_ref) {
 
   var _useMemo = React.useMemo(function () {
     return [state, setState];
-  }, [state]),
+  }, [setState, state]),
       contextValue = _useMemo[0],
       setContextValue = _useMemo[1];
 
@@ -6991,11 +6993,11 @@ function CheckoutProvider(_ref2) {
   var children = _ref2.children,
       textOverrides = _ref2.textOverrides,
       theme = _ref2.theme,
+      preferredBillingPeriod = _ref2.preferredBillingPeriod,
+      billableFeatures = _ref2.billableFeatures,
       resourceId = _ref2.resourceId,
       planId = _ref2.planId,
-      preferredBillingPeriod = _ref2.preferredBillingPeriod,
-      billingCountryCode = _ref2.billingCountryCode,
-      billableFeatures = _ref2.billableFeatures;
+      billingCountryCode = _ref2.billingCountryCode;
 
   var _useLoadCheckout = useLoadCheckout({
     resourceId: resourceId,
@@ -7045,8 +7047,8 @@ function CheckoutProvider(_ref2) {
         isLoadingCheckoutData: isLoading
       }
     };
-    return initialState;
-  }, [theme, textOverrides, preferredBillingPeriod, billingCountryCode, billableFeatures, globalTheme, checkout, isLoading]);
+    return initialState; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [preferredBillingPeriod, billingCountryCode, checkout, isLoading]);
   return React__default.createElement(SdkThemeProvider, {
     key: checkout == null ? void 0 : checkout.plan.id,
     componentTheme: configuration
@@ -10969,10 +10971,11 @@ var BACKGROUND_COLOR = /*#__PURE__*/Color('#0b2f7a').alpha(0.3).toString();
 var CheckoutSuccessContainer = /*#__PURE__*/_styled(material.Box,  {
   target: "eeyi5d30",
   label: "CheckoutSuccessContainer"
-})("position:absolute;top:0;left:0;bottom:0;right:0;background-color:", BACKGROUND_COLOR, ";* rect{fill:transparent;}" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrb3V0U3VjY2Vzcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTZDIiwiZmlsZSI6IkNoZWNrb3V0U3VjY2Vzcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZC9tYWNybyc7XHJcbmltcG9ydCB7IEJveCB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnO1xyXG5pbXBvcnQgQ29sb3IgZnJvbSAnY29sb3InO1xyXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgTG90dGllIGZyb20gJ3JlYWN0LWxvdHRpZSc7XHJcbmltcG9ydCBhbmltYXRpb25EYXRhIGZyb20gJy4uLy4uLy4uL2Fzc2V0cy9sb3R0aWUvY2hlY2tvdXQtc3VjY2Vzcy5qc29uJztcclxuZXhwb3J0IGNvbnN0IEFOSU1BVElPTl9EVVJBVElPTiA9IDUwMDA7XHJcbmNvbnN0IEJBQ0tHUk9VTkRfQ09MT1IgPSBDb2xvcignIzBiMmY3YScpXHJcbiAgICAuYWxwaGEoMC4zKVxyXG4gICAgLnRvU3RyaW5nKCk7XHJcbmNvbnN0IENoZWNrb3V0U3VjY2Vzc0NvbnRhaW5lciA9IHN0eWxlZChCb3gpIGBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IDA7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7QkFDS0dST1VORF9DT0xPUn07XG4gICogcmVjdCB7XG4gICAgZmlsbDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XHJcbmV4cG9ydCBmdW5jdGlvbiBDaGVja291dFN1Y2Nlc3MoKSB7XHJcbiAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoQ2hlY2tvdXRTdWNjZXNzQ29udGFpbmVyLCBudWxsLFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoTG90dGllLCB7IG9wdGlvbnM6IHsgbG9vcDogZmFsc2UsIGF1dG9wbGF5OiB0cnVlLCBhbmltYXRpb25EYXRhIH0gfSkpKTtcclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DaGVja291dFN1Y2Nlc3MuanMubWFwIl19 */"));
+})("position:absolute;top:0;left:0;bottom:0;right:0;background-color:", BACKGROUND_COLOR, ";* rect{fill:transparent;}" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrb3V0U3VjY2Vzcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTZDIiwiZmlsZSI6IkNoZWNrb3V0U3VjY2Vzcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZC9tYWNybyc7XHJcbmltcG9ydCB7IEJveCB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnO1xyXG5pbXBvcnQgQ29sb3IgZnJvbSAnY29sb3InO1xyXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgTG90dGllIGZyb20gJ3JlYWN0LWxvdHRpZSc7XHJcbmltcG9ydCBhbmltYXRpb25EYXRhIGZyb20gJy4uLy4uLy4uL2Fzc2V0cy9sb3R0aWUvY2hlY2tvdXQtc3VjY2Vzcy5qc29uJztcclxuZXhwb3J0IGNvbnN0IEFOSU1BVElPTl9EVVJBVElPTiA9IDUwMDA7XHJcbmNvbnN0IEJBQ0tHUk9VTkRfQ09MT1IgPSBDb2xvcignIzBiMmY3YScpLmFscGhhKDAuMykudG9TdHJpbmcoKTtcclxuY29uc3QgQ2hlY2tvdXRTdWNjZXNzQ29udGFpbmVyID0gc3R5bGVkKEJveCkgYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xuICByaWdodDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtCQUNLR1JPVU5EX0NPTE9SfTtcbiAgKiByZWN0IHtcbiAgICBmaWxsOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcclxuZXhwb3J0IGZ1bmN0aW9uIENoZWNrb3V0U3VjY2VzcygpIHtcclxuICAgIHJldHVybiAoUmVhY3QuY3JlYXRlRWxlbWVudChDaGVja291dFN1Y2Nlc3NDb250YWluZXIsIG51bGwsXHJcbiAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChMb3R0aWUsIHsgd2lkdGg6IDM1MCwgb3B0aW9uczogeyBsb29wOiBmYWxzZSwgYXV0b3BsYXk6IHRydWUsIGFuaW1hdGlvbkRhdGEgfSB9KSkpO1xyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNoZWNrb3V0U3VjY2Vzcy5qcy5tYXAiXX0= */"));
 
 function CheckoutSuccess() {
   return React__default.createElement(CheckoutSuccessContainer, null, React__default.createElement(Lottie, {
+    width: 350,
     options: {
       loop: false,
       autoplay: true,