@pelcro/react-pelcro-js 3.2.0-beta.15 → 3.2.0-beta.19

package/dist/index.esm.js

@@ -3436,7 +3436,7 @@ var paymentMethod_fr = {
 var title$f = "Enter your email to subscribe to our newsletter";
 var updateTitle$1 = "Update newsletter selections";
 var subtitle$7 = "We may use your email for other marketing communication";
-var labels$p = {
+var labels$r = {
 	submit: "Submit",
 	firstName: "First name",
 	lastName: "Last name",
@@ -3444,7 +3444,7 @@ var labels$p = {
 	postalCode: "Postal code",
 	required: "required"
 };
-var messages$r = {
+var messages$t = {
 	alreadyHaveAccount: "Already have an account?",
 	success: "Newsletters were successfully updated",
 	loginHere: "Login here.",
@@ -3455,14 +3455,14 @@ var newsletter_en = {
 	title: title$f,
 	updateTitle: updateTitle$1,
 	subtitle: subtitle$7,
-	labels: labels$p,
-	messages: messages$r
+	labels: labels$r,
+	messages: messages$t
 };
 
 var title$e = "Entrez votre adresse courriel pour vous abonner à notre infolettre";
 var updateTitle = "Mettre à jour son choix d'infolettres";
 var subtitle$6 = "Nous pouvons utiliser votre adresse courriel pour d’autres communications marketing";
-var labels$o = {
+var labels$q = {
 	submit: "Lire l’article !",
 	firstName: "Prénom",
 	lastName: "Nom de famille",
@@ -3470,7 +3470,7 @@ var labels$o = {
 	postalCode: "Code postal",
 	required: "Champs obligatoires"
 };
-var messages$q = {
+var messages$s = {
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
 	success: "Votre choix d'infolettres à été mis à jour",
 	loginHere: "Connectez-vous ici",
@@ -3481,14 +3481,14 @@ var newsletter_fr = {
 	title: title$e,
 	updateTitle: updateTitle,
 	subtitle: subtitle$6,
-	labels: labels$o,
-	messages: messages$q
+	labels: labels$q,
+	messages: messages$s
 };
 
-var labels$n = {
+var labels$p = {
 	"continue": "Continue to content"
 };
-var messages$p = {
+var messages$r = {
 	yourFreeTrial: "Subscription successful!",
 	youHaveAccess: "Hope you enjoy the subscription. Please contact us if you have any questions or concerns.",
 	clickToLearn: {
@@ -3514,15 +3514,15 @@ var errors$9 = {
 	"": ""
 };
 var success_en = {
-	labels: labels$n,
-	messages: messages$p,
+	labels: labels$p,
+	messages: messages$r,
 	errors: errors$9
 };
 
-var labels$m = {
+var labels$o = {
 	"continue": "Abonnement réussi !"
 };
-var messages$o = {
+var messages$q = {
 	yourFreeTrial: "Votre essai gratuit vient de débuter",
 	youHaveAccess: "Nous espérons que vous allez apprécier votre abonnement. Veuillez nous contacter si vous avez des questions ou des préoccupations.",
 	clickToLearn: {
@@ -3548,12 +3548,12 @@ var errors$8 = {
 	"": ""
 };
 var success_fr = {
-	labels: labels$m,
-	messages: messages$o,
+	labels: labels$o,
+	messages: messages$q,
 	errors: errors$8
 };
 
-var messages$n = {
+var messages$p = {
 	freeVisits: "Free visits left:",
 	subscribeNow: "Subscribe",
 	alreadyHaveAccount: "Already have an account?",
@@ -3563,11 +3563,11 @@ var errors$7 = {
 	"": ""
 };
 var meter_en = {
-	messages: messages$n,
+	messages: messages$p,
 	errors: errors$7
 };
 
-var messages$m = {
+var messages$o = {
 	freeVisits: "Visites gratuites restantes:",
 	subscribeNow: "Abonnez-vous maintenant !",
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
@@ -3577,15 +3577,15 @@ var errors$6 = {
 	"": ""
 };
 var meter_fr = {
-	messages: messages$m,
+	messages: messages$o,
 	errors: errors$6
 };
 
-var messages$l = {
+var messages$n = {
 	youAreSafe: "You're safe - PCI compliant 128 SSL by",
 	bankRedirection: "Please hold, redirecting you to your bank."
 };
-var labels$l = {
+var labels$n = {
 	card: "Enter card number",
 	date: "Expiration date",
 	CVC: "CVC",
@@ -3604,15 +3604,15 @@ var labels$l = {
 	removeCoupon: "REMOVE"
 };
 var checkoutForm_en = {
-	messages: messages$l,
-	labels: labels$l
+	messages: messages$n,
+	labels: labels$n
 };
 
-var messages$k = {
+var messages$m = {
 	youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
 	bankRedirection: "Veuillez patienter, nous vous redirigeons vers votre banque."
 };
-var labels$k = {
+var labels$m = {
 	card: "Entrez le numéro de carte",
 	date: "Date d’expiration",
 	CVC: "CVC",
@@ -3631,8 +3631,8 @@ var labels$k = {
 	removeCoupon: "RETIRER"
 };
 var checkoutForm_fr = {
-	messages: messages$k,
-	labels: labels$k
+	messages: messages$m,
+	labels: labels$m
 };
 
 var youAreSafe$1 = "You're safe - PCI compliant 128 SSL by";
@@ -3673,7 +3673,7 @@ var messages_fr = {
 	zeroTotalInvoice: zeroTotalInvoice
 };
 
-var labels$j = {
+var labels$l = {
 	email: "Enter email",
 	password: "Enter password",
 	required: "required",
@@ -3681,7 +3681,7 @@ var labels$j = {
 	passwordPlaceholder: "Password",
 	login: "Login"
 };
-var messages$j = {
+var messages$l = {
 	loginTo: "Login to your account",
 	welcome: "Welcome back, sign in with your existing account.",
 	dontHaveAccount: "Don't have an account yet?",
@@ -3700,12 +3700,12 @@ var errors$5 = {
 	"": ""
 };
 var login_en = {
-	labels: labels$j,
-	messages: messages$j,
+	labels: labels$l,
+	messages: messages$l,
 	errors: errors$5
 };
 
-var labels$i = {
+var labels$k = {
 	email: "Entrez votre adresse courriel",
 	password: "Entrez votre mot de passe",
 	required: "Champs obligatoires",
@@ -3713,7 +3713,7 @@ var labels$i = {
 	passwordPlaceholder: "Mot de passe",
 	login: "Connexion"
 };
-var messages$i = {
+var messages$k = {
 	loginTo: "Connectez-vous à votre compte",
 	welcome: "Bienvenue, connectez-vous avec votre compte existant.",
 	dontHaveAccount: "Vous n’avez pas encore de compte ?",
@@ -3732,11 +3732,39 @@ var errors$4 = {
 	"": ""
 };
 var login_fr = {
-	labels: labels$i,
-	messages: messages$i,
+	labels: labels$k,
+	messages: messages$k,
 	errors: errors$4
 };
 
+var labels$j = {
+	title: "Verifying Magin Link",
+	instructions: "You're on your way!\nLet's confirm your email address.\nClick on the verification link we've sent to your email:",
+	resend: "Resend email"
+};
+var messages$j = {
+	resent: "Resent successfully",
+	success: "Link verified successfully!"
+};
+var verifyLinkToken_en = {
+	labels: labels$j,
+	messages: messages$j
+};
+
+var labels$i = {
+	title: "Confirmez votre courriel",
+	instructions: "Confirmez votre courriel.\nVeuillez cliquer sur le lien de vérification, qui vous a été envoyé à:",
+	resend: "Renvoyer le courriel"
+};
+var messages$i = {
+	resent: "Renvoyé avec succès",
+	success: "Lien vérifiée avec succès"
+};
+var verifyLinkToken_fr = {
+	labels: labels$i,
+	messages: messages$i
+};
+
 var title$d = "Create an account";
 var subtitle$5 = "Enter your email and password below";
 var labels$h = {
@@ -6023,7 +6051,7 @@ class PelcroActions {
         view,
         cartItems,
         ...otherStateFields
-      } = initialState$i;
+      } = initialState$j;
       this.set(otherStateFields);
     });
 
@@ -6342,7 +6370,7 @@ class PelcroCallbacks {
 
 }
 
-const initialState$i = {
+const initialState$j = {
   // View
   view: null,
   // Plans
@@ -6372,7 +6400,7 @@ const createPelcroStore = () => createStore(middleware_3((set, get) => {
   return {
     // Store setter
     set,
-    ...initialState$i,
+    ...initialState$j,
     // State actions
     ...actions,
     // Callbacks
@@ -6536,7 +6564,7 @@ const calcAndFormatItemsTotal = (items, currency) => {
  */
 
 const isValidViewFromURL = viewID => {
-  if (["login", "register", "plan-select", "gift-redeem", "password-forgot", "password-reset", "password-change", "payment-method-update", "user-edit", "newsletter", "address-create", "order-create", "cart", "email-verify", "invoice-details"].includes(viewID) || hasValidNewsletterUpdateUrl()) {
+  if (["login", "register", "plan-select", "gift-redeem", "password-forgot", "password-reset", "password-change", "passwordless-login", "payment-method-update", "user-edit", "newsletter", "address-create", "order-create", "cart", "email-verify", "invoice-details"].includes(viewID) || hasValidNewsletterUpdateUrl()) {
     return true;
   }
 
@@ -6752,6 +6780,7 @@ const resources = {
     checkoutForm: checkoutForm_en,
     messages: messages_en,
     login: login_en,
+    verifyLinkToken: verifyLinkToken_en,
     register: register_en,
     userEdit: userEdit_en,
     address: address_en,
@@ -6776,6 +6805,7 @@ const resources = {
     checkoutForm: checkoutForm_fr,
     messages: messages_fr,
     login: login_fr,
+    verifyLinkToken: verifyLinkToken_fr,
     register: register_fr,
     userEdit: userEdit_fr,
     address: address_fr,
@@ -8948,6 +8978,10 @@ const initViewFromURL = () => {
         return verifyEmailTokenFromUrl();
       }
 
+      if (view === "passwordless-login") {
+        return verifyLinkTokenFromUrl();
+      }
+
       if (view === "invoice-details") {
         return showInvoiceDetailsFromUrl();
       }
@@ -9128,6 +9162,18 @@ const verifyEmailTokenFromUrl = () => {
   });
 };
 
+const verifyLinkTokenFromUrl = () => {
+  var _window$Pelcro$user$i, _window$Pelcro$user;
+
+  const isAlreadyLoggedIn = (_window$Pelcro$user$i = (_window$Pelcro$user = window.Pelcro.user) === null || _window$Pelcro$user === void 0 ? void 0 : _window$Pelcro$user.isAuthenticated()) !== null && _window$Pelcro$user$i !== void 0 ? _window$Pelcro$user$i : false;
+  const loginToken = window.Pelcro.helpers.getURLParameter("token");
+  if (isAlreadyLoggedIn || !loginToken) return;
+  const {
+    switchView
+  } = usePelcro.getStore();
+  return switchView("passwordless-login");
+};
+
 const showInvoiceDetailsFromUrl = () => {
   const {
     isAuthenticated,
@@ -9503,8 +9549,9 @@ const LOAD_PAYMENT_METHODS = "LOAD_PAYMENT_METHODS";
 const GET_NEWSLETTERS_FETCH = "GET_NEWSLETTERS_FETCH";
 const GET_NEWSLETTERS_SUCCESS = "GET_NEWSLETTERS_SUCCESS";
 const SWITCH_TO_UPDATE = "SWITCH_TO_UPDATE";
+const LINK_TOKEN_VERIFY = "LINK_TOKEN_VERIFY";
 
-const initialState$h = {
+const initialState$i = {
   email: "",
   password: "",
   emailError: null,
@@ -9515,10 +9562,10 @@ const initialState$h = {
     content: ""
   }
 };
-const store$h = /*#__PURE__*/createContext(initialState$h);
+const store$i = /*#__PURE__*/createContext(initialState$i);
 const {
-  Provider: Provider$h
-} = store$h;
+  Provider: Provider$i
+} = store$i;
 
 const LoginContainer = ({
   style,
@@ -9625,7 +9672,7 @@ const LoginContainer = ({
         });
 
       case RESET_LOGIN_FORM:
-        return initialState$h;
+        return initialState$i;
 
       case DISABLE_LOGIN_BUTTON:
         return lib_7({ ...state,
@@ -9643,12 +9690,12 @@ const LoginContainer = ({
       default:
         return state;
     }
-  }, initialState$h);
+  }, initialState$i);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-login-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$h, {
+  }, /*#__PURE__*/React__default.createElement(Provider$i, {
     value: {
       state,
       dispatch
@@ -9656,12 +9703,12 @@ const LoginContainer = ({
   }, children.length ? children.map((child, i) => {
     if (child) {
       return /*#__PURE__*/React__default.cloneElement(child, {
-        store: store$h,
+        store: store$i,
         key: i
       });
     }
   }) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$h
+    store: store$i
   })));
 };
 
@@ -9909,7 +9956,7 @@ const LoginButton = ({
       buttonDisabled
     },
     dispatch
-  } = useContext(store$h);
+  } = useContext(store$i);
   const {
     t
   } = useTranslation("login");
@@ -9930,11 +9977,11 @@ const LoginButton = ({
 };
 
 const LoginEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
-  store: store$h
+  store: store$i
 }, props));
 
 const LoginPassword = props => /*#__PURE__*/React__default.createElement(Password, Object.assign({
-  store: store$h
+  store: store$i
 }, props));
 
 var _path$r;
@@ -10011,7 +10058,7 @@ var facebookLoginRenderProps = createCommonjsModule(function (module, exports) {
 var FacebookLogin = unwrapExports(facebookLoginRenderProps);
 facebookLoginRenderProps.FacebookLogin;
 
-const initialState$g = {
+const initialState$h = {
   email: "",
   password: "",
   emailError: null,
@@ -10028,10 +10075,10 @@ const initialState$g = {
     content: ""
   }
 };
-const store$g = /*#__PURE__*/createContext(initialState$g);
+const store$h = /*#__PURE__*/createContext(initialState$h);
 const {
-  Provider: Provider$g
-} = store$g;
+  Provider: Provider$h
+} = store$h;
 
 const RegisterContainer = ({
   style,
@@ -10214,7 +10261,7 @@ const RegisterContainer = ({
         });
 
       case RESET_LOGIN_FORM:
-        return initialState$g;
+        return initialState$h;
 
       case DISABLE_REGISTRATION_BUTTON:
         return lib_7({ ...state,
@@ -10232,12 +10279,12 @@ const RegisterContainer = ({
       default:
         return state;
     }
-  }, initialState$g);
+  }, initialState$h);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-register-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$g, {
+  }, /*#__PURE__*/React__default.createElement(Provider$h, {
     value: {
       state,
       dispatch
@@ -10245,12 +10292,12 @@ const RegisterContainer = ({
   }, children.length ? children.map((child, i) => {
     if (child) {
       return /*#__PURE__*/React__default.cloneElement(child, {
-        store: store$g,
+        store: store$h,
         key: i
       });
     }
   }) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$g
+    store: store$h
   })));
 };
 /**
@@ -10290,10 +10337,10 @@ const FacebookLoginButton = ({
   const facebookLoginEnabled = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id;
   const {
     dispatch: loginDispatch
-  } = useContext(store$h);
+  } = useContext(store$i);
   const {
     dispatch: registerDispatch
-  } = useContext(store$g);
+  } = useContext(store$h);
 
   const onSuccess = facebookUser => {
     loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
@@ -10380,10 +10427,10 @@ const GoogleLoginButton = ({
   const googleLoginEnabled = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.google_app_id;
   const {
     dispatch: loginDispatch
-  } = useContext(store$h);
+  } = useContext(store$i);
   const {
     dispatch: registerDispatch
-  } = useContext(store$g);
+  } = useContext(store$h);
 
   const onSuccess = response => {
     var _response$getAuthResp, _profile$getEmail, _profile$getGivenName, _profile$getFamilyNam, _profile$getEmail2, _profile$getGivenName2, _profile$getFamilyNam2;
@@ -10479,10 +10526,10 @@ const Auth0LoginButton = ({
   }, [auth0Enabled, auth0Loaded]);
   const {
     dispatch: loginDispatch
-  } = useContext(store$h);
+  } = useContext(store$i);
   const {
     dispatch: registerDispatch
-  } = useContext(store$g);
+  } = useContext(store$h);
 
   function handleClick() {
     var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
@@ -10770,11 +10817,11 @@ function LoginModal({
 LoginModal.viewId = "login";
 
 const RegisterEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
-  store: store$g
+  store: store$h
 }, props));
 
 const RegisterPassword = props => /*#__PURE__*/React__default.createElement(Password, Object.assign({
-  store: store$g
+  store: store$h
 }, props));
 
 const RegisterButton = ({
@@ -10794,7 +10841,7 @@ const RegisterButton = ({
       buttonDisabled
     },
     dispatch
-  } = useContext(store$g);
+  } = useContext(store$h);
   const {
     t
   } = useTranslation("register");
@@ -10932,7 +10979,7 @@ function FirstName({
 }
 
 const RegisterFirstName = props => /*#__PURE__*/React__default.createElement(FirstName, Object.assign({
-  store: store$g
+  store: store$h
 }, props));
 
 function LastName({
@@ -10963,7 +11010,7 @@ function LastName({
 }
 
 const RegisterLastName = props => /*#__PURE__*/React__default.createElement(LastName, Object.assign({
-  store: store$g
+  store: store$h
 }, props));
 
 /**
@@ -11087,7 +11134,7 @@ function TextInput({
 
 const RegisterTextInput = props => {
   return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
-    store: store$g
+    store: store$h
   }));
 };
 
@@ -13431,7 +13478,7 @@ class VantivGateway {
 
 /** @type {PaymentStateType} */
 
-const initialState$f = {
+const initialState$g = {
   disableSubmit: false,
   isLoading: false,
   disableCouponButton: false,
@@ -13450,10 +13497,10 @@ const initialState$f = {
     content: ""
   }
 };
-const store$f = /*#__PURE__*/createContext(initialState$f);
+const store$g = /*#__PURE__*/createContext(initialState$g);
 const {
-  Provider: Provider$f
-} = store$f;
+  Provider: Provider$g
+} = store$g;
 
 const PaymentMethodContainerWithoutStripe = ({
   style,
@@ -14705,21 +14752,21 @@ const PaymentMethodContainerWithoutStripe = ({
       default:
         return state;
     }
-  }, initialState$f);
+  }, initialState$g);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-payment-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$f, {
+  }, /*#__PURE__*/React__default.createElement(Provider$g, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$f,
+    store: store$g,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$f
+    store: store$g
   })));
 };
 
@@ -14741,7 +14788,7 @@ const PaymentMethodContainer = props => {
       stripeAccount: window.Pelcro.site.read().account_id,
       locale: getPageOrDefaultLanguage()
     }, /*#__PURE__*/React__default.createElement(es_11, null, /*#__PURE__*/React__default.createElement(UnwrappedForm, Object.assign({
-      store: store$f
+      store: store$g
     }, props))));
   }
 
@@ -14794,7 +14841,7 @@ const PelcroPaymentRequestButton = props => {
       currentPlan,
       updatedPrice
     }
-  } = useContext(store$f);
+  } = useContext(store$g);
 
   const updatePaymentRequest = () => {
     // Make sure payment request is up to date, eg. user added a coupon code.
@@ -14870,7 +14917,7 @@ const DiscountedPrice = props => {
       taxAmount,
       percentOff
     }
-  } = useContext(store$f);
+  } = useContext(store$g);
   const {
     order,
     plan
@@ -14920,7 +14967,7 @@ const SubmitPaymentMethod = ({
       isLoading,
       updatedPrice
     }
-  } = useContext(store$f);
+  } = useContext(store$g);
   const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
   const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
   const priceFormatted = getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
@@ -14970,7 +15017,7 @@ const ApplyCouponButton = ({
       disableCouponButton
     },
     dispatch
-  } = useContext(store$f);
+  } = useContext(store$g);
   const {
     t
   } = useTranslation("checkoutForm");
@@ -15004,7 +15051,7 @@ const CouponCodeField = props => {
       couponCode,
       couponError
     }
-  } = useContext(store$f);
+  } = useContext(store$g);
 
   const onCouponCodeChange = e => {
     dispatch({
@@ -15060,7 +15107,7 @@ const CouponCode = ({
     state: {
       enableCouponField
     }
-  } = useContext(store$f);
+  } = useContext(store$g);
   const {
     t
   } = useTranslation("checkoutForm");
@@ -15317,7 +15364,7 @@ const PaypalSubscribeButton = props => {
   const {
     dispatch,
     state
-  } = useContext(store$f);
+  } = useContext(store$g);
   const {
     product,
     plan,
@@ -15450,7 +15497,7 @@ const SelectedPaymentMethod = () => {
     state: {
       isLoading
     }
-  } = useContext(store$f);
+  } = useContext(store$g);
   const {
     switchView,
     selectedPaymentMethodId
@@ -15492,7 +15539,7 @@ const TaxAmount = () => {
     state: {
       taxAmount
     }
-  } = useContext(store$f);
+  } = useContext(store$g);
   const {
     plan
   } = usePelcro();
@@ -16011,7 +16058,7 @@ class DefaultNewsLetter extends Component {
 
 const NewsLetter = withTranslation("newsletter")(DefaultNewsLetter);
 
-const initialState$e = {
+const initialState$f = {
   didSubToNewslettersBefore: false,
   newsletters: [],
   isListLoading: true,
@@ -16021,10 +16068,10 @@ const initialState$e = {
     content: ""
   }
 };
-const store$e = /*#__PURE__*/createContext(initialState$e);
+const store$f = /*#__PURE__*/createContext(initialState$f);
 const {
-  Provider: Provider$e
-} = store$e;
+  Provider: Provider$f
+} = store$f;
 
 const NewsletterUpdateContainer = ({
   style,
@@ -16137,7 +16184,7 @@ const NewsletterUpdateContainer = ({
       default:
         return state;
     }
-  }, initialState$e);
+  }, initialState$f);
   useEffect(() => {
     const getUserNewsletters = () => {
       var _window$Pelcro$user$r3, _window$Pelcro$user$r4;
@@ -16181,7 +16228,7 @@ const NewsletterUpdateContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-newsletter-update-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$e, {
+  }, /*#__PURE__*/React__default.createElement(Provider$f, {
     value: {
       state,
       dispatch
@@ -16189,12 +16236,12 @@ const NewsletterUpdateContainer = ({
   }, children.length ? children.map((child, i) => {
     if (child) {
       return /*#__PURE__*/React__default.cloneElement(child, {
-        store: store$e,
+        store: store$f,
         key: i
       });
     }
   }) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$e
+    store: store$f
   })));
 };
 
@@ -16209,7 +16256,7 @@ const NewsletterUpdateButton = ({
       isSubmitting,
       isListLoading
     }
-  } = useContext(store$e);
+  } = useContext(store$f);
   const {
     t
   } = useTranslation("newsletter");
@@ -16239,7 +16286,7 @@ const NewsletterUpdateList = () => {
       newsletters,
       isListLoading
     }
-  } = useContext(store$e);
+  } = useContext(store$f);
 
   if (isListLoading) {
     return /*#__PURE__*/React__default.createElement(Loader, {
@@ -16443,7 +16490,7 @@ function SubscriptionCreateModal({
 SubscriptionCreateModal.viewId = "subscription-create";
 
 var _window$Pelcro$user$r, _window$Pelcro$user$r2, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5;
-const initialState$d = {
+const initialState$e = {
   email: (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.email,
   firstName: (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.first_name,
   lastName: (_window$Pelcro$user$r3 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r3 === void 0 ? void 0 : _window$Pelcro$user$r3.last_name,
@@ -16456,10 +16503,10 @@ const initialState$d = {
     content: ""
   }
 };
-const store$d = /*#__PURE__*/createContext(initialState$d);
+const store$e = /*#__PURE__*/createContext(initialState$e);
 const {
-  Provider: Provider$d
-} = store$d;
+  Provider: Provider$e
+} = store$e;
 
 const UserUpdateContainer = ({
   style,
@@ -16479,20 +16526,23 @@ const UserUpdateContainer = ({
   }, []);
 
   const loadUserDataIntoFields = () => {
-    var _window$Pelcro$user$r6, _window$Pelcro$user$r7, _window$Pelcro$user$r8, _window$Pelcro$user$r9;
+    var _window$Pelcro$user$r6, _window$Pelcro$user$r7, _window$Pelcro$user$r8, _window$Pelcro$user$r9, _window$Pelcro$user$r10;
 
     const fields = [{
+      type: SET_EMAIL,
+      payload: (_window$Pelcro$user$r6 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r6 === void 0 ? void 0 : _window$Pelcro$user$r6.email
+    }, {
       type: SET_FIRST_NAME,
-      payload: (_window$Pelcro$user$r6 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r6 === void 0 ? void 0 : _window$Pelcro$user$r6.first_name
+      payload: (_window$Pelcro$user$r7 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : _window$Pelcro$user$r7.first_name
     }, {
       type: SET_LAST_NAME,
-      payload: (_window$Pelcro$user$r7 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : _window$Pelcro$user$r7.last_name
+      payload: (_window$Pelcro$user$r8 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r8 === void 0 ? void 0 : _window$Pelcro$user$r8.last_name
     }, {
       type: SET_DISPLAY_NAME,
-      payload: (_window$Pelcro$user$r8 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r8 === void 0 ? void 0 : _window$Pelcro$user$r8.display_name
+      payload: (_window$Pelcro$user$r9 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r9 === void 0 ? void 0 : _window$Pelcro$user$r9.display_name
     }, {
       type: SET_PHONE,
-      payload: (_window$Pelcro$user$r9 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r9 === void 0 ? void 0 : _window$Pelcro$user$r9.phone
+      payload: (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.phone
     }];
     fields.filter(field => Boolean(field.payload)).forEach(field => {
       dispatch(field);
@@ -16500,6 +16550,7 @@ const UserUpdateContainer = ({
   };
 
   const handleUpdateUser = ({
+    email,
     firstName,
     lastName,
     phone,
@@ -16508,6 +16559,7 @@ const UserUpdateContainer = ({
   }, dispatch) => {
     window.Pelcro.user.update({
       auth_token: window.Pelcro.user.read().auth_token,
+      email: email,
       first_name: firstName,
       last_name: lastName,
       display_name: displayName,
@@ -16553,6 +16605,11 @@ const UserUpdateContainer = ({
           }
         });
 
+      case SET_EMAIL:
+        return lib_7({ ...state,
+          email: action.payload
+        });
+
       case SET_FIRST_NAME:
         return lib_7({ ...state,
           firstName: action.payload
@@ -16591,27 +16648,26 @@ const UserUpdateContainer = ({
       default:
         return state;
     }
-  }, initialState$d);
+  }, initialState$e);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-user-update-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$d, {
+  }, /*#__PURE__*/React__default.createElement(Provider$e, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$d,
+    store: store$e,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$d
+    store: store$e
   })));
 };
 
 const UserUpdateEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
-  disabled: true,
-  store: store$d
+  store: store$e
 }, props));
 
 const UserUpdateButton = ({
@@ -16624,7 +16680,7 @@ const UserUpdateButton = ({
       buttonDisabled
     },
     dispatch
-  } = useContext(store$d);
+  } = useContext(store$e);
   const {
     t
   } = useTranslation("userEdit");
@@ -16641,11 +16697,11 @@ const UserUpdateButton = ({
 };
 
 const UserUpdateFirstName = props => /*#__PURE__*/React__default.createElement(FirstName, Object.assign({
-  store: store$d
+  store: store$e
 }, props));
 
 const UserUpdateLastName = props => /*#__PURE__*/React__default.createElement(LastName, Object.assign({
-  store: store$d
+  store: store$e
 }, props));
 
 function Phone({
@@ -16674,7 +16730,7 @@ function Phone({
 }
 
 const UserUpdatePhone = props => /*#__PURE__*/React__default.createElement(Phone, Object.assign({
-  store: store$d
+  store: store$e
 }, props));
 
 var userSolidIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22plc-h-5%20plc-w-5%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22white%22%3E%20%20%3Cpath%20transform%3D%22translate%280%2C2%29%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10%209a3%203%200%20100-6%203%203%200%20000%206zm-7%209a7%207%200%201114%200H3z%22%20clip-rule%3D%22evenodd%22%20%2F%3E%3C%2Fsvg%3E";
@@ -16712,7 +16768,7 @@ const UserUpdateProfilePic = ({
     onClick: onClick
   }, otherProps)), /*#__PURE__*/React__default.createElement(Button, {
     variant: "icon",
-    className: "plc-absolute plc-bg-gray-500 plc-text-white plc-w-10 plc-h-10 plc-top-24 plc-right-2 hover:plc-bg-gray-600",
+    className: "plc-absolute plc-bg-gray-500 plc-text-white plc-w-10 plc-h-10 plc-top-24 plc-right-2 hover:plc-bg-gray-600 hover:plc-text-white",
     icon: /*#__PURE__*/React__default.createElement(SvgEdit, null),
     id: "pelcro-user-update-picture-button",
     onClick: onClick
@@ -16737,15 +16793,15 @@ const UserUpdateView = props => {
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "plc-flex plc-items-start"
   }, /*#__PURE__*/React__default.createElement(UserUpdateEmail, {
-    label: t("labels.email")
+    label: t("labels.email"),
+    autoFocus: true
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "plc-flex plc-items-start"
   }, /*#__PURE__*/React__default.createElement(UserUpdateFirstName, {
     autoComplete: "first-name",
     id: "pelcro-input-first-name",
     errorId: "pelcro-input-first-name-error",
-    label: t("labels.firstName"),
-    autoFocus: true
+    label: t("labels.firstName")
   }), /*#__PURE__*/React__default.createElement(UserUpdateLastName, {
     wrapperClassName: "plc-ml-3",
     autoComplete: "last-name",
@@ -16821,16 +16877,16 @@ function DisplayName({
 }
 
 const UserUpdateDisplayName = props => /*#__PURE__*/React__default.createElement(DisplayName, Object.assign({
-  store: store$d
+  store: store$e
 }, props));
 
 const UserUpdateTextInput = props => {
   return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
-    store: store$d
+    store: store$e
   }));
 };
 
-const initialState$c = {
+const initialState$d = {
   isSubmitting: false,
   firstName: "",
   firstNameError: "",
@@ -16855,10 +16911,10 @@ const initialState$c = {
     content: ""
   }
 };
-const store$c = /*#__PURE__*/createContext(initialState$c);
+const store$d = /*#__PURE__*/createContext(initialState$d);
 const {
-  Provider: Provider$c
-} = store$c;
+  Provider: Provider$d
+} = store$d;
 
 const getNewlyCreatedAddress = addresses => addresses[addresses.length - 1];
 
@@ -17065,7 +17121,7 @@ const AddressCreateContainer = ({
       default:
         return state;
     }
-  }, initialState$c);
+  }, initialState$d);
   useEffect(() => {
     const getStates = () => {
       dispatch({
@@ -17097,16 +17153,16 @@ const AddressCreateContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-address-create-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$c, {
+  }, /*#__PURE__*/React__default.createElement(Provider$d, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$c,
+    store: store$d,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$c
+    store: store$d
   })));
 };
 
@@ -17117,7 +17173,7 @@ function AddressCreateFirstName(props) {
       firstName,
       firstNameError
     }
-  } = useContext(store$c);
+  } = useContext(store$d);
 
   const handleBlur = () => {
     return dispatch({
@@ -17160,7 +17216,7 @@ function AddressCreateLastName(props) {
       lastName,
       lastNameError
     }
-  } = useContext(store$c);
+  } = useContext(store$d);
 
   const handleBlur = () => {
     return dispatch({
@@ -17203,7 +17259,7 @@ function AddressCreateLine1(props) {
       line1,
       line1Error
     }
-  } = useContext(store$c);
+  } = useContext(store$d);
 
   const handleBlur = () => {
     return dispatch({
@@ -17246,7 +17302,7 @@ function AddressCreateCity(props) {
       city,
       cityError
     }
-  } = useContext(store$c);
+  } = useContext(store$d);
 
   const handleBlur = () => {
     return dispatch({
@@ -17289,7 +17345,7 @@ function AddressCreatePostalCode(props) {
       postalCode,
       postalCodeError
     }
-  } = useContext(store$c);
+  } = useContext(store$d);
 
   const handleBlur = () => {
     return dispatch({
@@ -17335,7 +17391,7 @@ const AddressCreateSubmit = ({
     state: {
       isSubmitting
     }
-  } = useContext(store$c);
+  } = useContext(store$d);
   const {
     t
   } = useTranslation("address");
@@ -17446,7 +17502,7 @@ function CountrySelect({
 }
 
 const AddressCreateCountrySelect = props => /*#__PURE__*/React__default.createElement(CountrySelect, Object.assign({
-  store: store$c
+  store: store$d
 }, props));
 
 function StateSelect({
@@ -17534,7 +17590,7 @@ function StateSelect({
 }
 
 const AddressCreateStateSelect = props => /*#__PURE__*/React__default.createElement(StateSelect, Object.assign({
-  store: store$c
+  store: store$d
 }, props));
 
 const AddressCreateView = props => {
@@ -17639,18 +17695,18 @@ AddressCreateModal.viewId = "address-create";
 
 const AddressCreateTextInput = props => {
   return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
-    store: store$c
+    store: store$d
   }));
 };
 
 const AddressCreateLine2 = props => {
   return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({
     fieldName: "line2",
-    store: store$c
+    store: store$d
   }, props));
 };
 
-const initialState$b = {
+const initialState$c = {
   isSubmitting: false,
   firstName: "",
   firstNameError: "",
@@ -17675,10 +17731,10 @@ const initialState$b = {
     content: ""
   }
 };
-const store$b = /*#__PURE__*/createContext(initialState$b);
+const store$c = /*#__PURE__*/createContext(initialState$c);
 const {
-  Provider: Provider$b
-} = store$b;
+  Provider: Provider$c
+} = store$c;
 
 const AddressUpdateContainer = ({
   style,
@@ -17730,7 +17786,7 @@ const AddressUpdateContainer = ({
       const thisAddress = addresses[address];
 
       if (+thisAddress.id === +addressId) {
-        const newState = { ...initialState$b,
+        const newState = { ...initialState$c,
           firstName: thisAddress.first_name,
           lastName: thisAddress.last_name,
           line1: thisAddress.line1,
@@ -17863,7 +17919,7 @@ const AddressUpdateContainer = ({
       default:
         return state;
     }
-  }, initialState$b);
+  }, initialState$c);
   useEffect(() => {
     const getStates = () => {
       dispatch({
@@ -17895,21 +17951,21 @@ const AddressUpdateContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-address-update-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$b, {
+  }, /*#__PURE__*/React__default.createElement(Provider$c, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$b,
+    store: store$c,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$b
+    store: store$c
   })));
 };
 
 const AddressUpdateCountrySelect = props => /*#__PURE__*/React__default.createElement(CountrySelect, Object.assign({
-  store: store$b
+  store: store$c
 }, props));
 
 function AddressUpdateFirstName(props) {
@@ -17919,7 +17975,7 @@ function AddressUpdateFirstName(props) {
       firstName,
       firstNameError
     }
-  } = useContext(store$b);
+  } = useContext(store$c);
 
   const handleBlur = () => {
     return dispatch({
@@ -17962,7 +18018,7 @@ function AddressUpdateLastName(props) {
       lastName,
       lastNameError
     }
-  } = useContext(store$b);
+  } = useContext(store$c);
 
   const handleBlur = () => {
     return dispatch({
@@ -18005,7 +18061,7 @@ function AddressUpdateLine1(props) {
       line1,
       line1Error
     }
-  } = useContext(store$b);
+  } = useContext(store$c);
 
   const handleBlur = () => {
     return dispatch({
@@ -18045,7 +18101,7 @@ const AddressUpdateLine2 = props => {
   return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({
     fieldName: "line2"
   }, props, {
-    store: store$b
+    store: store$c
   }));
 };
 
@@ -18056,7 +18112,7 @@ function AddressUpdateCity(props) {
       city,
       cityError
     }
-  } = useContext(store$b);
+  } = useContext(store$c);
 
   const handleBlur = () => {
     return dispatch({
@@ -18099,7 +18155,7 @@ function AddressUpdatePostalCode(props) {
       postalCode,
       postalCodeError
     }
-  } = useContext(store$b);
+  } = useContext(store$c);
 
   const handleBlur = () => {
     return dispatch({
@@ -18145,7 +18201,7 @@ const AddressUpdateSubmit = ({
     state: {
       isSubmitting
     }
-  } = useContext(store$b);
+  } = useContext(store$c);
   const {
     t
   } = useTranslation("address");
@@ -18161,7 +18217,7 @@ const AddressUpdateSubmit = ({
 };
 
 const AddressUpdateStateSelect = props => /*#__PURE__*/React__default.createElement(StateSelect, Object.assign({
-  store: store$b
+  store: store$c
 }, props));
 
 const AddressUpdateView = props => {
@@ -18244,7 +18300,7 @@ AddressUpdateModal.viewId = "address-edit";
 
 const AddressUpdateTextInput = props => {
   return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
-    store: store$b
+    store: store$c
   }));
 };
 
@@ -18327,7 +18383,7 @@ const PaymentMethodUpdateModal = props => {
 };
 PaymentMethodUpdateModal.viewId = "payment-method-update";
 
-const initialState$a = {
+const initialState$b = {
   email: "",
   password: "",
   passwordError: null,
@@ -18340,10 +18396,10 @@ const initialState$a = {
     content: ""
   }
 };
-const store$a = /*#__PURE__*/createContext(initialState$a);
+const store$b = /*#__PURE__*/createContext(initialState$b);
 const {
-  Provider: Provider$a
-} = store$a;
+  Provider: Provider$b
+} = store$b;
 
 const PasswordResetContainer = ({
   style,
@@ -18400,7 +18456,7 @@ const PasswordResetContainer = ({
       type: SET_EMAIL,
       payload: window.Pelcro.helpers.getURLParameter("email")
     });
-    initialState$a.email = window.Pelcro.helpers.getURLParameter("email");
+    initialState$b.email = window.Pelcro.helpers.getURLParameter("email");
     dispatch({
       type: SET_TOKEN,
       payload: window.Pelcro.helpers.getURLParameter("token")
@@ -18460,26 +18516,26 @@ const PasswordResetContainer = ({
       default:
         return state;
     }
-  }, initialState$a);
+  }, initialState$b);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-password-reset-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$a, {
+  }, /*#__PURE__*/React__default.createElement(Provider$b, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$a,
+    store: store$b,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$a
+    store: store$b
   })));
 };
 
 const PasswordResetPassword = props => /*#__PURE__*/React__default.createElement(Password, Object.assign({
-  store: store$a
+  store: store$b
 }, props));
 
 const PasswordResetButton = ({
@@ -18492,7 +18548,7 @@ const PasswordResetButton = ({
       buttonDisabled
     },
     dispatch
-  } = useContext(store$a);
+  } = useContext(store$b);
   const {
     t
   } = useTranslation("passwordReset");
@@ -18509,14 +18565,14 @@ const PasswordResetButton = ({
 };
 
 const PasswordResetEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
-  store: store$a
+  store: store$b
 }, props, {
   value: window.Pelcro.helpers.getURLParameter("email"),
   disabled: true
 }));
 
 const PasswordResetConfirmPassword = props => /*#__PURE__*/React__default.createElement(ConfirmPassword, Object.assign({
-  store: store$a
+  store: store$b
 }, props));
 
 const PasswordResetView = props => {
@@ -18568,7 +18624,7 @@ const PasswordResetModal = ({
 };
 PasswordResetModal.viewId = "password-reset";
 
-const initialState$9 = {
+const initialState$a = {
   email: "",
   emailError: null,
   buttonDisabled: false,
@@ -18577,10 +18633,10 @@ const initialState$9 = {
     content: ""
   }
 };
-const store$9 = /*#__PURE__*/createContext(initialState$9);
+const store$a = /*#__PURE__*/createContext(initialState$a);
 const {
-  Provider: Provider$9
-} = store$9;
+  Provider: Provider$a
+} = store$a;
 
 const PasswordForgotContainer = ({
   style,
@@ -18658,21 +18714,21 @@ const PasswordForgotContainer = ({
       default:
         return state;
     }
-  }, initialState$9);
+  }, initialState$a);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-password-forgot-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$9, {
+  }, /*#__PURE__*/React__default.createElement(Provider$a, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$9,
+    store: store$a,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$9
+    store: store$a
   })));
 };
 
@@ -18688,7 +18744,7 @@ const PasswordForgotButton = ({
       emailError
     },
     dispatch
-  } = useContext(store$9);
+  } = useContext(store$a);
   const {
     t
   } = useTranslation("passwordForgot");
@@ -18709,7 +18765,7 @@ const PasswordForgotButton = ({
 };
 
 const PasswordForgotEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
-  store: store$9
+  store: store$a
 }, props));
 
 const PasswordForgotView = props => {
@@ -18759,7 +18815,7 @@ const PasswordForgotModal = ({
 };
 PasswordForgotModal.viewId = "password-forgot";
 
-const initialState$8 = {
+const initialState$9 = {
   currentPassword: "",
   newPassword: "",
   confirmNewPassword: "",
@@ -18773,10 +18829,10 @@ const initialState$8 = {
     content: ""
   }
 };
-const store$8 = /*#__PURE__*/createContext(initialState$8);
+const store$9 = /*#__PURE__*/createContext(initialState$9);
 const {
-  Provider: Provider$8
-} = store$8;
+  Provider: Provider$9
+} = store$9;
 const PasswordChangeContainer = ({
   style,
   className = "",
@@ -18928,21 +18984,21 @@ const PasswordChangeContainer = ({
       default:
         return state;
     }
-  }, initialState$8);
+  }, initialState$9);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-password-change-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$8, {
+  }, /*#__PURE__*/React__default.createElement(Provider$9, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$8,
+    store: store$9,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$8
+    store: store$9
   })));
 };
 
@@ -18953,7 +19009,7 @@ function PasswordChangeCurrentPassword(props) {
       currentPassword,
       currentPasswordError
     }
-  } = useContext(store$8);
+  } = useContext(store$9);
   const handleBlur = useCallback(() => {
     return dispatch({
       type: VALIDATE_PASSWORD
@@ -18987,7 +19043,7 @@ function PasswordChangeNewPassword(props) {
       newPassword,
       newPasswordError
     }
-  } = useContext(store$8);
+  } = useContext(store$9);
   const handleBlur = useCallback(() => {
     return dispatch({
       type: VALIDATE_NEW_PASSWORD
@@ -19021,7 +19077,7 @@ function PasswordChangeConfirmNewPassword(props) {
       confirmNewPassword,
       confirmNewPasswordError
     }
-  } = useContext(store$8);
+  } = useContext(store$9);
   const handleBlur = useCallback(() => {
     return dispatch({
       type: VALIDATE_CONFIRM_NEW_PASSWORD
@@ -19062,7 +19118,7 @@ const PasswordChangeButton = ({
       confirmNewPasswordError
     },
     dispatch
-  } = useContext(store$8);
+  } = useContext(store$9);
   const {
     t
   } = useTranslation("passwordChange");
@@ -19128,17 +19184,17 @@ const PasswordChangeModal = ({
 };
 PasswordChangeModal.viewId = "password-change";
 
-const initialState$7 = {
+const initialState$8 = {
   buttonDisabled: false,
   alert: {
     type: "error",
     content: ""
   }
 };
-const store$7 = /*#__PURE__*/createContext(initialState$7);
+const store$8 = /*#__PURE__*/createContext(initialState$8);
 const {
-  Provider: Provider$7
-} = store$7;
+  Provider: Provider$8
+} = store$8;
 
 const CartContainer = ({
   style,
@@ -19229,21 +19285,21 @@ const CartContainer = ({
       default:
         return state;
     }
-  }, initialState$7);
+  }, initialState$8);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-cart-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$7, {
+  }, /*#__PURE__*/React__default.createElement(Provider$8, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$7,
+    store: store$8,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$7
+    store: store$8
   })));
 };
 
@@ -19280,7 +19336,7 @@ const CartSubmit = ({
       buttonDisabled
     },
     dispatch
-  } = useContext(store$7);
+  } = useContext(store$8);
   const {
     t
   } = useTranslation("cart");
@@ -19311,7 +19367,7 @@ const CartTotalPrice = () => {
     state: {
       alert
     }
-  } = useContext(store$7);
+  } = useContext(store$8);
   const {
     cartItems
   } = usePelcro();
@@ -19624,7 +19680,7 @@ const OrderConfirmModal = props => {
 };
 OrderConfirmModal.viewId = "order-confirm";
 
-const initialState$6 = {
+const initialState$7 = {
   email: "",
   firstName: "",
   lastName: "",
@@ -19636,10 +19692,10 @@ const initialState$6 = {
     content: ""
   }
 };
-const store$6 = /*#__PURE__*/createContext(initialState$6);
+const store$7 = /*#__PURE__*/createContext(initialState$7);
 const {
-  Provider: Provider$6
-} = store$6;
+  Provider: Provider$7
+} = store$7;
 
 const GiftCreateContainer = ({
   style,
@@ -19743,21 +19799,21 @@ const GiftCreateContainer = ({
       default:
         return state;
     }
-  }, initialState$6);
+  }, initialState$7);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-gift-create-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$6, {
+  }, /*#__PURE__*/React__default.createElement(Provider$7, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$6,
+    store: store$7,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$6
+    store: store$7
   })));
 };
 
@@ -19771,7 +19827,7 @@ const GiftCreateSubmitButton = ({
     state: {
       disableSubmit
     }
-  } = useContext(store$6);
+  } = useContext(store$7);
   const {
     t
   } = useTranslation("register");
@@ -19788,15 +19844,15 @@ const GiftCreateSubmitButton = ({
 
 const GiftCreateEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
   initWithUserEmail: false,
-  store: store$6
+  store: store$7
 }, props));
 
 const GiftCreateFirstName = props => /*#__PURE__*/React__default.createElement(FirstName, Object.assign({
-  store: store$6
+  store: store$7
 }, props));
 
 const GiftCreateLastName = props => /*#__PURE__*/React__default.createElement(LastName, Object.assign({
-  store: store$6
+  store: store$7
 }, props));
 
 var _path$h;
@@ -19881,7 +19937,7 @@ const GiftCreateStartDate = props => {
   const {
     dispatch,
     state
-  } = useContext(store$6);
+  } = useContext(store$7);
 
   const handleInputChange = value => {
     dispatch({
@@ -19954,7 +20010,7 @@ function GiftCreateMessage(props) {
   const {
     dispatch,
     state
-  } = useContext(store$6);
+  } = useContext(store$7);
   const MAX_CHARS_COUNT = 200;
   const remainingCharsCount = (_ref = MAX_CHARS_COUNT - ((_state$giftMessage = state.giftMessage) === null || _state$giftMessage === void 0 ? void 0 : _state$giftMessage.length)) !== null && _ref !== void 0 ? _ref : 0;
 
@@ -20078,7 +20134,7 @@ const GiftCreateModal = ({
 };
 GiftCreateModal.viewId = "gift-create";
 
-const initialState$5 = {
+const initialState$6 = {
   giftCode: "",
   buttonDisabled: true,
   alert: {
@@ -20086,10 +20142,10 @@ const initialState$5 = {
     content: ""
   }
 };
-const store$5 = /*#__PURE__*/createContext(initialState$5);
+const store$6 = /*#__PURE__*/createContext(initialState$6);
 const {
-  Provider: Provider$5
-} = store$5;
+  Provider: Provider$6
+} = store$6;
 
 const GiftRedeemContainer = ({
   style,
@@ -20154,21 +20210,21 @@ const GiftRedeemContainer = ({
       default:
         return state;
     }
-  }, initialState$5);
+  }, initialState$6);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-gift-redeem-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$5, {
+  }, /*#__PURE__*/React__default.createElement(Provider$6, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$5,
+    store: store$6,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$5
+    store: store$6
   })));
 };
 
@@ -20205,7 +20261,7 @@ function GiftCode({
 }
 
 const GiftRedeemCode = props => /*#__PURE__*/React__default.createElement(GiftCode, Object.assign({
-  store: store$5
+  store: store$6
 }, props));
 
 const GiftRedeemSubmitButton = ({
@@ -20218,7 +20274,7 @@ const GiftRedeemSubmitButton = ({
     state: {
       disableSubmit
     }
-  } = useContext(store$5);
+  } = useContext(store$6);
   const {
     t
   } = useTranslation("register");
@@ -20311,7 +20367,7 @@ const moveDefaultAddressToStart = addresses => {
   return [defaultAddress, ...addressesWithoutDefault];
 };
 
-const initialState$4 = {
+const initialState$5 = {
   addresses: [],
   selectedAddressId: null,
   isSubmitting: false,
@@ -20320,10 +20376,10 @@ const initialState$4 = {
     content: ""
   }
 };
-const store$4 = /*#__PURE__*/createContext(initialState$4);
+const store$5 = /*#__PURE__*/createContext(initialState$5);
 const {
-  Provider: Provider$4
-} = store$4;
+  Provider: Provider$5
+} = store$5;
 
 const AddressSelectContainer = ({
   style,
@@ -20418,7 +20474,7 @@ const AddressSelectContainer = ({
       default:
         return state;
     }
-  }, initialState$4);
+  }, initialState$5);
   useEffect(() => {
     var _window$Pelcro$user$r;
 
@@ -20431,16 +20487,16 @@ const AddressSelectContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-address-select-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$4, {
+  }, /*#__PURE__*/React__default.createElement(Provider$5, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$4,
+    store: store$5,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$4
+    store: store$5
   })));
 };
 
@@ -20451,7 +20507,7 @@ const AddressSelectList = () => {
       addresses,
       selectedAddressId
     }
-  } = useContext(store$4);
+  } = useContext(store$5);
 
   const handleAddressSelect = event => {
     dispatch({
@@ -20495,7 +20551,7 @@ const AddressSelectSubmit = ({
       selectedAddressId,
       isSubmitting
     }
-  } = useContext(store$4);
+  } = useContext(store$5);
   const {
     t
   } = useTranslation("address");
@@ -20591,7 +20647,7 @@ const moveDefaultPaymentMethodToStart = paymentMethods => {
   return [defaultPaymentMethod, ...paymentMethodsWithoutDefault];
 };
 
-const initialState$3 = {
+const initialState$4 = {
   paymentMethods: [],
   selectedPaymentMethodId: null,
   isSubmitting: false,
@@ -20600,10 +20656,10 @@ const initialState$3 = {
     content: ""
   }
 };
-const store$3 = /*#__PURE__*/createContext(initialState$3);
+const store$4 = /*#__PURE__*/createContext(initialState$4);
 const {
-  Provider: Provider$3
-} = store$3;
+  Provider: Provider$4
+} = store$4;
 
 const PaymentMethodSelectContainer = ({
   style,
@@ -20662,7 +20718,7 @@ const PaymentMethodSelectContainer = ({
       default:
         return state;
     }
-  }, initialState$3);
+  }, initialState$4);
   useEffect(() => {
     var _window$Pelcro$user$r3;
 
@@ -20675,16 +20731,16 @@ const PaymentMethodSelectContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-payment-select-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$3, {
+  }, /*#__PURE__*/React__default.createElement(Provider$4, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$3,
+    store: store$4,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$3
+    store: store$4
   })));
 };
 
@@ -20698,7 +20754,7 @@ const PaymentMethodSelectList = () => {
       paymentMethods,
       selectedPaymentMethodId
     }
-  } = useContext(store$3);
+  } = useContext(store$4);
 
   const handlePaymentMethodSelect = event => {
     dispatch({
@@ -20748,7 +20804,7 @@ const PaymentMethodSelectSubmit = ({
       selectedPaymentMethodId,
       isSubmitting
     }
-  } = useContext(store$3);
+  } = useContext(store$4);
   return /*#__PURE__*/React__default.createElement(Button, Object.assign({
     onClick: () => {
       dispatch({
@@ -23540,7 +23596,7 @@ const DashboardOpenButton = () => {
 };
 DashboardOpenButton.viewId = "dashboard-open";
 
-const initialState$2 = {
+const initialState$3 = {
   imageSrc: null,
   crop: {
     x: 0,
@@ -23554,10 +23610,10 @@ const initialState$2 = {
     content: ""
   }
 };
-const store$2 = /*#__PURE__*/createContext(initialState$2);
+const store$3 = /*#__PURE__*/createContext(initialState$3);
 const {
-  Provider: Provider$2
-} = store$2;
+  Provider: Provider$3
+} = store$3;
 
 const ProfilePicChangeContainer = ({
   style,
@@ -23691,21 +23747,21 @@ const ProfilePicChangeContainer = ({
       default:
         return state;
     }
-  }, initialState$2);
+  }, initialState$3);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-profile-picture-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$2, {
+  }, /*#__PURE__*/React__default.createElement(Provider$3, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$2,
+    store: store$3,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$2
+    store: store$3
   })));
 };
 /**
@@ -23767,7 +23823,7 @@ const ProfilePicChangeButton = ({
       isSubmitting
     },
     dispatch
-  } = useContext(store$2);
+  } = useContext(store$3);
   const {
     t
   } = useTranslation("userEdit");
@@ -25135,7 +25191,7 @@ const ProfilePicChangeCropper = ({
       zoom
     },
     dispatch
-  } = useContext(store$2);
+  } = useContext(store$3);
   return /*#__PURE__*/React__default.createElement("div", {
     className: `plc-relative plc-w-full plc-h-52 sm:plc-h-96 ${className}`
   }, /*#__PURE__*/React__default.createElement(Cropper, Object.assign({
@@ -25177,7 +25233,7 @@ const ProfilePicChangeZoom = ({
       zoom
     },
     dispatch
-  } = useContext(store$2);
+  } = useContext(store$3);
   const {
     t
   } = useTranslation("userEdit");
@@ -25229,7 +25285,7 @@ const ProfilePicChangeSelectButton = ({
     state: {
       isSubmitting
     }
-  } = useContext(store$2);
+  } = useContext(store$3);
   const {
     t
   } = useTranslation("userEdit");
@@ -25271,7 +25327,7 @@ const ProfilePicChangeRemoveButton = ({
     state: {
       isSubmitting
     }
-  } = useContext(store$2);
+  } = useContext(store$3);
   const {
     t
   } = useTranslation("userEdit");
@@ -25294,7 +25350,7 @@ const ProfilePicChangeWrapper = () => {
     state: {
       imageSrc
     }
-  } = useContext(store$2);
+  } = useContext(store$3);
   const {
     t
   } = useTranslation("userEdit");
@@ -25356,17 +25412,17 @@ function ProfilePicChangeModal({
 }
 ProfilePicChangeModal.viewId = "profile-picture";
 
-const initialState$1 = {
+const initialState$2 = {
   isSubmitting: false,
   alert: {
     type: "error",
     content: ""
   }
 };
-const store$1 = /*#__PURE__*/createContext(initialState$1);
+const store$2 = /*#__PURE__*/createContext(initialState$2);
 const {
-  Provider: Provider$1
-} = store$1;
+  Provider: Provider$2
+} = store$2;
 
 const EmailVerifyContainer = ({
   style,
@@ -25429,21 +25485,21 @@ const EmailVerifyContainer = ({
       default:
         return state;
     }
-  }, initialState$1);
+  }, initialState$2);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-email-verify-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$1, {
+  }, /*#__PURE__*/React__default.createElement(Provider$2, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$1,
+    store: store$2,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$1
+    store: store$2
   })));
 };
 
@@ -25457,7 +25513,7 @@ const EmailVerifyResendButton = ({
     state: {
       isSubmitting
     }
-  } = useContext(store$1);
+  } = useContext(store$2);
   const {
     t
   } = useTranslation("verifyEmail");
@@ -25532,6 +25588,167 @@ const EmailVerifyModal = ({
 };
 EmailVerifyModal.viewId = "email-verify";
 
+const initialState$1 = {
+  isLoading: true,
+  isTokenValid: false,
+  alert: {
+    type: "error",
+    content: ""
+  }
+};
+const store$1 = /*#__PURE__*/createContext(initialState$1);
+const {
+  Provider: Provider$1
+} = store$1;
+
+const VerifyLinkTokenContainer = ({
+  style,
+  className = "",
+  onSuccess = () => {},
+  onFailure = () => {},
+  children
+}) => {
+  const handleVerifyLinkToken = ({}, dispatch) => {
+    const token = window.Pelcro.helpers.getURLParameter("token");
+    window.Pelcro.user.verifyLoginToken({
+      token
+    }, (err, res) => {
+      dispatch({
+        type: LOADING,
+        payload: false
+      });
+
+      if (err) {
+        dispatch({
+          type: SHOW_ALERT,
+          payload: {
+            type: "error",
+            content: getErrorMessages(err)
+          }
+        });
+        onFailure(err);
+      } else {
+        onSuccess(res);
+      }
+    });
+  };
+
+  const [state, dispatch] = useReducerWithSideEffects((state, action) => {
+    switch (action.type) {
+      case SHOW_ALERT:
+        return lib_7({ ...state,
+          alert: action.payload
+        });
+
+      case LOADING:
+        return lib_7({ ...state,
+          isLoading: action.payload
+        });
+
+      case LINK_TOKEN_VERIFY:
+        return lib_5({ ...state,
+          isLoading: true
+        }, (state, dispatch) => handleVerifyLinkToken(state, dispatch));
+
+      default:
+        return state;
+    }
+  }, initialState$1);
+  return /*#__PURE__*/React__default.createElement("div", {
+    style: { ...style
+    },
+    className: `pelcro-container pelcro-login-container ${className}`
+  }, /*#__PURE__*/React__default.createElement(Provider$1, {
+    value: {
+      state,
+      dispatch
+    }
+  }, children.length ? children.map((child, i) => {
+    if (child) {
+      return /*#__PURE__*/React__default.cloneElement(child, {
+        store: store$1,
+        key: i
+      });
+    }
+  }) : /*#__PURE__*/React__default.cloneElement(children, {
+    store: store$1
+  })));
+};
+
+const VerifyLinkTokenLoader = () => {
+  useEffect(() => {
+    dispatch({
+      type: LINK_TOKEN_VERIFY
+    });
+  }, []);
+  const {
+    dispatch,
+    state: {
+      isLoading
+    }
+  } = useContext(store$1);
+
+  if (isLoading) {
+    return /*#__PURE__*/React__default.createElement(Loader, {
+      width: 60,
+      height: 100
+    });
+  }
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-max-h-80 plc-overflow-y-auto pelcro-newsletters-wrapper"
+  });
+};
+
+/**
+ *
+ */
+
+function VerifyLinkTokenView(props) {
+  const {
+    t
+  } = useTranslation("verifyLinkToken");
+  return /*#__PURE__*/React__default.createElement("div", {
+    id: "pelcro-login-view"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-mb-6 plc-text-2xl plc-font-semibold plc-text-center plc-text-gray-900 pelcro-title-wrapper"
+  }, /*#__PURE__*/React__default.createElement("h4", null, t("labels.title"))), /*#__PURE__*/React__default.createElement("form", {
+    action: "javascript:void(0);",
+    className: "plc-mt-2 pelcro-form"
+  }, /*#__PURE__*/React__default.createElement(VerifyLinkTokenContainer, props, /*#__PURE__*/React__default.createElement(VerifyLinkTokenLoader, null), /*#__PURE__*/React__default.createElement(AlertWithContext, null))));
+}
+
+/**
+ *
+ */
+
+function VerifyLinkTokenModal({
+  onDisplay,
+  onClose,
+  ...props
+}) {
+  useTranslation("verifyLinkToken");
+  const {
+    resetView
+  } = usePelcro();
+
+  const onSuccess = res => {
+    var _props$onSuccess;
+
+    (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
+    resetView();
+  };
+
+  return /*#__PURE__*/React__default.createElement(Modal, {
+    id: "pelcro-login-modal",
+    onDisplay: onDisplay,
+    onClose: onClose
+  }, /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement(VerifyLinkTokenView, Object.assign({}, props, {
+    onSuccess: onSuccess
+  }))), /*#__PURE__*/React__default.createElement(ModalFooter, null, /*#__PURE__*/React__default.createElement(Authorship, null)));
+}
+VerifyLinkTokenModal.viewId = "passwordless-login";
+
 const InvoicePaymentContainer = props => /*#__PURE__*/React__default.createElement(PaymentMethodContainer, Object.assign({
   type: "invoicePayment",
   className: "pelcro-invoice-payment-container"
@@ -25763,4 +25980,4 @@ const InvoiceDetailsModal = ({
 };
 InvoiceDetailsModal.viewId = "invoice-details";
 
-export { AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AlertWithContext as Alert, Alert as AlertElement, ApplyCouponButton, Auth0LoginButton, Badge, BankRedirection, Button, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, DashboardWithHook as Dashboard, DashboardOpenButton, DatePicker, DiscountedPrice, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GoogleLoginButton, Input, InvoiceDetailsContainer, InvoiceDetailsDownloadButton, InvoiceDetailsModal, InvoiceDetailsPayButton, InvoiceDetailsView, InvoicePaymentContainer, InvoicePaymentModal, InvoicePaymentView, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginView, Logout, MeterModal, MeterView, Modal, ModalBody, ModalFooter, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateModal, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroCardCVC, PelcroCardExpiry, PelcroCardNumber, PelcroModalController, PelcroPaymentRequestButton, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCreateContainer, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, TaxAmount, TextArea, Tooltip, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify, unauthenticatedButtons, usePelcro };
+export { AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AlertWithContext as Alert, Alert as AlertElement, ApplyCouponButton, Auth0LoginButton, Badge, BankRedirection, Button, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, DashboardWithHook as Dashboard, DashboardOpenButton, DatePicker, DiscountedPrice, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GoogleLoginButton, Input, InvoiceDetailsContainer, InvoiceDetailsDownloadButton, InvoiceDetailsModal, InvoiceDetailsPayButton, InvoiceDetailsView, InvoicePaymentContainer, InvoicePaymentModal, InvoicePaymentView, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginView, Logout, MeterModal, MeterView, Modal, ModalBody, ModalFooter, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateModal, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroCardCVC, PelcroCardExpiry, PelcroCardNumber, PelcroModalController, PelcroPaymentRequestButton, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCreateContainer, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, TaxAmount, TextArea, Tooltip, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateView, VerifyLinkTokenContainer, VerifyLinkTokenLoader, VerifyLinkTokenModal, VerifyLinkTokenView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify, unauthenticatedButtons, usePelcro };