@pelcro/react-pelcro-js 3.17.0-beta.11 → 3.17.0-beta.13

package/dist/index.cjs.js

@@ -8558,17 +8558,17 @@ const createPelcroHook = store => {
    */
   pelcroHook.override = fn => {
     const partialState = fn(store.setState, store.getState);
-    usePelcro$1.setState(partialState);
+    usePelcro.setState(partialState);
   };
   pelcroHook.getStore = pelcroHook.getState;
   return pelcroHook;
 };
 const pelcroStore = createPelcroStore();
-const usePelcro$1 = createPelcroHook(pelcroStore);
+const usePelcro = createPelcroHook(pelcroStore);
 
 /* istanbul ignore next */
 if (process.env.NODE_ENV === "development") {
-  c$1("Pelcro Store", usePelcro$1);
+  c$1("Pelcro Store", usePelcro);
 }
 
 /**
@@ -8760,7 +8760,7 @@ const trackSubscriptionOnGA = () => {
     product,
     plan,
     couponCode
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
 
   /*   
   getting the latest subscription id from invoices instead of subscriptions
@@ -9067,7 +9067,7 @@ class SaveToMetadataButtonClass {
     _defineProperty$3(this, "unauthenticated", () => {
       const {
         switchView
-      } = usePelcro$1.getStore();
+      } = usePelcro.getStore();
       _classPrivateFieldGet(this, _onClick).call(this, () => switchView("login"));
       _classPrivateFieldGet(this, _unmarkAllSavedButtons).call(this);
     });
@@ -9136,7 +9136,7 @@ class SaveToMetadataButtonClass {
         const user = window.Pelcro.user.read();
         const {
           switchView
-        } = usePelcro$1.getStore();
+        } = usePelcro.getStore();
         const {
           key,
           ...buttonMetadata
@@ -10237,7 +10237,7 @@ const init$1 = () => {
     addToCart,
     purchaseItem,
     setSubscriptionToManageMembers
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   const pelcroDashboardButtonsByClass = document.getElementsByClassName("pelcro-dashboard-button");
   if (pelcroDashboardButtonsByClass.length !== 0) {
     for (let i = 0; i < pelcroDashboardButtonsByClass.length; i++) {
@@ -10491,7 +10491,7 @@ const init = () => {
   const {
     switchView,
     set
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   const entitlementsProtectedElements = document.querySelectorAll("[data-pelcro-entitlements]");
   if (entitlementsProtectedElements.length === 0) {
     return false;
@@ -10569,7 +10569,7 @@ function unblurElemWhenUserSubscribes(elem, entitlements) {
   document.addEventListener("PelcroSubscriptionCreate", event => {
     const {
       isGift
-    } = usePelcro$1.getStore();
+    } = usePelcro.getStore();
     if (isGift) return;
     const latestSub = event.detail.data.subscriptions[event.detail.data.subscriptions.length - 1];
     const shouldUnblurContent = entitlements.some(ent => {
@@ -10896,7 +10896,7 @@ const initPaywalls = () => {
     }
     const {
       switchView
-    } = usePelcro$1.getStore();
+    } = usePelcro.getStore();
     if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayMeterPaywall()) {
       /* 
         showing both the meter and the entitlements notification doesn't make sense from
@@ -10917,7 +10917,7 @@ const loadPaymentSDKs = () => {
   // Lazy load stripe's SDK
   const {
     whenUserReady
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   whenUserReady(() => {
     if (!window.Stripe) {
       pure_1(window.Pelcro.environment.stripe);
@@ -10961,7 +10961,7 @@ const loadAuth0SDK = () => {
 const initSecuritySdk = () => {
   const {
     whenSiteReady
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   whenSiteReady(() => {
     var _window$Pelcro$site$r2;
     const securityKey = (_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.security_key;
@@ -10994,7 +10994,7 @@ const dispatchModalDisplayEvents = modalName => {
 const {
   whenSiteReady,
   whenEcommerceLoaded
-} = usePelcro$1.getStore();
+} = usePelcro.getStore();
 const renderShopView = shopComponent => {
   whenEcommerceLoaded(() => {
     const shopElement = document.getElementById("pelcro-shop");
@@ -11069,7 +11069,7 @@ const initViewFromURL = () => {
   const {
     switchView,
     whenSiteReady
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   if (isValidViewFromURL(view)) {
     whenSiteReady(() => {
       if (view === "plan-select") {
@@ -11116,7 +11116,7 @@ const initSubscriptionFromURL = () => {
     switchView,
     whenSiteReady,
     set
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   whenSiteReady(() => {
     var _selectedProduct$plan;
     const productsList = window.Pelcro.product.list();
@@ -11137,7 +11137,7 @@ const initSubscriptionFromURL = () => {
       isAuthenticated,
       switchToAddressView,
       switchToPaymentView
-    } = usePelcro$1.getStore();
+    } = usePelcro.getStore();
     if (!isAuthenticated()) {
       return switchView("register");
     }
@@ -11164,7 +11164,7 @@ const initOfflineSubscriptionFromURL = offlinePlanId => {
     switchToPaymentView,
     switchToAddressView,
     set
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   whenSiteReady(() => {
     window.Pelcro.plan.getPlan({
       plan_id: offlinePlanId
@@ -11205,7 +11205,7 @@ const initPurchaseFromUrl = () => {
   const {
     whenEcommerceLoaded,
     purchaseItem
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   whenEcommerceLoaded(() => {
     const skuId = window.Pelcro.helpers.getURLParameter("sku_id");
     purchaseItem(skuId);
@@ -11221,7 +11221,7 @@ const initCartFromUrl = () => {
     whenEcommerceLoaded,
     addToCart,
     switchView
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   whenEcommerceLoaded(() => {
     const skusIdsParam = window.Pelcro.helpers.getURLParameter("sku_id");
     const skusIds = skusIdsParam === null || skusIdsParam === void 0 ? void 0 : skusIdsParam.split(",");
@@ -11239,7 +11239,7 @@ const verifyEmailTokenFromUrl = () => {
   var _window$Pelcro$site$r5, _window$Pelcro$site$r6;
   const {
     whenSiteReady
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   const translations = i18next.t("verifyEmail:messages", {
     returnObjects: true
   });
@@ -11265,7 +11265,7 @@ const verifyLinkTokenFromUrl = () => {
     whenSiteReady,
     resetView,
     isAuthenticated
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   const translations = i18next.t("verifyLinkToken:messages", {
     returnObjects: true
   });
@@ -11300,12 +11300,12 @@ const showPasswordlessRequestFromUrl = () => {
   var _window$Pelcro$site$r8;
   const {
     isAuthenticated
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   const passwordlessEnabled = (_window$Pelcro$site$r8 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r8 === void 0 ? void 0 : _window$Pelcro$site$r8.passwordless_enabled;
   if (!passwordlessEnabled || isAuthenticated()) return;
   const {
     switchView
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   return switchView("passwordless-request");
 };
 const showInvoiceDetailsFromUrl = () => {
@@ -11315,7 +11315,7 @@ const showInvoiceDetailsFromUrl = () => {
     whenUserReady,
     whenSiteReady,
     switchView
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   whenSiteReady(() => {
     if (!isAuthenticated()) {
       return switchView("login");
@@ -11331,7 +11331,7 @@ const showInvoiceDetailsFromUrl = () => {
       }
       const {
         invoice
-      } = usePelcro$1.getStore();
+      } = usePelcro.getStore();
       if (invoice.total === 0) {
         const errorMessage = i18next.t("messages:zeroTotalInvoice", {
           returnObjects: true
@@ -11349,7 +11349,7 @@ const showSubscriptionManageMembersFromUrl = () => {
     whenUserReady,
     whenSiteReady,
     switchView
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   whenSiteReady(() => {
     if (!isAuthenticated()) {
       return switchView("login");
@@ -11387,7 +11387,7 @@ const PelcroModalController = _ref => {
     view,
     isAuthenticated,
     whenSiteReady
-  } = usePelcro$1();
+  } = usePelcro();
   React__default['default'].useEffect(() => {
     init$1();
     renderShopView(React__default['default'].Children.map(children, child => child).find(_ref2 => {
@@ -13115,7 +13115,7 @@ function Modal(_ref) {
     children,
     ...props
   } = _ref;
-  const resetView = usePelcro$1(state => state.resetView);
+  const resetView = usePelcro(state => state.resetView);
   React.useEffect(() => {
     onDisplay === null || onDisplay === void 0 ? void 0 : onDisplay();
     dispatchModalDisplayEvents(id);
@@ -13194,23 +13194,27 @@ function LoginModal(_ref) {
     switchView,
     resetView,
     product,
+    plan,
     order,
     switchToAddressView,
     switchToPaymentView
-  } = usePelcro$1();
+  } = usePelcro();
   const onSuccess = res => {
     var _props$onSuccess;
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
     if (window.Pelcro.paywall.isArticleRestricted()) {
       initPaywalls();
     }
-    if (product) {
+    if (product && plan) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
         return switchToPaymentView();
       }
     }
+    if (product && !plan) {
+      return switchView("plan-select");
+    }
     if (order) {
       return switchToAddressView();
     }
@@ -13534,7 +13538,7 @@ function RegisterView(props) {
   } = useTranslation("register");
   const {
     product
-  } = usePelcro$1();
+  } = usePelcro();
   const title = (_product$paywall$regi = product === null || product === void 0 ? void 0 : (_product$paywall = product.paywall) === null || _product$paywall === void 0 ? void 0 : _product$paywall.register_title) !== null && _product$paywall$regi !== void 0 ? _product$paywall$regi : t("title");
   const subtitle = (_product$paywall$regi2 = product === null || product === void 0 ? void 0 : (_product$paywall2 = product.paywall) === null || _product$paywall2 === void 0 ? void 0 : _product$paywall2.register_subtitle) !== null && _product$paywall$regi2 !== void 0 ? _product$paywall$regi2 : t("subtitle");
   const socialLoginEnabled = ((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id) || ((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.google_app_id) || ((_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.auth0_client_id);
@@ -13757,10 +13761,11 @@ function RegisterModal(props) {
     switchToAddressView,
     switchToPaymentView,
     product,
+    plan,
     order,
     giftCode,
     isGift
-  } = usePelcro$1();
+  } = usePelcro();
   const onSuccess = res => {
     var _props$onSuccess;
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
@@ -13795,13 +13800,16 @@ function RegisterModal(props) {
     if (order) {
       return switchToAddressView();
     }
-    if (product) {
+    if (product && plan) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
         return switchToPaymentView();
       }
     }
+    if (product && !plan) {
+      return switchView("plan-select");
+    }
     return resetView();
   };
   return /*#__PURE__*/React__default['default'].createElement(Modal, {
@@ -13873,7 +13881,7 @@ function SelectModalWithHook(props) {
     resetView,
     view,
     set
-  } = usePelcro$1();
+  } = usePelcro();
   const entitlementsProtectedElements = document.querySelectorAll("[data-pelcro-entitlements]");
   const entitlements = entitlementsProtectedElements.length > 0 ? getEntitlementsFromElem(entitlementsProtectedElements[0]) : null;
   return /*#__PURE__*/React__default['default'].createElement(SelectModalWithTrans, {
@@ -14114,7 +14122,7 @@ class SelectModal extends React.Component {
       const {
         switchToAddressView,
         switchToPaymentView
-      } = usePelcro$1.getStore();
+      } = usePelcro.getStore();
       if (!isAuthenticated) {
         return setView("register");
       }
@@ -16215,16 +16223,16 @@ const PaymentMethodContainerWithoutStripe = _ref => {
   const {
     t
   } = useTranslation("payment");
-  const pelcroStore = usePelcro$1();
+  const pelcroStore = usePelcro();
   const {
     set,
     order,
     selectedPaymentMethodId,
     couponCode
-  } = usePelcro$1();
+  } = usePelcro();
   const {
     whenUserReady
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   const product = (_props$product = props.product) !== null && _props$product !== void 0 ? _props$product : pelcroStore.product;
   const plan = (_props$plan = props.plan) !== null && _props$plan !== void 0 ? _props$plan : pelcroStore.plan;
   const subscriptionIdToRenew = (_props$subscriptionId = props.subscriptionIdToRenew) !== null && _props$subscriptionId !== void 0 ? _props$subscriptionId : pelcroStore.subscriptionIdToRenew;
@@ -17774,7 +17782,7 @@ const PaymentMethodContainer = props => {
   const [isStripeLoaded, setIsStripeLoaded] = React.useState(Boolean(window.Stripe));
   const {
     whenUserReady
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   React.useEffect(() => {
     whenUserReady(() => {
       if (!window.Stripe) {
@@ -17870,7 +17878,7 @@ const PelcroPaymentRequestButton = props => {
 const CheckoutForm = () => {
   const {
     selectedPaymentMethodId
-  } = usePelcro$1();
+  } = usePelcro();
   const cardProcessor = getSiteCardProcessor();
   if (selectedPaymentMethodId) {
     return null;
@@ -17919,7 +17927,7 @@ const DiscountedPrice = props => {
   const {
     order,
     plan
-  } = usePelcro$1();
+  } = usePelcro();
   const isTaxInclusive = (_window$Pelcro$site = window.Pelcro.site) === null || _window$Pelcro$site === void 0 ? void 0 : (_window$Pelcro$site$r = _window$Pelcro$site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tax_inclusive;
   const ecommOrderCurrency = (_order$currency = order === null || order === void 0 ? void 0 : order.currency) !== null && _order$currency !== void 0 ? _order$currency : order === null || order === void 0 ? void 0 : (_order$ = order[0]) === null || _order$ === void 0 ? void 0 : _order$.currency;
   const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
@@ -17952,7 +17960,7 @@ const SubmitPaymentMethod = _ref => {
   } = _ref;
   const {
     plan
-  } = usePelcro$1();
+  } = usePelcro();
   const {
     t
   } = useTranslation("checkoutForm");
@@ -18344,7 +18352,7 @@ const PaypalSubscribeButton = props => {
     plan,
     invoice,
     selectedAddressId
-  } = usePelcro$1();
+  } = usePelcro();
   React.useEffect(() => {
     var _ref, _ref2, _state$updatedPrice, _props$plan, _props$selectedAddres;
     // sometimes, price is updated. eg. Coupon codes.
@@ -18481,7 +18489,7 @@ const SelectedPaymentMethod = () => {
   const {
     switchView,
     selectedPaymentMethodId
-  } = usePelcro$1();
+  } = usePelcro();
   const paymentMethod = (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : (_window$Pelcro$user$r2 = _window$Pelcro$user$r.sources) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : (_window$Pelcro$user$r3 = _window$Pelcro$user$r2.find) === null || _window$Pelcro$user$r3 === void 0 ? void 0 : _window$Pelcro$user$r3.call(_window$Pelcro$user$r2, source => {
     return source.id == selectedPaymentMethodId;
   });
@@ -18521,7 +18529,7 @@ const TaxAmount = () => {
   } = React.useContext(store$k);
   const {
     plan
-  } = usePelcro$1();
+  } = usePelcro();
   const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
   const priceFormatted = getFormattedPriceByLocal(taxAmount * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
   const isTaxInclusive = (_window$Pelcro$site = window.Pelcro.site) === null || _window$Pelcro$site === void 0 ? void 0 : (_window$Pelcro$site$r = _window$Pelcro$site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tax_inclusive;
@@ -18665,7 +18673,7 @@ const SubscriptionRenewView = _ref => {
   const {
     product,
     plan
-  } = usePelcro$1();
+  } = usePelcro();
   const skipPayment = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) === null || _window$Pelcro$uiSett === void 0 ? void 0 : _window$Pelcro$uiSett.skipPaymentForFreePlans;
   const showSubscriptionButton = skipPayment && (plan === null || plan === void 0 ? void 0 : plan.amount) === 0;
   const getPricingText = plan => {
@@ -18718,7 +18726,7 @@ function SubscriptionRenewModal(_ref) {
   } = _ref;
   const {
     switchView
-  } = usePelcro$1();
+  } = usePelcro();
   const onSuccess = res => {
     var _otherProps$onSuccess, _ReactGA$event;
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
@@ -18914,7 +18922,7 @@ const SubscriptionCancelNowButton = _ref => {
   } = _ref;
   const {
     switchView
-  } = usePelcro$1();
+  } = usePelcro();
   const {
     state: {
       cancelationReason
@@ -18984,7 +18992,7 @@ const SubscriptionCancelLaterButton = _ref => {
   } = _ref;
   const {
     switchView
-  } = usePelcro$1();
+  } = usePelcro();
   const {
     state: {
       cancelationReason
@@ -19049,7 +19057,7 @@ const SubscriptionCancelLaterButton = _ref => {
 const SubscriptionCancelView = props => {
   const {
     subscriptionToCancel
-  } = usePelcro$1();
+  } = usePelcro();
   const {
     t
   } = useTranslation("subscriptionCancel");
@@ -19224,7 +19232,7 @@ const SubscriptionSuspendButton = _ref => {
   } = _ref;
   const {
     switchView
-  } = usePelcro$1();
+  } = usePelcro();
   const {
     state: {
       suspendDate,
@@ -19285,7 +19293,7 @@ const SubscriptionSuspendButton = _ref => {
 const SubscriptionSuspendView = props => {
   const {
     subscriptionToSuspend
-  } = usePelcro$1();
+  } = usePelcro();
   const {
     t
   } = useTranslation("subscriptionSuspend");
@@ -19375,7 +19383,7 @@ const getCurrentFlow = () => {
     giftRecipient,
     giftCode,
     invoice
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   if (invoice) {
     return "invoicePayment";
   } else if (giftRecipient) {
@@ -19391,7 +19399,7 @@ const getSuccessContent = i18n => {
   const flow = getCurrentFlow();
   const {
     product
-  } = usePelcro$1.getStore();
+  } = usePelcro.getStore();
   const wordingDictionary = {
     subscriptionSuccess: {
       successIcon: /*#__PURE__*/React__default['default'].createElement(SvgCheckSolid, {
@@ -19435,7 +19443,7 @@ function PaymentSuccessModal(_ref) {
   } = _ref;
   const {
     resetView
-  } = usePelcro$1();
+  } = usePelcro();
   const onClose = () => {
     var _props$onClose;
     (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
@@ -19463,7 +19471,7 @@ function NewsletterWithHook(props) {
     switchView,
     resetView,
     product
-  } = usePelcro$1();
+  } = usePelcro();
   return /*#__PURE__*/React__default['default'].createElement(NewsLetter, {
     onClose: () => {
       var _props$onClose;
@@ -19929,7 +19937,7 @@ const MeterView = () => {
     switchView,
     product,
     isAuthenticated
-  } = usePelcro$1();
+  } = usePelcro();
   const paywallProduct = product !== null && product !== void 0 ? product : window.Pelcro.paywall.getProduct();
   const visitsLeft = window.Pelcro.paywall.freeVisitsLeft();
   const title = `${paywallProduct === null || paywallProduct === void 0 ? void 0 : (_paywallProduct$paywa = paywallProduct.paywall) === null || _paywallProduct$paywa === void 0 ? void 0 : _paywallProduct$paywa.meter_title}: ${visitsLeft}`;
@@ -19951,7 +19959,7 @@ const MeterView = () => {
 const MeterModal = props => {
   const {
     resetView
-  } = usePelcro$1();
+  } = usePelcro();
   React.useEffect(() => {
     var _props$onDisplay;
     (_props$onDisplay = props.onDisplay) === null || _props$onDisplay === void 0 ? void 0 : _props$onDisplay.call(props);
@@ -19985,7 +19993,7 @@ const SubscriptionCreateView = _ref => {
   const {
     product,
     plan
-  } = usePelcro$1();
+  } = usePelcro();
   const skipPayment = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) === null || _window$Pelcro$uiSett === void 0 ? void 0 : _window$Pelcro$uiSett.skipPaymentForFreePlans;
   const showSubscriptionButton = skipPayment && (plan === null || plan === void 0 ? void 0 : plan.amount) === 0;
   const getPricingText = plan => {
@@ -20040,7 +20048,7 @@ function SubscriptionCreateModal(_ref) {
   useTranslation("common");
   const {
     switchView
-  } = usePelcro$1();
+  } = usePelcro();
   const onSuccess = res => {
     var _otherProps$onSuccess;
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
@@ -20083,7 +20091,7 @@ const SubscriptionManageMembersContainer = _ref => {
   } = _ref;
   const {
     subscriptionToManageMembers
-  } = usePelcro$1();
+  } = usePelcro();
   const subscription_id = subscriptionToManageMembers === null || subscriptionToManageMembers === void 0 ? void 0 : subscriptionToManageMembers.id;
   const handleListMembers = (_ref2, dispatch) => {
     var _window$Pelcro, _window$Pelcro$user, _window$Pelcro$user$r;
@@ -21138,7 +21146,7 @@ function UserUpdateModal(_ref) {
   } = _ref;
   const {
     switchView
-  } = usePelcro$1();
+  } = usePelcro();
   const onPictureClick = () => {
     switchView("profile-picture");
   };
@@ -21212,7 +21220,7 @@ const AddressCreateContainer = _ref => {
     order,
     set,
     selectedMembership
-  } = usePelcro$1();
+  } = usePelcro();
   const giftCode = (_props$giftCode = props.giftCode) !== null && _props$giftCode !== void 0 ? _props$giftCode : giftCodeFromStore;
   const subscriptionIdToRenew = (_ref2 = (_props$subscriptionId = props.subscriptionIdToRenew) !== null && _props$subscriptionId !== void 0 ? _props$subscriptionId : subscriptionIdToRenewFromStore) !== null && _ref2 !== void 0 ? _ref2 : undefined;
   React.useEffect(() => {
@@ -21864,7 +21872,7 @@ const AddressCreateView = props => {
   } = useTranslation("address");
   const {
     giftRecipient
-  } = usePelcro$1();
+  } = usePelcro();
   return /*#__PURE__*/React__default['default'].createElement("div", {
     id: "pelcro-address-create-view"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -21936,7 +21944,7 @@ const AddressCreateModal = _ref => {
     switchView,
     switchToPaymentView,
     resetView
-  } = usePelcro$1();
+  } = usePelcro();
   const onSuccess = newAddressId => {
     var _otherProps$onSuccess;
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, newAddressId);
@@ -22022,7 +22030,7 @@ const AddressUpdateContainer = _ref => {
   } = _ref;
   const {
     addressIdToEdit
-  } = usePelcro$1();
+  } = usePelcro();
   const addressId = (_props$addressId = props === null || props === void 0 ? void 0 : props.addressId) !== null && _props$addressId !== void 0 ? _props$addressId : addressIdToEdit;
   const [t] = useTranslation("address");
   React.useEffect(() => {
@@ -23086,7 +23094,7 @@ const PasswordForgotModal = _ref => {
   } = useTranslation("passwordForgot");
   const {
     switchView
-  } = usePelcro$1();
+  } = usePelcro();
   return /*#__PURE__*/React__default['default'].createElement(Modal, {
     id: "pelcro-password-forgot-modal",
     onDisplay: onDisplay,
@@ -23674,7 +23682,7 @@ const CartContainer = _ref => {
   const {
     cartItems,
     set
-  } = usePelcro$1();
+  } = usePelcro();
   const {
     t
   } = useTranslation("shop");
@@ -23776,7 +23784,7 @@ const CartRemoveItemButton = _ref => {
   } = _ref;
   const {
     removeFromCart
-  } = usePelcro$1();
+  } = usePelcro();
   return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
     variant: "icon",
     "data-key": itemId,
@@ -23841,7 +23849,7 @@ const CartTotalPrice = () => {
   } = React.useContext(store$8);
   const {
     cartItems
-  } = usePelcro$1();
+  } = usePelcro();
   const totalPriceCurrency = cartItems[0].currency;
   const {
     t
@@ -23859,7 +23867,7 @@ const CartTotalPrice = () => {
 const CartView = props => {
   const {
     cartItems
-  } = usePelcro$1();
+  } = usePelcro();
   const {
     t
   } = useTranslation("cart");
@@ -23921,7 +23929,7 @@ const CartModal = _ref => {
     switchView,
     switchToAddressView,
     isAuthenticated
-  } = usePelcro$1();
+  } = usePelcro();
   const onSuccess = items => {
     var _otherProps$onSuccess;
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, items);
@@ -23949,7 +23957,7 @@ const ShopSelectProductButton = _ref => {
   } = _ref;
   const {
     addToCart
-  } = usePelcro$1();
+  } = usePelcro();
   const {
     t
   } = useTranslation("shop");
@@ -23980,7 +23988,7 @@ const ShopPurchaseButton = _ref => {
   } = _ref;
   const {
     purchaseItem
-  } = usePelcro$1();
+  } = usePelcro();
   const {
     t
   } = useTranslation("shop");
@@ -24057,7 +24065,7 @@ const OrderCreateModal = _ref => {
   } = _ref;
   const {
     switchView
-  } = usePelcro$1();
+  } = usePelcro();
   const onSuccess = () => {
     var _otherProps$onSuccess;
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps);
@@ -24083,7 +24091,7 @@ const OrderConfirmModal = props => {
   } = useTranslation("shop");
   const {
     resetView
-  } = usePelcro$1();
+  } = usePelcro();
   const onClose = () => {
     var _props$onClose;
     props === null || props === void 0 ? void 0 : (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
@@ -24172,7 +24180,7 @@ const GiftCreateContainer = _ref => {
   } = useTranslation("register");
   const {
     set
-  } = usePelcro$1();
+  } = usePelcro();
   const handleSubmit = (state, dispatch) => {
     const giftRecipient = {
       email: state.email,
@@ -24452,7 +24460,7 @@ const GiftCreateModal = _ref => {
     switchToAddressView,
     switchToPaymentView,
     product
-  } = usePelcro$1();
+  } = usePelcro();
   const onSuccess = giftRecipient => {
     var _otherProps$onSuccess;
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, giftRecipient);
@@ -24504,13 +24512,13 @@ const GiftRedeemContainer = _ref => {
   } = useTranslation("register");
   const {
     set
-  } = usePelcro$1();
+  } = usePelcro();
   const {
     switchView,
     switchToAddressView,
     isAuthenticated,
     subscriptionIdToRenew: subscriptionIdToRenewFromStore
-  } = usePelcro$1();
+  } = usePelcro();
   const subscriptionIdToRenew = (_ref2 = (_props$subscriptionId = props.subscriptionIdToRenew) !== null && _props$subscriptionId !== void 0 ? _props$subscriptionId : subscriptionIdToRenewFromStore) !== null && _ref2 !== void 0 ? _ref2 : undefined;
   React.useEffect(() => {
     onDisplay();
@@ -24718,7 +24726,7 @@ const GiftRedeemModal = _ref => {
     switchView,
     switchToAddressView,
     isAuthenticated
-  } = usePelcro$1();
+  } = usePelcro();
   const onSuccess = giftCode => {
     var _otherProps$onSuccess;
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, giftCode);
@@ -24779,7 +24787,7 @@ const AddressSelectContainer = _ref => {
     subscriptionIdToRenew: subscriptionIdToRenewFromStore,
     set,
     selectedMembership
-  } = usePelcro$1();
+  } = usePelcro();
   const giftCode = (_props$giftCode = props.giftCode) !== null && _props$giftCode !== void 0 ? _props$giftCode : giftCodeFromStore;
   const subscriptionIdToRenew = (_ref2 = (_props$subscriptionId = props.subscriptionIdToRenew) !== null && _props$subscriptionId !== void 0 ? _props$subscriptionId : subscriptionIdToRenewFromStore) !== null && _ref2 !== void 0 ? _ref2 : undefined;
   const submitAddress = (_ref3, dispatch) => {
@@ -25012,7 +25020,7 @@ const AddressSelectModal = _ref => {
     switchView,
     switchToPaymentView,
     resetView
-  } = usePelcro$1();
+  } = usePelcro();
   const onSuccess = selectedAddressId => {
     var _otherProps$onSuccess;
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, selectedAddressId);
@@ -25079,7 +25087,7 @@ const PaymentMethodSelectContainer = _ref => {
   const {
     set,
     selectedPaymentMethodId: selectedPaymentMethodIdFromStore
-  } = usePelcro$1();
+  } = usePelcro();
   const submitPaymentMethod = _ref2 => {
     let {
       selectedPaymentMethodId
@@ -25254,7 +25262,7 @@ const PaymentMethodSelectModal = _ref => {
     switchToCheckoutForm,
     set,
     plan
-  } = usePelcro$1();
+  } = usePelcro();
   const skipPayment = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) === null || _window$Pelcro$uiSett === void 0 ? void 0 : _window$Pelcro$uiSett.skipPaymentForFreePlans;
   React.useEffect(() => {
     if (skipPayment && (plan === null || plan === void 0 ? void 0 : plan.amount) === 0) {
@@ -26565,7 +26573,7 @@ const SavedItems = _ref3 => {
   const [isLoading, setLoading] = React.useState(false);
   const {
     isAuthenticated
-  } = usePelcro$1();
+  } = usePelcro();
   const removeItemFromMetadata = (category, title) => {
     const user = window.Pelcro.user.read();
     const oldValue = user.metadata[`metadata_saved_${category}`];
@@ -26754,7 +26762,7 @@ const SubscriptionsItems = _ref => {
     setSubscriptionToCancel,
     setSubscriptionToSuspend,
     set
-  } = usePelcro$1();
+  } = usePelcro();
   const subs = getNonDonationSubs();
   if (subs.length === 0) return null;
   return subs.sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
@@ -27253,7 +27261,7 @@ const DonationsMenu = _ref => {
   const {
     switchView,
     setSubscriptionToCancel
-  } = usePelcro$1();
+  } = usePelcro();
   const subscriptions = getDonationSubs().sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
     // Cancel button click handlers
     const onCancelClick = () => {
@@ -27364,7 +27372,7 @@ const InvoicesItems = () => {
   const {
     setInvoice,
     switchView
-  } = usePelcro$1();
+  } = usePelcro();
   const invoices = (_window$Pelcro$invoic = (_window$Pelcro$invoic2 = window.Pelcro.invoice.list()) === null || _window$Pelcro$invoic2 === void 0 ? void 0 : _window$Pelcro$invoic2.filter(invoice => invoice.total > 0)) !== null && _window$Pelcro$invoic !== void 0 ? _window$Pelcro$invoic : [];
   const showInvoiceDetails = event => {
     if (setInvoice(event.target.dataset.id)) {
@@ -27484,7 +27492,7 @@ const MembershipsItems = () => {
     switchView,
     setSelectedMembership,
     switchToAddressView
-  } = usePelcro$1();
+  } = usePelcro();
   const memberships = getActiveMemberships();
   const onChangeAddressClick = membershipId => {
     if (userMustVerifyEmail()) {
@@ -27556,7 +27564,7 @@ function DashboardWithHook(props) {
     resetView,
     logout,
     set
-  } = usePelcro$1();
+  } = usePelcro();
   return /*#__PURE__*/React__default['default'].createElement(DashboardWithTrans, {
     setAddress: addressIdToEdit => set({
       addressIdToEdit
@@ -28142,7 +28150,7 @@ const DashboardWithTrans = withTranslation("dashboard")(Dashboard);
 const DashboardOpenButton = () => {
   const {
     switchView
-  } = usePelcro$1();
+  } = usePelcro();
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-fixed plc-right-4 plc-bottom-4 pelcro-open-dashboard-btn"
   }, /*#__PURE__*/React__default['default'].createElement("button", {
@@ -30126,15 +30134,18 @@ const EmailVerifyModal = _ref => {
     switchToPaymentView
   } = usePelcro();
   const onSuccess = res => {
-    var _props$onSuccess, _props;
-    (_props$onSuccess = (_props = props).onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(_props, res);
-    if (product) {
+    var _otherProps$onSuccess;
+    (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
+    if (product && plan) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
         return switchToPaymentView();
       }
     }
+    if (product && !plan) {
+      return switchView("plan-select");
+    }
   };
   return /*#__PURE__*/React__default['default'].createElement(Modal, {
     onDisplay: onDisplay,
@@ -30286,7 +30297,7 @@ function VerifyLinkTokenModal(_ref) {
   } = useTranslation("verifyLinkToken");
   const {
     resetView
-  } = usePelcro$1();
+  } = usePelcro();
   const onSuccess = res => {
     var _props$onSuccess;
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
@@ -30334,7 +30345,7 @@ const InvoicePaymentModal = _ref => {
   } = _ref;
   const {
     switchView
-  } = usePelcro$1();
+  } = usePelcro();
   const onSuccess = () => {
     var _otherProps$onSuccess;
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps);
@@ -30408,7 +30419,7 @@ const InvoiceDetailsDownloadButton = _ref => {
   } = useTranslation("invoiceDetails");
   const {
     invoice
-  } = usePelcro$1();
+  } = usePelcro();
   return /*#__PURE__*/React__default['default'].createElement(Link, Object.assign({
     className: `plc-px-6 plc-py-2 plc-uppercase plc-bg-transparent plc-text-primary-500 plc-border plc-border-primary-500 plc-rounded focus:plc-outline-none focus:plc-ring-2 focus:plc-ring-primary-300 plc-tracking-wider hover:plc-bg-primary-600 focus:plc-bg-primary-600 hover:plc-text-white focus:plc-text-white hover:plc-shadow-none plc-no-underline ${className}`,
     id: "pelcro-download-invoice-link",
@@ -30446,7 +30457,7 @@ const InvoiceDetailsView = props => {
   } = useTranslation("invoiceDetails");
   const {
     invoice
-  } = usePelcro$1();
+  } = usePelcro();
   const showPayButton = canPayInvoice(invoice);
   const showDownloadButton = Boolean(invoice === null || invoice === void 0 ? void 0 : invoice.invoice_pdf);
   const hasPlanDetails = Boolean(invoice.plan);
@@ -30514,7 +30525,7 @@ const InvoiceDetailsModal = _ref => {
   } = _ref;
   const {
     switchToPaymentView
-  } = usePelcro$1();
+  } = usePelcro();
   const onSuccess = () => {
     var _otherProps$onSuccess;
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps);
@@ -32183,4 +32194,4 @@ exports.initContentEntitlement = init;
 exports.invoicePaymentSubmitButton = invoicePaymentSubmitButton;
 exports.notify = notify$1;
 exports.unauthenticatedButtons = unauthenticatedButtons;
-exports.usePelcro = usePelcro$1;
+exports.usePelcro = usePelcro;