@stigg/react-sdk 4.4.0-beta.1 → 4.4.0-beta.3

package/dist/react-sdk.esm.js

@@ -6920,7 +6920,9 @@ function useGoNext() {
 
 function useProgressBarModel() {
   var progressBarState = useProgressBarState();
+  var currentStep = progressBarState.steps[progressBarState.activeStep];
   return {
+    currentStep: currentStep,
     progressBarState: progressBarState,
     isLastStep: progressBarState.activeStep === progressBarState.steps.length - 1,
     isCheckoutComplete: isCheckoutComplete(progressBarState),
@@ -6959,7 +6961,6 @@ var usePreviewSubscriptionAction = function usePreviewSubscriptionAction() {
 
   var _ref = checkoutState || {},
       plan = _ref.plan,
-      activeSubscription = _ref.activeSubscription,
       customer = _ref.customer;
 
   var previewSubscriptionAction = useCallback( /*#__PURE__*/function () {
@@ -7031,7 +7032,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
   };
@@ -7223,6 +7224,9 @@ var CheckoutContextProvider = function CheckoutContextProvider(_ref) {
       state = _useState[0],
       innerSetState = _useState[1];
 
+  useEffect(function () {
+    innerSetState(initialState);
+  }, [initialState]);
   var setState = useCallback(function (updater) {
     return innerSetState(function (old) {
       return produce(old, function (draft) {
@@ -7233,7 +7237,7 @@ var CheckoutContextProvider = function CheckoutContextProvider(_ref) {
 
   var _useMemo = useMemo(function () {
     return [state, setState];
-  }, [state]),
+  }, [setState, state]),
       contextValue = _useMemo[0],
       setContextValue = _useMemo[1];
 
@@ -7246,11 +7250,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,
@@ -7300,8 +7304,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
@@ -12927,20 +12931,20 @@ var CheckoutPlanStep = function CheckoutPlanStep() {
   }));
 };
 
-var getStepProps = function getStepProps(step) {
-  switch (step) {
-    case 0:
+var getStepProps = function getStepProps(currentStep) {
+  switch (currentStep.key) {
+    case CheckoutStepKey.PLAN:
       return {
         allowChangePlan: true,
         content: React__default.createElement(CheckoutPlanStep, null)
       };
 
-    case 1:
+    case CheckoutStepKey.ADDONS:
       return {
         content: React__default.createElement(CheckoutAddonsStep, null)
       };
 
-    case 2:
+    case CheckoutStepKey.PAYMENT:
       return {
         content: React__default.createElement(PaymentStep, null)
       };
@@ -12967,15 +12971,14 @@ function CheckoutContainer(_ref) {
       widgetState = _useCheckoutContext$.widgetState;
 
   var _useProgressBarModel = useProgressBarModel(),
-      progressBarState = _useProgressBarModel.progressBarState;
+      currentStep = _useProgressBarModel.currentStep;
 
-  var activeStep = progressBarState.activeStep;
   var isLoadingCheckoutData = widgetState.isLoadingCheckoutData; // uncomment for fun!
   // if (activeStep > 2) {
   //   return <SurpriseStep />;
   // }
 
-  var _getStepProps = getStepProps(activeStep),
+  var _getStepProps = getStepProps(currentStep),
       content = _getStepProps.content,
       allowChangePlan = _getStepProps.allowChangePlan;