@pelcro/react-pelcro-js 3.13.0-beta.14 → 3.13.0-beta.16

package/dist/index.cjs.js

@@ -8313,7 +8313,7 @@ class PelcroActions {
         return console.error("invalid subscription id");
       }
 
-      if ((subscriptionToManageMembers === null || subscriptionToManageMembers === void 0 ? void 0 : (_subscriptionToManage = subscriptionToManageMembers.plan) === null || _subscriptionToManage === void 0 ? void 0 : _subscriptionToManage.type) !== 'membership') {
+      if ((subscriptionToManageMembers === null || subscriptionToManageMembers === void 0 ? void 0 : (_subscriptionToManage = subscriptionToManageMembers.plan) === null || _subscriptionToManage === void 0 ? void 0 : _subscriptionToManage.type) !== "membership") {
         return console.error("subscription is not from type membership");
       }
 
@@ -8613,7 +8613,7 @@ const createPelcroHook = store => {
 
   pelcroHook.override = fn => {
     const partialState = fn(store.setState, store.getState);
-    usePelcro.setState(partialState);
+    usePelcro$1.setState(partialState);
   };
 
   pelcroHook.getStore = pelcroHook.getState;
@@ -8621,11 +8621,11 @@ const createPelcroHook = store => {
 };
 
 const pelcroStore = createPelcroStore();
-const usePelcro = createPelcroHook(pelcroStore);
+const usePelcro$1 = createPelcroHook(pelcroStore);
 /* istanbul ignore next */
 
 if (process.env.NODE_ENV === "development") {
-  c$1("Pelcro Store", usePelcro);
+  c$1("Pelcro Store", usePelcro$1);
 }
 
 /**
@@ -8830,7 +8830,7 @@ const trackSubscriptionOnGA = () => {
     product,
     plan,
     couponCode
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
   /*   
   getting the latest subscription id from invoices instead of subscriptions
   to handle gifted subs which are not added to subs list
@@ -9150,7 +9150,7 @@ class SaveToMetadataButtonClass {
     _defineProperty$3(this, "unauthenticated", () => {
       const {
         switchView
-      } = usePelcro.getStore();
+      } = usePelcro$1.getStore();
 
       _classPrivateFieldGet(this, _onClick).call(this, () => switchView("login"));
 
@@ -9233,7 +9233,7 @@ class SaveToMetadataButtonClass {
         const user = window.Pelcro.user.read();
         const {
           switchView
-        } = usePelcro.getStore();
+        } = usePelcro$1.getStore();
         const {
           key,
           ...buttonMetadata
@@ -10369,7 +10369,7 @@ const init$1 = () => {
     addToCart,
     purchaseItem,
     setSubscriptionToManageMembers
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
   const pelcroDashboardButtonsByClass = document.getElementsByClassName("pelcro-dashboard-button");
 
   if (pelcroDashboardButtonsByClass.length !== 0) {
@@ -10672,7 +10672,7 @@ const init = () => {
   const {
     switchView,
     set
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
   const entitlementsProtectedElements = document.querySelectorAll("[data-pelcro-entitlements]");
 
   if (entitlementsProtectedElements.length === 0) {
@@ -10761,7 +10761,7 @@ function unblurElemWhenUserSubscribes(elem, entitlements) {
   document.addEventListener("PelcroSubscriptionCreate", event => {
     const {
       isGift
-    } = usePelcro.getStore();
+    } = usePelcro$1.getStore();
     if (isGift) return;
     const latestSub = event.detail.data.subscriptions[event.detail.data.subscriptions.length - 1];
     const shouldUnblurContent = entitlements.some(ent => {
@@ -11083,7 +11083,7 @@ const initPaywalls = () => {
 
     const {
       switchView
-    } = usePelcro.getStore();
+    } = usePelcro$1.getStore();
 
     if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayMeterPaywall()) {
       /* 
@@ -11105,7 +11105,7 @@ const loadPaymentSDKs = () => {
   // Lazy load stripe's SDK
   const {
     whenUserReady
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
   whenUserReady(() => {
     if (!window.Stripe) {
       pure_1(window.Pelcro.environment.stripe);
@@ -11153,7 +11153,7 @@ const loadAuth0SDK = () => {
 const initSecuritySdk = () => {
   const {
     whenSiteReady
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
   whenSiteReady(() => {
     var _window$Pelcro$site$r2;
 
@@ -11189,7 +11189,7 @@ const dispatchModalDisplayEvents = modalName => {
 const {
   whenSiteReady,
   whenEcommerceLoaded
-} = usePelcro.getStore();
+} = usePelcro$1.getStore();
 const renderShopView = shopComponent => {
   whenEcommerceLoaded(() => {
     const shopElement = document.getElementById("pelcro-shop");
@@ -11271,7 +11271,7 @@ const initViewFromURL = () => {
   const {
     switchView,
     whenSiteReady
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
 
   if (isValidViewFromURL(view)) {
     whenSiteReady(() => {
@@ -11329,7 +11329,7 @@ const initSubscriptionFromURL = () => {
     switchView,
     whenSiteReady,
     set
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
   whenSiteReady(() => {
     var _selectedProduct$plan;
 
@@ -11353,7 +11353,7 @@ const initSubscriptionFromURL = () => {
       isAuthenticated,
       switchToAddressView,
       switchToPaymentView
-    } = usePelcro.getStore();
+    } = usePelcro$1.getStore();
 
     if (!isAuthenticated()) {
       return switchView("register");
@@ -11385,7 +11385,7 @@ const initOfflineSubscriptionFromURL = offlinePlanId => {
     switchToPaymentView,
     switchToAddressView,
     set
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
   whenSiteReady(() => {
     window.Pelcro.plan.getPlan({
       plan_id: offlinePlanId
@@ -11432,7 +11432,7 @@ const initPurchaseFromUrl = () => {
   const {
     whenEcommerceLoaded,
     purchaseItem
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
   whenEcommerceLoaded(() => {
     const skuId = window.Pelcro.helpers.getURLParameter("sku_id");
     purchaseItem(skuId);
@@ -11448,7 +11448,7 @@ const initCartFromUrl = () => {
     whenEcommerceLoaded,
     addToCart,
     switchView
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
   whenEcommerceLoaded(() => {
     const skusIdsParam = window.Pelcro.helpers.getURLParameter("sku_id");
     const skusIds = skusIdsParam === null || skusIdsParam === void 0 ? void 0 : skusIdsParam.split(",");
@@ -11469,7 +11469,7 @@ const verifyEmailTokenFromUrl = () => {
 
   const {
     whenSiteReady
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
   const translations = i18next.t("verifyEmail:messages", {
     returnObjects: true
   });
@@ -11498,7 +11498,7 @@ const verifyLinkTokenFromUrl = () => {
     whenSiteReady,
     resetView,
     isAuthenticated
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
   const translations = i18next.t("verifyLinkToken:messages", {
     returnObjects: true
   });
@@ -11537,12 +11537,12 @@ const showPasswordlessRequestFromUrl = () => {
 
   const {
     isAuthenticated
-  } = usePelcro.getStore();
+  } = usePelcro$1.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.getStore();
+  } = usePelcro$1.getStore();
   return switchView("passwordless-request");
 };
 
@@ -11553,7 +11553,7 @@ const showInvoiceDetailsFromUrl = () => {
     whenUserReady,
     whenSiteReady,
     switchView
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
   whenSiteReady(() => {
     if (!isAuthenticated()) {
       return switchView("login");
@@ -11572,7 +11572,7 @@ const showInvoiceDetailsFromUrl = () => {
 
       const {
         invoice
-      } = usePelcro.getStore();
+      } = usePelcro$1.getStore();
 
       if (invoice.total === 0) {
         const errorMessage = i18next.t("messages:zeroTotalInvoice", {
@@ -11593,7 +11593,7 @@ const showSubscriptionManageMembersFromUrl = () => {
     whenUserReady,
     whenSiteReady,
     switchView
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
   whenSiteReady(() => {
     if (!isAuthenticated()) {
       return switchView("login");
@@ -11633,7 +11633,7 @@ const PelcroModalController = ({
     view,
     isAuthenticated,
     whenSiteReady
-  } = usePelcro();
+  } = usePelcro$1();
   React__default['default'].useEffect(() => {
     init$1();
     renderShopView(React__default['default'].Children.map(children, child => child).find(({
@@ -13394,7 +13394,7 @@ function Modal({
 }) {
   var _window$Pelcro, _window$Pelcro$site$r;
 
-  const resetView = usePelcro(state => state.resetView);
+  const resetView = usePelcro$1(state => state.resetView);
   React.useEffect(() => {
     onDisplay === null || onDisplay === void 0 ? void 0 : onDisplay();
     dispatchModalDisplayEvents(id);
@@ -13467,8 +13467,11 @@ function LoginModal({
   const {
     switchView,
     resetView,
-    invoice
-  } = usePelcro();
+    product,
+    plan,
+    switchToAddressView,
+    switchToPaymentView
+  } = usePelcro$1();
 
   const onSuccess = res => {
     var _props$onSuccess;
@@ -13479,10 +13482,18 @@ function LoginModal({
       initPaywalls();
     }
 
+    if (product && plan) {
+      if (product.address_required) {
+        return switchToAddressView();
+      } else {
+        return switchToPaymentView();
+      }
+    }
+
     resetView();
     const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
 
-    if (viewFromURL === "invoice-details") {
+    if (viewFromURL === "invoice-details" || viewFromURL === "gift-redeem") {
       initViewFromURL();
     }
   };
@@ -13805,7 +13816,7 @@ function RegisterView(props) {
   } = useTranslation("register");
   const {
     product
-  } = usePelcro();
+  } = usePelcro$1();
   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);
@@ -14036,7 +14047,7 @@ function RegisterModal(props) {
     order,
     giftCode,
     isGift
-  } = usePelcro();
+  } = usePelcro$1();
 
   const onSuccess = res => {
     var _props$onSuccess;
@@ -14066,7 +14077,7 @@ function RegisterModal(props) {
 
 
     if (giftCode) {
-      return switchToAddressView();
+      return switchView("gift-redeem"); // return switchToAddressView();
     } // Check if the subscription is meant as a gift (if so, gather recipients info)
 
 
@@ -14158,7 +14169,7 @@ function SelectModalWithHook(props) {
     resetView,
     view,
     set
-  } = usePelcro();
+  } = usePelcro$1();
   const entitlementsProtectedElements = document.querySelectorAll("[data-pelcro-entitlements]");
   const entitlements = entitlementsProtectedElements.length > 0 ? getEntitlementsFromElem(entitlementsProtectedElements[0]) : null;
   return /*#__PURE__*/React__default['default'].createElement(SelectModalWithTrans, {
@@ -14430,7 +14441,7 @@ class SelectModal extends React.Component {
       const {
         switchToAddressView,
         switchToPaymentView
-      } = usePelcro.getStore();
+      } = usePelcro$1.getStore();
 
       if (!isAuthenticated) {
         return setView("register");
@@ -16633,16 +16644,16 @@ const PaymentMethodContainerWithoutStripe = ({
   const {
     t
   } = useTranslation("payment");
-  const pelcroStore = usePelcro();
+  const pelcroStore = usePelcro$1();
   const {
     set,
     order,
     selectedPaymentMethodId,
     couponCode
-  } = usePelcro();
+  } = usePelcro$1();
   const {
     whenUserReady
-  } = usePelcro.getStore();
+  } = usePelcro$1.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;
@@ -18322,7 +18333,7 @@ const PaymentMethodContainer = props => {
   const [isStripeLoaded, setIsStripeLoaded] = React.useState(Boolean(window.Stripe));
   const {
     whenUserReady
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
   React.useEffect(() => {
     whenUserReady(() => {
       if (!window.Stripe) {
@@ -18423,7 +18434,7 @@ const PelcroPaymentRequestButton = props => {
 const CheckoutForm = () => {
   const {
     selectedPaymentMethodId
-  } = usePelcro();
+  } = usePelcro$1();
   const cardProcessor = getSiteCardProcessor();
 
   if (selectedPaymentMethodId) {
@@ -18478,7 +18489,7 @@ const DiscountedPrice = props => {
   const {
     order,
     plan
-  } = usePelcro();
+  } = usePelcro$1();
   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;
@@ -18514,7 +18525,7 @@ const SubmitPaymentMethod = ({
 
   const {
     plan
-  } = usePelcro();
+  } = usePelcro$1();
   const {
     t
   } = useTranslation("checkoutForm");
@@ -18946,7 +18957,7 @@ const PaypalSubscribeButton = props => {
     plan,
     invoice,
     selectedAddressId
-  } = usePelcro();
+  } = usePelcro$1();
   React.useEffect(() => {
     var _ref, _ref2, _state$updatedPrice, _props$plan, _props$selectedAddres;
 
@@ -19088,7 +19099,7 @@ const SelectedPaymentMethod = () => {
   const {
     switchView,
     selectedPaymentMethodId
-  } = usePelcro();
+  } = usePelcro$1();
   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;
   });
@@ -19129,7 +19140,7 @@ const TaxAmount = () => {
   } = React.useContext(store$k);
   const {
     plan
-  } = usePelcro();
+  } = usePelcro$1();
   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;
@@ -19275,7 +19286,7 @@ const SubscriptionRenewView = ({
   const {
     product,
     plan
-  } = usePelcro();
+  } = usePelcro$1();
   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;
 
@@ -19330,7 +19341,7 @@ function SubscriptionRenewModal({
 }) {
   const {
     switchView
-  } = usePelcro();
+  } = usePelcro$1();
 
   const onSuccess = res => {
     var _otherProps$onSuccess, _ReactGA$event;
@@ -19535,7 +19546,7 @@ const SubscriptionCancelNowButton = ({
 }) => {
   const {
     switchView
-  } = usePelcro();
+  } = usePelcro$1();
   const {
     state: {
       cancelationReason
@@ -19607,7 +19618,7 @@ const SubscriptionCancelLaterButton = ({
 }) => {
   const {
     switchView
-  } = usePelcro();
+  } = usePelcro$1();
   const {
     state: {
       cancelationReason
@@ -19675,7 +19686,7 @@ const SubscriptionCancelLaterButton = ({
 const SubscriptionCancelView = props => {
   const {
     subscriptionToCancel
-  } = usePelcro();
+  } = usePelcro$1();
   const {
     t
   } = useTranslation("subscriptionCancel");
@@ -19849,7 +19860,7 @@ const SubscriptionSuspendButton = ({
 }) => {
   const {
     switchView
-  } = usePelcro();
+  } = usePelcro$1();
   const {
     state: {
       suspendDate,
@@ -19913,7 +19924,7 @@ const SubscriptionSuspendButton = ({
 const SubscriptionSuspendView = props => {
   const {
     subscriptionToSuspend
-  } = usePelcro();
+  } = usePelcro$1();
   const {
     t
   } = useTranslation("subscriptionSuspend");
@@ -20006,7 +20017,7 @@ const getCurrentFlow = () => {
     giftRecipient,
     giftCode,
     invoice
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
 
   if (invoice) {
     return "invoicePayment";
@@ -20025,7 +20036,7 @@ const getSuccessContent = i18n => {
   const flow = getCurrentFlow();
   const {
     product
-  } = usePelcro.getStore();
+  } = usePelcro$1.getStore();
   const wordingDictionary = {
     subscriptionSuccess: {
       successIcon: /*#__PURE__*/React__default['default'].createElement(SvgCheckSolid, {
@@ -20069,7 +20080,7 @@ function PaymentSuccessModal({
 }) {
   const {
     resetView
-  } = usePelcro();
+  } = usePelcro$1();
 
   const onClose = () => {
     var _props$onClose;
@@ -20102,7 +20113,7 @@ function NewsletterWithHook(props) {
     switchView,
     resetView,
     product
-  } = usePelcro();
+  } = usePelcro$1();
   return /*#__PURE__*/React__default['default'].createElement(NewsLetter, {
     onClose: () => {
       var _props$onClose;
@@ -20601,7 +20612,7 @@ const MeterView = () => {
     switchView,
     product,
     isAuthenticated
-  } = usePelcro();
+  } = usePelcro$1();
   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}`;
@@ -20623,7 +20634,7 @@ const MeterView = () => {
 const MeterModal = props => {
   const {
     resetView
-  } = usePelcro();
+  } = usePelcro$1();
   React.useEffect(() => {
     var _props$onDisplay;
 
@@ -20661,7 +20672,7 @@ const SubscriptionCreateView = ({
   const {
     product,
     plan
-  } = usePelcro();
+  } = usePelcro$1();
   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;
 
@@ -20719,7 +20730,7 @@ function SubscriptionCreateModal({
   useTranslation("common");
   const {
     switchView
-  } = usePelcro();
+  } = usePelcro$1();
 
   const onSuccess = res => {
     var _otherProps$onSuccess;
@@ -20765,7 +20776,7 @@ const SubscriptionManageMembersContainer = ({
 }) => {
   const {
     subscriptionToManageMembers
-  } = usePelcro();
+  } = usePelcro$1();
   const subscription_id = subscriptionToManageMembers === null || subscriptionToManageMembers === void 0 ? void 0 : subscriptionToManageMembers.id;
 
   const handleListMembers = ({}, dispatch) => {
@@ -21809,7 +21820,7 @@ function UserUpdateModal({
 }) {
   const {
     switchView
-  } = usePelcro();
+  } = usePelcro$1();
 
   const onPictureClick = () => {
     switchView("profile-picture");
@@ -21918,7 +21929,7 @@ const AddressCreateContainer = ({
     order,
     set,
     selectedMembership
-  } = usePelcro();
+  } = usePelcro$1();
   const giftCode = (_props$giftCode = props.giftCode) !== null && _props$giftCode !== void 0 ? _props$giftCode : giftCodeFromStore;
   const subscriptionIdToRenew = (_ref = (_props$subscriptionId = props.subscriptionIdToRenew) !== null && _props$subscriptionId !== void 0 ? _props$subscriptionId : subscriptionIdToRenewFromStore) !== null && _ref !== void 0 ? _ref : undefined;
   React.useEffect(() => {
@@ -22675,7 +22686,7 @@ const AddressCreateModal = ({
     switchView,
     switchToPaymentView,
     resetView
-  } = usePelcro();
+  } = usePelcro$1();
 
   const onSuccess = newAddressId => {
     var _otherProps$onSuccess;
@@ -22768,7 +22779,7 @@ const AddressUpdateContainer = ({
 
   const {
     addressIdToEdit
-  } = usePelcro();
+  } = usePelcro$1();
   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(() => {
@@ -23859,7 +23870,7 @@ const PasswordForgotModal = ({
   } = useTranslation("passwordForgot");
   const {
     switchView
-  } = usePelcro();
+  } = usePelcro$1();
   return /*#__PURE__*/React__default['default'].createElement(Modal, {
     id: "pelcro-password-forgot-modal",
     onDisplay: onDisplay,
@@ -24444,7 +24455,7 @@ const CartContainer = ({
   const {
     cartItems,
     set
-  } = usePelcro();
+  } = usePelcro$1();
   const {
     t
   } = useTranslation("shop");
@@ -24549,7 +24560,7 @@ const CartRemoveItemButton = ({
 }) => {
   const {
     removeFromCart
-  } = usePelcro();
+  } = usePelcro$1();
   return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
     variant: "icon",
     "data-key": itemId,
@@ -24612,7 +24623,7 @@ const CartTotalPrice = () => {
   } = React.useContext(store$8);
   const {
     cartItems
-  } = usePelcro();
+  } = usePelcro$1();
   const totalPriceCurrency = cartItems[0].currency;
   const {
     t
@@ -24632,7 +24643,7 @@ const CartTotalPrice = () => {
 const CartView = props => {
   const {
     cartItems
-  } = usePelcro();
+  } = usePelcro$1();
   const {
     t
   } = useTranslation("cart");
@@ -24693,7 +24704,7 @@ const CartModal = ({
     switchView,
     switchToAddressView,
     isAuthenticated
-  } = usePelcro();
+  } = usePelcro$1();
 
   const onSuccess = items => {
     var _otherProps$onSuccess;
@@ -24725,7 +24736,7 @@ const ShopSelectProductButton = ({
 }) => {
   const {
     addToCart
-  } = usePelcro();
+  } = usePelcro$1();
   const {
     t
   } = useTranslation("shop");
@@ -24757,7 +24768,7 @@ const ShopPurchaseButton = ({
 }) => {
   const {
     purchaseItem
-  } = usePelcro();
+  } = usePelcro$1();
   const {
     t
   } = useTranslation("shop");
@@ -24833,7 +24844,7 @@ const OrderCreateModal = ({
 }) => {
   const {
     switchView
-  } = usePelcro();
+  } = usePelcro$1();
 
   const onSuccess = () => {
     var _otherProps$onSuccess;
@@ -24863,7 +24874,7 @@ const OrderConfirmModal = props => {
   } = useTranslation("shop");
   const {
     resetView
-  } = usePelcro();
+  } = usePelcro$1();
 
   const onClose = () => {
     var _props$onClose;
@@ -24955,7 +24966,7 @@ const GiftCreateContainer = ({
   } = useTranslation("register");
   const {
     set
-  } = usePelcro();
+  } = usePelcro$1();
 
   const handleSubmit = (state, dispatch) => {
     const giftRecipient = {
@@ -25247,7 +25258,7 @@ const GiftCreateModal = ({
     switchToAddressView,
     switchToPaymentView,
     product
-  } = usePelcro();
+  } = usePelcro$1();
 
   const onSuccess = giftRecipient => {
     var _otherProps$onSuccess;
@@ -25275,6 +25286,7 @@ const GiftCreateModal = ({
 GiftCreateModal.viewId = "gift-create";
 
 const initialState$6 = {
+  isSubmitting: false,
   giftCode: "",
   buttonDisabled: true,
   alert: {
@@ -25293,14 +25305,24 @@ const GiftRedeemContainer = ({
   onSuccess = () => {},
   onFailure = () => {},
   onDisplay = () => {},
-  children
+  children,
+  ...props
 }) => {
+  var _ref, _props$subscriptionId;
+
   const {
     t
   } = useTranslation("register");
   const {
     set
-  } = usePelcro();
+  } = usePelcro$1();
+  const {
+    switchView,
+    switchToAddressView,
+    isAuthenticated,
+    subscriptionIdToRenew: subscriptionIdToRenewFromStore
+  } = usePelcro$1();
+  const subscriptionIdToRenew = (_ref = (_props$subscriptionId = props.subscriptionIdToRenew) !== null && _props$subscriptionId !== void 0 ? _props$subscriptionId : subscriptionIdToRenewFromStore) !== null && _ref !== void 0 ? _ref : undefined;
   React.useEffect(() => {
     onDisplay();
   }, []);
@@ -25321,7 +25343,41 @@ const GiftRedeemContainer = ({
       set({
         giftCode
       });
-      onSuccess(giftCode);
+
+      if (!isAuthenticated()) {
+        switchView("register");
+      } else {
+        console.log("Shaker");
+        window.Pelcro.subscription.redeemGift({
+          auth_token: window.Pelcro.user.read().auth_token,
+          gift_code: giftCode,
+          // redeem gift as a future phase of an existing subscription
+          subscription_id: subscriptionIdToRenew
+        }, (err, res) => {
+          dispatch({
+            type: LOADING,
+            payload: false
+          });
+
+          if (err) {
+            dispatch({
+              type: SHOW_ALERT,
+              payload: {
+                type: "error",
+                content: getErrorMessages(err)
+              }
+            });
+
+            if (getErrorMessages(err) === "Address ID is required") {
+              switchToAddressView();
+            } else {
+              return onFailure(err);
+            }
+          } else {
+            return onSuccess(giftCode);
+          }
+        });
+      }
     }
   };
 
@@ -25342,8 +25398,14 @@ const GiftRedeemContainer = ({
           buttonDisabled: action.payload
         });
 
+      case LOADING:
+        return lib_7({ ...state,
+          isSubmitting: action.payload
+        });
+
       case HANDLE_SUBMIT:
         return lib_5({ ...state,
+          isSubmitting: true,
           buttonDisabled: true
         }, (state, dispatch) => handleRedeem(state, dispatch));
 
@@ -25412,7 +25474,8 @@ const GiftRedeemSubmitButton = ({
   const {
     dispatch,
     state: {
-      disableSubmit
+      disableSubmit,
+      isSubmitting
     }
   } = React.useContext(store$6);
   const {
@@ -25425,7 +25488,8 @@ const GiftRedeemSubmitButton = ({
       });
       onClick === null || onClick === void 0 ? void 0 : onClick();
     },
-    disabled: disableSubmit
+    disabled: disableSubmit,
+    isLoading: isSubmitting
   }, otherProps), name !== null && name !== void 0 ? name : t("redeem.buttons.redeem"));
 };
 
@@ -25470,18 +25534,13 @@ const GiftRedeemModal = ({
     switchView,
     switchToAddressView,
     isAuthenticated
-  } = usePelcro();
+  } = usePelcro$1();
 
   const onSuccess = giftCode => {
     var _otherProps$onSuccess;
 
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, giftCode);
-
-    if (isAuthenticated()) {
-      switchToAddressView();
-    } else {
-      switchView("register");
-    }
+    switchView("subscription-success");
   };
 
   return /*#__PURE__*/React__default['default'].createElement(Modal, {
@@ -25542,7 +25601,7 @@ const AddressSelectContainer = ({
     subscriptionIdToRenew: subscriptionIdToRenewFromStore,
     set,
     selectedMembership
-  } = usePelcro();
+  } = usePelcro$1();
   const giftCode = (_props$giftCode = props.giftCode) !== null && _props$giftCode !== void 0 ? _props$giftCode : giftCodeFromStore;
   const subscriptionIdToRenew = (_ref = (_props$subscriptionId = props.subscriptionIdToRenew) !== null && _props$subscriptionId !== void 0 ? _props$subscriptionId : subscriptionIdToRenewFromStore) !== null && _ref !== void 0 ? _ref : undefined;
 
@@ -25784,7 +25843,7 @@ const AddressSelectModal = ({
     switchView,
     switchToPaymentView,
     resetView
-  } = usePelcro();
+  } = usePelcro$1();
 
   const onSuccess = selectedAddressId => {
     var _otherProps$onSuccess;
@@ -25862,7 +25921,7 @@ const PaymentMethodSelectContainer = ({
   const {
     set,
     selectedPaymentMethodId: selectedPaymentMethodIdFromStore
-  } = usePelcro();
+  } = usePelcro$1();
 
   const submitPaymentMethod = ({
     selectedPaymentMethodId
@@ -26045,7 +26104,7 @@ const PaymentMethodSelectModal = ({
     switchToCheckoutForm,
     set,
     plan
-  } = usePelcro();
+  } = usePelcro$1();
   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) {
@@ -27353,7 +27412,7 @@ const SavedItems = ({
   const [isLoading, setLoading] = React.useState(false);
   const {
     isAuthenticated
-  } = usePelcro();
+  } = usePelcro$1();
 
   const removeItemFromMetadata = (category, title) => {
     const user = window.Pelcro.user.read();
@@ -27552,7 +27611,7 @@ const SubscriptionsItems = ({
     setSubscriptionToCancel,
     setSubscriptionToSuspend,
     set
-  } = usePelcro();
+  } = usePelcro$1();
   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 => {
@@ -28149,7 +28208,7 @@ const InvoicesItems = () => {
   const {
     setInvoice,
     switchView
-  } = usePelcro();
+  } = usePelcro$1();
   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 => {
@@ -28280,7 +28339,7 @@ const MembershipsItems = () => {
     switchView,
     setSelectedMembership,
     switchToAddressView
-  } = usePelcro();
+  } = usePelcro$1();
   const memberships = getActiveMemberships();
 
   const onChangeAddressClick = membershipId => {
@@ -28360,7 +28419,7 @@ function DashboardWithHook(props) {
     resetView,
     logout,
     set
-  } = usePelcro();
+  } = usePelcro$1();
   return /*#__PURE__*/React__default['default'].createElement(DashboardWithTrans, {
     setAddress: addressIdToEdit => set({
       addressIdToEdit
@@ -28996,7 +29055,7 @@ const DashboardWithTrans = withTranslation("dashboard")(Dashboard);
 const DashboardOpenButton = () => {
   const {
     switchView
-  } = usePelcro();
+  } = usePelcro$1();
   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", {
@@ -30985,11 +31044,34 @@ const EmailVerifyModal = ({
   onClose,
   ...otherProps
 }) => {
+  const {
+    product,
+    plan,
+    switchToAddressView,
+    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 && plan) {
+      if (product.address_required) {
+        return switchToAddressView();
+      } else {
+        return switchToPaymentView();
+      }
+    }
+  };
+
   return /*#__PURE__*/React__default['default'].createElement(Modal, {
     onDisplay: onDisplay,
     onClose: onClose,
     id: "pelcro-email-verify-modal"
-  }, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(EmailVerifyView, otherProps)), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
+  }, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(EmailVerifyView, Object.assign({
+    onSuccess: onSuccess
+  }, otherProps))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
 };
 EmailVerifyModal.viewId = "email-verify";
 
@@ -31137,7 +31219,7 @@ function VerifyLinkTokenModal({
   } = useTranslation("verifyLinkToken");
   const {
     resetView
-  } = usePelcro();
+  } = usePelcro$1();
 
   const onSuccess = res => {
     var _props$onSuccess;
@@ -31187,7 +31269,7 @@ const InvoicePaymentModal = ({
 }) => {
   const {
     switchView
-  } = usePelcro();
+  } = usePelcro$1();
 
   const onSuccess = () => {
     var _otherProps$onSuccess;
@@ -31264,7 +31346,7 @@ const InvoiceDetailsDownloadButton = ({
   } = useTranslation("invoiceDetails");
   const {
     invoice
-  } = usePelcro();
+  } = usePelcro$1();
   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",
@@ -31301,7 +31383,7 @@ const InvoiceDetailsView = props => {
   } = useTranslation("invoiceDetails");
   const {
     invoice
-  } = usePelcro();
+  } = usePelcro$1();
   const showPayButton = canPayInvoice(invoice);
   const showDownloadButton = Boolean(invoice === null || invoice === void 0 ? void 0 : invoice.invoice_pdf);
   const hasPlanDetails = Boolean(invoice.plan);
@@ -31369,7 +31451,7 @@ const InvoiceDetailsModal = ({
 }) => {
   const {
     switchToPaymentView
-  } = usePelcro();
+  } = usePelcro$1();
 
   const onSuccess = () => {
     var _otherProps$onSuccess;
@@ -33040,4 +33122,4 @@ exports.initContentEntitlement = init;
 exports.invoicePaymentSubmitButton = invoicePaymentSubmitButton;
 exports.notify = notify;
 exports.unauthenticatedButtons = unauthenticatedButtons;
-exports.usePelcro = usePelcro;
+exports.usePelcro = usePelcro$1;