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

package/dist/index.cjs.js

@@ -8272,7 +8272,7 @@ class PelcroActions {
         view,
         cartItems,
         ...otherStateFields
-      } = initialState$n;
+      } = initialState$o;
       this.set(otherStateFields);
     });
 
@@ -8678,7 +8678,7 @@ class PelcroCallbacks {
 
 }
 
-const initialState$n = {
+const initialState$o = {
   // View
   view: null,
   // Plans
@@ -8713,7 +8713,7 @@ const createPelcroStore = () => createStore(middleware_3((set, get) => {
   return {
     // Store setter
     set,
-    ...initialState$n,
+    ...initialState$o,
     // State actions
     ...actions,
     // Callbacks
@@ -12134,9 +12134,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: "",
@@ -12149,10 +12158,10 @@ const initialState$m = {
     content: ""
   }
 };
-const store$m = /*#__PURE__*/React.createContext(initialState$m);
+const store$n = /*#__PURE__*/React.createContext(initialState$n);
 const {
-  Provider: Provider$m
-} = store$m;
+  Provider: Provider$n
+} = store$n;
 
 const LoginContainer = ({
   style,
@@ -12276,7 +12285,7 @@ const LoginContainer = ({
         });
 
       case RESET_LOGIN_FORM:
-        return initialState$m;
+        return initialState$n;
 
       case DISABLE_LOGIN_BUTTON:
         return lib_7({ ...state,
@@ -12294,12 +12303,12 @@ const LoginContainer = ({
       default:
         return state;
     }
-  }, initialState$m);
+  }, initialState$n);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-login-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$m, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$n, {
     value: {
       state,
       dispatch
@@ -12307,12 +12316,12 @@ const LoginContainer = ({
   }, children.length ? children.map((child, i) => {
     if (child) {
       return /*#__PURE__*/React__default['default'].cloneElement(child, {
-        store: store$m,
+        store: store$n,
         key: i
       });
     }
   }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$m
+    store: store$n
   })));
 };
 
@@ -12620,7 +12629,7 @@ const LoginButton = ({
       buttonDisabled
     },
     dispatch
-  } = React.useContext(store$m);
+  } = React.useContext(store$n);
   const {
     t
   } = useTranslation("login");
@@ -12679,15 +12688,15 @@ const LoginRequestLoginToken = ({
 };
 
 const LoginEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
-  store: store$m
+  store: store$n
 }, props));
 
 const LoginUsername = props => /*#__PURE__*/React__default['default'].createElement(UserNameInput, Object.assign({
-  store: store$m
+  store: store$n
 }, props));
 
 const LoginPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
-  store: store$m
+  store: store$n
 }, props));
 
 var _path$t;
@@ -12764,7 +12773,7 @@ var facebookLoginRenderProps = createCommonjsModule(function (module, exports) {
 var FacebookLogin = unwrapExports(facebookLoginRenderProps);
 facebookLoginRenderProps.FacebookLogin;
 
-const initialState$l = {
+const initialState$m = {
   email: "",
   password: "",
   emailError: null,
@@ -12781,10 +12790,10 @@ const initialState$l = {
     content: ""
   }
 };
-const store$l = /*#__PURE__*/React.createContext(initialState$l);
+const store$m = /*#__PURE__*/React.createContext(initialState$m);
 const {
-  Provider: Provider$l
-} = store$l;
+  Provider: Provider$m
+} = store$m;
 
 const RegisterContainer = ({
   style,
@@ -12975,7 +12984,7 @@ const RegisterContainer = ({
         });
 
       case RESET_LOGIN_FORM:
-        return initialState$l;
+        return initialState$m;
 
       case DISABLE_REGISTRATION_BUTTON:
         return lib_7({ ...state,
@@ -12993,12 +13002,12 @@ const RegisterContainer = ({
       default:
         return state;
     }
-  }, initialState$l);
+  }, initialState$m);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-register-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$l, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$m, {
     value: {
       state,
       dispatch
@@ -13006,12 +13015,12 @@ const RegisterContainer = ({
   }, children.length ? children.map((child, i) => {
     if (child) {
       return /*#__PURE__*/React__default['default'].cloneElement(child, {
-        store: store$l,
+        store: store$m,
         key: i
       });
     }
   }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$l
+    store: store$m
   })));
 };
 /**
@@ -13051,10 +13060,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
-  } = React.useContext(store$m);
+  } = React.useContext(store$n);
   const {
     dispatch: registerDispatch
-  } = React.useContext(store$l);
+  } = React.useContext(store$m);
 
   const onSuccess = facebookUser => {
     loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
@@ -13220,10 +13229,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
-  } = React.useContext(store$m);
+  } = React.useContext(store$n);
   const {
     dispatch: registerDispatch
-  } = React.useContext(store$l);
+  } = React.useContext(store$m);
   React.useEffect(() => {
     gapi.load("client:auth2", () => {
       gapi.auth2.init({
@@ -13327,10 +13336,10 @@ const Auth0LoginButton = ({
   }, [auth0Enabled, auth0Loaded]);
   const {
     dispatch: loginDispatch
-  } = React.useContext(store$m);
+  } = React.useContext(store$n);
   const {
     dispatch: registerDispatch
-  } = React.useContext(store$l);
+  } = React.useContext(store$m);
 
   function handleClick() {
     var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
@@ -13705,11 +13714,11 @@ function LoginModal({
 LoginModal.viewId = "login";
 
 const RegisterEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
-  store: store$l
+  store: store$m
 }, props));
 
 const RegisterPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
-  store: store$l
+  store: store$m
 }, props));
 
 const RegisterButton = ({
@@ -13729,7 +13738,7 @@ const RegisterButton = ({
       buttonDisabled
     },
     dispatch
-  } = React.useContext(store$l);
+  } = React.useContext(store$m);
   const {
     t
   } = useTranslation("register");
@@ -13867,7 +13876,7 @@ function FirstName({
 }
 
 const RegisterFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
-  store: store$l
+  store: store$m
 }, props));
 
 function LastName({
@@ -13898,7 +13907,7 @@ function LastName({
 }
 
 const RegisterLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
-  store: store$l
+  store: store$m
 }, props));
 
 /**
@@ -14021,7 +14030,7 @@ function TextInput({
 
 const RegisterTextInput = props => {
   return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
-    store: store$l
+    store: store$m
   }));
 };
 
@@ -21489,7 +21498,7 @@ class TapGateway {
 
 /** @type {PaymentStateType} */
 
-const initialState$k = {
+const initialState$l = {
   disableSubmit: false,
   isLoading: false,
   disableCouponButton: false,
@@ -21514,10 +21523,10 @@ const initialState$k = {
     content: ""
   }
 };
-const store$k = /*#__PURE__*/React.createContext(initialState$k);
+const store$l = /*#__PURE__*/React.createContext(initialState$l);
 const {
-  Provider: Provider$k
-} = store$k;
+  Provider: Provider$l
+} = store$l;
 
 const PaymentMethodContainerWithoutStripe = ({
   style,
@@ -23200,21 +23209,21 @@ const PaymentMethodContainerWithoutStripe = ({
       default:
         return state;
     }
-  }, initialState$k);
+  }, initialState$l);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-payment-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$k, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$l, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$k,
+    store: store$l,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$k
+    store: store$l
   })));
 };
 
@@ -23242,11 +23251,11 @@ const PaymentMethodContainer = props => {
       stripeAccount: window.Pelcro.site.read().account_id,
       locale: getPageOrDefaultLanguage()
     }, /*#__PURE__*/React__default['default'].createElement(es_11, null, /*#__PURE__*/React__default['default'].createElement(UnwrappedForm, Object.assign({
-      store: store$k
+      store: store$l
     }, props))));
   } else {
     return /*#__PURE__*/React__default['default'].createElement(PaymentMethodContainerWithoutStripe, Object.assign({
-      store: store$k
+      store: store$l
     }, props));
   }
 };
@@ -23297,7 +23306,7 @@ const PelcroPaymentRequestButton = props => {
       currentPlan,
       updatedPrice
     }
-  } = React.useContext(store$k);
+  } = React.useContext(store$l);
 
   const updatePaymentRequest = () => {
     // Make sure payment request is up to date, eg. user added a coupon code.
@@ -23379,7 +23388,7 @@ const DiscountedPrice = props => {
       taxAmount,
       percentOff
     }
-  } = React.useContext(store$k);
+  } = React.useContext(store$l);
   const {
     order,
     plan
@@ -23429,7 +23438,7 @@ const SubmitPaymentMethod = ({
       isLoading,
       updatedPrice
     }
-  } = React.useContext(store$k);
+  } = React.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());
@@ -23461,7 +23470,7 @@ const ApplyCouponButton = ({
       disableCouponButton
     },
     dispatch
-  } = React.useContext(store$k);
+  } = React.useContext(store$l);
   const {
     t
   } = useTranslation("checkoutForm");
@@ -23495,7 +23504,7 @@ const CouponCodeField = props => {
       couponCode,
       couponError
     }
-  } = React.useContext(store$k);
+  } = React.useContext(store$l);
 
   const onCouponCodeChange = e => {
     dispatch({
@@ -23551,7 +23560,7 @@ const CouponCode = ({
     state: {
       enableCouponField
     }
-  } = React.useContext(store$k);
+  } = React.useContext(store$l);
   const {
     t
   } = useTranslation("checkoutForm");
@@ -23808,7 +23817,7 @@ const PaypalSubscribeButton = props => {
   const {
     dispatch,
     state
-  } = React.useContext(store$k);
+  } = React.useContext(store$l);
   const {
     product,
     plan,
@@ -23941,7 +23950,7 @@ const SelectedPaymentMethod = () => {
     state: {
       isLoading
     }
-  } = React.useContext(store$k);
+  } = React.useContext(store$l);
   const {
     switchView,
     selectedPaymentMethodId
@@ -23983,7 +23992,7 @@ const TaxAmount = () => {
     state: {
       taxAmount
     }
-  } = React.useContext(store$k);
+  } = React.useContext(store$l);
   const {
     plan
   } = usePelcro();
@@ -24002,11 +24011,11 @@ const TaxAmount = () => {
 };
 
 const IncludeFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
-  store: store$k
+  store: store$l
 }, props));
 
 const IncludeLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
-  store: store$k
+  store: store$l
 }, props));
 
 function Phone({
@@ -24035,7 +24044,7 @@ function Phone({
 }
 
 const IncludePhone = props => /*#__PURE__*/React__default['default'].createElement(Phone, Object.assign({
-  store: store$k
+  store: store$l
 }, props));
 
 const SubscriptionCreateFreePlanButton = ({
@@ -24048,7 +24057,7 @@ const SubscriptionCreateFreePlanButton = ({
       disableSubmit
     },
     dispatch
-  } = React.useContext(store$k);
+  } = React.useContext(store$l);
   const {
     t
   } = useTranslation("common");
@@ -24264,13 +24273,13 @@ function SubscriptionRenewModal({
 }
 SubscriptionRenewModal.viewId = "subscription-renew";
 
-const initialState$j = {
+const initialState$k = {
   cancelationReason: ""
 };
-const store$j = /*#__PURE__*/React.createContext(initialState$j);
+const store$k = /*#__PURE__*/React.createContext(initialState$k);
 const {
-  Provider: Provider$j
-} = store$j;
+  Provider: Provider$k
+} = store$k;
 
 const SubscriptionCancelContainer = ({
   style,
@@ -24291,21 +24300,21 @@ const SubscriptionCancelContainer = ({
       default:
         return state;
     }
-  }, initialState$j);
+  }, initialState$k);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-subscription-cancel-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$j, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$k, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$j,
+    store: store$k,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$j
+    store: store$k
   })));
 };
 
@@ -24390,7 +24399,7 @@ const SubscriptionCancelReason = props => {
   const {
     dispatch,
     state
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
 
   const handleOnTextAreaBlur = e => {
     dispatch({
@@ -24438,7 +24447,7 @@ const SubscriptionCancelNowButton = ({
       cancelationReason
     },
     dispatch
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const {
     t
   } = useTranslation("subscriptionCancel");
@@ -24510,7 +24519,7 @@ const SubscriptionCancelLaterButton = ({
       cancelationReason
     },
     dispatch
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const {
     t
   } = useTranslation("subscriptionCancel");
@@ -24621,14 +24630,14 @@ const SubscriptionCancelModal = ({
 };
 SubscriptionCancelModal.viewId = "subscription-cancel";
 
-const initialState$i = {
+const initialState$j = {
   suspendDate: null,
   buttonDisabled: false
 };
-const store$i = /*#__PURE__*/React.createContext(initialState$i);
+const store$j = /*#__PURE__*/React.createContext(initialState$j);
 const {
-  Provider: Provider$i
-} = store$i;
+  Provider: Provider$j
+} = store$j;
 
 const SubscriptionSuspendContainer = ({
   style,
@@ -24654,21 +24663,21 @@ const SubscriptionSuspendContainer = ({
       default:
         return state;
     }
-  }, initialState$i);
+  }, initialState$j);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-subscription-suspend-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$i, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$j, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$i,
+    store: store$j,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$i
+    store: store$j
   })));
 };
 
@@ -24717,7 +24726,7 @@ const SubscriptionSuspendDate = props => {
   const {
     dispatch,
     state
-  } = React.useContext(store$i);
+  } = React.useContext(store$j);
 
   const handleInputChange = value => {
     if (value) {
@@ -24759,7 +24768,7 @@ const SubscriptionSuspendButton = ({
       buttonDisabled
     },
     dispatch
-  } = React.useContext(store$i);
+  } = React.useContext(store$j);
   const {
     t
   } = useTranslation("subscriptionSuspend");
@@ -25229,7 +25238,7 @@ class DefaultNewsLetter extends React.Component {
 
 const NewsLetter = withTranslation("newsletter")(DefaultNewsLetter);
 
-const initialState$h = {
+const initialState$i = {
   didSubToNewslettersBefore: false,
   newsletters: [],
   isListLoading: true,
@@ -25239,10 +25248,10 @@ const initialState$h = {
     content: ""
   }
 };
-const store$h = /*#__PURE__*/React.createContext(initialState$h);
+const store$i = /*#__PURE__*/React.createContext(initialState$i);
 const {
-  Provider: Provider$h
-} = store$h;
+  Provider: Provider$i
+} = store$i;
 
 const NewsletterUpdateContainer = ({
   style,
@@ -25355,7 +25364,7 @@ const NewsletterUpdateContainer = ({
       default:
         return state;
     }
-  }, initialState$h);
+  }, initialState$i);
   React.useEffect(() => {
     const getUserNewsletters = () => {
       var _window$Pelcro$user$r3, _window$Pelcro$user$r4;
@@ -25399,7 +25408,7 @@ const NewsletterUpdateContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-newsletter-update-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$h, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$i, {
     value: {
       state,
       dispatch
@@ -25407,12 +25416,12 @@ const NewsletterUpdateContainer = ({
   }, children.length ? children.map((child, i) => {
     if (child) {
       return /*#__PURE__*/React__default['default'].cloneElement(child, {
-        store: store$h,
+        store: store$i,
         key: i
       });
     }
   }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$h
+    store: store$i
   })));
 };
 
@@ -25427,7 +25436,7 @@ const NewsletterUpdateButton = ({
       isSubmitting,
       isListLoading
     }
-  } = React.useContext(store$h);
+  } = React.useContext(store$i);
   const {
     t
   } = useTranslation("newsletter");
@@ -25457,7 +25466,7 @@ const NewsletterUpdateList = () => {
       newsletters,
       isListLoading
     }
-  } = React.useContext(store$h);
+  } = React.useContext(store$i);
 
   if (isListLoading) {
     return /*#__PURE__*/React__default['default'].createElement(Loader, {
@@ -25670,7 +25679,7 @@ function SubscriptionCreateModal({
 }
 SubscriptionCreateModal.viewId = "subscription-create";
 
-const initialState$g = {
+const initialState$h = {
   emails: "",
   emailsError: null,
   buttonDisabled: false,
@@ -25682,10 +25691,10 @@ const initialState$g = {
     content: ""
   }
 };
-const store$g = /*#__PURE__*/React.createContext(initialState$g);
+const store$h = /*#__PURE__*/React.createContext(initialState$h);
 const {
-  Provider: Provider$g
-} = store$g;
+  Provider: Provider$h
+} = store$h;
 
 const SubscriptionManageMembersContainer = ({
   style,
@@ -25857,7 +25866,7 @@ const SubscriptionManageMembersContainer = ({
       default:
         return state;
     }
-  }, initialState$g);
+  }, initialState$h);
   React.useEffect(() => {
     dispatch({
       type: HANDLE_LIST_MEMBERS
@@ -25867,7 +25876,7 @@ const SubscriptionManageMembersContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-manage-members-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$g, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$h, {
     value: {
       state,
       dispatch
@@ -25875,12 +25884,12 @@ const SubscriptionManageMembersContainer = ({
   }, children.length ? children.map((child, i) => {
     if (child) {
       return /*#__PURE__*/React__default['default'].cloneElement(child, {
-        store: store$g,
+        store: store$h,
         key: i
       });
     }
   }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$g
+    store: store$h
   })));
 };
 
@@ -25896,7 +25905,7 @@ const SubscriptionManageMembersButton = ({
       buttonDisabled
     },
     dispatch
-  } = React.useContext(store$g);
+  } = React.useContext(store$h);
   const {
     t
   } = useTranslation("subscriptionManageMembers");
@@ -25926,7 +25935,7 @@ function SubscriptionManageMembersEmails(props) {
       emails: stateEmails,
       emailsError
     }
-  } = React.useContext(store$g);
+  } = React.useContext(store$h);
   const [emails, setEmails] = React.useState(stateEmails);
   const [finishedTyping, setFinishedTyping] = React.useState(false);
   const handleInputChange = React.useCallback(value => {
@@ -25985,7 +25994,7 @@ function SubscriptionManageMembersList(props) {
       removeMemberId,
       loading
     }
-  } = React.useContext(store$g);
+  } = React.useContext(store$h);
   const getMemberStatus = React.useCallback(sub => {
     if (sub.status === "pending") {
       return {
@@ -26148,11 +26157,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,
@@ -26166,10 +26175,10 @@ const initialState$f = {
     content: ""
   }
 };
-const store$f = /*#__PURE__*/React.createContext(initialState$f);
+const store$g = /*#__PURE__*/React.createContext(initialState$g);
 const {
-  Provider: Provider$f
-} = store$f;
+  Provider: Provider$g
+} = store$g;
 
 const UserUpdateContainer = ({
   style,
@@ -26336,12 +26345,12 @@ const UserUpdateContainer = ({
       default:
         return state;
     }
-  }, initialState$f);
+  }, initialState$g);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-user-update-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$f, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$g, {
     value: {
       state,
       dispatch
@@ -26349,12 +26358,12 @@ const UserUpdateContainer = ({
   }, children.length ? children.map((child, i) => {
     if (child) {
       return /*#__PURE__*/React__default['default'].cloneElement(child, {
-        store: store$f,
+        store: store$g,
         key: i
       });
     }
   }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$f
+    store: store$g
   })));
 };
 
@@ -26380,7 +26389,7 @@ const UserUpdateEmail = props => {
       email,
       emailError
     }
-  } = React.useContext(store$f);
+  } = React.useContext(store$g);
   const [enableEmailEdit, setEnableEmailEdit] = React.useState(false);
   const {
     t
@@ -26406,7 +26415,7 @@ const UserUpdateEmail = props => {
     className: "plc-flex plc-items-start plc-relative"
   }, /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
     disabled: !enableEmailEdit,
-    store: store$f,
+    store: store$g,
     label: t("labels.email"),
     enableEmailEdit: enableEmailEdit
   }, props)), /*#__PURE__*/React__default['default'].createElement(Button, {
@@ -26431,7 +26440,7 @@ const UserUpdateButton = ({
       emailError
     },
     dispatch
-  } = React.useContext(store$f);
+  } = React.useContext(store$g);
   const {
     t
   } = useTranslation("userEdit");
@@ -26522,19 +26531,19 @@ function UpdateUserNameInput({
 }
 
 const UserUpdateUsername = props => /*#__PURE__*/React__default['default'].createElement(UpdateUserNameInput, Object.assign({
-  store: store$f
+  store: store$g
 }, props));
 
 const UserUpdateFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
-  store: store$f
+  store: store$g
 }, props));
 
 const UserUpdateLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
-  store: store$f
+  store: store$g
 }, props));
 
 const UserUpdatePhone = props => /*#__PURE__*/React__default['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";
@@ -26621,7 +26630,7 @@ function Tin({
 }
 
 const UserUpdateTin = props => /*#__PURE__*/React__default['default'].createElement(Tin, Object.assign({
-  store: store$f
+  store: store$g
 }, props));
 
 function DisplayName({
@@ -26652,7 +26661,7 @@ function DisplayName({
 }
 
 const UserUpdateDisplayName = props => /*#__PURE__*/React__default['default'].createElement(DisplayName, Object.assign({
-  store: store$f
+  store: store$g
 }, props));
 
 const UserUpdateView = props => {
@@ -26747,11 +26756,11 @@ UserUpdateModal.viewId = "user-edit";
 
 const UserUpdateTextInput = props => {
   return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
-    store: store$f
+    store: store$g
   }));
 };
 
-const initialState$e = {
+const initialState$f = {
   isSubmitting: false,
   firstName: "",
   firstNameError: "",
@@ -26777,10 +26786,10 @@ const initialState$e = {
     content: ""
   }
 };
-const store$e = /*#__PURE__*/React.createContext(initialState$e);
+const store$f = /*#__PURE__*/React.createContext(initialState$f);
 const {
-  Provider: Provider$e
-} = store$e;
+  Provider: Provider$f
+} = store$f;
 
 const getNewlyCreatedAddress = addresses => addresses[addresses.length - 1];
 
@@ -27027,7 +27036,7 @@ const AddressCreateContainer = ({
       default:
         return state;
     }
-  }, initialState$e);
+  }, initialState$f);
   React.useEffect(() => {
     const getStates = () => {
       dispatch({
@@ -27059,16 +27068,16 @@ const AddressCreateContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-address-create-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$e, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$f, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$e,
+    store: store$f,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$e
+    store: store$f
   })));
 };
 
@@ -27079,7 +27088,7 @@ function AddressCreateFirstName(props) {
       firstName,
       firstNameError
     }
-  } = React.useContext(store$e);
+  } = React.useContext(store$f);
 
   const handleInputChange = value => {
     dispatch({
@@ -27115,7 +27124,7 @@ function AddressCreateLastName(props) {
       lastName,
       lastNameError
     }
-  } = React.useContext(store$e);
+  } = React.useContext(store$f);
 
   const handleInputChange = value => {
     dispatch({
@@ -27150,7 +27159,7 @@ function AddressCreateLine1(props) {
       line1,
       line1Error
     }
-  } = React.useContext(store$e);
+  } = React.useContext(store$f);
 
   const handleBlur = () => {
     return dispatch({
@@ -27193,7 +27202,7 @@ function AddressCreateCity(props) {
       city,
       cityError
     }
-  } = React.useContext(store$e);
+  } = React.useContext(store$f);
 
   const handleInputChange = value => {
     dispatch({
@@ -27228,7 +27237,7 @@ function AddressCreatePostalCode(props) {
       postalCode,
       postalCodeError
     }
-  } = React.useContext(store$e);
+  } = React.useContext(store$f);
 
   const handleInputChange = value => {
     dispatch({
@@ -27266,7 +27275,7 @@ const AddressCreateSubmit = ({
     state: {
       isSubmitting
     }
-  } = React.useContext(store$e);
+  } = React.useContext(store$f);
   const {
     t
   } = useTranslation("address");
@@ -27379,7 +27388,7 @@ function CountrySelect({
 }
 
 const AddressCreateCountrySelect = props => /*#__PURE__*/React__default['default'].createElement(CountrySelect, Object.assign({
-  store: store$e
+  store: store$f
 }, props));
 
 function StateSelect({
@@ -27468,14 +27477,14 @@ function StateSelect({
 }
 
 const AddressCreateStateSelect = props => /*#__PURE__*/React__default['default'].createElement(StateSelect, Object.assign({
-  store: store$e
+  store: store$f
 }, props));
 
 const AddressCreateSetDefault = props => {
   const {
     dispatch,
     state
-  } = React.useContext(store$e);
+  } = React.useContext(store$f);
 
   const handleCheckboxChange = e => {
     dispatch({
@@ -27610,18 +27619,18 @@ AddressCreateModal.viewId = "address-create";
 
 const AddressCreateTextInput = props => {
   return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
-    store: store$e
+    store: store$f
   }));
 };
 
 const AddressCreateLine2 = props => {
   return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({
     fieldName: "line2",
-    store: store$e
+    store: store$f
   }, props));
 };
 
-const initialState$d = {
+const initialState$e = {
   isSubmitting: false,
   firstName: "",
   firstNameError: "",
@@ -27647,10 +27656,10 @@ const initialState$d = {
     content: ""
   }
 };
-const store$d = /*#__PURE__*/React.createContext(initialState$d);
+const store$e = /*#__PURE__*/React.createContext(initialState$e);
 const {
-  Provider: Provider$d
-} = store$d;
+  Provider: Provider$e
+} = store$e;
 
 const AddressUpdateContainer = ({
   style,
@@ -27702,7 +27711,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,
@@ -27843,7 +27852,7 @@ const AddressUpdateContainer = ({
       default:
         return state;
     }
-  }, initialState$d);
+  }, initialState$e);
   React.useEffect(() => {
     const getStates = () => {
       dispatch({
@@ -27875,21 +27884,21 @@ const AddressUpdateContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-address-update-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$d, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$e, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$d,
+    store: store$e,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$d
+    store: store$e
   })));
 };
 
 const AddressUpdateCountrySelect = props => /*#__PURE__*/React__default['default'].createElement(CountrySelect, Object.assign({
-  store: store$d
+  store: store$e
 }, props));
 
 function AddressUpdateFirstName(props) {
@@ -27899,7 +27908,7 @@ function AddressUpdateFirstName(props) {
       firstName,
       firstNameError
     }
-  } = React.useContext(store$d);
+  } = React.useContext(store$e);
 
   const handleBlur = () => {
     return dispatch({
@@ -27942,7 +27951,7 @@ function AddressUpdateLastName(props) {
       lastName,
       lastNameError
     }
-  } = React.useContext(store$d);
+  } = React.useContext(store$e);
 
   const handleBlur = () => {
     return dispatch({
@@ -27985,7 +27994,7 @@ function AddressUpdateLine1(props) {
       line1,
       line1Error
     }
-  } = React.useContext(store$d);
+  } = React.useContext(store$e);
 
   const handleBlur = () => {
     return dispatch({
@@ -28025,7 +28034,7 @@ const AddressUpdateLine2 = props => {
   return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({
     fieldName: "line2"
   }, props, {
-    store: store$d
+    store: store$e
   }));
 };
 
@@ -28036,7 +28045,7 @@ function AddressUpdateCity(props) {
       city,
       cityError
     }
-  } = React.useContext(store$d);
+  } = React.useContext(store$e);
 
   const handleBlur = () => {
     return dispatch({
@@ -28079,7 +28088,7 @@ function AddressUpdatePostalCode(props) {
       postalCode,
       postalCodeError
     }
-  } = React.useContext(store$d);
+  } = React.useContext(store$e);
 
   const handleBlur = () => {
     return dispatch({
@@ -28125,7 +28134,7 @@ const AddressUpdateSubmit = ({
     state: {
       isSubmitting
     }
-  } = React.useContext(store$d);
+  } = React.useContext(store$e);
   const {
     t
   } = useTranslation("address");
@@ -28141,7 +28150,7 @@ const AddressUpdateSubmit = ({
 };
 
 const AddressUpdateStateSelect = props => /*#__PURE__*/React__default['default'].createElement(StateSelect, Object.assign({
-  store: store$d
+  store: store$e
 }, props));
 
 function AddressUpdateSetDefault(props) {
@@ -28150,7 +28159,7 @@ function AddressUpdateSetDefault(props) {
     state: {
       isDefault
     }
-  } = React.useContext(store$d);
+  } = React.useContext(store$e);
 
   const handleCheckboxChange = e => {
     dispatch({
@@ -28258,7 +28267,7 @@ AddressUpdateModal.viewId = "address-edit";
 
 const AddressUpdateTextInput = props => {
   return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
-    store: store$d
+    store: store$e
   }));
 };
 
@@ -28340,7 +28349,7 @@ const PaymentMethodUpdateModal = props => {
 };
 PaymentMethodUpdateModal.viewId = "payment-method-update";
 
-const initialState$c = {
+const initialState$d = {
   email: "",
   password: "",
   passwordError: null,
@@ -28353,10 +28362,10 @@ const initialState$c = {
     content: ""
   }
 };
-const store$c = /*#__PURE__*/React.createContext(initialState$c);
+const store$d = /*#__PURE__*/React.createContext(initialState$d);
 const {
-  Provider: Provider$c
-} = store$c;
+  Provider: Provider$d
+} = store$d;
 
 const PasswordResetContainer = ({
   style,
@@ -28413,7 +28422,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")
@@ -28473,26 +28482,26 @@ const PasswordResetContainer = ({
       default:
         return state;
     }
-  }, initialState$c);
+  }, initialState$d);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-password-reset-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$c, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$d, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$c,
+    store: store$d,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$c
+    store: store$d
   })));
 };
 
 const PasswordResetPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
-  store: store$c
+  store: store$d
 }, props));
 
 const PasswordResetButton = ({
@@ -28505,7 +28514,7 @@ const PasswordResetButton = ({
       buttonDisabled
     },
     dispatch
-  } = React.useContext(store$c);
+  } = React.useContext(store$d);
   const {
     t
   } = useTranslation("passwordReset");
@@ -28522,14 +28531,14 @@ const PasswordResetButton = ({
 };
 
 const PasswordResetEmail = props => /*#__PURE__*/React__default['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['default'].createElement(ConfirmPassword, Object.assign({
-  store: store$c
+  store: store$d
 }, props));
 
 const PasswordResetView = props => {
@@ -28584,7 +28593,7 @@ const PasswordResetModal = ({
 };
 PasswordResetModal.viewId = "password-reset";
 
-const initialState$b = {
+const initialState$c = {
   email: "",
   emailError: null,
   buttonDisabled: false,
@@ -28593,10 +28602,10 @@ const initialState$b = {
     content: ""
   }
 };
-const store$b = /*#__PURE__*/React.createContext(initialState$b);
+const store$c = /*#__PURE__*/React.createContext(initialState$c);
 const {
-  Provider: Provider$b
-} = store$b;
+  Provider: Provider$c
+} = store$c;
 
 const PasswordForgotContainer = ({
   style,
@@ -28674,21 +28683,21 @@ const PasswordForgotContainer = ({
       default:
         return state;
     }
-  }, initialState$b);
+  }, initialState$c);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-password-forgot-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$b, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$c, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$b,
+    store: store$c,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$b
+    store: store$c
   })));
 };
 
@@ -28704,7 +28713,7 @@ const PasswordForgotButton = ({
       emailError
     },
     dispatch
-  } = React.useContext(store$b);
+  } = React.useContext(store$c);
   const {
     t
   } = useTranslation("passwordForgot");
@@ -28725,7 +28734,7 @@ const PasswordForgotButton = ({
 };
 
 const PasswordForgotEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
-  store: store$b
+  store: store$c
 }, props));
 
 const PasswordForgotView = props => {
@@ -28779,7 +28788,7 @@ const PasswordForgotModal = ({
 };
 PasswordForgotModal.viewId = "password-forgot";
 
-const initialState$a = {
+const initialState$b = {
   email: "",
   emailError: null,
   buttonDisabled: false,
@@ -28788,10 +28797,10 @@ const initialState$a = {
     content: ""
   }
 };
-const store$a = /*#__PURE__*/React.createContext(initialState$a);
+const store$b = /*#__PURE__*/React.createContext(initialState$b);
 const {
-  Provider: Provider$a
-} = store$a;
+  Provider: Provider$b
+} = store$b;
 
 const PasswordlessRequestContainer = ({
   style,
@@ -28869,21 +28878,21 @@ const PasswordlessRequestContainer = ({
       default:
         return state;
     }
-  }, initialState$a);
+  }, initialState$b);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-password-forgot-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$a, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$b, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$a,
+    store: store$b,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$a
+    store: store$b
   })));
 };
 
@@ -28899,7 +28908,7 @@ const PasswordlessRequestViewButton = ({
       emailError
     },
     dispatch
-  } = React.useContext(store$a);
+  } = React.useContext(store$b);
   const {
     t
   } = useTranslation("passwordlessRequest");
@@ -28920,7 +28929,7 @@ const PasswordlessRequestViewButton = ({
 };
 
 const PasswordlessRequestEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
-  store: store$a
+  store: store$b
 }, props));
 
 const PasswordlessRequestView = props => {
@@ -28964,7 +28973,7 @@ const PasswordlessRequestModal = ({
 };
 PasswordlessRequestModal.viewId = "passwordless-request";
 
-const initialState$9 = {
+const initialState$a = {
   currentPassword: "",
   newPassword: "",
   confirmNewPassword: "",
@@ -28978,10 +28987,10 @@ const initialState$9 = {
     content: ""
   }
 };
-const store$9 = /*#__PURE__*/React.createContext(initialState$9);
+const store$a = /*#__PURE__*/React.createContext(initialState$a);
 const {
-  Provider: Provider$9
-} = store$9;
+  Provider: Provider$a
+} = store$a;
 const PasswordChangeContainer = ({
   style,
   className = "",
@@ -29133,21 +29142,21 @@ const PasswordChangeContainer = ({
       default:
         return state;
     }
-  }, initialState$9);
+  }, initialState$a);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-password-change-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$9, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$a, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$9,
+    store: store$a,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$9
+    store: store$a
   })));
 };
 
@@ -29158,7 +29167,7 @@ function PasswordChangeCurrentPassword(props) {
       currentPassword,
       currentPasswordError
     }
-  } = React.useContext(store$9);
+  } = React.useContext(store$a);
   const handleBlur = React.useCallback(() => {
     return dispatch({
       type: VALIDATE_PASSWORD
@@ -29192,7 +29201,7 @@ function PasswordChangeNewPassword(props) {
       newPassword,
       newPasswordError
     }
-  } = React.useContext(store$9);
+  } = React.useContext(store$a);
   const handleBlur = React.useCallback(() => {
     return dispatch({
       type: VALIDATE_NEW_PASSWORD
@@ -29226,7 +29235,7 @@ function PasswordChangeConfirmNewPassword(props) {
       confirmNewPassword,
       confirmNewPasswordError
     }
-  } = React.useContext(store$9);
+  } = React.useContext(store$a);
   const handleBlur = React.useCallback(() => {
     return dispatch({
       type: VALIDATE_CONFIRM_NEW_PASSWORD
@@ -29267,7 +29276,7 @@ const PasswordChangeButton = ({
       confirmNewPasswordError
     },
     dispatch
-  } = React.useContext(store$9);
+  } = React.useContext(store$a);
   const {
     t
   } = useTranslation("passwordChange");
@@ -29336,17 +29345,17 @@ const PasswordChangeModal = ({
 };
 PasswordChangeModal.viewId = "password-change";
 
-const initialState$8 = {
+const initialState$9 = {
   buttonDisabled: false,
   alert: {
     type: "error",
     content: ""
   }
 };
-const store$8 = /*#__PURE__*/React.createContext(initialState$8);
+const store$9 = /*#__PURE__*/React.createContext(initialState$9);
 const {
-  Provider: Provider$8
-} = store$8;
+  Provider: Provider$9
+} = store$9;
 
 const CartContainer = ({
   style,
@@ -29437,21 +29446,21 @@ const CartContainer = ({
       default:
         return state;
     }
-  }, initialState$8);
+  }, initialState$9);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-cart-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$8, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$9, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$8,
+    store: store$9,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$8
+    store: store$9
   })));
 };
 
@@ -29490,7 +29499,7 @@ const CartSubmit = ({
       buttonDisabled
     },
     dispatch
-  } = React.useContext(store$8);
+  } = React.useContext(store$9);
   const {
     t
   } = useTranslation("cart");
@@ -29524,7 +29533,7 @@ const CartTotalPrice = () => {
     state: {
       alert
     }
-  } = React.useContext(store$8);
+  } = React.useContext(store$9);
   const {
     cartItems
   } = usePelcro();
@@ -29848,7 +29857,7 @@ const OrderConfirmModal = props => {
 };
 OrderConfirmModal.viewId = "order-confirm";
 
-const initialState$7 = {
+const initialState$8 = {
   email: "",
   firstName: "",
   lastName: "",
@@ -29860,10 +29869,10 @@ const initialState$7 = {
     content: ""
   }
 };
-const store$7 = /*#__PURE__*/React.createContext(initialState$7);
+const store$8 = /*#__PURE__*/React.createContext(initialState$8);
 const {
-  Provider: Provider$7
-} = store$7;
+  Provider: Provider$8
+} = store$8;
 
 const GiftCreateContainer = ({
   style,
@@ -29967,21 +29976,21 @@ const GiftCreateContainer = ({
       default:
         return state;
     }
-  }, initialState$7);
+  }, initialState$8);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-gift-create-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$7, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$8, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$7,
+    store: store$8,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$7
+    store: store$8
   })));
 };
 
@@ -29995,7 +30004,7 @@ const GiftCreateSubmitButton = ({
     state: {
       disableSubmit
     }
-  } = React.useContext(store$7);
+  } = React.useContext(store$8);
   const {
     t
   } = useTranslation("register");
@@ -30012,15 +30021,15 @@ const GiftCreateSubmitButton = ({
 
 const GiftCreateEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
   initWithUserEmail: false,
-  store: store$7
+  store: store$8
 }, props));
 
 const GiftCreateFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
-  store: store$7
+  store: store$8
 }, props));
 
 const GiftCreateLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
-  store: store$7
+  store: store$8
 }, props));
 
 const nowDate = new Date();
@@ -30035,7 +30044,7 @@ const GiftCreateStartDate = props => {
   const {
     dispatch,
     state
-  } = React.useContext(store$7);
+  } = React.useContext(store$8);
 
   const handleInputChange = value => {
     dispatch({
@@ -30070,7 +30079,7 @@ function GiftCreateMessage(props) {
   const {
     dispatch,
     state
-  } = React.useContext(store$7);
+  } = React.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;
 
@@ -30200,7 +30209,7 @@ const GiftCreateModal = ({
 };
 GiftCreateModal.viewId = "gift-create";
 
-const initialState$6 = {
+const initialState$7 = {
   isSubmitting: false,
   giftCode: "",
   buttonDisabled: true,
@@ -30209,10 +30218,10 @@ const initialState$6 = {
     content: ""
   }
 };
-const store$6 = /*#__PURE__*/React.createContext(initialState$6);
+const store$7 = /*#__PURE__*/React.createContext(initialState$7);
 const {
-  Provider: Provider$6
-} = store$6;
+  Provider: Provider$7
+} = store$7;
 
 const GiftRedeemContainer = ({
   style,
@@ -30326,21 +30335,21 @@ const GiftRedeemContainer = ({
       default:
         return state;
     }
-  }, initialState$6);
+  }, initialState$7);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-gift-redeem-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$6, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$7, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$6,
+    store: store$7,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$6
+    store: store$7
   })));
 };
 
@@ -30377,7 +30386,7 @@ function GiftCode({
 }
 
 const GiftRedeemCode = props => /*#__PURE__*/React__default['default'].createElement(GiftCode, Object.assign({
-  store: store$6
+  store: store$7
 }, props));
 
 const GiftRedeemSubmitButton = ({
@@ -30391,7 +30400,7 @@ const GiftRedeemSubmitButton = ({
       disableSubmit,
       isSubmitting
     }
-  } = React.useContext(store$6);
+  } = React.useContext(store$7);
   const {
     t
   } = useTranslation("register");
@@ -30486,7 +30495,7 @@ const moveDefaultAddressToStart = addresses => {
   return [defaultAddress, ...addressesWithoutDefault];
 };
 
-const initialState$5 = {
+const initialState$6 = {
   addresses: [],
   selectedAddressId: null,
   isSubmitting: false,
@@ -30495,10 +30504,10 @@ const initialState$5 = {
     content: ""
   }
 };
-const store$5 = /*#__PURE__*/React.createContext(initialState$5);
+const store$6 = /*#__PURE__*/React.createContext(initialState$6);
 const {
-  Provider: Provider$5
-} = store$5;
+  Provider: Provider$6
+} = store$6;
 
 const AddressSelectContainer = ({
   style,
@@ -30635,7 +30644,7 @@ const AddressSelectContainer = ({
       default:
         return state;
     }
-  }, initialState$5);
+  }, initialState$6);
   React.useEffect(() => {
     var _window$Pelcro$user$r;
 
@@ -30648,16 +30657,16 @@ const AddressSelectContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-address-select-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$5, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$6, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$5,
+    store: store$6,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$5
+    store: store$6
   })));
 };
 
@@ -30668,7 +30677,7 @@ const AddressSelectList = () => {
       addresses,
       selectedAddressId
     }
-  } = React.useContext(store$5);
+  } = React.useContext(store$6);
 
   const handleAddressSelect = event => {
     dispatch({
@@ -30712,7 +30721,7 @@ const AddressSelectSubmit = ({
       selectedAddressId,
       isSubmitting
     }
-  } = React.useContext(store$5);
+  } = React.useContext(store$6);
   const {
     t
   } = useTranslation("address");
@@ -30822,7 +30831,7 @@ const moveDefaultPaymentMethodToStart = paymentMethods => {
   return [defaultPaymentMethod, ...paymentMethodsWithoutDefault];
 };
 
-const initialState$4 = {
+const initialState$5 = {
   paymentMethods: [],
   selectedPaymentMethodId: null,
   isSubmitting: false,
@@ -30831,10 +30840,10 @@ const initialState$4 = {
     content: ""
   }
 };
-const store$4 = /*#__PURE__*/React.createContext(initialState$4);
+const store$5 = /*#__PURE__*/React.createContext(initialState$5);
 const {
-  Provider: Provider$4
-} = store$4;
+  Provider: Provider$5
+} = store$5;
 
 const PaymentMethodSelectContainer = ({
   style,
@@ -30893,7 +30902,7 @@ const PaymentMethodSelectContainer = ({
       default:
         return state;
     }
-  }, initialState$4);
+  }, initialState$5);
   React.useEffect(() => {
     var _window$Pelcro$user$r3;
 
@@ -30906,16 +30915,16 @@ const PaymentMethodSelectContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-payment-select-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$4, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$5, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$4,
+    store: store$5,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$4
+    store: store$5
   })));
 };
 
@@ -30929,7 +30938,7 @@ const PaymentMethodSelectList = () => {
       paymentMethods,
       selectedPaymentMethodId
     }
-  } = React.useContext(store$4);
+  } = React.useContext(store$5);
 
   const handlePaymentMethodSelect = event => {
     dispatch({
@@ -30979,7 +30988,7 @@ const PaymentMethodSelectSubmit = ({
       selectedPaymentMethodId,
       isSubmitting
     }
-  } = React.useContext(store$4);
+  } = React.useContext(store$5);
   return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
     onClick: () => {
       dispatch({
@@ -31065,23 +31074,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__*/React.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");
+  React.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['default'].createElement("div", {
+    style: { ...style
+    },
+    className: `pelcro-container pelcro-dashboard-container ${className}`
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$4, {
+    value: {
+      state,
+      dispatch
+    }
+  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
+    store: store$4,
+    key: i
+  })) : /*#__PURE__*/React__default['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 {};
@@ -32594,6 +32814,14 @@ const SubscriptionsMenu = props => {
   const {
     t
   } = useTranslation("dashboard");
+  const {
+    switchView
+  } = usePelcro();
+
+  const displayRedeem = () => {
+    return switchView("gift-redeem");
+  };
+
   return /*#__PURE__*/React__default['default'].createElement(Card, {
     id: "pelcro-dashboard-subscriptions-menu",
     className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
@@ -32632,22 +32860,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
+  } = React.useContext(store$4);
   const {
     t
   } = useTranslation("dashboard");
@@ -32679,7 +32908,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"),
@@ -32696,7 +32932,12 @@ const SubscriptionsItems = ({
         return switchView("email-verify");
       }
 
-      reactivateSubscription(sub.id);
+      dispatch({
+        type: REACTIVATE_SUBSCRIPTION,
+        payload: {
+          subscription_id: sub.id
+        }
+      });
     }; // Renew click
 
 
@@ -32707,7 +32948,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
 
 
@@ -32716,7 +32957,7 @@ const SubscriptionsItems = ({
       set({
         subscriptionToManageMembers
       });
-      setView("manage-members");
+      switchView("manage-members");
     }; // Suspend click
 
 
@@ -32726,7 +32967,7 @@ const SubscriptionsItems = ({
       }
 
       setSubscriptionToSuspend(sub.id);
-      return setView("subscription-suspend");
+      return switchView("subscription-suspend");
     }; // UnSuspend click
 
 
@@ -32737,7 +32978,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"),
@@ -33068,9 +33316,6 @@ const OrderItems = ({
 };
 
 const DonationsMenu = ({
-  reactivateSubscription,
-  disableSubmit,
-  cancelSubscription,
   getSubscriptionStatus,
   onClose
 }) => {
@@ -33081,6 +33326,12 @@ const DonationsMenu = ({
     switchView,
     setSubscriptionToCancel
   } = usePelcro();
+  const {
+    state: {
+      disableSubmit
+    },
+    dispatch
+  } = React.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 = () => {
@@ -33098,7 +33349,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"),
@@ -33115,7 +33373,12 @@ const DonationsMenu = ({
         return switchView("email-verify");
       }
 
-      reactivateSubscription(sub.id);
+      dispatch({
+        type: REACTIVATE_SUBSCRIPTION,
+        payload: {
+          subscription_id: sub.id
+        }
+      });
     };
 
     return /*#__PURE__*/React__default['default'].createElement("tr", {
@@ -33482,8 +33745,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
   }) => {
@@ -33500,8 +33771,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['default'].createElement("tr", {
@@ -33570,11 +33841,28 @@ const AddressesMenu = props => {
   const {
     t
   } = useTranslation("dashboard");
+  const {
+    switchView,
+    set
+  } = usePelcro();
   const [requestStates, setRequestStates] = React.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['default'].createElement(Card, {
     id: "pelcro-dashboard-addresses-menu",
     className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
@@ -33583,10 +33871,10 @@ const AddressesMenu = props => {
   }, /*#__PURE__*/React__default['default'].createElement(AddressesItems, {
     requestStates: requestStates,
     setRequestStates: setRequestStates,
-    displayAddressEdit: props === null || props === void 0 ? void 0 : props.displayAddressEdit
+    displayAddressEdit: displayAddressEdit
   }), /*#__PURE__*/React__default['default'].createElement(AddNew, {
     title: t("labels.addAddress"),
-    onClick: () => props === null || props === void 0 ? void 0 : props.displayAddressCreate()
+    onClick: displayAddressCreate
   }));
 };
 
@@ -33683,22 +33971,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['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['default'].createElement(PaymentCardsItems, {
-    displaySourceCreate: props === null || props === void 0 ? void 0 : props.displaySourceCreate,
+    displaySourceCreate: displaySourceCreate,
     source: source
   }) : /*#__PURE__*/React__default['default'].createElement(AddNew, {
     title: t("labels.addCard"),
-    onClick: () => props === null || props === void 0 ? void 0 : props.displaySourceCreate()
+    onClick: displaySourceCreate
   }));
 };
 
@@ -35331,625 +35651,399 @@ const SUB_MENUS = {
   LOGOUT: "logout",
   SAVED_ITEMS: "saved-items"
 };
-/**
- *
- */
-
-function DashboardWithHook(props) {
-  React__default['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
+  } = React.useContext(store$4);
   const {
     switchView,
-    resetView,
-    logout,
-    set
+    set,
+    logout
   } = usePelcro();
-  return /*#__PURE__*/React__default['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 = React.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 React.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['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['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['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['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['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['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['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['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['default'].createElement(SvgExclamation, null)
       };
-    });
+    }
 
-    _defineProperty$3(this, "renderAddresses", () => {
-      const addresses = this.state.addresses && this.state.addresses.map((address, index) => {
-        return /*#__PURE__*/React__default['default'].createElement("tr", {
-          key: "dashboard-address-" + address.id
-        }, /*#__PURE__*/React__default['default'].createElement("td", {
-          className: "plc-pr-2 plc-text-gray-400 plc-truncate"
-        }, /*#__PURE__*/React__default['default'].createElement("span", {
-          className: "plc-font-semibold plc-text-gray-600"
-        }, address.city ? `${address.city},` : null, " ", address.country), " ", /*#__PURE__*/React__default['default'].createElement("span", {
-          title: address.line1
-        }, address.line1), /*#__PURE__*/React__default['default'].createElement("div", {
-          className: "plc-flex plc-mb-2 plc-mt-1"
-        }, /*#__PURE__*/React__default['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['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['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button, {
-          variant: "icon",
-          className: "plc-text-gray-500",
-          icon: /*#__PURE__*/React__default['default'].createElement(SvgEdit, null),
-          id: "pelcro-button-update-address-" + index,
-          "data-key": address.id,
-          onClick: this.displayAddressEdit
-        })));
-      });
-      return /*#__PURE__*/React__default['default'].createElement("table", {
-        className: "plc-w-full plc-table-fixed"
-      }, /*#__PURE__*/React__default['default'].createElement("thead", {
-        className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
-      }, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
-        className: "plc-w-10/12"
-      }, this.locale("labels.address")), /*#__PURE__*/React__default['default'].createElement("th", {
-        className: "plc-w-2/12"
-      }, this.locale("labels.edit")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
-        className: "plc-h-4"
-      }), addresses, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
-        colSpan: "2",
-        className: "plc-p-1"
-      }, /*#__PURE__*/React__default['default'].createElement(Button, {
-        variant: "ghost",
-        icon: /*#__PURE__*/React__default['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['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: []
+  React.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['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['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['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['default'].createElement("div", {
-      id: "pelcro-view-dashboard",
-      ref: this.menuRef
-    }, /*#__PURE__*/React__default['default'].createElement("header", {
-      className: "plc-bg-gray-200 plc-flex plc-py-5"
-    }, /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "plc-flex plc-items-center"
-    }, /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "plc-flex plc-justify-center plc-ml-3 sm:plc-ml-6 plc-flex-shrink-0"
-    }, /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "plc-relative plc-flex-shrink-0"
-    }, /*#__PURE__*/React__default['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['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['default'].createElement("p", {
-      className: "plc-font-bold plc-break-all"
-    }, this.user.first_name, " ", this.user.last_name), /*#__PURE__*/React__default['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['default'].createElement("div", {
-      className: "lg:plc-hidden"
-    }, /*#__PURE__*/React__default['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['default'].createElement(SvgXIcon, {
-      className: "plc-fill-current"
-    }))))), /*#__PURE__*/React__default['default'].createElement("section", {
-      className: "plc-mt-6 plc-shadow-sm"
-    }, /*#__PURE__*/React__default['default'].createElement("header", {
-      className: "plc-pl-4 plc-mb-2 sm:plc-pl-8"
-    }, /*#__PURE__*/React__default['default'].createElement("p", {
-      className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
-    }, this.locale("labels.mySettings"))), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
-      name: SUB_MENUS.PROFILE,
-      icon: /*#__PURE__*/React__default['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['default'].createElement(DashboardLink, {
-      name: SUB_MENUS.QRCODE,
-      icon: /*#__PURE__*/React__default['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['default'].createElement(DashboardLink, {
-      name: SUB_MENUS.PASSWORDCHANGE,
-      icon: /*#__PURE__*/React__default['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['default'].createElement(DashboardLink, {
-      name: SUB_MENUS.SAVED_ITEMS,
-      icon: /*#__PURE__*/React__default['default'].createElement(SvgBookmark, null),
-      title: this.locale("labels.savedItems.label"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default['default'].createElement("header", {
-      className: "plc-pl-4 plc-mb-2 sm:plc-pl-8"
-    }, /*#__PURE__*/React__default['default'].createElement("p", {
-      className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
-    }, this.locale("labels.accountSettings"))), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
-      name: SUB_MENUS.PAYMENT_CARDS,
-      icon: /*#__PURE__*/React__default['default'].createElement(SvgPaymentCard, null),
-      title: this.locale("labels.paymentSource"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
-      name: SUB_MENUS.ADDRESSES,
-      icon: /*#__PURE__*/React__default['default'].createElement(SvgLocationPin, null),
-      title: this.locale("labels.addresses"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default['default'].createElement("header", {
-      className: "plc-pl-4 plc-my-2 sm:plc-pl-8"
-    }, /*#__PURE__*/React__default['default'].createElement("p", {
-      className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
-    }, this.locale("labels.purchases"))), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
-      name: SUB_MENUS.SUBSCRIPTIONS,
-      icon: /*#__PURE__*/React__default['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['default'].createElement(DashboardLink, {
-      show: showNewsletters(),
-      name: SUB_MENUS.NEWSLETTERS,
-      icon: /*#__PURE__*/React__default['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['default'].createElement(DashboardLink, {
-      show: hasActiveMemberships(),
-      name: SUB_MENUS.MEMBERSHIPS,
-      icon: /*#__PURE__*/React__default['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['default'].createElement(DashboardLink, {
-      show: hasDonationSubs(),
-      name: SUB_MENUS.DONATIONS,
-      icon: /*#__PURE__*/React__default['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['default'].createElement(DashboardLink, {
-      name: SUB_MENUS.GIFTS,
-      icon: /*#__PURE__*/React__default['default'].createElement(SvgGift, null),
-      title: this.locale("labels.gifts"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
-      show: window.Pelcro.site.read().ecommerce_enabled,
-      name: SUB_MENUS.ORDERS,
-      icon: /*#__PURE__*/React__default['default'].createElement(SvgShopping, null),
-      title: this.locale("labels.orders.label"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
-      show: hasInvoices(),
-      name: SUB_MENUS.INVOICES,
-      icon: /*#__PURE__*/React__default['default'].createElement(SvgDocument, null),
-      title: this.locale("labels.invoices"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    })), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
-      name: SUB_MENUS.LOGOUT,
-      icon: /*#__PURE__*/React__default['default'].createElement(SvgExit, null),
-      title: this.locale("labels.logout"),
-      setActiveDashboardLink: this.setActiveDashboardLink,
-      activeDashboardLink: this.state.activeDashboardLink
-    }))), this.state.activeDashboardLink && isOpen && /*#__PURE__*/React__default['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['default'].createElement(ProfileMenu, null), this.state.activeDashboardLink === SUB_MENUS.QRCODE && /*#__PURE__*/React__default['default'].createElement(QRCodeMenu, null), this.state.activeDashboardLink === SUB_MENUS.PASSWORDCHANGE && /*#__PURE__*/React__default['default'].createElement(PasswordChangeMenu, null), this.state.activeDashboardLink === SUB_MENUS.SAVED_ITEMS && /*#__PURE__*/React__default['default'].createElement(SavedItemsMenu, null), this.state.activeDashboardLink === SUB_MENUS.PAYMENT_CARDS && /*#__PURE__*/React__default['default'].createElement(PaymentCardsMenu, {
-      displaySourceCreate: this.displaySourceCreate
-    }), this.state.activeDashboardLink === SUB_MENUS.ADDRESSES && /*#__PURE__*/React__default['default'].createElement(AddressesMenu, {
-      displayAddressCreate: this.displayAddressCreate,
-      displayAddressEdit: this.displayAddressEdit
-    }), this.state.activeDashboardLink === SUB_MENUS.SUBSCRIPTIONS && /*#__PURE__*/React__default['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['default'].createElement(MembershipsMenu, {
-      getSubscriptionStatus: this.getSubscriptionStatus
-    }), this.state.activeDashboardLink === SUB_MENUS.NEWSLETTERS && /*#__PURE__*/React__default['default'].createElement(NewslettersMenu, null), this.state.activeDashboardLink === SUB_MENUS.DONATIONS && /*#__PURE__*/React__default['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['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['default'].createElement(OrdersMenu, null), this.state.activeDashboardLink === SUB_MENUS.INVOICES && /*#__PURE__*/React__default['default'].createElement(InvoicesMenu, null), this.state.activeDashboardLink === SUB_MENUS.LOGOUT && this.props.logout(), /*#__PURE__*/React__default['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['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['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['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['default'].createElement("div", {
+    id: "pelcro-view-dashboard",
+    ref: menuRef
+  }, /*#__PURE__*/React__default['default'].createElement("header", {
+    className: "plc-bg-gray-200 plc-flex plc-py-5"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-flex plc-items-center"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-flex plc-justify-center plc-ml-3 sm:plc-ml-6 plc-flex-shrink-0"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-relative plc-flex-shrink-0"
+  }, /*#__PURE__*/React__default['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['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['default'].createElement("p", {
+    className: "plc-font-bold plc-break-all"
+  }, user.first_name, " ", user.last_name), /*#__PURE__*/React__default['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['default'].createElement("div", {
+    className: "lg:plc-hidden"
+  }, /*#__PURE__*/React__default['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['default'].createElement(SvgXIcon, {
+    className: "plc-fill-current"
+  }))))), /*#__PURE__*/React__default['default'].createElement("section", {
+    className: "plc-mt-6 plc-shadow-sm"
+  }, /*#__PURE__*/React__default['default'].createElement("header", {
+    className: "plc-pl-4 plc-mb-2 sm:plc-pl-8"
+  }, /*#__PURE__*/React__default['default'].createElement("p", {
+    className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
+  }, t("labels.mySettings"))), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
+    name: SUB_MENUS.PROFILE,
+    icon: /*#__PURE__*/React__default['default'].createElement(SvgUser, {
+      className: "plc-w-6 plc-h-6 plc-mr-2"
+    }),
+    title: t("labels.profile"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
+    name: SUB_MENUS.QRCODE,
+    icon: /*#__PURE__*/React__default['default'].createElement(SvgQrcode, {
+      className: "plc-w-6 plc-h-6 plc-mr-2"
+    }),
+    title: "My QR code",
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
+    name: SUB_MENUS.PASSWORDCHANGE,
+    icon: /*#__PURE__*/React__default['default'].createElement(SvgKey, {
+      className: "plc-w-6 plc-h-6 plc-mr-2"
+    }),
+    title: t("labels.changePassword"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
+    name: SUB_MENUS.SAVED_ITEMS,
+    icon: /*#__PURE__*/React__default['default'].createElement(SvgBookmark, null),
+    title: t("labels.savedItems.label"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default['default'].createElement("header", {
+    className: "plc-pl-4 plc-mb-2 sm:plc-pl-8"
+  }, /*#__PURE__*/React__default['default'].createElement("p", {
+    className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
+  }, t("labels.accountSettings"))), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
+    name: SUB_MENUS.PAYMENT_CARDS,
+    icon: /*#__PURE__*/React__default['default'].createElement(SvgPaymentCard, null),
+    title: t("labels.paymentSource"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
+    name: SUB_MENUS.ADDRESSES,
+    icon: /*#__PURE__*/React__default['default'].createElement(SvgLocationPin, null),
+    title: t("labels.addresses"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default['default'].createElement("header", {
+    className: "plc-pl-4 plc-my-2 sm:plc-pl-8"
+  }, /*#__PURE__*/React__default['default'].createElement("p", {
+    className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
+  }, t("labels.purchases"))), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
+    name: SUB_MENUS.SUBSCRIPTIONS,
+    icon: /*#__PURE__*/React__default['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['default'].createElement(DashboardLink, {
+    show: showNewsletters(),
+    name: SUB_MENUS.NEWSLETTERS,
+    icon: /*#__PURE__*/React__default['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['default'].createElement(DashboardLink, {
+    show: hasActiveMemberships(),
+    name: SUB_MENUS.MEMBERSHIPS,
+    icon: /*#__PURE__*/React__default['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['default'].createElement(DashboardLink, {
+    show: hasDonationSubs(),
+    name: SUB_MENUS.DONATIONS,
+    icon: /*#__PURE__*/React__default['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['default'].createElement(DashboardLink, {
+    name: SUB_MENUS.GIFTS,
+    icon: /*#__PURE__*/React__default['default'].createElement(SvgGift, null),
+    title: t("labels.gifts"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
+    show: window.Pelcro.site.read().ecommerce_enabled,
+    name: SUB_MENUS.ORDERS,
+    icon: /*#__PURE__*/React__default['default'].createElement(SvgShopping, null),
+    title: t("labels.orders.label"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
+    show: hasInvoices(),
+    name: SUB_MENUS.INVOICES,
+    icon: /*#__PURE__*/React__default['default'].createElement(SvgDocument, null),
+    title: t("labels.invoices"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  })), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
+    name: SUB_MENUS.LOGOUT,
+    icon: /*#__PURE__*/React__default['default'].createElement(SvgExit, null),
+    title: t("labels.logout"),
+    setActiveDashboardLink: setActiveDashboardLink,
+    activeDashboardLink: activeDashboardLink
+  }))), activeDashboardLink && isOpen && /*#__PURE__*/React__default['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['default'].createElement(ProfileMenu, null), activeDashboardLink === SUB_MENUS.QRCODE && /*#__PURE__*/React__default['default'].createElement(QRCodeMenu, null), activeDashboardLink === SUB_MENUS.PASSWORDCHANGE && /*#__PURE__*/React__default['default'].createElement(PasswordChangeMenu, null), activeDashboardLink === SUB_MENUS.SAVED_ITEMS && /*#__PURE__*/React__default['default'].createElement(SavedItemsMenu, null), activeDashboardLink === SUB_MENUS.PAYMENT_CARDS && /*#__PURE__*/React__default['default'].createElement(PaymentCardsMenu, null), activeDashboardLink === SUB_MENUS.ADDRESSES && /*#__PURE__*/React__default['default'].createElement(AddressesMenu, null), activeDashboardLink === SUB_MENUS.SUBSCRIPTIONS && /*#__PURE__*/React__default['default'].createElement(SubscriptionsMenu, {
+    displayProductSelect: displayProductSelect,
+    setProductAndPlan: setProductAndPlan,
+    setSubscriptionIdToRenew: setSubscriptionIdToRenew,
+    getSubscriptionStatus: getSubscriptionStatus
+  }), activeDashboardLink === SUB_MENUS.MEMBERSHIPS && /*#__PURE__*/React__default['default'].createElement(MembershipsMenu, {
+    getSubscriptionStatus: getSubscriptionStatus
+  }), activeDashboardLink === SUB_MENUS.NEWSLETTERS && /*#__PURE__*/React__default['default'].createElement(NewslettersMenu, null), activeDashboardLink === SUB_MENUS.DONATIONS && /*#__PURE__*/React__default['default'].createElement(DonationsMenu, {
+    getSubscriptionStatus: getSubscriptionStatus
+  }), activeDashboardLink === SUB_MENUS.GIFTS && /*#__PURE__*/React__default['default'].createElement(GiftsMenu, {
+    getSubscriptionStatus: getSubscriptionStatus,
+    displayProductSelect: displayProductSelect,
+    setProductAndPlan: setProductAndPlan,
+    setSubscriptionIdToRenew: setSubscriptionIdToRenew,
+    disableSubmit: disableSubmit
+  }), activeDashboardLink === SUB_MENUS.ORDERS && /*#__PURE__*/React__default['default'].createElement(OrdersMenu, null), activeDashboardLink === SUB_MENUS.INVOICES && /*#__PURE__*/React__default['default'].createElement(InvoicesMenu, null), activeDashboardLink === SUB_MENUS.LOGOUT && logout(), /*#__PURE__*/React__default['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['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['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['default'].createElement(DashboardContainer, props, /*#__PURE__*/React__default['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 = () => {
@@ -38406,6 +38500,7 @@ const QrCodeModal = ({
 };
 QrCodeModal.viewId = "qrcode";
 
+exports.AddNew = AddNew;
 exports.AddressCreateCity = AddressCreateCity;
 exports.AddressCreateContainer = AddressCreateContainer;
 exports.AddressCreateCountrySelect = AddressCreateCountrySelect;
@@ -38439,6 +38534,7 @@ exports.AddressUpdateStateSelect = AddressUpdateStateSelect;
 exports.AddressUpdateSubmit = AddressUpdateSubmit;
 exports.AddressUpdateTextInput = AddressUpdateTextInput;
 exports.AddressUpdateView = AddressUpdateView;
+exports.AddressesMenu = AddressesMenu;
 exports.Alert = AlertWithContext;
 exports.AlertElement = Alert;
 exports.ApplyCouponButton = ApplyCouponButton;
@@ -38446,6 +38542,7 @@ exports.Auth0LoginButton = Auth0LoginButton;
 exports.Badge = Badge;
 exports.BankRedirection = BankRedirection;
 exports.Button = Button;
+exports.Card = Card;
 exports.CartContainer = CartContainer;
 exports.CartModal = CartModal;
 exports.CartRemoveItemButton = CartRemoveItemButton;
@@ -38457,10 +38554,14 @@ exports.CheckoutForm = CheckoutForm;
 exports.ConfirmPassword = ConfirmPassword;
 exports.CouponCode = CouponCode;
 exports.CouponCodeField = CouponCodeField;
-exports.Dashboard = DashboardWithHook;
+exports.Dashboard = Dashboard;
+exports.DashboardContainer = DashboardContainer;
+exports.DashboardContent = DashboardContent;
+exports.DashboardLink = DashboardLink;
 exports.DashboardOpenButton = DashboardOpenButton;
 exports.DatePicker = DatePicker;
 exports.DiscountedPrice = DiscountedPrice;
+exports.DonationsMenu = DonationsMenu;
 exports.Email = Email;
 exports.EmailVerifyContainer = EmailVerifyContainer;
 exports.EmailVerifyModal = EmailVerifyModal;
@@ -38481,6 +38582,7 @@ exports.GiftRedeemContainer = GiftRedeemContainer;
 exports.GiftRedeemModal = GiftRedeemModal;
 exports.GiftRedeemSubmitButton = GiftRedeemSubmitButton;
 exports.GiftRedeemView = GiftRedeemView;
+exports.GiftsMenu = GiftsMenu;
 exports.GoogleLoginButton = GoogleLoginButton;
 exports.Input = Input;
 exports.InvoiceDetailsContainer = InvoiceDetailsContainer;
@@ -38491,6 +38593,7 @@ exports.InvoiceDetailsView = InvoiceDetailsView;
 exports.InvoicePaymentContainer = InvoicePaymentContainer;
 exports.InvoicePaymentModal = InvoicePaymentModal;
 exports.InvoicePaymentView = InvoicePaymentView;
+exports.InvoicesMenu = InvoicesMenu;
 exports.Link = Link;
 exports.LoginButton = LoginButton;
 exports.LoginContainer = LoginContainer;
@@ -38501,6 +38604,7 @@ exports.LoginRequestLoginToken = LoginRequestLoginToken;
 exports.LoginUsername = LoginUsername;
 exports.LoginView = LoginView;
 exports.Logout = Logout;
+exports.MembershipsMenu = MembershipsMenu;
 exports.MeterModal = MeterModal;
 exports.MeterView = MeterView;
 exports.Modal = Modal;
@@ -38513,17 +38617,20 @@ exports.NewsletterUpdateContainer = NewsletterUpdateContainer;
 exports.NewsletterUpdateList = NewsletterUpdateList;
 exports.NewsletterUpdateModal = NewsletterUpdateModal;
 exports.NewsletterUpdateView = NewsletterUpdateView;
+exports.NewslettersMenu = NewslettersMenu;
 exports.Notification = Notification;
 exports.OrderConfirmModal = OrderConfirmModal;
 exports.OrderCreateContainer = OrderCreateContainer;
 exports.OrderCreateModal = OrderCreateModal;
 exports.OrderCreateSubmitButton = OrderCreateSubmitButton;
 exports.OrderCreateView = OrderCreateView;
+exports.OrderItems = OrderItems;
 exports.Password = Password;
 exports.PasswordChangeButton = PasswordChangeButton;
 exports.PasswordChangeConfirmNewPassword = PasswordChangeConfirmNewPassword;
 exports.PasswordChangeContainer = PasswordChangeContainer;
 exports.PasswordChangeCurrentPassword = PasswordChangeCurrentPassword;
+exports.PasswordChangeMenu = PasswordChangeMenu;
 exports.PasswordChangeModal = PasswordChangeModal;
 exports.PasswordChangeNewPassword = PasswordChangeNewPassword;
 exports.PasswordChangeView = PasswordChangeView;
@@ -38544,6 +38651,7 @@ exports.PasswordlessRequestEmail = PasswordlessRequestEmail;
 exports.PasswordlessRequestModal = PasswordlessRequestModal;
 exports.PasswordlessRequestView = PasswordlessRequestView;
 exports.PasswordlessRequestViewButton = PasswordlessRequestViewButton;
+exports.PaymentCardsMenu = PaymentCardsMenu;
 exports.PaymentCreateContainer = PaymentCreateContainer;
 exports.PaymentCreateView = PaymentCreateView;
 exports.PaymentMethodContainer = PaymentMethodContainer;
@@ -38564,6 +38672,7 @@ exports.PelcroCardExpiry = PelcroCardExpiry;
 exports.PelcroCardNumber = PelcroCardNumber;
 exports.PelcroModalController = PelcroModalController;
 exports.PelcroPaymentRequestButton = PelcroPaymentRequestButton;
+exports.ProfileMenu = ProfileMenu;
 exports.ProfilePicChangeButton = ProfilePicChangeButton;
 exports.ProfilePicChangeContainer = ProfilePicChangeContainer;
 exports.ProfilePicChangeCropper = ProfilePicChangeCropper;
@@ -38572,6 +38681,7 @@ exports.ProfilePicChangeRemoveButton = ProfilePicChangeRemoveButton;
 exports.ProfilePicChangeSelectButton = ProfilePicChangeSelectButton;
 exports.ProfilePicChangeView = ProfilePicChangeView;
 exports.ProfilePicChangeZoom = ProfilePicChangeZoom;
+exports.QRCodeMenu = QRCodeMenu;
 exports.QrCodeModal = QrCodeModal;
 exports.QrCodeView = QrCodeView;
 exports.Radio = Radio;
@@ -38585,6 +38695,7 @@ exports.RegisterLastName = RegisterLastName;
 exports.RegisterModal = RegisterModal;
 exports.RegisterPassword = RegisterPassword;
 exports.RegisterView = RegisterView;
+exports.SavedItems = SavedItems;
 exports.Select = Select;
 exports.SelectModal = SelectModalWithHook;
 exports.SelectedPaymentMethod = SelectedPaymentMethod;
@@ -38609,6 +38720,7 @@ exports.SubscriptionRenewView = SubscriptionRenewView;
 exports.SubscriptionSuspendContainer = SubscriptionSuspendContainer;
 exports.SubscriptionSuspendModal = SubscriptionSuspendModal;
 exports.SubscriptionSuspendView = SubscriptionSuspendView;
+exports.SubscriptionsItems = SubscriptionsItems;
 exports.TaxAmount = TaxAmount;
 exports.TextArea = TextArea;
 exports.Tooltip = Tooltip;