@pelcro/react-pelcro-js 4.0.0-alpha.33 → 4.0.0-alpha.34

package/dist/index.esm.js

@@ -8242,7 +8242,7 @@ class PelcroActions {
         view,
         cartItems,
         ...otherStateFields
-      } = initialState$n;
+      } = initialState$o;
       this.set(otherStateFields);
     });
 
@@ -8648,7 +8648,7 @@ class PelcroCallbacks {
 
 }
 
-const initialState$n = {
+const initialState$o = {
   // View
   view: null,
   // Plans
@@ -8683,7 +8683,7 @@ const createPelcroStore = () => createStore(middleware_3((set, get) => {
   return {
     // Store setter
     set,
-    ...initialState$n,
+    ...initialState$o,
     // State actions
     ...actions,
     // Callbacks
@@ -12104,9 +12104,18 @@ const HANDLE_INVITE_MEMBERS = "HANDLE_INVITE_MEMBERS";
 const HANDLE_REMOVE_MEMBER = "HANDLE_REMOVE_MEMBER";
 const UPDATE_INVITE_BUTTON = "UPDATE_INVITE_BUTTON";
 const UPDATE_MEMBERS = "UPDATE_MEMBERS";
-const UPDATE_REMOVE_MEMBER_ID = "UPDATE_REMOVE_MEMBER_ID";
+const UPDATE_REMOVE_MEMBER_ID = "UPDATE_REMOVE_MEMBER_ID"; //Dashboard
 
-const initialState$m = {
+const SET_IS_OPEN = "SET_IS_OPEN";
+const SET_ADDRESSES = "SET_ADDRESSES";
+const CLOSE_DASHBOARD = "CLOSE_DASHBOARD";
+const SET_ACTIVE_DASHBOARD_LINK = "SET_ACTIVE_DASHBOARD_LINK";
+const SET_DISABLESUBMIT = "SET_DISABLESUBMIT";
+const CANCEL_SUBSCRIPTION = "CANCEL_SUBSCRIPTION";
+const UNSUSPEND_SUBSCRIPTION = "UNSUSPEND_SUBSCRIPTION";
+const REACTIVATE_SUBSCRIPTION = "REACTIVATE_SUBSCRIPTION"; //========
+
+const initialState$n = {
   email: "",
   username: "",
   password: "",
@@ -12119,10 +12128,10 @@ const initialState$m = {
     content: ""
   }
 };
-const store$m = /*#__PURE__*/createContext(initialState$m);
+const store$n = /*#__PURE__*/createContext(initialState$n);
 const {
-  Provider: Provider$m
-} = store$m;
+  Provider: Provider$n
+} = store$n;
 
 const LoginContainer = ({
   style,
@@ -12246,7 +12255,7 @@ const LoginContainer = ({
         });
 
       case RESET_LOGIN_FORM:
-        return initialState$m;
+        return initialState$n;
 
       case DISABLE_LOGIN_BUTTON:
         return lib_7({ ...state,
@@ -12264,12 +12273,12 @@ const LoginContainer = ({
       default:
         return state;
     }
-  }, initialState$m);
+  }, initialState$n);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-login-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$m, {
+  }, /*#__PURE__*/React__default.createElement(Provider$n, {
     value: {
       state,
       dispatch
@@ -12277,12 +12286,12 @@ const LoginContainer = ({
   }, children.length ? children.map((child, i) => {
     if (child) {
       return /*#__PURE__*/React__default.cloneElement(child, {
-        store: store$m,
+        store: store$n,
         key: i
       });
     }
   }) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$m
+    store: store$n
   })));
 };
 
@@ -12590,7 +12599,7 @@ const LoginButton = ({
       buttonDisabled
     },
     dispatch
-  } = useContext(store$m);
+  } = useContext(store$n);
   const {
     t
   } = useTranslation("login");
@@ -12649,15 +12658,15 @@ const LoginRequestLoginToken = ({
 };
 
 const LoginEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
-  store: store$m
+  store: store$n
 }, props));
 
 const LoginUsername = props => /*#__PURE__*/React__default.createElement(UserNameInput, Object.assign({
-  store: store$m
+  store: store$n
 }, props));
 
 const LoginPassword = props => /*#__PURE__*/React__default.createElement(Password, Object.assign({
-  store: store$m
+  store: store$n
 }, props));
 
 var _path$t;
@@ -12734,7 +12743,7 @@ var facebookLoginRenderProps = createCommonjsModule(function (module, exports) {
 var FacebookLogin = unwrapExports(facebookLoginRenderProps);
 facebookLoginRenderProps.FacebookLogin;
 
-const initialState$l = {
+const initialState$m = {
   email: "",
   password: "",
   emailError: null,
@@ -12751,10 +12760,10 @@ const initialState$l = {
     content: ""
   }
 };
-const store$l = /*#__PURE__*/createContext(initialState$l);
+const store$m = /*#__PURE__*/createContext(initialState$m);
 const {
-  Provider: Provider$l
-} = store$l;
+  Provider: Provider$m
+} = store$m;
 
 const RegisterContainer = ({
   style,
@@ -12945,7 +12954,7 @@ const RegisterContainer = ({
         });
 
       case RESET_LOGIN_FORM:
-        return initialState$l;
+        return initialState$m;
 
       case DISABLE_REGISTRATION_BUTTON:
         return lib_7({ ...state,
@@ -12963,12 +12972,12 @@ const RegisterContainer = ({
       default:
         return state;
     }
-  }, initialState$l);
+  }, initialState$m);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-register-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$l, {
+  }, /*#__PURE__*/React__default.createElement(Provider$m, {
     value: {
       state,
       dispatch
@@ -12976,12 +12985,12 @@ const RegisterContainer = ({
   }, children.length ? children.map((child, i) => {
     if (child) {
       return /*#__PURE__*/React__default.cloneElement(child, {
-        store: store$l,
+        store: store$m,
         key: i
       });
     }
   }) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$l
+    store: store$m
   })));
 };
 /**
@@ -13021,10 +13030,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$m);
+  } = useContext(store$n);
   const {
     dispatch: registerDispatch
-  } = useContext(store$l);
+  } = useContext(store$m);
 
   const onSuccess = facebookUser => {
     loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
@@ -13190,10 +13199,10 @@ const GoogleLoginButton = ({
   const googleClientId = (_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$m);
+  } = useContext(store$n);
   const {
     dispatch: registerDispatch
-  } = useContext(store$l);
+  } = useContext(store$m);
   useEffect(() => {
     gapi.load("client:auth2", () => {
       gapi.auth2.init({
@@ -13297,10 +13306,10 @@ const Auth0LoginButton = ({
   }, [auth0Enabled, auth0Loaded]);
   const {
     dispatch: loginDispatch
-  } = useContext(store$m);
+  } = useContext(store$n);
   const {
     dispatch: registerDispatch
-  } = useContext(store$l);
+  } = useContext(store$m);
 
   function handleClick() {
     var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
@@ -13675,11 +13684,11 @@ function LoginModal({
 LoginModal.viewId = "login";
 
 const RegisterEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
-  store: store$l
+  store: store$m
 }, props));
 
 const RegisterPassword = props => /*#__PURE__*/React__default.createElement(Password, Object.assign({
-  store: store$l
+  store: store$m
 }, props));
 
 const RegisterButton = ({
@@ -13699,7 +13708,7 @@ const RegisterButton = ({
       buttonDisabled
     },
     dispatch
-  } = useContext(store$l);
+  } = useContext(store$m);
   const {
     t
   } = useTranslation("register");
@@ -13837,7 +13846,7 @@ function FirstName({
 }
 
 const RegisterFirstName = props => /*#__PURE__*/React__default.createElement(FirstName, Object.assign({
-  store: store$l
+  store: store$m
 }, props));
 
 function LastName({
@@ -13868,7 +13877,7 @@ function LastName({
 }
 
 const RegisterLastName = props => /*#__PURE__*/React__default.createElement(LastName, Object.assign({
-  store: store$l
+  store: store$m
 }, props));
 
 /**
@@ -13991,7 +14000,7 @@ function TextInput({
 
 const RegisterTextInput = props => {
   return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
-    store: store$l
+    store: store$m
   }));
 };
 
@@ -21459,7 +21468,7 @@ class TapGateway {
 
 /** @type {PaymentStateType} */
 
-const initialState$k = {
+const initialState$l = {
   disableSubmit: false,
   isLoading: false,
   disableCouponButton: false,
@@ -21484,10 +21493,10 @@ const initialState$k = {
     content: ""
   }
 };
-const store$k = /*#__PURE__*/createContext(initialState$k);
+const store$l = /*#__PURE__*/createContext(initialState$l);
 const {
-  Provider: Provider$k
-} = store$k;
+  Provider: Provider$l
+} = store$l;
 
 const PaymentMethodContainerWithoutStripe = ({
   style,
@@ -23170,21 +23179,21 @@ const PaymentMethodContainerWithoutStripe = ({
       default:
         return state;
     }
-  }, initialState$k);
+  }, initialState$l);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-payment-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$k, {
+  }, /*#__PURE__*/React__default.createElement(Provider$l, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$k,
+    store: store$l,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$k
+    store: store$l
   })));
 };
 
@@ -23212,11 +23221,11 @@ 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$k
+      store: store$l
     }, props))));
   } else {
     return /*#__PURE__*/React__default.createElement(PaymentMethodContainerWithoutStripe, Object.assign({
-      store: store$k
+      store: store$l
     }, props));
   }
 };
@@ -23267,7 +23276,7 @@ const PelcroPaymentRequestButton = props => {
       currentPlan,
       updatedPrice
     }
-  } = useContext(store$k);
+  } = useContext(store$l);
 
   const updatePaymentRequest = () => {
     // Make sure payment request is up to date, eg. user added a coupon code.
@@ -23349,7 +23358,7 @@ const DiscountedPrice = props => {
       taxAmount,
       percentOff
     }
-  } = useContext(store$k);
+  } = useContext(store$l);
   const {
     order,
     plan
@@ -23399,7 +23408,7 @@ const SubmitPaymentMethod = ({
       isLoading,
       updatedPrice
     }
-  } = useContext(store$k);
+  } = useContext(store$l);
   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());
@@ -23431,7 +23440,7 @@ const ApplyCouponButton = ({
       disableCouponButton
     },
     dispatch
-  } = useContext(store$k);
+  } = useContext(store$l);
   const {
     t
   } = useTranslation("checkoutForm");
@@ -23465,7 +23474,7 @@ const CouponCodeField = props => {
       couponCode,
       couponError
     }
-  } = useContext(store$k);
+  } = useContext(store$l);
 
   const onCouponCodeChange = e => {
     dispatch({
@@ -23521,7 +23530,7 @@ const CouponCode = ({
     state: {
       enableCouponField
     }
-  } = useContext(store$k);
+  } = useContext(store$l);
   const {
     t
   } = useTranslation("checkoutForm");
@@ -23778,7 +23787,7 @@ const PaypalSubscribeButton = props => {
   const {
     dispatch,
     state
-  } = useContext(store$k);
+  } = useContext(store$l);
   const {
     product,
     plan,
@@ -23911,7 +23920,7 @@ const SelectedPaymentMethod = () => {
     state: {
       isLoading
     }
-  } = useContext(store$k);
+  } = useContext(store$l);
   const {
     switchView,
     selectedPaymentMethodId
@@ -23953,7 +23962,7 @@ const TaxAmount = () => {
     state: {
       taxAmount
     }
-  } = useContext(store$k);
+  } = useContext(store$l);
   const {
     plan
   } = usePelcro();
@@ -23972,11 +23981,11 @@ const TaxAmount = () => {
 };
 
 const IncludeFirstName = props => /*#__PURE__*/React__default.createElement(FirstName, Object.assign({
-  store: store$k
+  store: store$l
 }, props));
 
 const IncludeLastName = props => /*#__PURE__*/React__default.createElement(LastName, Object.assign({
-  store: store$k
+  store: store$l
 }, props));
 
 function Phone({
@@ -24005,7 +24014,7 @@ function Phone({
 }
 
 const IncludePhone = props => /*#__PURE__*/React__default.createElement(Phone, Object.assign({
-  store: store$k
+  store: store$l
 }, props));
 
 const SubscriptionCreateFreePlanButton = ({
@@ -24018,7 +24027,7 @@ const SubscriptionCreateFreePlanButton = ({
       disableSubmit
     },
     dispatch
-  } = useContext(store$k);
+  } = useContext(store$l);
   const {
     t
   } = useTranslation("common");
@@ -24234,13 +24243,13 @@ function SubscriptionRenewModal({
 }
 SubscriptionRenewModal.viewId = "subscription-renew";
 
-const initialState$j = {
+const initialState$k = {
   cancelationReason: ""
 };
-const store$j = /*#__PURE__*/createContext(initialState$j);
+const store$k = /*#__PURE__*/createContext(initialState$k);
 const {
-  Provider: Provider$j
-} = store$j;
+  Provider: Provider$k
+} = store$k;
 
 const SubscriptionCancelContainer = ({
   style,
@@ -24261,21 +24270,21 @@ const SubscriptionCancelContainer = ({
       default:
         return state;
     }
-  }, initialState$j);
+  }, initialState$k);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-subscription-cancel-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$j, {
+  }, /*#__PURE__*/React__default.createElement(Provider$k, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$j,
+    store: store$k,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$j
+    store: store$k
   })));
 };
 
@@ -24360,7 +24369,7 @@ const SubscriptionCancelReason = props => {
   const {
     dispatch,
     state
-  } = useContext(store$j);
+  } = useContext(store$k);
 
   const handleOnTextAreaBlur = e => {
     dispatch({
@@ -24408,7 +24417,7 @@ const SubscriptionCancelNowButton = ({
       cancelationReason
     },
     dispatch
-  } = useContext(store$j);
+  } = useContext(store$k);
   const {
     t
   } = useTranslation("subscriptionCancel");
@@ -24480,7 +24489,7 @@ const SubscriptionCancelLaterButton = ({
       cancelationReason
     },
     dispatch
-  } = useContext(store$j);
+  } = useContext(store$k);
   const {
     t
   } = useTranslation("subscriptionCancel");
@@ -24591,14 +24600,14 @@ const SubscriptionCancelModal = ({
 };
 SubscriptionCancelModal.viewId = "subscription-cancel";
 
-const initialState$i = {
+const initialState$j = {
   suspendDate: null,
   buttonDisabled: false
 };
-const store$i = /*#__PURE__*/createContext(initialState$i);
+const store$j = /*#__PURE__*/createContext(initialState$j);
 const {
-  Provider: Provider$i
-} = store$i;
+  Provider: Provider$j
+} = store$j;
 
 const SubscriptionSuspendContainer = ({
   style,
@@ -24624,21 +24633,21 @@ const SubscriptionSuspendContainer = ({
       default:
         return state;
     }
-  }, initialState$i);
+  }, initialState$j);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-subscription-suspend-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$i, {
+  }, /*#__PURE__*/React__default.createElement(Provider$j, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$i,
+    store: store$j,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$i
+    store: store$j
   })));
 };
 
@@ -24687,7 +24696,7 @@ const SubscriptionSuspendDate = props => {
   const {
     dispatch,
     state
-  } = useContext(store$i);
+  } = useContext(store$j);
 
   const handleInputChange = value => {
     if (value) {
@@ -24729,7 +24738,7 @@ const SubscriptionSuspendButton = ({
       buttonDisabled
     },
     dispatch
-  } = useContext(store$i);
+  } = useContext(store$j);
   const {
     t
   } = useTranslation("subscriptionSuspend");
@@ -25199,7 +25208,7 @@ class DefaultNewsLetter extends Component {
 
 const NewsLetter = withTranslation("newsletter")(DefaultNewsLetter);
 
-const initialState$h = {
+const initialState$i = {
   didSubToNewslettersBefore: false,
   newsletters: [],
   isListLoading: true,
@@ -25209,10 +25218,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 NewsletterUpdateContainer = ({
   style,
@@ -25325,7 +25334,7 @@ const NewsletterUpdateContainer = ({
       default:
         return state;
     }
-  }, initialState$h);
+  }, initialState$i);
   useEffect(() => {
     const getUserNewsletters = () => {
       var _window$Pelcro$user$r3, _window$Pelcro$user$r4;
@@ -25369,7 +25378,7 @@ const NewsletterUpdateContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-newsletter-update-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$h, {
+  }, /*#__PURE__*/React__default.createElement(Provider$i, {
     value: {
       state,
       dispatch
@@ -25377,12 +25386,12 @@ const NewsletterUpdateContainer = ({
   }, 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
   })));
 };
 
@@ -25397,7 +25406,7 @@ const NewsletterUpdateButton = ({
       isSubmitting,
       isListLoading
     }
-  } = useContext(store$h);
+  } = useContext(store$i);
   const {
     t
   } = useTranslation("newsletter");
@@ -25427,7 +25436,7 @@ const NewsletterUpdateList = () => {
       newsletters,
       isListLoading
     }
-  } = useContext(store$h);
+  } = useContext(store$i);
 
   if (isListLoading) {
     return /*#__PURE__*/React__default.createElement(Loader, {
@@ -25640,7 +25649,7 @@ function SubscriptionCreateModal({
 }
 SubscriptionCreateModal.viewId = "subscription-create";
 
-const initialState$g = {
+const initialState$h = {
   emails: "",
   emailsError: null,
   buttonDisabled: false,
@@ -25652,10 +25661,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 SubscriptionManageMembersContainer = ({
   style,
@@ -25827,7 +25836,7 @@ const SubscriptionManageMembersContainer = ({
       default:
         return state;
     }
-  }, initialState$g);
+  }, initialState$h);
   useEffect(() => {
     dispatch({
       type: HANDLE_LIST_MEMBERS
@@ -25837,7 +25846,7 @@ const SubscriptionManageMembersContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-manage-members-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$g, {
+  }, /*#__PURE__*/React__default.createElement(Provider$h, {
     value: {
       state,
       dispatch
@@ -25845,12 +25854,12 @@ const SubscriptionManageMembersContainer = ({
   }, 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
   })));
 };
 
@@ -25866,7 +25875,7 @@ const SubscriptionManageMembersButton = ({
       buttonDisabled
     },
     dispatch
-  } = useContext(store$g);
+  } = useContext(store$h);
   const {
     t
   } = useTranslation("subscriptionManageMembers");
@@ -25896,7 +25905,7 @@ function SubscriptionManageMembersEmails(props) {
       emails: stateEmails,
       emailsError
     }
-  } = useContext(store$g);
+  } = useContext(store$h);
   const [emails, setEmails] = useState(stateEmails);
   const [finishedTyping, setFinishedTyping] = useState(false);
   const handleInputChange = useCallback(value => {
@@ -25955,7 +25964,7 @@ function SubscriptionManageMembersList(props) {
       removeMemberId,
       loading
     }
-  } = useContext(store$g);
+  } = useContext(store$h);
   const getMemberStatus = useCallback(sub => {
     if (sub.status === "pending") {
       return {
@@ -26118,11 +26127,11 @@ function SubscriptionManageMembersModal({
 }
 SubscriptionManageMembersModal.viewId = "manage-members";
 
-var _window$Pelcro$user$r, _window$Pelcro$user$r2, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5, _window$Pelcro$user$r6;
-const initialState$f = {
-  email: (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.email,
+var _window$Pelcro$user$r$1, _window$Pelcro$user$r2$1, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5, _window$Pelcro$user$r6;
+const initialState$g = {
+  email: (_window$Pelcro$user$r$1 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r$1 === void 0 ? void 0 : _window$Pelcro$user$r$1.email,
   emailError: null,
-  firstName: (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.first_name,
+  firstName: (_window$Pelcro$user$r2$1 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2$1 === void 0 ? void 0 : _window$Pelcro$user$r2$1.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,
   lastNameError: null,
   username: (_window$Pelcro$user$r4 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r4 === void 0 ? void 0 : _window$Pelcro$user$r4.username,
@@ -26136,10 +26145,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 UserUpdateContainer = ({
   style,
@@ -26306,12 +26315,12 @@ const UserUpdateContainer = ({
       default:
         return state;
     }
-  }, initialState$f);
+  }, initialState$g);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-user-update-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$f, {
+  }, /*#__PURE__*/React__default.createElement(Provider$g, {
     value: {
       state,
       dispatch
@@ -26319,12 +26328,12 @@ const UserUpdateContainer = ({
   }, children.length ? children.map((child, i) => {
     if (child) {
       return /*#__PURE__*/React__default.cloneElement(child, {
-        store: store$f,
+        store: store$g,
         key: i
       });
     }
   }) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$f
+    store: store$g
   })));
 };
 
@@ -26350,7 +26359,7 @@ const UserUpdateEmail = props => {
       email,
       emailError
     }
-  } = useContext(store$f);
+  } = useContext(store$g);
   const [enableEmailEdit, setEnableEmailEdit] = useState(false);
   const {
     t
@@ -26376,7 +26385,7 @@ const UserUpdateEmail = props => {
     className: "plc-flex plc-items-start plc-relative"
   }, /*#__PURE__*/React__default.createElement(Email, Object.assign({
     disabled: !enableEmailEdit,
-    store: store$f,
+    store: store$g,
     label: t("labels.email"),
     enableEmailEdit: enableEmailEdit
   }, props)), /*#__PURE__*/React__default.createElement(Button, {
@@ -26401,7 +26410,7 @@ const UserUpdateButton = ({
       emailError
     },
     dispatch
-  } = useContext(store$f);
+  } = useContext(store$g);
   const {
     t
   } = useTranslation("userEdit");
@@ -26492,19 +26501,19 @@ function UpdateUserNameInput({
 }
 
 const UserUpdateUsername = props => /*#__PURE__*/React__default.createElement(UpdateUserNameInput, Object.assign({
-  store: store$f
+  store: store$g
 }, props));
 
 const UserUpdateFirstName = props => /*#__PURE__*/React__default.createElement(FirstName, Object.assign({
-  store: store$f
+  store: store$g
 }, props));
 
 const UserUpdateLastName = props => /*#__PURE__*/React__default.createElement(LastName, Object.assign({
-  store: store$f
+  store: store$g
 }, props));
 
 const UserUpdatePhone = props => /*#__PURE__*/React__default.createElement(Phone, Object.assign({
-  store: store$f
+  store: store$g
 }, 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";
@@ -26591,7 +26600,7 @@ function Tin({
 }
 
 const UserUpdateTin = props => /*#__PURE__*/React__default.createElement(Tin, Object.assign({
-  store: store$f
+  store: store$g
 }, props));
 
 function DisplayName({
@@ -26622,7 +26631,7 @@ function DisplayName({
 }
 
 const UserUpdateDisplayName = props => /*#__PURE__*/React__default.createElement(DisplayName, Object.assign({
-  store: store$f
+  store: store$g
 }, props));
 
 const UserUpdateView = props => {
@@ -26717,11 +26726,11 @@ UserUpdateModal.viewId = "user-edit";
 
 const UserUpdateTextInput = props => {
   return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
-    store: store$f
+    store: store$g
   }));
 };
 
-const initialState$e = {
+const initialState$f = {
   isSubmitting: false,
   firstName: "",
   firstNameError: "",
@@ -26747,10 +26756,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 getNewlyCreatedAddress = addresses => addresses[addresses.length - 1];
 
@@ -26997,7 +27006,7 @@ const AddressCreateContainer = ({
       default:
         return state;
     }
-  }, initialState$e);
+  }, initialState$f);
   useEffect(() => {
     const getStates = () => {
       dispatch({
@@ -27029,16 +27038,16 @@ const AddressCreateContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-address-create-container ${className}`
-  }, /*#__PURE__*/React__default.createElement(Provider$e, {
+  }, /*#__PURE__*/React__default.createElement(Provider$f, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
-    store: store$e,
+    store: store$f,
     key: i
   })) : /*#__PURE__*/React__default.cloneElement(children, {
-    store: store$e
+    store: store$f
   })));
 };
 
@@ -27049,7 +27058,7 @@ function AddressCreateFirstName(props) {
       firstName,
       firstNameError
     }
-  } = useContext(store$e);
+  } = useContext(store$f);
 
   const handleInputChange = value => {
     dispatch({
@@ -27085,7 +27094,7 @@ function AddressCreateLastName(props) {
       lastName,
       lastNameError
     }
-  } = useContext(store$e);
+  } = useContext(store$f);
 
   const handleInputChange = value => {
     dispatch({
@@ -27120,7 +27129,7 @@ function AddressCreateLine1(props) {
       line1,
       line1Error
     }
-  } = useContext(store$e);
+  } = useContext(store$f);
 
   const handleBlur = () => {
     return dispatch({
@@ -27163,7 +27172,7 @@ function AddressCreateCity(props) {
       city,
       cityError
     }
-  } = useContext(store$e);
+  } = useContext(store$f);
 
   const handleInputChange = value => {
     dispatch({
@@ -27198,7 +27207,7 @@ function AddressCreatePostalCode(props) {
       postalCode,
       postalCodeError
     }
-  } = useContext(store$e);
+  } = useContext(store$f);
 
   const handleInputChange = value => {
     dispatch({
@@ -27236,7 +27245,7 @@ const AddressCreateSubmit = ({
     state: {
       isSubmitting
     }
-  } = useContext(store$e);
+  } = useContext(store$f);
   const {
     t
   } = useTranslation("address");
@@ -27349,7 +27358,7 @@ function CountrySelect({
 }
 
 const AddressCreateCountrySelect = props => /*#__PURE__*/React__default.createElement(CountrySelect, Object.assign({
-  store: store$e
+  store: store$f
 }, props));
 
 function StateSelect({
@@ -27438,14 +27447,14 @@ function StateSelect({
 }
 
 const AddressCreateStateSelect = props => /*#__PURE__*/React__default.createElement(StateSelect, Object.assign({
-  store: store$e
+  store: store$f
 }, props));
 
 const AddressCreateSetDefault = props => {
   const {
     dispatch,
     state
-  } = useContext(store$e);
+  } = useContext(store$f);
 
   const handleCheckboxChange = e => {
     dispatch({
@@ -27580,18 +27589,18 @@ AddressCreateModal.viewId = "address-create";
 
 const AddressCreateTextInput = props => {
   return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
-    store: store$e
+    store: store$f
   }));
 };
 
 const AddressCreateLine2 = props => {
   return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({
     fieldName: "line2",
-    store: store$e
+    store: store$f
   }, props));
 };
 
-const initialState$d = {
+const initialState$e = {
   isSubmitting: false,
   firstName: "",
   firstNameError: "",
@@ -27617,10 +27626,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 AddressUpdateContainer = ({
   style,
@@ -27672,7 +27681,7 @@ const AddressUpdateContainer = ({
       const thisAddress = addresses[address];
 
       if (+thisAddress.id === +addressId) {
-        const newState = { ...initialState$d,
+        const newState = { ...initialState$e,
           firstName: thisAddress.first_name,
           lastName: thisAddress.last_name,
           line1: thisAddress.line1,
@@ -27813,7 +27822,7 @@ const AddressUpdateContainer = ({
       default:
         return state;
     }
-  }, initialState$d);
+  }, initialState$e);
   useEffect(() => {
     const getStates = () => {
       dispatch({
@@ -27845,21 +27854,21 @@ const AddressUpdateContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-address-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 AddressUpdateCountrySelect = props => /*#__PURE__*/React__default.createElement(CountrySelect, Object.assign({
-  store: store$d
+  store: store$e
 }, props));
 
 function AddressUpdateFirstName(props) {
@@ -27869,7 +27878,7 @@ function AddressUpdateFirstName(props) {
       firstName,
       firstNameError
     }
-  } = useContext(store$d);
+  } = useContext(store$e);
 
   const handleBlur = () => {
     return dispatch({
@@ -27912,7 +27921,7 @@ function AddressUpdateLastName(props) {
       lastName,
       lastNameError
     }
-  } = useContext(store$d);
+  } = useContext(store$e);
 
   const handleBlur = () => {
     return dispatch({
@@ -27955,7 +27964,7 @@ function AddressUpdateLine1(props) {
       line1,
       line1Error
     }
-  } = useContext(store$d);
+  } = useContext(store$e);
 
   const handleBlur = () => {
     return dispatch({
@@ -27995,7 +28004,7 @@ const AddressUpdateLine2 = props => {
   return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({
     fieldName: "line2"
   }, props, {
-    store: store$d
+    store: store$e
   }));
 };
 
@@ -28006,7 +28015,7 @@ function AddressUpdateCity(props) {
       city,
       cityError
     }
-  } = useContext(store$d);
+  } = useContext(store$e);
 
   const handleBlur = () => {
     return dispatch({
@@ -28049,7 +28058,7 @@ function AddressUpdatePostalCode(props) {
       postalCode,
       postalCodeError
     }
-  } = useContext(store$d);
+  } = useContext(store$e);
 
   const handleBlur = () => {
     return dispatch({
@@ -28095,7 +28104,7 @@ const AddressUpdateSubmit = ({
     state: {
       isSubmitting
     }
-  } = useContext(store$d);
+  } = useContext(store$e);
   const {
     t
   } = useTranslation("address");
@@ -28111,7 +28120,7 @@ const AddressUpdateSubmit = ({
 };
 
 const AddressUpdateStateSelect = props => /*#__PURE__*/React__default.createElement(StateSelect, Object.assign({
-  store: store$d
+  store: store$e
 }, props));
 
 function AddressUpdateSetDefault(props) {
@@ -28120,7 +28129,7 @@ function AddressUpdateSetDefault(props) {
     state: {
       isDefault
     }
-  } = useContext(store$d);
+  } = useContext(store$e);
 
   const handleCheckboxChange = e => {
     dispatch({
@@ -28228,7 +28237,7 @@ AddressUpdateModal.viewId = "address-edit";
 
 const AddressUpdateTextInput = props => {
   return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
-    store: store$d
+    store: store$e
   }));
 };
 
@@ -28310,7 +28319,7 @@ const PaymentMethodUpdateModal = props => {
 };
 PaymentMethodUpdateModal.viewId = "payment-method-update";
 
-const initialState$c = {
+const initialState$d = {
   email: "",
   password: "",
   passwordError: null,
@@ -28323,10 +28332,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 PasswordResetContainer = ({
   style,
@@ -28383,7 +28392,7 @@ const PasswordResetContainer = ({
       type: SET_EMAIL,
       payload: window.Pelcro.helpers.getURLParameter("email")
     });
-    initialState$c.email = window.Pelcro.helpers.getURLParameter("email");
+    initialState$d.email = window.Pelcro.helpers.getURLParameter("email");
     dispatch({
       type: SET_TOKEN,
       payload: window.Pelcro.helpers.getURLParameter("token")
@@ -28443,26 +28452,26 @@ const PasswordResetContainer = ({
       default:
         return state;
     }
-  }, initialState$c);
+  }, initialState$d);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-password-reset-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
   })));
 };
 
 const PasswordResetPassword = props => /*#__PURE__*/React__default.createElement(Password, Object.assign({
-  store: store$c
+  store: store$d
 }, props));
 
 const PasswordResetButton = ({
@@ -28475,7 +28484,7 @@ const PasswordResetButton = ({
       buttonDisabled
     },
     dispatch
-  } = useContext(store$c);
+  } = useContext(store$d);
   const {
     t
   } = useTranslation("passwordReset");
@@ -28492,14 +28501,14 @@ const PasswordResetButton = ({
 };
 
 const PasswordResetEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
-  store: store$c
+  store: store$d
 }, props, {
   value: window.Pelcro.helpers.getURLParameter("email"),
   disabled: true
 }));
 
 const PasswordResetConfirmPassword = props => /*#__PURE__*/React__default.createElement(ConfirmPassword, Object.assign({
-  store: store$c
+  store: store$d
 }, props));
 
 const PasswordResetView = props => {
@@ -28554,7 +28563,7 @@ const PasswordResetModal = ({
 };
 PasswordResetModal.viewId = "password-reset";
 
-const initialState$b = {
+const initialState$c = {
   email: "",
   emailError: null,
   buttonDisabled: false,
@@ -28563,10 +28572,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 PasswordForgotContainer = ({
   style,
@@ -28644,21 +28653,21 @@ const PasswordForgotContainer = ({
       default:
         return state;
     }
-  }, initialState$b);
+  }, initialState$c);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-password-forgot-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
   })));
 };
 
@@ -28674,7 +28683,7 @@ const PasswordForgotButton = ({
       emailError
     },
     dispatch
-  } = useContext(store$b);
+  } = useContext(store$c);
   const {
     t
   } = useTranslation("passwordForgot");
@@ -28695,7 +28704,7 @@ const PasswordForgotButton = ({
 };
 
 const PasswordForgotEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
-  store: store$b
+  store: store$c
 }, props));
 
 const PasswordForgotView = props => {
@@ -28749,7 +28758,7 @@ const PasswordForgotModal = ({
 };
 PasswordForgotModal.viewId = "password-forgot";
 
-const initialState$a = {
+const initialState$b = {
   email: "",
   emailError: null,
   buttonDisabled: false,
@@ -28758,10 +28767,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 PasswordlessRequestContainer = ({
   style,
@@ -28839,21 +28848,21 @@ const PasswordlessRequestContainer = ({
       default:
         return state;
     }
-  }, initialState$a);
+  }, initialState$b);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-password-forgot-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
   })));
 };
 
@@ -28869,7 +28878,7 @@ const PasswordlessRequestViewButton = ({
       emailError
     },
     dispatch
-  } = useContext(store$a);
+  } = useContext(store$b);
   const {
     t
   } = useTranslation("passwordlessRequest");
@@ -28890,7 +28899,7 @@ const PasswordlessRequestViewButton = ({
 };
 
 const PasswordlessRequestEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
-  store: store$a
+  store: store$b
 }, props));
 
 const PasswordlessRequestView = props => {
@@ -28934,7 +28943,7 @@ const PasswordlessRequestModal = ({
 };
 PasswordlessRequestModal.viewId = "passwordless-request";
 
-const initialState$9 = {
+const initialState$a = {
   currentPassword: "",
   newPassword: "",
   confirmNewPassword: "",
@@ -28948,10 +28957,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 PasswordChangeContainer = ({
   style,
   className = "",
@@ -29103,21 +29112,21 @@ const PasswordChangeContainer = ({
       default:
         return state;
     }
-  }, initialState$9);
+  }, initialState$a);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-password-change-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
   })));
 };
 
@@ -29128,7 +29137,7 @@ function PasswordChangeCurrentPassword(props) {
       currentPassword,
       currentPasswordError
     }
-  } = useContext(store$9);
+  } = useContext(store$a);
   const handleBlur = useCallback(() => {
     return dispatch({
       type: VALIDATE_PASSWORD
@@ -29162,7 +29171,7 @@ function PasswordChangeNewPassword(props) {
       newPassword,
       newPasswordError
     }
-  } = useContext(store$9);
+  } = useContext(store$a);
   const handleBlur = useCallback(() => {
     return dispatch({
       type: VALIDATE_NEW_PASSWORD
@@ -29196,7 +29205,7 @@ function PasswordChangeConfirmNewPassword(props) {
       confirmNewPassword,
       confirmNewPasswordError
     }
-  } = useContext(store$9);
+  } = useContext(store$a);
   const handleBlur = useCallback(() => {
     return dispatch({
       type: VALIDATE_CONFIRM_NEW_PASSWORD
@@ -29237,7 +29246,7 @@ const PasswordChangeButton = ({
       confirmNewPasswordError
     },
     dispatch
-  } = useContext(store$9);
+  } = useContext(store$a);
   const {
     t
   } = useTranslation("passwordChange");
@@ -29306,17 +29315,17 @@ const PasswordChangeModal = ({
 };
 PasswordChangeModal.viewId = "password-change";
 
-const initialState$8 = {
+const initialState$9 = {
   buttonDisabled: false,
   alert: {
     type: "error",
     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 CartContainer = ({
   style,
@@ -29407,21 +29416,21 @@ const CartContainer = ({
       default:
         return state;
     }
-  }, initialState$8);
+  }, initialState$9);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-cart-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
   })));
 };
 
@@ -29460,7 +29469,7 @@ const CartSubmit = ({
       buttonDisabled
     },
     dispatch
-  } = useContext(store$8);
+  } = useContext(store$9);
   const {
     t
   } = useTranslation("cart");
@@ -29494,7 +29503,7 @@ const CartTotalPrice = () => {
     state: {
       alert
     }
-  } = useContext(store$8);
+  } = useContext(store$9);
   const {
     cartItems
   } = usePelcro();
@@ -29818,7 +29827,7 @@ const OrderConfirmModal = props => {
 };
 OrderConfirmModal.viewId = "order-confirm";
 
-const initialState$7 = {
+const initialState$8 = {
   email: "",
   firstName: "",
   lastName: "",
@@ -29830,10 +29839,10 @@ const initialState$7 = {
     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 GiftCreateContainer = ({
   style,
@@ -29937,21 +29946,21 @@ const GiftCreateContainer = ({
       default:
         return state;
     }
-  }, initialState$7);
+  }, initialState$8);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-gift-create-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
   })));
 };
 
@@ -29965,7 +29974,7 @@ const GiftCreateSubmitButton = ({
     state: {
       disableSubmit
     }
-  } = useContext(store$7);
+  } = useContext(store$8);
   const {
     t
   } = useTranslation("register");
@@ -29982,15 +29991,15 @@ const GiftCreateSubmitButton = ({
 
 const GiftCreateEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
   initWithUserEmail: false,
-  store: store$7
+  store: store$8
 }, props));
 
 const GiftCreateFirstName = props => /*#__PURE__*/React__default.createElement(FirstName, Object.assign({
-  store: store$7
+  store: store$8
 }, props));
 
 const GiftCreateLastName = props => /*#__PURE__*/React__default.createElement(LastName, Object.assign({
-  store: store$7
+  store: store$8
 }, props));
 
 const nowDate = new Date();
@@ -30005,7 +30014,7 @@ const GiftCreateStartDate = props => {
   const {
     dispatch,
     state
-  } = useContext(store$7);
+  } = useContext(store$8);
 
   const handleInputChange = value => {
     dispatch({
@@ -30040,7 +30049,7 @@ function GiftCreateMessage(props) {
   const {
     dispatch,
     state
-  } = useContext(store$7);
+  } = useContext(store$8);
   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;
 
@@ -30170,7 +30179,7 @@ const GiftCreateModal = ({
 };
 GiftCreateModal.viewId = "gift-create";
 
-const initialState$6 = {
+const initialState$7 = {
   isSubmitting: false,
   giftCode: "",
   buttonDisabled: true,
@@ -30179,10 +30188,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 GiftRedeemContainer = ({
   style,
@@ -30296,21 +30305,21 @@ const GiftRedeemContainer = ({
       default:
         return state;
     }
-  }, initialState$6);
+  }, initialState$7);
   return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-gift-redeem-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
   })));
 };
 
@@ -30347,7 +30356,7 @@ function GiftCode({
 }
 
 const GiftRedeemCode = props => /*#__PURE__*/React__default.createElement(GiftCode, Object.assign({
-  store: store$6
+  store: store$7
 }, props));
 
 const GiftRedeemSubmitButton = ({
@@ -30361,7 +30370,7 @@ const GiftRedeemSubmitButton = ({
       disableSubmit,
       isSubmitting
     }
-  } = useContext(store$6);
+  } = useContext(store$7);
   const {
     t
   } = useTranslation("register");
@@ -30456,7 +30465,7 @@ const moveDefaultAddressToStart = addresses => {
   return [defaultAddress, ...addressesWithoutDefault];
 };
 
-const initialState$5 = {
+const initialState$6 = {
   addresses: [],
   selectedAddressId: null,
   isSubmitting: false,
@@ -30465,10 +30474,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 AddressSelectContainer = ({
   style,
@@ -30605,7 +30614,7 @@ const AddressSelectContainer = ({
       default:
         return state;
     }
-  }, initialState$5);
+  }, initialState$6);
   useEffect(() => {
     var _window$Pelcro$user$r;
 
@@ -30618,16 +30627,16 @@ const AddressSelectContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-address-select-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
   })));
 };
 
@@ -30638,7 +30647,7 @@ const AddressSelectList = () => {
       addresses,
       selectedAddressId
     }
-  } = useContext(store$5);
+  } = useContext(store$6);
 
   const handleAddressSelect = event => {
     dispatch({
@@ -30682,7 +30691,7 @@ const AddressSelectSubmit = ({
       selectedAddressId,
       isSubmitting
     }
-  } = useContext(store$5);
+  } = useContext(store$6);
   const {
     t
   } = useTranslation("address");
@@ -30792,7 +30801,7 @@ const moveDefaultPaymentMethodToStart = paymentMethods => {
   return [defaultPaymentMethod, ...paymentMethodsWithoutDefault];
 };
 
-const initialState$4 = {
+const initialState$5 = {
   paymentMethods: [],
   selectedPaymentMethodId: null,
   isSubmitting: false,
@@ -30801,10 +30810,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 PaymentMethodSelectContainer = ({
   style,
@@ -30863,7 +30872,7 @@ const PaymentMethodSelectContainer = ({
       default:
         return state;
     }
-  }, initialState$4);
+  }, initialState$5);
   useEffect(() => {
     var _window$Pelcro$user$r3;
 
@@ -30876,16 +30885,16 @@ const PaymentMethodSelectContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-payment-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
   })));
 };
 
@@ -30899,7 +30908,7 @@ const PaymentMethodSelectList = () => {
       paymentMethods,
       selectedPaymentMethodId
     }
-  } = useContext(store$4);
+  } = useContext(store$5);
 
   const handlePaymentMethodSelect = event => {
     dispatch({
@@ -30949,7 +30958,7 @@ const PaymentMethodSelectSubmit = ({
       selectedPaymentMethodId,
       isSubmitting
     }
-  } = useContext(store$4);
+  } = useContext(store$5);
   return /*#__PURE__*/React__default.createElement(Button, Object.assign({
     onClick: () => {
       dispatch({
@@ -31035,23 +31044,234 @@ const PaymentMethodSelectModal = ({
 };
 PaymentMethodSelectModal.viewId = "payment-method-select";
 
-function _extends$h() {
-  _extends$h = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
+var _window$Pelcro$user$r, _window$Pelcro$user$r2;
+const initialState$4 = {
+  isOpen: false,
+  activeDashboardLink: null,
+  subscriptions: window.Pelcro.subscription.list(),
+  giftRecipients: (_window$Pelcro$user$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.gift_recipients) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [],
+  disableSubmit: false,
+  addresses: []
+};
+const store$4 = /*#__PURE__*/createContext(initialState$4);
+const {
+  Provider: Provider$4
+} = store$4;
 
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
+const DashboardContainer = ({
+  onClose,
+  style,
+  className = "",
+  children,
+  ...props
+}) => {
+  const {
+    t
+  } = useTranslation("dashboard");
+  useEffect(() => {
+    var _ReactGA$event;
 
-    return target;
-  };
+    dispatch({
+      type: SET_IS_OPEN,
+      payload: true
+    });
+    window.Pelcro.insight.track("Modal Displayed", {
+      name: "dashboard"
+    });
+    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+      category: "VIEWS",
+      action: "Dashboard Modal Viewed",
+      nonInteraction: true
+    });
+    const {
+      addresses
+    } = window.Pelcro.user.read();
+    if (addresses) dispatch({
+      type: SET_ADDRESSES,
+      payload: addresses
+    });
+    return () => {};
+  }, []);
+  /**
+   * 
+   * @param {*} payload 
+   * @param {*} dispatch 
+   */
 
-  return _extends$h.apply(this, arguments);
-}
+  const cancelSubscription = ({
+    subscription_id,
+    onSuccess,
+    onFailure
+  }, dispatch) => {
+    window.Pelcro.subscription.cancel({
+      auth_token: window.Pelcro.user.read().auth_token,
+      subscription_id: subscription_id
+    }, (err, res) => {
+      var _ReactGA$event2;
+
+      dispatch({
+        type: SET_DISABLESUBMIT,
+        payload: false
+      });
+
+      if (err) {
+        return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
+      }
+
+      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
+        category: "ACTIONS",
+        action: "Canceled",
+        nonInteraction: true
+      });
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(res);
+    });
+  };
+  /**
+   * 
+   * @param {*} payload 
+   * @param {*} dispatch 
+   */
+
+
+  const unSuspendSubscription = ({
+    subscription_id,
+    onSuccess,
+    onFailure
+  }, dispatch) => {
+    window.Pelcro.subscription.update({
+      auth_token: window.Pelcro.user.read().auth_token,
+      subscription_id: subscription_id,
+      suspend: 0
+    }, (err, res) => {
+      var _ReactGA$event3;
+
+      dispatch({
+        type: SET_DISABLESUBMIT,
+        payload: false
+      });
+
+      if (err) {
+        return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
+      }
+
+      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event3 = ReactGA.event) === null || _ReactGA$event3 === void 0 ? void 0 : _ReactGA$event3.call(ReactGA, {
+        category: "ACTIONS",
+        action: "UnSuspended",
+        nonInteraction: true
+      });
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(res);
+    });
+  };
+  /**
+   * 
+   * @param {*} payload 
+   * @param {*} dispatch 
+   */
+
+
+  const reactivateSubscription = ({
+    subscription_id,
+    onSuccess,
+    onFailure
+  }, dispatch) => {
+    window.Pelcro.subscription.reactivate({
+      auth_token: window.Pelcro.user.read().auth_token,
+      subscription_id: subscription_id
+    }, (err, res) => {
+      dispatch({
+        type: SET_DISABLESUBMIT,
+        payload: false
+      });
+      onClose();
+
+      if (err) {
+        onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
+        return notify.error(t("messages.subReactivation.error"));
+      }
+
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(res);
+      return notify.success(t("messages.subReactivation.success"));
+    });
+  };
+
+  const [state, dispatch] = useReducerWithSideEffects((state, action) => {
+    switch (action.type) {
+      case SET_IS_OPEN:
+        return lib_7({ ...state,
+          isOpen: action.payload
+        });
+
+      case CLOSE_DASHBOARD:
+        return lib_7({ ...state,
+          isOpen: false,
+          activeDashboardLink: null
+        });
+
+      case SET_ACTIVE_DASHBOARD_LINK:
+        return lib_7({ ...state,
+          activeDashboardLink: action.payload
+        });
+
+      case SET_DISABLESUBMIT:
+        {
+          return lib_7({ ...state,
+            disableSubmit: action.payload
+          });
+        }
+
+      case CANCEL_SUBSCRIPTION:
+        return lib_5({ ...state,
+          disableSubmit: true
+        }, (state, dispatch) => cancelSubscription(action.payload, dispatch));
+
+      case UNSUSPEND_SUBSCRIPTION:
+        return lib_5({ ...state,
+          disableSubmit: true
+        }, (state, dispatch) => unSuspendSubscription(action.payload, dispatch));
+
+      case REACTIVATE_SUBSCRIPTION:
+        return lib_5({ ...state,
+          disableSubmit: true
+        }, (state, dispatch) => reactivateSubscription(action.payload, dispatch));
+
+      default:
+        return state;
+    }
+  }, initialState$4);
+  return /*#__PURE__*/React__default.createElement("div", {
+    style: { ...style
+    },
+    className: `pelcro-container pelcro-dashboard-container ${className}`
+  }, /*#__PURE__*/React__default.createElement(Provider$4, {
+    value: {
+      state,
+      dispatch
+    }
+  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
+    store: store$4,
+    key: i
+  })) : /*#__PURE__*/React__default.cloneElement(children, {
+    store: store$4
+  })));
+};
+
+function _extends$h() {
+  _extends$h = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends$h.apply(this, arguments);
+}
 
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
@@ -32564,6 +32784,14 @@ const SubscriptionsMenu = props => {
   const {
     t
   } = useTranslation("dashboard");
+  const {
+    switchView
+  } = usePelcro();
+
+  const displayRedeem = () => {
+    return switchView("gift-redeem");
+  };
+
   return /*#__PURE__*/React__default.createElement(Card, {
     id: "pelcro-dashboard-subscriptions-menu",
     className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
@@ -32602,22 +32830,23 @@ const SubscriptionsMenu = props => {
       className: "plc-w-4 plc-h-4 plc-mr-1"
     }),
     className: "plc-w-full plc-h-8 plc-font-semibold plc-tracking-wider plc-text-gray-900 plc-uppercase plc-rounded-none hover:plc-bg-gray-100",
-    onClick: props.displayRedeem
+    onClick: displayRedeem
   }, t("labels.redeemGift")))))));
 };
 const SubscriptionsItems = ({
   onClose,
-  cancelSubscription,
-  unSuspendSubscription,
-  reactivateSubscription,
   setProductAndPlan,
   setSubscriptionIdToRenew,
-  setView,
   getSubscriptionStatus,
-  disableSubmit,
   activeMenu,
   toggleActiveMenu
 }) => {
+  const {
+    state: {
+      disableSubmit
+    },
+    dispatch
+  } = useContext(store$4);
   const {
     t
   } = useTranslation("dashboard");
@@ -32649,7 +32878,14 @@ const SubscriptionsItems = ({
       switchView(null);
       onClose === null || onClose === void 0 ? void 0 : onClose();
       notify.confirm((onSuccess, onFailure) => {
-        cancelSubscription(sub.id, onSuccess, onFailure);
+        dispatch({
+          type: CANCEL_SUBSCRIPTION,
+          payload: {
+            subscription_id: sub.id,
+            onSuccess,
+            onFailure
+          }
+        });
       }, {
         confirmMessage: t("messages.subCancellation.isSureToCancel"),
         loadingMessage: t("messages.subCancellation.loading"),
@@ -32666,7 +32902,12 @@ const SubscriptionsItems = ({
         return switchView("email-verify");
       }
 
-      reactivateSubscription(sub.id);
+      dispatch({
+        type: REACTIVATE_SUBSCRIPTION,
+        payload: {
+          subscription_id: sub.id
+        }
+      });
     }; // Renew click
 
 
@@ -32677,7 +32918,7 @@ const SubscriptionsItems = ({
       const plan = window.Pelcro.plan.getById(plan_id);
       setProductAndPlan(product, plan);
       setSubscriptionIdToRenew(sub.id);
-      setView("plan-select");
+      switchView("plan-select");
     }; // Manage members click
 
 
@@ -32686,7 +32927,7 @@ const SubscriptionsItems = ({
       set({
         subscriptionToManageMembers
       });
-      setView("manage-members");
+      switchView("manage-members");
     }; // Suspend click
 
 
@@ -32696,7 +32937,7 @@ const SubscriptionsItems = ({
       }
 
       setSubscriptionToSuspend(sub.id);
-      return setView("subscription-suspend");
+      return switchView("subscription-suspend");
     }; // UnSuspend click
 
 
@@ -32707,7 +32948,14 @@ const SubscriptionsItems = ({
 
       onClose === null || onClose === void 0 ? void 0 : onClose();
       notify.confirm((onSuccess, onFailure) => {
-        unSuspendSubscription(sub.id, onSuccess, onFailure);
+        dispatch({
+          type: UNSUSPEND_SUBSCRIPTION,
+          payload: {
+            subscription_id: sub.id,
+            onSuccess,
+            onFailure
+          }
+        });
       }, {
         confirmMessage: t("messages.subUnSuspend.isSureToUnSuspend"),
         loadingMessage: t("messages.subUnSuspend.loading"),
@@ -33038,9 +33286,6 @@ const OrderItems = ({
 };
 
 const DonationsMenu = ({
-  reactivateSubscription,
-  disableSubmit,
-  cancelSubscription,
   getSubscriptionStatus,
   onClose
 }) => {
@@ -33051,6 +33296,12 @@ const DonationsMenu = ({
     switchView,
     setSubscriptionToCancel
   } = usePelcro();
+  const {
+    state: {
+      disableSubmit
+    },
+    dispatch
+  } = useContext(store$4);
   const subscriptions = getDonationSubs().sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
     // Cancel button click handlers
     const onCancelClick = () => {
@@ -33068,7 +33319,14 @@ const DonationsMenu = ({
       switchView(null);
       onClose === null || onClose === void 0 ? void 0 : onClose();
       notify.confirm((onSuccess, onFailure) => {
-        cancelSubscription(sub.id, onSuccess, onFailure);
+        dispatch({
+          type: CANCEL_SUBSCRIPTION,
+          payload: {
+            subscription_id: sub.id,
+            onSuccess,
+            onFailure
+          }
+        });
       }, {
         confirmMessage: t("messages.subCancellation.isSureToCancel"),
         loadingMessage: t("messages.subCancellation.loading"),
@@ -33085,7 +33343,12 @@ const DonationsMenu = ({
         return switchView("email-verify");
       }
 
-      reactivateSubscription(sub.id);
+      dispatch({
+        type: REACTIVATE_SUBSCRIPTION,
+        payload: {
+          subscription_id: sub.id
+        }
+      });
     };
 
     return /*#__PURE__*/React__default.createElement("tr", {
@@ -33452,8 +33715,16 @@ const GiftsMenu = props => {
   const {
     t
   } = useTranslation("dashboard");
+  const {
+    switchView,
+    set
+  } = usePelcro();
   const giftRecipients = (_window$Pelcro$user$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.gift_recipients) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [];
 
+  const setIsRenewingGift = isRenewingGift => set({
+    isRenewingGift
+  });
+
   const renderGiftRecipients = ({
     disableSubmit
   }) => {
@@ -33470,8 +33741,8 @@ const GiftsMenu = props => {
         const plan = window.Pelcro.plan.getById(planId);
         props === null || props === void 0 ? void 0 : props.setProductAndPlan(product, plan);
         props === null || props === void 0 ? void 0 : props.setSubscriptionIdToRenew(recipient.id);
-        props === null || props === void 0 ? void 0 : props.setIsRenewingGift(true);
-        props === null || props === void 0 ? void 0 : props.setView("plan-select");
+        setIsRenewingGift(true);
+        switchView("plan-select");
       };
 
       return /*#__PURE__*/React__default.createElement("tr", {
@@ -33540,11 +33811,28 @@ const AddressesMenu = props => {
   const {
     t
   } = useTranslation("dashboard");
+  const {
+    switchView,
+    set
+  } = usePelcro();
   const [requestStates, setRequestStates] = useState({
     loading: false,
     success: false,
     failed: false
   });
+
+  const displayAddressCreate = () => {
+    return switchView("address-create");
+  };
+
+  const displayAddressEdit = e => {
+    const address = e.currentTarget.dataset.key;
+    set({
+      addressIdToEdit: address
+    });
+    return switchView("address-edit");
+  };
+
   return /*#__PURE__*/React__default.createElement(Card, {
     id: "pelcro-dashboard-addresses-menu",
     className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
@@ -33553,10 +33841,10 @@ const AddressesMenu = props => {
   }, /*#__PURE__*/React__default.createElement(AddressesItems, {
     requestStates: requestStates,
     setRequestStates: setRequestStates,
-    displayAddressEdit: props === null || props === void 0 ? void 0 : props.displayAddressEdit
+    displayAddressEdit: displayAddressEdit
   }), /*#__PURE__*/React__default.createElement(AddNew, {
     title: t("labels.addAddress"),
-    onClick: () => props === null || props === void 0 ? void 0 : props.displayAddressCreate()
+    onClick: displayAddressCreate
   }));
 };
 
@@ -33653,22 +33941,54 @@ const getPaymentCardIcon = name => {
     d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"
   }));
 };
+const hasInvoices = () => {
+  var _window$Pelcro$invoic, _window$Pelcro$invoic2;
+
+  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 : [];
+  return invoices.length > 0;
+};
+const showNewsletters = () => {
+  var _ref, _window$Pelcro, _window$Pelcro$uiSett, _window$Pelcro$uiSett2;
+
+  const showNewslettersUiSettings = (_ref = ((_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$uiSett2 = _window$Pelcro$uiSett.newsletters) === null || _window$Pelcro$uiSett2 === void 0 ? void 0 : _window$Pelcro$uiSett2.length) > 0) !== null && _ref !== void 0 ? _ref : false;
+  return showNewslettersUiSettings;
+};
+const hasDonationSubs = () => {
+  var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3, _window$Pelcro$user$r, _window$Pelcro$user$r2;
+
+  const donations = (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => sub.plan.is_donation && !sub.is_gift_donor)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
+  const canceledDonations = (_window$Pelcro$user$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read().expired_subscriptions) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.filter(sub => sub.plan.is_donation && !sub.is_gift_donor)) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [];
+  return donations.length > 0 || canceledDonations.length > 0;
+};
+const hasActiveMemberships = () => {
+  var _window$Pelcro$user$r3, _window$Pelcro$user$r4;
+
+  return (_window$Pelcro$user$r3 = (_window$Pelcro$user$r4 = window.Pelcro.user.read().memberships) === null || _window$Pelcro$user$r4 === void 0 ? void 0 : _window$Pelcro$user$r4.some(membership => membership.status === "active" && membership.subscription.ended_at === null)) !== null && _window$Pelcro$user$r3 !== void 0 ? _window$Pelcro$user$r3 : false;
+};
 
 const PaymentCardsMenu = props => {
   const {
     t
   } = useTranslation("dashboard");
+  const {
+    switchView
+  } = usePelcro();
   const source = window.Pelcro.user.read().source;
+
+  const displaySourceCreate = () => {
+    return switchView("payment-method-update");
+  };
+
   return /*#__PURE__*/React__default.createElement(Card, {
     id: "pelcro-dashboard-payment-menu",
     className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
     title: t("labels.paymentSource")
   }, source ? /*#__PURE__*/React__default.createElement(PaymentCardsItems, {
-    displaySourceCreate: props === null || props === void 0 ? void 0 : props.displaySourceCreate,
+    displaySourceCreate: displaySourceCreate,
     source: source
   }) : /*#__PURE__*/React__default.createElement(AddNew, {
     title: t("labels.addCard"),
-    onClick: () => props === null || props === void 0 ? void 0 : props.displaySourceCreate()
+    onClick: displaySourceCreate
   }));
 };
 
@@ -35301,625 +35621,399 @@ const SUB_MENUS = {
   LOGOUT: "logout",
   SAVED_ITEMS: "saved-items"
 };
-/**
- *
- */
-
-function DashboardWithHook(props) {
-  React__default.useEffect(() => {
-    var _props$onDisplay;
+const DashboardContent = props => {
+  var _window$Pelcro$user$r, _window$Pelcro, _window$Pelcro$uiSett;
 
-    (_props$onDisplay = props.onDisplay) === null || _props$onDisplay === void 0 ? void 0 : _props$onDisplay.call(props);
-  }, []);
+  const {
+    state: {
+      isOpen,
+      activeDashboardLink,
+      disableSubmit
+    },
+    dispatch
+  } = useContext(store$4);
   const {
     switchView,
-    resetView,
-    logout,
-    set
+    set,
+    logout
   } = usePelcro();
-  return /*#__PURE__*/React__default.createElement(DashboardWithTrans, {
-    setAddress: addressIdToEdit => set({
-      addressIdToEdit
-    }),
-    setSubscriptionIdToRenew: subscriptionIdToRenew => set({
-      subscriptionIdToRenew
-    }),
-    setIsRenewingGift: isRenewingGift => set({
-      isRenewingGift
-    }),
-    onClose: () => {
-      var _props$onClose;
+  const {
+    t
+  } = useTranslation("dashboard");
+  const menuRef = useRef(null);
+  const user = window.Pelcro.user.read();
+  const userHasName = user.first_name || user.last_name;
+  const profilePicture = (_window$Pelcro$user$r = window.Pelcro.user.read().profile_photo) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : userSolidIcon;
+  const newsletters = (_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.newsletters;
+  Array.isArray(newsletters) && newsletters.length > 0;
 
-      (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
-      resetView();
-    },
-    logout: logout,
-    setView: switchView,
-    setProductAndPlan: (product, plan, isGift) => set({
-      product,
-      plan,
-      isGift
-    })
-  });
-}
-DashboardWithHook.viewId = "dashboard";
+  const initializeHideMenuHandler = () => {
+    document.addEventListener("click", hideMenuIfClickedOutside);
+  };
 
-class Dashboard extends Component {
-  constructor(props) {
-    var _window$Pelcro$user$r, _window$Pelcro$user$r2;
+  const hideMenuIfClickedOutside = event => {
+    const dashboardSubmenus = document.getElementById("pelcro-view-dashboard-submenus");
+    const didClickOutsideMenu = isOpen && menuRef.current && !menuRef.current.contains(event.target) && !(dashboardSubmenus !== null && dashboardSubmenus !== void 0 && dashboardSubmenus.contains(event.target));
 
-    super(props);
+    if (didClickOutsideMenu) {
+      dispatch({
+        type: CLOSE_DASHBOARD
+      });
+    }
+  };
 
-    _defineProperty$3(this, "componentDidMount", () => {
-      var _ReactGA$event;
+  const setActiveDashboardLink = submenuName => {
+    dispatch({
+      type: SET_ACTIVE_DASHBOARD_LINK,
+      payload: submenuName !== null && submenuName !== void 0 ? submenuName : null
+    });
+  };
 
-      this.setState({
-        isOpen: true
-      });
-      window.Pelcro.insight.track("Modal Displayed", {
-        name: "dashboard"
-      });
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
-        category: "VIEWS",
-        action: "Dashboard Modal Viewed",
-        nonInteraction: true
-      });
-      const {
-        addresses
-      } = window.Pelcro.user.read();
-      if (addresses) this.setState({
-        addresses: addresses
-      });
-    });
-
-    _defineProperty$3(this, "componentWillUnmount", () => {
-      document.removeEventListener("click", this.hideMenuIfClickedOutside);
-    });
-
-    _defineProperty$3(this, "initializeHideMenuHandler", () => {
-      document.addEventListener("click", this.hideMenuIfClickedOutside);
-    });
-
-    _defineProperty$3(this, "hideMenuIfClickedOutside", event => {
-      const dashboardSubmenus = document.getElementById("pelcro-view-dashboard-submenus");
-      const didClickOutsideMenu = this.state.isOpen && this.menuRef.current && !this.menuRef.current.contains(event.target) && !(dashboardSubmenus !== null && dashboardSubmenus !== void 0 && dashboardSubmenus.contains(event.target));
-
-      if (didClickOutsideMenu) {
-        this.setState({
-          isOpen: false,
-          activeDashboardLink: null
-        });
-      }
-    });
-
-    _defineProperty$3(this, "setActiveDashboardLink", submenuName => {
-      this.setState({
-        activeDashboardLink: submenuName !== null && submenuName !== void 0 ? submenuName : null
-      });
-    });
-
-    _defineProperty$3(this, "cancelSubscription", (subscription_id, onSuccess, onFailure) => {
-      // disable the Login button to prevent repeated clicks
-      window.Pelcro.subscription.cancel({
-        auth_token: window.Pelcro.user.read().auth_token,
-        subscription_id: subscription_id
-      }, (err, res) => {
-        var _ReactGA$event2;
-
-        if (err) {
-          return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
-        }
-
-        ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
-          category: "ACTIONS",
-          action: "Canceled",
-          nonInteraction: true
-        });
-        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(res);
-      });
-    });
-
-    _defineProperty$3(this, "unSuspendSubscription", (subscription_id, onSuccess, onFailure) => {
-      window.Pelcro.subscription.update({
-        auth_token: window.Pelcro.user.read().auth_token,
-        subscription_id: subscription_id,
-        suspend: 0
-      }, (err, res) => {
-        var _ReactGA$event3;
-
-        if (err) {
-          return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
-        }
-
-        ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event3 = ReactGA.event) === null || _ReactGA$event3 === void 0 ? void 0 : _ReactGA$event3.call(ReactGA, {
-          category: "ACTIONS",
-          action: "UnSuspended",
-          nonInteraction: true
-        });
-        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(res);
-      });
-    });
-
-    _defineProperty$3(this, "displayRedeem", () => {
-      return this.props.setView("gift-redeem");
-    });
-
-    _defineProperty$3(this, "displaySourceCreate", () => {
-      return this.props.setView("payment-method-update");
-    });
-
-    _defineProperty$3(this, "displayUserEdit", () => {
-      return this.props.setView("user-edit");
-    });
-
-    _defineProperty$3(this, "displayChangePassword", () => {
-      return this.props.setView("password-change");
-    });
-
-    _defineProperty$3(this, "displayNewsletterUpdate", () => {
-      return this.props.setView("newsletter-update");
-    });
-
-    _defineProperty$3(this, "displayQRCode", () => {
-      return this.props.setView("qrcode");
-    });
+  const displayProfilePicChange = () => {
+    return switchView("profile-picture");
+  };
 
-    _defineProperty$3(this, "displayProductSelect", ({
+  const setProductAndPlan = (product, plan, isGift) => {
+    set({
+      product,
+      plan,
       isGift
-    }) => {
-      if (isGift) {
-        this.props.setProductAndPlan(null, null, true);
-      }
-
-      return this.props.setView("plan-select");
-    });
-
-    _defineProperty$3(this, "displayAddressCreate", () => {
-      return this.props.setView("address-create");
     });
+  };
 
-    _defineProperty$3(this, "displayAddressEdit", e => {
-      const address = e.currentTarget.dataset.key;
-      this.props.setAddress(address);
-      return this.props.setView("address-edit");
-    });
+  const displayProductSelect = ({
+    isGift
+  }) => {
+    if (isGift) {
+      setProductAndPlan(null, null, true);
+    }
 
-    _defineProperty$3(this, "displayProfilePicChange", () => {
-      return this.props.setView("profile-picture");
-    });
+    return switchView("plan-select");
+  };
 
-    _defineProperty$3(this, "getSubscriptionStatusText", subscription => {
-      if (subscription.status === "canceled") {
-        const cancelDate = new Date(subscription.canceled_at);
-        const formattedCancelDate = new Intl.DateTimeFormat("en-CA").format(cancelDate);
-        return `${this.locale("labels.canceledOn")} ${formattedCancelDate}`;
-      }
+  const getSubscriptionStatusText = subscription => {
+    if (subscription.status === "canceled") {
+      const cancelDate = new Date(subscription.canceled_at);
+      const formattedCancelDate = new Intl.DateTimeFormat("en-CA").format(cancelDate);
+      return `${t("labels.canceledOn")} ${formattedCancelDate}`;
+    }
 
-      if (subscription.status === "incomplete") {
-        return `${this.locale("labels.status.incomplete")}`;
-      }
+    if (subscription.status === "incomplete") {
+      return `${t("labels.status.incomplete")}`;
+    }
 
-      if (subscription.status === "extended") {
-        // DateTime from BE is missing 3 zeros so we add them before instancing a date
-        const expiryDate = new Date(Number(`${subscription.end_date}000`));
-        const formattedExpiryDate = new Intl.DateTimeFormat("en-CA").format(expiryDate);
-        return `${this.locale("labels.until")} ${formattedExpiryDate}`;
-      }
+    if (subscription.status === "extended") {
+      // DateTime from BE is missing 3 zeros so we add them before instancing a date
+      const expiryDate = new Date(Number(`${subscription.end_date}000`));
+      const formattedExpiryDate = new Intl.DateTimeFormat("en-CA").format(expiryDate);
+      return `${t("labels.until")} ${formattedExpiryDate}`;
+    }
 
-      if (subscription.cancel_at_period_end) {
-        // DateTime from BE is missing 3 zeros so we add them before instancing a date
-        const expiryDate = new Date(Number(`${subscription.expires_at}000`));
-        const formattedExpiryDate = new Intl.DateTimeFormat("en-CA").format(expiryDate);
-        return `${this.locale("labels.expiresOn")} ${formattedExpiryDate}`;
-      }
+    if (subscription.cancel_at_period_end) {
+      // DateTime from BE is missing 3 zeros so we add them before instancing a date
+      const expiryDate = new Date(Number(`${subscription.expires_at}000`));
+      const formattedExpiryDate = new Intl.DateTimeFormat("en-CA").format(expiryDate);
+      return `${t("labels.expiresOn")} ${formattedExpiryDate}`;
+    }
 
-      const renewDate = new Date(Number(`${subscription.renews_at}000`));
-      const formattedRenewDate = new Intl.DateTimeFormat("en-CA").format(renewDate);
-      return `${this.locale("labels.renewsOn")} ${formattedRenewDate}`;
-    });
+    const renewDate = new Date(Number(`${subscription.renews_at}000`));
+    const formattedRenewDate = new Intl.DateTimeFormat("en-CA").format(renewDate);
+    return `${t("labels.renewsOn")} ${formattedRenewDate}`;
+  };
 
-    _defineProperty$3(this, "reactivateSubscription", subscription_id => {
-      // disable the Login button to prevent repeated clicks
-      this.setState({
-        disableSubmit: true
-      });
-      window.Pelcro.subscription.reactivate({
-        auth_token: window.Pelcro.user.read().auth_token,
-        subscription_id: subscription_id
-      }, (err, res) => {
-        this.setState({
-          disableSubmit: false
-        });
-        this.props.onClose();
+  const getSubscriptionStatus = sub => {
+    const isSubscriptionEndingSoon = sub => {
+      const weekFromNow = new Date().getTime() + 7 * 24 * 60 * 60 * 1000;
+      const endingAt = new Date(sub.expires_at * 1000).getTime();
+      return weekFromNow > endingAt && sub.cancel_at_period_end;
+    };
 
-        if (err) {
-          return notify.error(this.locale("messages.subReactivation.error"));
-        }
+    const isSubscriptionInTrial = sub => {
+      if (!sub.trial_end) {
+        return;
+      }
 
-        return notify.success(this.locale("messages.subReactivation.success"));
-      });
-    });
+      const now = new Date().getTime();
+      const trialEndDate = new Date(sub.trial_end).getTime();
+      return now < trialEndDate;
+    };
 
-    _defineProperty$3(this, "getSubscriptionStatus", sub => {
-      const isSubscriptionEndingSoon = sub => {
-        const weekFromNow = new Date().getTime() + 7 * 24 * 60 * 60 * 1000;
-        const endingAt = new Date(sub.expires_at * 1000).getTime();
-        return weekFromNow > endingAt && sub.cancel_at_period_end;
+    if (isSubscriptionEndingSoon(sub)) {
+      return {
+        title: t("labels.status.endingSoon"),
+        content: getSubscriptionStatusText(sub),
+        textColor: "plc-text-orange-700",
+        bgColor: "plc-bg-orange-100",
+        icon: /*#__PURE__*/React__default.createElement(SvgExclamation, null)
       };
+    }
 
-      const isSubscriptionInTrial = sub => {
-        if (!sub.trial_end) {
-          return;
-        }
-
-        const now = new Date().getTime();
-        const trialEndDate = new Date(sub.trial_end).getTime();
-        return now < trialEndDate;
+    if (isSubscriptionInTrial(sub)) {
+      return {
+        title: t("labels.status.inTrial"),
+        content: getSubscriptionStatusText(sub),
+        textColor: "plc-text-yellow-700",
+        bgColor: "plc-bg-yellow-100",
+        icon: /*#__PURE__*/React__default.createElement(SvgCheckMark, null)
       };
+    }
 
-      if (isSubscriptionEndingSoon(sub)) {
-        return {
-          title: this.locale("labels.status.endingSoon"),
-          content: this.getSubscriptionStatusText(sub),
-          textColor: "plc-text-orange-700",
-          bgColor: "plc-bg-orange-100",
-          icon: /*#__PURE__*/React__default.createElement(SvgExclamation, null)
-        };
-      }
-
-      if (isSubscriptionInTrial(sub)) {
-        return {
-          title: this.locale("labels.status.inTrial"),
-          content: this.getSubscriptionStatusText(sub),
-          textColor: "plc-text-yellow-700",
-          bgColor: "plc-bg-yellow-100",
-          icon: /*#__PURE__*/React__default.createElement(SvgCheckMark, null)
-        };
-      }
-
-      if (sub.status === "incomplete") {
-        return {
-          title: this.locale("labels.status.incomplete"),
-          content: this.getSubscriptionStatusText(sub),
-          textColor: "plc-text-orange-700",
-          bgColor: "plc-bg-orange-100",
-          icon: /*#__PURE__*/React__default.createElement(SvgExclamation, null)
-        };
-      }
-
-      if (sub.status === "canceled") {
-        return {
-          title: this.locale("labels.status.canceled"),
-          content: this.getSubscriptionStatusText(sub),
-          textColor: "plc-text-red-700",
-          bgColor: "plc-bg-red-100",
-          icon: /*#__PURE__*/React__default.createElement(SvgExclamation, null)
-        };
-      }
+    if (sub.status === "incomplete") {
+      return {
+        title: t("labels.status.incomplete"),
+        content: getSubscriptionStatusText(sub),
+        textColor: "plc-text-orange-700",
+        bgColor: "plc-bg-orange-100",
+        icon: /*#__PURE__*/React__default.createElement(SvgExclamation, null)
+      };
+    }
 
+    if (sub.status === "canceled") {
       return {
-        title: this.locale("labels.status.active"),
-        content: this.getSubscriptionStatusText(sub),
-        textColor: "plc-text-green-700",
-        bgColor: "plc-bg-green-100",
-        icon: /*#__PURE__*/React__default.createElement(SvgCheckMark, null)
+        title: t("labels.status.canceled"),
+        content: getSubscriptionStatusText(sub),
+        textColor: "plc-text-red-700",
+        bgColor: "plc-bg-red-100",
+        icon: /*#__PURE__*/React__default.createElement(SvgExclamation, null)
       };
-    });
+    }
 
-    _defineProperty$3(this, "renderAddresses", () => {
-      const addresses = this.state.addresses && this.state.addresses.map((address, index) => {
-        return /*#__PURE__*/React__default.createElement("tr", {
-          key: "dashboard-address-" + address.id
-        }, /*#__PURE__*/React__default.createElement("td", {
-          className: "plc-pr-2 plc-text-gray-400 plc-truncate"
-        }, /*#__PURE__*/React__default.createElement("span", {
-          className: "plc-font-semibold plc-text-gray-600"
-        }, address.city ? `${address.city},` : null, " ", address.country), " ", /*#__PURE__*/React__default.createElement("span", {
-          title: address.line1
-        }, address.line1), /*#__PURE__*/React__default.createElement("div", {
-          className: "plc-flex plc-mb-2 plc-mt-1"
-        }, /*#__PURE__*/React__default.createElement("span", {
-          className: "plc-rounded-full plc-bg-gray-200 plc-text-black plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-capitalize"
-        }, address.type === "shipping" ? this.locale("labels.shipping") : this.locale("labels.billing")), address.is_default && /*#__PURE__*/React__default.createElement("span", {
-          className: "plc-rounded-full plc-bg-gray-800 plc-text-white plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-ml-2"
-        }, this.locale("labels.default")))), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement(Button, {
-          variant: "icon",
-          className: "plc-text-gray-500",
-          icon: /*#__PURE__*/React__default.createElement(SvgEdit, null),
-          id: "pelcro-button-update-address-" + index,
-          "data-key": address.id,
-          onClick: this.displayAddressEdit
-        })));
-      });
-      return /*#__PURE__*/React__default.createElement("table", {
-        className: "plc-w-full plc-table-fixed"
-      }, /*#__PURE__*/React__default.createElement("thead", {
-        className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
-      }, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
-        className: "plc-w-10/12"
-      }, this.locale("labels.address")), /*#__PURE__*/React__default.createElement("th", {
-        className: "plc-w-2/12"
-      }, this.locale("labels.edit")))), /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__default.createElement("tr", {
-        className: "plc-h-4"
-      }), addresses, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
-        colSpan: "2",
-        className: "plc-p-1"
-      }, /*#__PURE__*/React__default.createElement(Button, {
-        variant: "ghost",
-        icon: /*#__PURE__*/React__default.createElement(SvgPlus, {
-          className: "plc-w-4 plc-mr-1"
-        }),
-        className: "plc-w-full plc-h-8 plc-font-semibold plc-tracking-wider plc-text-gray-900 plc-uppercase hover:plc-bg-gray-100",
-        onClick: this.displayAddressCreate
-      }, this.locale("labels.addAddress"))))));
+    return {
+      title: t("labels.status.active"),
+      content: getSubscriptionStatusText(sub),
+      textColor: "plc-text-green-700",
+      bgColor: "plc-bg-green-100",
+      icon: /*#__PURE__*/React__default.createElement(SvgCheckMark, null)
+    };
+  };
+
+  const setSubscriptionIdToRenew = subscriptionIdToRenew => {
+    set({
+      subscriptionIdToRenew
     });
+  };
 
-    _defineProperty$3(this, "closeDashboard", () => {
-      this.setState({
-        isOpen: false,
-        activeDashboardLink: null
-      });
+  const closeDashboard = () => {
+    dispatch({
+      type: CLOSE_DASHBOARD
     });
+  };
 
-    this.state = {
-      isOpen: false,
-      activeDashboardLink: null,
-      subscriptions: window.Pelcro.subscription.list(),
-      giftRecipients: (_window$Pelcro$user$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.gift_recipients) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [],
-      disableSubmit: false,
-      addresses: []
+  useEffect(() => {
+    return () => {
+      document.removeEventListener("click", hideMenuIfClickedOutside);
     };
-    this.site = window.Pelcro.site.read();
-    this.locale = this.props.t;
-    this.user = window.Pelcro.user.read();
-    this.menuRef = /*#__PURE__*/React__default.createRef();
-  }
-
-  render() {
-    var _window$Pelcro$user$r3, _window$Pelcro, _window$Pelcro$uiSett;
-
-    const {
-      isOpen
-    } = this.state;
-    const userHasName = this.user.first_name || this.user.last_name;
-    const profilePicture = (_window$Pelcro$user$r3 = window.Pelcro.user.read().profile_photo) !== null && _window$Pelcro$user$r3 !== void 0 ? _window$Pelcro$user$r3 : userSolidIcon;
-    const newsletters = (_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.newsletters;
-    Array.isArray(newsletters) && newsletters.length > 0;
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Transition, {
-      className: "plc-fixed plc-inset-y-0 plc-left-0 plc-h-full lg:plc-w-3/12 plc-w-full plc-overflow-y-auto plc-text-left plc-bg-white plc-shadow-xl plc-z-max",
-      show: isOpen,
-      enter: "plc-transform plc-transition plc-duration-500",
-      enterFrom: "plc--translate-x-full",
-      enterTo: "plc-translate-x-0",
-      afterEnter: this.initializeHideMenuHandler,
-      leave: "plc-transform plc-transition plc-duration-500",
-      leaveFrom: "plc-translate-x-0",
-      leaveTo: "plc--translate-x-full",
-      afterLeave: this.props.onClose
-    }, /*#__PURE__*/React__default.createElement("div", {
-      id: "pelcro-view-dashboard",
-      ref: this.menuRef
-    }, /*#__PURE__*/React__default.createElement("header", {
-      className: "plc-bg-gray-200 plc-flex plc-py-5"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "plc-flex plc-items-center"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "plc-flex plc-justify-center plc-ml-3 sm:plc-ml-6 plc-flex-shrink-0"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "plc-relative plc-flex-shrink-0"
-    }, /*#__PURE__*/React__default.createElement("img", {
-      className: "pelcro-user-profile-picture plc-bg-gray-300 plc-cursor-pointer plc-h-10 plc-rounded-md plc-w-10",
-      src: profilePicture,
-      alt: "profile picture",
-      onClick: this.displayProfilePicChange
-    }))), /*#__PURE__*/React__default.createElement("div", {
-      className: "plc-flex plc-flex-col plc-justify-between plc-flex-grow plc-w-56 plc-ml-4 plc-break-words sm:plc-w-auto"
-    }, userHasName && /*#__PURE__*/React__default.createElement("p", {
-      className: "plc-font-bold plc-break-all"
-    }, this.user.first_name, " ", this.user.last_name), /*#__PURE__*/React__default.createElement("p", {
-      className: `plc-m-0 plc-text-sm plc-break-all ${userHasName ? "plc-text-sm" : "plc-text-lg plc-font-bold plc-mt-auto"}`
-    }, this.user.email)), /*#__PURE__*/React__default.createElement("div", {
-      className: "lg:plc-hidden"
-    }, /*#__PURE__*/React__default.createElement(Button, {
-      variant: "ghost",
-      type: "button",
-      className: "plc-text-gray-500 plc-rounded-2xl plc-absolute plc-z-max plc-top-5 plc-right-10",
-      onClick: this.closeDashboard
-    }, /*#__PURE__*/React__default.createElement(SvgXIcon, {
-      className: "plc-fill-current"
-    }))))), /*#__PURE__*/React__default.createElement("section", {
-      className: "plc-mt-6 plc-shadow-sm"
-    }, /*#__PURE__*/React__default.createElement("header", {
-      className: "plc-pl-4 plc-mb-2 sm:plc-pl-8"
-    }, /*#__PURE__*/React__default.createElement("p", {
-      className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
-    }, this.locale("labels.mySettings"))), /*#__PURE__*/React__default.createElement(DashboardLink, {
-      name: SUB_MENUS.PROFILE,
-      icon: /*#__PURE__*/React__default.createElement(SvgUser, {
-        className: "plc-w-6 plc-h-6 plc-mr-2"
-      }),
-      title: this.locale("labels.profile"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default.createElement(DashboardLink, {
-      name: SUB_MENUS.QRCODE,
-      icon: /*#__PURE__*/React__default.createElement(SvgQrcode, {
-        className: "plc-w-6 plc-h-6 plc-mr-2"
-      }),
-      title: this.locale("labels.myQRCode"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default.createElement(DashboardLink, {
-      name: SUB_MENUS.PASSWORDCHANGE,
-      icon: /*#__PURE__*/React__default.createElement(SvgKey, {
-        className: "plc-w-6 plc-h-6 plc-mr-2"
-      }),
-      title: this.locale("labels.changePassword"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default.createElement(DashboardLink, {
-      name: SUB_MENUS.SAVED_ITEMS,
-      icon: /*#__PURE__*/React__default.createElement(SvgBookmark, null),
-      title: this.locale("labels.savedItems.label"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default.createElement("header", {
-      className: "plc-pl-4 plc-mb-2 sm:plc-pl-8"
-    }, /*#__PURE__*/React__default.createElement("p", {
-      className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
-    }, this.locale("labels.accountSettings"))), /*#__PURE__*/React__default.createElement(DashboardLink, {
-      name: SUB_MENUS.PAYMENT_CARDS,
-      icon: /*#__PURE__*/React__default.createElement(SvgPaymentCard, null),
-      title: this.locale("labels.paymentSource"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default.createElement(DashboardLink, {
-      name: SUB_MENUS.ADDRESSES,
-      icon: /*#__PURE__*/React__default.createElement(SvgLocationPin, null),
-      title: this.locale("labels.addresses"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default.createElement("header", {
-      className: "plc-pl-4 plc-my-2 sm:plc-pl-8"
-    }, /*#__PURE__*/React__default.createElement("p", {
-      className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
-    }, this.locale("labels.purchases"))), /*#__PURE__*/React__default.createElement(DashboardLink, {
-      name: SUB_MENUS.SUBSCRIPTIONS,
-      icon: /*#__PURE__*/React__default.createElement(SvgSubscription, {
-        className: "plc-w-10 plc-h-10 plc-pt-2 plc-pr-1 plc--ml-2"
-      }),
-      title: this.locale("labels.subscriptions"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default.createElement(DashboardLink, {
-      show: showNewsletters(),
-      name: SUB_MENUS.NEWSLETTERS,
-      icon: /*#__PURE__*/React__default.createElement(SvgNewsletter, {
-        className: "plc-transform plc--translate-x-1 plc-scale-105 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
-      }),
-      title: this.locale("labels.Newsletters"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default.createElement(DashboardLink, {
-      show: hasActiveMemberships(),
-      name: SUB_MENUS.MEMBERSHIPS,
-      icon: /*#__PURE__*/React__default.createElement(SvgMemberships, {
-        className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
-      }),
-      title: this.locale("labels.memberships"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default.createElement(DashboardLink, {
-      show: hasDonationSubs(),
-      name: SUB_MENUS.DONATIONS,
-      icon: /*#__PURE__*/React__default.createElement(SvgDonate, {
-        className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
-      }),
-      title: this.locale("labels.donations"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default.createElement(DashboardLink, {
-      name: SUB_MENUS.GIFTS,
-      icon: /*#__PURE__*/React__default.createElement(SvgGift, null),
-      title: this.locale("labels.gifts"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default.createElement(DashboardLink, {
-      show: window.Pelcro.site.read().ecommerce_enabled,
-      name: SUB_MENUS.ORDERS,
-      icon: /*#__PURE__*/React__default.createElement(SvgShopping, null),
-      title: this.locale("labels.orders.label"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default.createElement(DashboardLink, {
-      show: hasInvoices(),
-      name: SUB_MENUS.INVOICES,
-      icon: /*#__PURE__*/React__default.createElement(SvgDocument, null),
-      title: this.locale("labels.invoices"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    })), /*#__PURE__*/React__default.createElement(DashboardLink, {
-      name: SUB_MENUS.LOGOUT,
-      icon: /*#__PURE__*/React__default.createElement(SvgExit, null),
-      title: this.locale("labels.logout"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }))), this.state.activeDashboardLink && isOpen && /*#__PURE__*/React__default.createElement("div", {
-      id: "pelcro-view-dashboard-submenus",
-      className: "plc-fixed plc-inset-y-0 plc-right-0 plc-h-full lg:plc-w-9/12 plc-w-full plc-bg-gray-100 plc-z-max plc-overflow-auto"
-    }, this.state.activeDashboardLink === SUB_MENUS.PROFILE && /*#__PURE__*/React__default.createElement(ProfileMenu, null), this.state.activeDashboardLink === SUB_MENUS.QRCODE && /*#__PURE__*/React__default.createElement(QRCodeMenu, null), this.state.activeDashboardLink === SUB_MENUS.PASSWORDCHANGE && /*#__PURE__*/React__default.createElement(PasswordChangeMenu, null), this.state.activeDashboardLink === SUB_MENUS.SAVED_ITEMS && /*#__PURE__*/React__default.createElement(SavedItemsMenu, null), this.state.activeDashboardLink === SUB_MENUS.PAYMENT_CARDS && /*#__PURE__*/React__default.createElement(PaymentCardsMenu, {
-      displaySourceCreate: this.displaySourceCreate
-    }), this.state.activeDashboardLink === SUB_MENUS.ADDRESSES && /*#__PURE__*/React__default.createElement(AddressesMenu, {
-      displayAddressCreate: this.displayAddressCreate,
-      displayAddressEdit: this.displayAddressEdit
-    }), this.state.activeDashboardLink === SUB_MENUS.SUBSCRIPTIONS && /*#__PURE__*/React__default.createElement(SubscriptionsMenu // getSubscriptionStatus={this.getSubscriptionStatus}
-    , {
-      displayProductSelect: this.displayProductSelect,
-      displayRedeem: this.displayRedeem,
-      cancelSubscription: this.cancelSubscription,
-      unSuspendSubscription: this.unSuspendSubscription,
-      reactivateSubscription: this.reactivateSubscription,
-      setProductAndPlan: this.props.setProductAndPlan,
-      setSubscriptionIdToRenew: this.props.setSubscriptionIdToRenew,
-      setView: this.props.setView,
-      getSubscriptionStatus: this.getSubscriptionStatus,
-      disableSubmit: this.state.disableSubmit
-    }), this.state.activeDashboardLink === SUB_MENUS.MEMBERSHIPS && /*#__PURE__*/React__default.createElement(MembershipsMenu, {
-      getSubscriptionStatus: this.getSubscriptionStatus
-    }), this.state.activeDashboardLink === SUB_MENUS.NEWSLETTERS && /*#__PURE__*/React__default.createElement(NewslettersMenu, null), this.state.activeDashboardLink === SUB_MENUS.DONATIONS && /*#__PURE__*/React__default.createElement(DonationsMenu, {
-      cancelSubscription: this.cancelSubscription,
-      reactivateSubscription: this.reactivateSubscription,
-      disableSubmit: this.state.disableSubmit,
-      getSubscriptionStatus: this.getSubscriptionStatus
-    }), this.state.activeDashboardLink === SUB_MENUS.GIFTS && /*#__PURE__*/React__default.createElement(GiftsMenu, {
-      getSubscriptionStatus: this.getSubscriptionStatus,
-      displayProductSelect: this.displayProductSelect,
-      setProductAndPlan: this.props.setProductAndPlan,
-      setSubscriptionIdToRenew: this.props.setSubscriptionIdToRenew,
-      setIsRenewingGift: this.props.setIsRenewingGift,
-      setView: this.props.setView,
-      disableSubmit: this.state.disableSubmit
-    }), this.state.activeDashboardLink === SUB_MENUS.ORDERS && /*#__PURE__*/React__default.createElement(OrdersMenu, null), this.state.activeDashboardLink === SUB_MENUS.INVOICES && /*#__PURE__*/React__default.createElement(InvoicesMenu, null), this.state.activeDashboardLink === SUB_MENUS.LOGOUT && this.props.logout(), /*#__PURE__*/React__default.createElement(Button, {
-      variant: "ghost",
-      type: "button",
-      className: "plc-text-gray-500 plc-rounded-2xl plc-absolute plc-z-max plc-top-2 plc-right-2 md:plc-top-5 md:plc-right-10",
-      onClick: this.closeDashboard
-    }, /*#__PURE__*/React__default.createElement(SvgXIcon, {
-      className: "plc-fill-current"
-    }))));
-  }
-
-}
-
-function hasInvoices() {
-  var _window$Pelcro$invoic, _window$Pelcro$invoic2;
-
-  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 : [];
-  return invoices.length > 0;
-}
-
-function showNewsletters() {
-  var _ref, _window$Pelcro2, _window$Pelcro2$uiSet, _window$Pelcro2$uiSet2;
-
-  const showNewslettersUiSettings = (_ref = ((_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$uiSet = _window$Pelcro2.uiSettings) === null || _window$Pelcro2$uiSet === void 0 ? void 0 : (_window$Pelcro2$uiSet2 = _window$Pelcro2$uiSet.newsletters) === null || _window$Pelcro2$uiSet2 === void 0 ? void 0 : _window$Pelcro2$uiSet2.length) > 0) !== null && _ref !== void 0 ? _ref : false;
-  return showNewslettersUiSettings;
-}
+  }, []);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Transition, {
+    className: "plc-fixed plc-inset-y-0 plc-left-0 plc-h-full lg:plc-w-3/12 plc-w-full plc-overflow-y-auto plc-text-left plc-bg-white plc-shadow-xl plc-z-max",
+    show: isOpen,
+    enter: "plc-transform plc-transition plc-duration-500",
+    enterFrom: "plc--translate-x-full",
+    enterTo: "plc-translate-x-0",
+    afterEnter: initializeHideMenuHandler,
+    leave: "plc-transform plc-transition plc-duration-500",
+    leaveFrom: "plc-translate-x-0",
+    leaveTo: "plc--translate-x-full",
+    afterLeave: props === null || props === void 0 ? void 0 : props.onClose
+  }, /*#__PURE__*/React__default.createElement("div", {
+    id: "pelcro-view-dashboard",
+    ref: menuRef
+  }, /*#__PURE__*/React__default.createElement("header", {
+    className: "plc-bg-gray-200 plc-flex plc-py-5"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-flex plc-items-center"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-flex plc-justify-center plc-ml-3 sm:plc-ml-6 plc-flex-shrink-0"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-relative plc-flex-shrink-0"
+  }, /*#__PURE__*/React__default.createElement("img", {
+    className: "pelcro-user-profile-picture plc-bg-gray-300 plc-cursor-pointer plc-h-10 plc-rounded-md plc-w-10",
+    src: profilePicture,
+    alt: "profile picture",
+    onClick: displayProfilePicChange
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-flex plc-flex-col plc-justify-between plc-flex-grow plc-w-56 plc-ml-4 plc-break-words sm:plc-w-auto"
+  }, userHasName && /*#__PURE__*/React__default.createElement("p", {
+    className: "plc-font-bold plc-break-all"
+  }, user.first_name, " ", user.last_name), /*#__PURE__*/React__default.createElement("p", {
+    className: `plc-m-0 plc-text-sm plc-break-all ${userHasName ? "plc-text-sm" : "plc-text-lg plc-font-bold plc-mt-auto"}`
+  }, user.email)), /*#__PURE__*/React__default.createElement("div", {
+    className: "lg:plc-hidden"
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    variant: "ghost",
+    type: "button",
+    className: "plc-text-gray-500 plc-rounded-2xl plc-absolute plc-z-max plc-top-5 plc-right-10",
+    onClick: closeDashboard
+  }, /*#__PURE__*/React__default.createElement(SvgXIcon, {
+    className: "plc-fill-current"
+  }))))), /*#__PURE__*/React__default.createElement("section", {
+    className: "plc-mt-6 plc-shadow-sm"
+  }, /*#__PURE__*/React__default.createElement("header", {
+    className: "plc-pl-4 plc-mb-2 sm:plc-pl-8"
+  }, /*#__PURE__*/React__default.createElement("p", {
+    className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
+  }, t("labels.mySettings"))), /*#__PURE__*/React__default.createElement(DashboardLink, {
+    name: SUB_MENUS.PROFILE,
+    icon: /*#__PURE__*/React__default.createElement(SvgUser, {
+      className: "plc-w-6 plc-h-6 plc-mr-2"
+    }),
+    title: t("labels.profile"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default.createElement(DashboardLink, {
+    name: SUB_MENUS.QRCODE,
+    icon: /*#__PURE__*/React__default.createElement(SvgQrcode, {
+      className: "plc-w-6 plc-h-6 plc-mr-2"
+    }),
+    title: "My QR code",
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default.createElement(DashboardLink, {
+    name: SUB_MENUS.PASSWORDCHANGE,
+    icon: /*#__PURE__*/React__default.createElement(SvgKey, {
+      className: "plc-w-6 plc-h-6 plc-mr-2"
+    }),
+    title: t("labels.changePassword"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default.createElement(DashboardLink, {
+    name: SUB_MENUS.SAVED_ITEMS,
+    icon: /*#__PURE__*/React__default.createElement(SvgBookmark, null),
+    title: t("labels.savedItems.label"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default.createElement("header", {
+    className: "plc-pl-4 plc-mb-2 sm:plc-pl-8"
+  }, /*#__PURE__*/React__default.createElement("p", {
+    className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
+  }, t("labels.accountSettings"))), /*#__PURE__*/React__default.createElement(DashboardLink, {
+    name: SUB_MENUS.PAYMENT_CARDS,
+    icon: /*#__PURE__*/React__default.createElement(SvgPaymentCard, null),
+    title: t("labels.paymentSource"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default.createElement(DashboardLink, {
+    name: SUB_MENUS.ADDRESSES,
+    icon: /*#__PURE__*/React__default.createElement(SvgLocationPin, null),
+    title: t("labels.addresses"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default.createElement("header", {
+    className: "plc-pl-4 plc-my-2 sm:plc-pl-8"
+  }, /*#__PURE__*/React__default.createElement("p", {
+    className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
+  }, t("labels.purchases"))), /*#__PURE__*/React__default.createElement(DashboardLink, {
+    name: SUB_MENUS.SUBSCRIPTIONS,
+    icon: /*#__PURE__*/React__default.createElement(SvgSubscription, {
+      className: "plc-w-10 plc-h-10 plc-pt-2 plc-pr-1 plc--ml-2"
+    }),
+    title: t("labels.subscriptions"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default.createElement(DashboardLink, {
+    show: showNewsletters(),
+    name: SUB_MENUS.NEWSLETTERS,
+    icon: /*#__PURE__*/React__default.createElement(SvgNewsletter, {
+      className: "plc-transform plc--translate-x-1 plc-scale-105 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
+    }),
+    title: t("labels.Newsletters"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default.createElement(DashboardLink, {
+    show: hasActiveMemberships(),
+    name: SUB_MENUS.MEMBERSHIPS,
+    icon: /*#__PURE__*/React__default.createElement(SvgMemberships, {
+      className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
+    }),
+    title: t("labels.memberships"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default.createElement(DashboardLink, {
+    show: hasDonationSubs(),
+    name: SUB_MENUS.DONATIONS,
+    icon: /*#__PURE__*/React__default.createElement(SvgDonate, {
+      className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
+    }),
+    title: t("labels.donations"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default.createElement(DashboardLink, {
+    name: SUB_MENUS.GIFTS,
+    icon: /*#__PURE__*/React__default.createElement(SvgGift, null),
+    title: t("labels.gifts"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default.createElement(DashboardLink, {
+    show: window.Pelcro.site.read().ecommerce_enabled,
+    name: SUB_MENUS.ORDERS,
+    icon: /*#__PURE__*/React__default.createElement(SvgShopping, null),
+    title: t("labels.orders.label"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default.createElement(DashboardLink, {
+    show: hasInvoices(),
+    name: SUB_MENUS.INVOICES,
+    icon: /*#__PURE__*/React__default.createElement(SvgDocument, null),
+    title: t("labels.invoices"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  })), /*#__PURE__*/React__default.createElement(DashboardLink, {
+    name: SUB_MENUS.LOGOUT,
+    icon: /*#__PURE__*/React__default.createElement(SvgExit, null),
+    title: t("labels.logout"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }))), activeDashboardLink && isOpen && /*#__PURE__*/React__default.createElement("div", {
+    id: "pelcro-view-dashboard-submenus",
+    className: "plc-fixed plc-inset-y-0 plc-right-0 plc-h-full lg:plc-w-9/12 plc-w-full plc-bg-gray-100 plc-z-max plc-overflow-auto"
+  }, activeDashboardLink === SUB_MENUS.PROFILE && /*#__PURE__*/React__default.createElement(ProfileMenu, null), activeDashboardLink === SUB_MENUS.QRCODE && /*#__PURE__*/React__default.createElement(QRCodeMenu, null), activeDashboardLink === SUB_MENUS.PASSWORDCHANGE && /*#__PURE__*/React__default.createElement(PasswordChangeMenu, null), activeDashboardLink === SUB_MENUS.SAVED_ITEMS && /*#__PURE__*/React__default.createElement(SavedItemsMenu, null), activeDashboardLink === SUB_MENUS.PAYMENT_CARDS && /*#__PURE__*/React__default.createElement(PaymentCardsMenu, null), activeDashboardLink === SUB_MENUS.ADDRESSES && /*#__PURE__*/React__default.createElement(AddressesMenu, null), activeDashboardLink === SUB_MENUS.SUBSCRIPTIONS && /*#__PURE__*/React__default.createElement(SubscriptionsMenu, {
+    displayProductSelect: displayProductSelect,
+    setProductAndPlan: setProductAndPlan,
+    setSubscriptionIdToRenew: setSubscriptionIdToRenew,
+    getSubscriptionStatus: getSubscriptionStatus
+  }), activeDashboardLink === SUB_MENUS.MEMBERSHIPS && /*#__PURE__*/React__default.createElement(MembershipsMenu, {
+    getSubscriptionStatus: getSubscriptionStatus
+  }), activeDashboardLink === SUB_MENUS.NEWSLETTERS && /*#__PURE__*/React__default.createElement(NewslettersMenu, null), activeDashboardLink === SUB_MENUS.DONATIONS && /*#__PURE__*/React__default.createElement(DonationsMenu, {
+    getSubscriptionStatus: getSubscriptionStatus
+  }), activeDashboardLink === SUB_MENUS.GIFTS && /*#__PURE__*/React__default.createElement(GiftsMenu, {
+    getSubscriptionStatus: getSubscriptionStatus,
+    displayProductSelect: displayProductSelect,
+    setProductAndPlan: setProductAndPlan,
+    setSubscriptionIdToRenew: setSubscriptionIdToRenew,
+    disableSubmit: disableSubmit
+  }), activeDashboardLink === SUB_MENUS.ORDERS && /*#__PURE__*/React__default.createElement(OrdersMenu, null), activeDashboardLink === SUB_MENUS.INVOICES && /*#__PURE__*/React__default.createElement(InvoicesMenu, null), activeDashboardLink === SUB_MENUS.LOGOUT && logout(), /*#__PURE__*/React__default.createElement(Button, {
+    variant: "ghost",
+    type: "button",
+    className: "plc-text-gray-500 plc-rounded-2xl plc-absolute plc-z-max plc-top-2 plc-right-2 md:plc-top-5 md:plc-right-10",
+    onClick: closeDashboard
+  }, /*#__PURE__*/React__default.createElement(SvgXIcon, {
+    className: "plc-fill-current"
+  }))));
+};
 
-function hasDonationSubs() {
-  var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3, _window$Pelcro$user$r4, _window$Pelcro$user$r5;
+/**
+ *
+ */
 
-  const donations = (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => sub.plan.is_donation && !sub.is_gift_donor)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
-  const canceledDonations = (_window$Pelcro$user$r4 = (_window$Pelcro$user$r5 = window.Pelcro.user.read().expired_subscriptions) === null || _window$Pelcro$user$r5 === void 0 ? void 0 : _window$Pelcro$user$r5.filter(sub => sub.plan.is_donation && !sub.is_gift_donor)) !== null && _window$Pelcro$user$r4 !== void 0 ? _window$Pelcro$user$r4 : [];
-  return donations.length > 0 || canceledDonations.length > 0;
-}
+function Dashboard(props) {
+  React__default.useEffect(() => {
+    var _props$onDisplay;
 
-function hasActiveMemberships() {
-  var _window$Pelcro$user$r6, _window$Pelcro$user$r7;
+    (_props$onDisplay = props.onDisplay) === null || _props$onDisplay === void 0 ? void 0 : _props$onDisplay.call(props);
+  }, []);
+  const {
+    resetView
+  } = usePelcro();
+  return /*#__PURE__*/React__default.createElement(DashboardContainer, props, /*#__PURE__*/React__default.createElement(DashboardContent, Object.assign({
+    onClose: () => {
+      var _props$onClose;
 
-  return (_window$Pelcro$user$r6 = (_window$Pelcro$user$r7 = window.Pelcro.user.read().memberships) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : _window$Pelcro$user$r7.some(membership => membership.status === "active" && membership.subscription.ended_at === null)) !== null && _window$Pelcro$user$r6 !== void 0 ? _window$Pelcro$user$r6 : false;
+      (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
+      resetView();
+    }
+  }, props)));
 }
-
-const DashboardWithTrans = withTranslation("dashboard")(Dashboard);
+Dashboard.viewId = "dashboard";
 
 // The button in the lower left that shows the dashboard.
 const DashboardOpenButton = () => {
@@ -38376,4 +38470,4 @@ const QrCodeModal = ({
 };
 QrCodeModal.viewId = "qrcode";
 
-export { AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateSetDefault, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateSetDefault, 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, LoginRequestLoginToken, LoginUsername, LoginView, Logout, MeterModal, MeterView, Modal, ModalBody, ModalFooter, ModalHeader, 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, PasswordlessRequestContainer, PasswordlessRequestEmail, PasswordlessRequestModal, PasswordlessRequestView, PasswordlessRequestViewButton, 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, QrCodeModal, QrCodeView, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCancelModal, SubscriptionCreateContainer, SubscriptionCreateFreePlanButton, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionManageMembersButton, SubscriptionManageMembersContainer, SubscriptionManageMembersEmails, SubscriptionManageMembersList, SubscriptionManageMembersModal, SubscriptionManageMembersView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, SubscriptionSuspendContainer, SubscriptionSuspendModal, SubscriptionSuspendView, TaxAmount, TextArea, Tooltip, UserNameInput, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateTin, UserUpdateUsername, UserUpdateView, VerifyLinkTokenContainer, VerifyLinkTokenLoader, VerifyLinkTokenModal, VerifyLinkTokenView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify, unauthenticatedButtons, usePelcro };
+export { AddNew, AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateSetDefault, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateSetDefault, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AddressesMenu, AlertWithContext as Alert, Alert as AlertElement, ApplyCouponButton, Auth0LoginButton, Badge, BankRedirection, Button, Card, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, Dashboard, DashboardContainer, DashboardContent, DashboardLink, DashboardOpenButton, DatePicker, DiscountedPrice, DonationsMenu, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GiftsMenu, GoogleLoginButton, Input, InvoiceDetailsContainer, InvoiceDetailsDownloadButton, InvoiceDetailsModal, InvoiceDetailsPayButton, InvoiceDetailsView, InvoicePaymentContainer, InvoicePaymentModal, InvoicePaymentView, InvoicesMenu, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginRequestLoginToken, LoginUsername, LoginView, Logout, MembershipsMenu, MeterModal, MeterView, Modal, ModalBody, ModalFooter, ModalHeader, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, NewslettersMenu, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, OrderItems, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeMenu, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PasswordlessRequestContainer, PasswordlessRequestEmail, PasswordlessRequestModal, PasswordlessRequestView, PasswordlessRequestViewButton, PaymentCardsMenu, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateModal, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroCardCVC, PelcroCardExpiry, PelcroCardNumber, PelcroModalController, PelcroPaymentRequestButton, ProfileMenu, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, QRCodeMenu, QrCodeModal, QrCodeView, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, SavedItems, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCancelModal, SubscriptionCreateContainer, SubscriptionCreateFreePlanButton, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionManageMembersButton, SubscriptionManageMembersContainer, SubscriptionManageMembersEmails, SubscriptionManageMembersList, SubscriptionManageMembersModal, SubscriptionManageMembersView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, SubscriptionSuspendContainer, SubscriptionSuspendModal, SubscriptionSuspendView, SubscriptionsItems, TaxAmount, TextArea, Tooltip, UserNameInput, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateTin, UserUpdateUsername, UserUpdateView, VerifyLinkTokenContainer, VerifyLinkTokenLoader, VerifyLinkTokenModal, VerifyLinkTokenView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify, unauthenticatedButtons, usePelcro };