@saasquatch/mint-components 1.8.5-33 → 1.8.5-34

package/dist/cjs/sqm-portal-verify-email.cjs.entry.js

@@ -3,40 +3,33 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const index_module = require('./index.module-caa31174.js');
+const stencilHooks_module = require('./stencil-hooks.module-0f3e94a3.js');
+const index_module = require('./index.module-ac19badb.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-f2952402.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7ffcc0d4.js');
 
-const SUBMITTED_CONTEXT = "sq:verify-submitted";
-function setWindowSubmitted(submitted) {
-  // using window due to dom-context getting reset on re-render
-  window[SUBMITTED_CONTEXT] = submitted;
-}
+let globalPromise = null;
 function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {
-  var _b, _c, _d, _e, _f, _g, _h, _j, _k;
-  const [submitted, setSubmitted] = stencilHooks_module.useState(window[SUBMITTED_CONTEXT]);
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+  const [completed, setCompleted] = stencilHooks_module.useState(false);
+  const [successful, setSuccessful] = stencilHooks_module.useState(false);
   const userIdent = index_module.Q();
-  const [verificationError, setVerificationError] = stencilHooks_module.useState(null);
-  const [success, setSuccess] = stencilHooks_module.useState(false);
   const [request, { loading, data, errors }] = index_module.an();
   const urlParams = new URLSearchParams(index_module.$n.location.search);
   const oobCode = urlParams.get("oobCode");
   const oobEmail = urlParams.get("email");
   const nextPageOverride = urlParams.get("nextPage");
-  const syncSubmitted = (submitted) => {
-    setSubmitted(submitted);
-    setWindowSubmitted(submitted);
-  };
   // derived from useMutation in component boilerplate initialState
   const disableContinue = data === undefined && errors === undefined && !!oobCode;
   // if logged out, userIdent?.managedIdentity?.emailVerified will be falsey, even if verification was successful
-  const verified = !!((_b = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _b === void 0 ? void 0 : _b.emailVerified);
+  const verified = !!(((_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) || ((_b = data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail) === null || _b === void 0 ? void 0 : _b.success) ||
+    successful);
   const validEmail = ((_c = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _c === void 0 ? void 0 : _c.email) === oobEmail;
+  console.log({ userIdent, oobEmail, verified });
   const failed = () => {
     return index_module.$n.push({
       pathname: failedPage,
@@ -48,50 +41,44 @@ function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyE
     const url = utils.sanitizeUrlPath(nextPageOverride || nextPage);
     index_module.$n.push(url.href);
   };
-  console.log({
-    userIdent,
-    data,
-    submitted,
-    verified,
-    verificationError,
-    success,
-  });
   const logout = () => {
-    console.log("LOGGING OUT", success, verified, verificationError);
     setTimeout(() => {
       index_module.setUserIdentity(undefined);
       gotoNextPage();
     }, 3000);
   };
   const login = () => {
-    console.log("LOGGING IN", success, verified, verificationError);
     setTimeout(gotoNextPage, 3000);
   };
-  const submit = async () => {
-    var _a;
-    syncSubmitted(true);
-    const response = await request({ oobCode });
-    if (response instanceof Error ||
-      !((_a = response === null || response === void 0 ? void 0 : response.verifyManagedIdentityEmail) === null || _a === void 0 ? void 0 : _a.success)) {
-      logout();
-      return;
-    }
-    console.debug("SUBMITTED", response);
-    console.debug("window", window[SUBMITTED_CONTEXT]);
-  };
   stencilHooks_module.useEffect(() => {
+    const verify = async () => {
+      if (!globalPromise)
+        globalPromise = request({ oobCode });
+      const result = await globalPromise;
+      if (!(result instanceof Error) &&
+        result.verifyManagedIdentityEmail.success) {
+        // Needs to be explicitly updated if multiple renders have occured
+        setSuccessful(true);
+      }
+      setCompleted(true);
+    };
+    verify();
+  }, []);
+  stencilHooks_module.useEffect(() => {
+    if (!completed)
+      return;
     if (verified && validEmail)
       login();
-    if (!validEmail)
+    else
       logout();
-    if (!submitted)
-      submit();
-  }, [submitted, verified, validEmail]);
+  }, [completed, verified]);
   return {
     states: {
-      loading: loading || disableContinue,
+      loading: loading || !completed,
+      disableContinue,
       error: ((_g = (_f = (_e = (_d = errors === null || errors === void 0 ? void 0 : errors.response) === null || _d === void 0 ? void 0 : _d.errors) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.extensions) === null || _g === void 0 ? void 0 : _g.message) || ((_k = (_j = (_h = errors === null || errors === void 0 ? void 0 : errors.response) === null || _h === void 0 ? void 0 : _h.errors) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.message) ||
-        ((errors === null || errors === void 0 ? void 0 : errors.message) && networkErrorMessage),
+        (((errors === null || errors === void 0 ? void 0 : errors.message) || !validEmail) && networkErrorMessage),
+      success: completed && (verified || validEmail),
       verified,
     },
     data: {
@@ -110,6 +97,7 @@ function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyE
   };
 }
 
+let global = 0;
 const PortalVerifyEmail = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -152,6 +140,7 @@ const PortalVerifyEmail = class {
      * Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
      */
     this.networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
+    console.log(global++);
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }

package/dist/cjs/sqm-referral-table_11.cjs.entry.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const global = require('./global-468407e1.js');
-const index_module = require('./index.module-caa31174.js');
+const stencilHooks_module = require('./stencil-hooks.module-0f3e94a3.js');
+const global = require('./global-fd79514d.js');
+const index_module = require('./index.module-ac19badb.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 const GenericTableView = require('./GenericTableView-80d7642e.js');
-const reRender = require('./re-render-941b676e.js');
-const useChildElements = require('./useChildElements-f1923bc6.js');
-const luxon = require('./luxon-a4661470.js');
-const mockRewardData = require('./mockRewardData-8e760564.js');
-const useReferralTable = require('./useReferralTable-7244325a.js');
+const reRender = require('./re-render-091ef96d.js');
+const useChildElements = require('./useChildElements-176e7212.js');
+const luxon = require('./luxon-c1ebc026.js');
+const mockRewardData = require('./mockRewardData-7f84344c.js');
+const useReferralTable = require('./useReferralTable-33aa6f6a.js');
 const utils = require('./utils-6847bc06.js');
 const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
 

package/dist/cjs/sqm-referred-registration.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const index_module = require('./index.module-caa31174.js');
+const stencilHooks_module = require('./stencil-hooks.module-0f3e94a3.js');
+const index_module = require('./index.module-ac19badb.js');
 require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 const emailRegistrationView = require('./email-registration-view-a6b6430e.js');
-require('./useRegistrationFormState-ad3190c9.js');
-const useInstantAccessRegistration = require('./useInstantAccessRegistration-fe258c50.js');
+require('./useRegistrationFormState-86d04ba7.js');
+const useInstantAccessRegistration = require('./useInstantAccessRegistration-665f2756.js');
 
 const ReferredRegistration = class {
   constructor(hostRef) {

package/dist/cjs/sqm-rewards-table-customer-note-cell.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+const stencilHooks_module = require('./stencil-hooks.module-0f3e94a3.js');
 require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
 

package/dist/cjs/sqm-rewards-table-customer-note-column.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-require('./index.module-caa31174.js');
-const reRender = require('./re-render-941b676e.js');
+const stencilHooks_module = require('./stencil-hooks.module-0f3e94a3.js');
+require('./index.module-ac19badb.js');
+const reRender = require('./re-render-091ef96d.js');
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

package/dist/cjs/sqm-rewards-table_9.cjs.entry.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const global = require('./global-468407e1.js');
-const index_module = require('./index.module-caa31174.js');
+const stencilHooks_module = require('./stencil-hooks.module-0f3e94a3.js');
+const global = require('./global-fd79514d.js');
+const index_module = require('./index.module-ac19badb.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 const GenericTableView = require('./GenericTableView-80d7642e.js');
-const reRender = require('./re-render-941b676e.js');
-const useChildElements = require('./useChildElements-f1923bc6.js');
-const luxon = require('./luxon-a4661470.js');
-const mockRewardData = require('./mockRewardData-8e760564.js');
-const useReferralTable = require('./useReferralTable-7244325a.js');
+const reRender = require('./re-render-091ef96d.js');
+const useChildElements = require('./useChildElements-176e7212.js');
+const luxon = require('./luxon-c1ebc026.js');
+const mockRewardData = require('./mockRewardData-7f84344c.js');
+const useReferralTable = require('./useReferralTable-33aa6f6a.js');
 const utils = require('./utils-6847bc06.js');
 
 const debug = stencilHooks_module.browser("sq:useRewardsTable");

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-require('./global-468407e1.js');
-const index_module = require('./index.module-caa31174.js');
+const stencilHooks_module = require('./stencil-hooks.module-0f3e94a3.js');
+require('./global-fd79514d.js');
+const index_module = require('./index.module-ac19badb.js');
 require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 const GenericTableView = require('./GenericTableView-80d7642e.js');
-require('./useChildElements-f1923bc6.js');
-const luxon = require('./luxon-a4661470.js');
+require('./useChildElements-176e7212.js');
+const luxon = require('./luxon-c1ebc026.js');
 require('./utils-6847bc06.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
 const sqmAssetCardView = require('./sqm-asset-card-view-a0e33f21.js');
@@ -21,16 +21,16 @@ const emailRegistrationView = require('./email-registration-view-a6b6430e.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-5a3d4a88.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-c9f18d96.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-dd53f947.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-7f79627b.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-8f15bace.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-acf543fc.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-0cca3c71.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-ca5f6db9.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-d8697f23.js');
-require('./utilities-73df97e1.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-02e392ba.js');
+require('./utilities-62a88e67.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-07a13210.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-f2952402.js');
-const ShadowViewAddon = require('./ShadowViewAddon-89ba2ab0.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7ffcc0d4.js');
+const ShadowViewAddon = require('./ShadowViewAddon-b285d364.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-5fb2ad49.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-501f8985.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-da07aaab.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -7618,6 +7618,7 @@ const errorProps$5 = {
     error: "Something went wrong. Please try again.",
     loading: false,
     verified: false,
+    success: false,
   },
   data: {
     oobCode: "abc123",
@@ -7637,6 +7638,7 @@ const verifiedProps = {
     error: "",
     loading: false,
     verified: true,
+    success: true,
   },
   data: {
     oobCode: "abc123",

package/dist/cjs/sqm-tab.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-require('./index.module-caa31174.js');
-const reRender = require('./re-render-941b676e.js');
+const stencilHooks_module = require('./stencil-hooks.module-0f3e94a3.js');
+require('./index.module-ac19badb.js');
+const reRender = require('./re-render-091ef96d.js');
 
 const TabView = ({}, children) => {
   return index.h(index.Host, null, children);

package/dist/cjs/sqm-tabs.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const index_module = require('./index.module-caa31174.js');
-const reRender = require('./re-render-941b676e.js');
-const useChildElements = require('./useChildElements-f1923bc6.js');
+const stencilHooks_module = require('./stencil-hooks.module-0f3e94a3.js');
+const index_module = require('./index.module-ac19badb.js');
+const reRender = require('./re-render-091ef96d.js');
+const useChildElements = require('./useChildElements-176e7212.js');
 const utils = require('./utils-6847bc06.js');
 
 const TabsView = ({ content, placement, }) => {

package/dist/cjs/sqm-text-span.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+const stencilHooks_module = require('./stencil-hooks.module-0f3e94a3.js');
 require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
 

package/dist/cjs/{stencil-hooks.module-faabb426.js → stencil-hooks.module-0f3e94a3.js}

@@ -1107,7 +1107,7 @@ formatters.j = function (v) {
 };
 });
 
-function t(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i);}}function n(n,e,i){return e&&t(n.prototype,e),i&&t(n,i),n}var s$1=function(){function t(t){var n=this,e=this;this._status="Initial",this.onChange=function(t){e.options.onChange&&e.options.onChange(t);},this.onConnect=function(t){try{return n.status="Connected",n.options.onChange&&n.options.onChange(t),Promise.resolve(new Promise(function(t){n.resolvePromise=t;}))}catch(t){return Promise.reject(t)}},this.onDisconnect=function(){e.status="Connecting",e.start();},this.options=t;}var e=t.prototype;return e.start=function(){var t=this,n=0;this.status="Connecting";var e=function(){return t.status},i=a(this.options.attempts)||10,o=function(){if("Connected"!==e()){var o=new CustomEvent(t.options.contextName,{bubbles:!0,cancelable:!0,composed:!0,detail:{onConnect:t.onConnect,onChange:t.onChange,onDisconnect:t.onDisconnect}});a(t.options.element).dispatchEvent(o),"Connected"!==e()?++n>=i&&(t._interval&&clearInterval(t._interval),t.status="Timeout"):"Connected"===e()&&t._interval&&clearInterval(t._interval);}};return (a(this.options.pollingMs)||100)>0&&i>1&&(this._interval=setInterval(o,a(this.options.pollingMs)||100)),o(),this},e.stop=function(){return this._interval&&clearInterval(this._interval),this.resolvePromise&&this.resolvePromise(),this.status="Initial",this},n(t,[{key:"status",set:function(t){this._status=t,this.options.onStatus&&this.options.onStatus(t);},get:function(){return this._status}}]),t}(),c=function(){function t(t){var n=this;this.__listeners=[],this.connectListener=function(t){try{t.stopPropagation(),n.__listeners=[].concat(n.__listeners,[t.detail]);var e=function(e,i){try{var o=Promise.resolve(t.detail.onConnect(n.__current)).then(function(){});}catch(t){return i(!0,t)}return o&&o.then?o.then(i.bind(null,!1),i.bind(null,!0)):i(!1,o)}(0,function(e,i){var o,r;if(n.__listeners=(r=(o=n.__listeners).indexOf(t.detail),o.slice(0,r).concat(o.slice(r+1,o.length))),e)throw i;return i});return Promise.resolve(e&&e.then?e.then(function(){}):void 0)}catch(t){return Promise.reject(t)}},this.options=t,this.__current=a(t.initialState);}var e=t.prototype;return e.start=function(){return a(this.options.element).addEventListener(this.options.contextName,this.connectListener),this},e.stop=function(){return a(this.options.element).removeEventListener(this.options.contextName,this.connectListener),this.__listeners.map(function(t){t.onDisconnect();}),this.__listeners=[],this},n(t,[{key:"context",set:function(t){this.__current=t,this.__listeners.forEach(function(n){return n.onChange(t)});},get:function(){return a(this.__current)}},{key:"listeners",get:function(){return Object.freeze([].concat(this.__listeners))}}]),t}();function a(t){return "function"==typeof typeof t?t():t}
+function t(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i);}}function n(n,e,i){return e&&t(n.prototype,e),i&&t(n,i),n}var s$1=function(){function t(t){var n=this,e=this;this._status="Initial",this.onChange=function(t,n){e.options.onChange&&e.options.onChange(t,n);},this.onConnect=function(t){try{return n.status="Connected",n.options.onChange&&n.options.onChange(t,void 0),Promise.resolve(new Promise(function(t){n.resolvePromise=t;}))}catch(t){return Promise.reject(t)}},this.onDisconnect=function(){e.status="Connecting",e.start();},this.options=t;}var e=t.prototype;return e.start=function(){var t=this,n=0;this.status="Connecting";var e=function(){return t.status},i=a(this.options.attempts)||10,o=function(){if("Connected"!==e()){var o=new CustomEvent(t.options.contextName,{bubbles:!0,cancelable:!0,composed:!0,detail:{onConnect:t.onConnect,onChange:t.onChange,onDisconnect:t.onDisconnect}});a(t.options.element).dispatchEvent(o),"Connected"!==e()?++n>=i&&(t._interval&&clearInterval(t._interval),t.status="Timeout"):"Connected"===e()&&t._interval&&clearInterval(t._interval);}};return (a(this.options.pollingMs)||100)>0&&i>1&&(this._interval=setInterval(o,a(this.options.pollingMs)||100)),o(),this},e.stop=function(){return this._interval&&clearInterval(this._interval),this.resolvePromise&&this.resolvePromise(),this.status="Initial",this},n(t,[{key:"status",set:function(t){this._status=t,this.options.onStatus&&this.options.onStatus(t);},get:function(){return this._status}}]),t}(),c=function(){function t(t){var n=this;this.__listeners=[],this.connectListener=function(t){try{t.stopPropagation(),n.__listeners=[].concat(n.__listeners,[t.detail]);var e=function(e,i){try{var o=Promise.resolve(t.detail.onConnect(n.__current)).then(function(){});}catch(t){return i(!0,t)}return o&&o.then?o.then(i.bind(null,!1),i.bind(null,!0)):i(!1,o)}(0,function(e,i){var o,r;if(n.__listeners=(r=(o=n.__listeners).indexOf(t.detail),o.slice(0,r).concat(o.slice(r+1,o.length))),e)throw i;return i});return Promise.resolve(e&&e.then?e.then(function(){}):void 0)}catch(t){return Promise.reject(t)}},this.options=t,this.__current=a(t.initialState);}var e=t.prototype;return e.start=function(){return a(this.options.element).addEventListener(this.options.contextName,this.connectListener),this},e.stop=function(){return a(this.options.element).removeEventListener(this.options.contextName,this.connectListener),this.__listeners.map(function(t){t.onDisconnect();}),this.__listeners=[],this},n(t,[{key:"context",set:function(t){var n=this.__current;this.__current=t,this.__listeners.forEach(function(e){return e.onChange(t,n)});},get:function(){return a(this.__current)}},{key:"listeners",get:function(){return Object.freeze([].concat(this.__listeners))}}]),t}();function a(t){return "function"==typeof typeof t?t():t}
 
 function c$1(){return (c$1=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);}return e}).apply(this,arguments)}var u=1e3,C=60*u,l=60*C,d$1=24*l,f=function(e,t){t=t||{};var n=typeof e;if("string"===n&&e.length>0)return function(e){if(!((e=String(e)).length>100)){var t=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(t){var n=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return 315576e5*n;case"weeks":case"week":case"w":return 6048e5*n;case"days":case"day":case"d":return n*d$1;case"hours":case"hour":case"hrs":case"hr":case"h":return n*l;case"minutes":case"minute":case"mins":case"min":case"m":return n*C;case"seconds":case"second":case"secs":case"sec":case"s":return n*u;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return n;default:return}}}}(e);if("number"===n&&isFinite(e))return t.long?function(e){var t=Math.abs(e);return t>=d$1?g(e,t,d$1,"day"):t>=l?g(e,t,l,"hour"):t>=C?g(e,t,C,"minute"):t>=u?g(e,t,u,"second"):e+" ms"}(e):function(e){var t=Math.abs(e);return t>=d$1?Math.round(e/d$1)+"d":t>=l?Math.round(e/l)+"h":t>=C?Math.round(e/C)+"m":t>=u?Math.round(e/u)+"s":e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function g(e,t,n,r){var o=t>=1.5*n;return Math.round(e/n)+" "+r+(o?"s":"")}var p,m$1=(function(e,t){t.formatArgs=function(t){if(t[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+t[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;const n="color: "+this.color;t.splice(1,0,n,"color: inherit");let r=0,o=0;t[0].replace(/%[a-zA-Z%]/g,e=>{"%%"!==e&&(r++,"%c"===e&&(o=r));}),t.splice(o,0,n);},t.save=function(e){try{e?t.storage.setItem("debug",e):t.storage.removeItem("debug");}catch(e){}},t.load=function(){let e;try{e=t.storage.getItem("debug");}catch(e){}return !e&&"undefined"!=typeof process&&"env"in process&&(e=process.env.DEBUG),e},t.useColors=function(){return !("undefined"==typeof window||!window.process||"renderer"!==window.process.type&&!window.process.__nwjs)||("undefined"==typeof navigator||!navigator.userAgent||!navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))&&("undefined"!=typeof document&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||"undefined"!=typeof window&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/))},t.storage=function(){try{return localStorage}catch(e){}}(),t.destroy=(()=>{let e=!1;return ()=>{e||(e=!0,console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`."));}})(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.log=console.debug||console.log||(()=>{}),e.exports=function(e){function t(e){let r,o=null;function s(...e){if(!s.enabled)return;const n=s,o=Number(new Date);n.diff=o-(r||o),n.prev=r,n.curr=o,r=o,e[0]=t.coerce(e[0]),"string"!=typeof e[0]&&e.unshift("%O");let a=0;e[0]=e[0].replace(/%([a-zA-Z%])/g,(r,o)=>{if("%%"===r)return "%";a++;const s=t.formatters[o];return "function"==typeof s&&(r=s.call(n,e[a]),e.splice(a,1),a--),r}),t.formatArgs.call(n,e),(n.log||t.log).apply(n,e);}return s.namespace=e,s.useColors=t.useColors(),s.color=t.selectColor(e),s.extend=n,s.destroy=t.destroy,Object.defineProperty(s,"enabled",{enumerable:!0,configurable:!1,get:()=>null===o?t.enabled(e):o,set:e=>{o=e;}}),"function"==typeof t.init&&t.init(s),s}function n(e,n){const r=t(this.namespace+(void 0===n?":":n)+e);return r.log=this.log,r}function r(e){return e.toString().substring(2,e.toString().length-2).replace(/\.\*\?$/,"*")}return t.debug=t,t.default=t,t.coerce=function(e){return e instanceof Error?e.stack||e.message:e},t.disable=function(){const e=[...t.names.map(r),...t.skips.map(r).map(e=>"-"+e)].join(",");return t.enable(""),e},t.enable=function(e){let n;t.save(e),t.names=[],t.skips=[];const r=("string"==typeof e?e:"").split(/[\s,]+/),o=r.length;for(n=0;n<o;n++)r[n]&&("-"===(e=r[n].replace(/\*/g,".*?"))[0]?t.skips.push(new RegExp("^"+e.substr(1)+"$")):t.names.push(new RegExp("^"+e+"$")));},t.enabled=function(e){if("*"===e[e.length-1])return !0;let n,r;for(n=0,r=t.skips.length;n<r;n++)if(t.skips[n].test(e))return !1;for(n=0,r=t.names.length;n<r;n++)if(t.names[n].test(e))return !0;return !1},t.humanize=f,t.destroy=function(){console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.");},Object.keys(e).forEach(n=>{t[n]=e[n];}),t.names=[],t.skips=[],t.formatters={},t.selectColor=function(e){let n=0;for(let t=0;t<e.length;t++)n=(n<<5)-n+e.charCodeAt(t),n|=0;return t.colors[Math.abs(n)%t.colors.length]},t.enable(t.load()),t}(t);const{formatters:n}=e.exports;n.j=function(e){try{return JSON.stringify(e)}catch(e){return "[UnexpectedJSONParseError]: "+e.message}};}(p={exports:{}},p.exports),p.exports)("useDomContext");function h$1(e,n,i){void 0===i&&(i={});var u=useRef(void 0),C=useState(void 0),l=C[0],d=C[1],f=useMemo(function(){var r;try{(r=new s$1(c$1({contextName:n,element:e,onChange:function(e){u&&(u.current=e),d(e);}},i))).start();}catch(e){m$1("Listener failed to start",e);}return m$1("Listener initialized",r),{listener:r}},[n,u]).listener;return useEffect(function(){return m$1("Listener starting (or restarting)",f),f.start(),function(){m$1("Listener stopping (or restopping)",f),f.stop();}},[f,e.isConnected]),l||(null==u?void 0:u.current)}function y$1(e,t,r){var o=useMemo(function(){var o=new c({contextName:t,element:e,initialState:r});return o.start(),m$1("Provider initialized",o),o},[t,e]);useEffect(function(){return m$1("Provider starting (or restarting)",o),o.start(),function(){m$1("Provider stopping (or re-stopping)",o),o.stop();}},[o,e.isConnected]);var c$1=useReducer(function(e,t){var n;return m$1("New context value",t),n="function"==typeof t?t(o.context):t,o.context=n,o.context},o.context);return [c$1[0],c$1[1],o]}
 

package/dist/cjs/{useChildElements-f1923bc6.js → useChildElements-176e7212.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const index_module = require('./index.module-caa31174.js');
+const stencilHooks_module = require('./stencil-hooks.module-0f3e94a3.js');
+const index_module = require('./index.module-ac19badb.js');
 
 function useChildElements() {
   const host = index_module._();

package/dist/cjs/{useInstantAccessRegistration-fe258c50.js → useInstantAccessRegistration-665f2756.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const index_module = require('./index.module-caa31174.js');
+const stencilHooks_module = require('./stencil-hooks.module-0f3e94a3.js');
+const index_module = require('./index.module-ac19badb.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const useRegistrationFormState = require('./useRegistrationFormState-ad3190c9.js');
+const useRegistrationFormState = require('./useRegistrationFormState-86d04ba7.js');
 
 function useInstantAccessRegistration(props) {
   const cookie = new URLSearchParams(window.location.search);

package/dist/cjs/{useReferralTable-7244325a.js → useReferralTable-33aa6f6a.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const index_module = require('./index.module-caa31174.js');
-const reRender = require('./re-render-941b676e.js');
-const useChildElements = require('./useChildElements-f1923bc6.js');
+const stencilHooks_module = require('./stencil-hooks.module-0f3e94a3.js');
+const index_module = require('./index.module-ac19badb.js');
+const reRender = require('./re-render-091ef96d.js');
+const useChildElements = require('./useChildElements-176e7212.js');
 
 const debug = stencilHooks_module.browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";

package/dist/cjs/{useRegistrationFormState-ad3190c9.js → useRegistrationFormState-86d04ba7.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const index_module = require('./index.module-caa31174.js');
+const stencilHooks_module = require('./stencil-hooks.module-0f3e94a3.js');
+const index_module = require('./index.module-ac19badb.js');
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 function useRegistrationFormState(formState) {

package/dist/cjs/{utilities-73df97e1.js → utilities-62a88e67.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const index_module = require('./index.module-caa31174.js');
+const stencilHooks_module = require('./stencil-hooks.module-0f3e94a3.js');
+const index_module = require('./index.module-ac19badb.js');
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

package/dist/collection/components/sqm-portal-verify-email/PortalVerifyEmail.stories.js

@@ -12,6 +12,7 @@ const errorProps = {
     error: "Something went wrong. Please try again.",
     loading: false,
     verified: false,
+    success: false,
   },
   data: {
     oobCode: "abc123",
@@ -31,6 +32,7 @@ const verifiedProps = {
     error: "",
     loading: false,
     verified: true,
+    success: true,
   },
   data: {
     oobCode: "abc123",

package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email-view.js

@@ -21,15 +21,9 @@ const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 export function PortalVerifyEmailView(props) {
   const { states, data, callbacks, content } = props;
-  console.log({
-    loading: states.loading,
-    verified: states.verified,
-    error: states.error,
-    oobCode: data.oobCode,
-  });
   if (states.loading)
     return;
-  if (states.verified) {
+  if (states.success) {
     return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
       h("style", { type: "text/css" },
         vanillaStyle,
@@ -45,6 +39,6 @@ export function PortalVerifyEmailView(props) {
       h(TextSpanView, { type: "h3" }, content.verifyEmailText),
       h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, content.verifyInvalidText)),
-      h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.failed, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.continueText)));
+      h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.failed, disabled: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.continueText)));
   }
 }

package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email.js

@@ -5,6 +5,7 @@ import deepmerge from "deepmerge";
 import { PortalVerifyEmailView, } from "./sqm-portal-verify-email-view";
 import { usePortalVerifyEmail } from "./usePortalVerifyEmail";
 import { getProps } from "../../utils/utils";
+let global = 0;
 /**
  * @uiName Microsite Verify Email
  */
@@ -49,6 +50,7 @@ export class PortalVerifyEmail {
      * Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
      */
     this.networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
+    console.log(global++);
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -228,7 +230,7 @@ export class PortalVerifyEmail {
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalVerifyEmailViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; verified: boolean; }; data?: { oobCode: string; }; content?: { verifySuccessText?: string; verifyEmailText?: string; verifyInvalidText?: string; continueText?: string; }; }",
+        "resolved": "{ states?: { error: string; loading: boolean; success: boolean; verified: boolean; }; data?: { oobCode: string; }; content?: { verifySuccessText?: string; verifyEmailText?: string; verifyInvalidText?: string; continueText?: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-portal-verify-email/usePortalVerifyEmail.js

@@ -1,32 +1,24 @@
 import { navigation, setUserIdentity, useUserIdentity, useVerifyEmailMutation, } from "@saasquatch/component-boilerplate";
-import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { useEffect, useState } from "@saasquatch/stencil-hooks";
 import { sanitizeUrlPath } from "../../utils/utils";
-const SUBMITTED_CONTEXT = "sq:verify-submitted";
-function setWindowSubmitted(submitted) {
-  // using window due to dom-context getting reset on re-render
-  window[SUBMITTED_CONTEXT] = submitted;
-}
+let globalPromise = null;
 export function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-  const [submitted, setSubmitted] = useState(window[SUBMITTED_CONTEXT]);
+  const [completed, setCompleted] = useState(false);
+  const [successful, setSuccessful] = useState(false);
   const userIdent = useUserIdentity();
-  const [verificationError, setVerificationError] = useState(null);
-  const [success, setSuccess] = useState(false);
-  const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
   const [request, { loading, data, errors }] = useVerifyEmailMutation();
   const urlParams = new URLSearchParams(navigation.location.search);
   const oobCode = urlParams.get("oobCode");
   const oobEmail = urlParams.get("email");
   const nextPageOverride = urlParams.get("nextPage");
-  const syncSubmitted = (submitted) => {
-    setSubmitted(submitted);
-    setWindowSubmitted(submitted);
-  };
   // derived from useMutation in component boilerplate initialState
   const disableContinue = data === undefined && errors === undefined && !!oobCode;
   // if logged out, userIdent?.managedIdentity?.emailVerified will be falsey, even if verification was successful
-  const verified = !!((_b = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _b === void 0 ? void 0 : _b.emailVerified);
+  const verified = !!(((_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) || ((_b = data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail) === null || _b === void 0 ? void 0 : _b.success) ||
+    successful);
   const validEmail = ((_c = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _c === void 0 ? void 0 : _c.email) === oobEmail;
+  console.log({ userIdent, oobEmail, verified });
   const failed = () => {
     return navigation.push({
       pathname: failedPage,
@@ -38,50 +30,44 @@ export function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText,
     const url = sanitizeUrlPath(nextPageOverride || nextPage);
     navigation.push(url.href);
   };
-  console.log({
-    userIdent,
-    data,
-    submitted,
-    verified,
-    verificationError,
-    success,
-  });
   const logout = () => {
-    console.log("LOGGING OUT", success, verified, verificationError);
     setTimeout(() => {
       setUserIdentity(undefined);
       gotoNextPage();
     }, 3000);
   };
   const login = () => {
-    console.log("LOGGING IN", success, verified, verificationError);
     setTimeout(gotoNextPage, 3000);
   };
-  const submit = async () => {
-    var _a;
-    syncSubmitted(true);
-    const response = await request({ oobCode });
-    if (response instanceof Error ||
-      !((_a = response === null || response === void 0 ? void 0 : response.verifyManagedIdentityEmail) === null || _a === void 0 ? void 0 : _a.success)) {
-      logout();
-      return;
-    }
-    console.debug("SUBMITTED", response);
-    console.debug("window", window[SUBMITTED_CONTEXT]);
-  };
   useEffect(() => {
+    const verify = async () => {
+      if (!globalPromise)
+        globalPromise = request({ oobCode });
+      const result = await globalPromise;
+      if (!(result instanceof Error) &&
+        result.verifyManagedIdentityEmail.success) {
+        // Needs to be explicitly updated if multiple renders have occured
+        setSuccessful(true);
+      }
+      setCompleted(true);
+    };
+    verify();
+  }, []);
+  useEffect(() => {
+    if (!completed)
+      return;
     if (verified && validEmail)
       login();
-    if (!validEmail)
+    else
       logout();
-    if (!submitted)
-      submit();
-  }, [submitted, verified, validEmail]);
+  }, [completed, verified]);
   return {
     states: {
-      loading: loading || disableContinue,
+      loading: loading || !completed,
+      disableContinue,
       error: ((_g = (_f = (_e = (_d = errors === null || errors === void 0 ? void 0 : errors.response) === null || _d === void 0 ? void 0 : _d.errors) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.extensions) === null || _g === void 0 ? void 0 : _g.message) || ((_k = (_j = (_h = errors === null || errors === void 0 ? void 0 : errors.response) === null || _h === void 0 ? void 0 : _h.errors) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.message) ||
-        ((errors === null || errors === void 0 ? void 0 : errors.message) && networkErrorMessage),
+        (((errors === null || errors === void 0 ? void 0 : errors.message) || !validEmail) && networkErrorMessage),
+      success: completed && (verified || validEmail),
       verified,
     },
     data: {