@saasquatch/mint-components 1.6.3-3 → 1.6.3-5

package/dist/cjs/{sqm-portal-email-verification-view-4419779f.js → sqm-portal-email-verification-view-bb8f5aa0.js}

@@ -38,11 +38,15 @@ function PortalEmailVerificationView(props) {
       }, {
         email: (index.h("span", { style: { fontWeight: "var(--sl-font-weight-semibold)" } }, email)),
       })),
-      index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, resendEmailButtonText),
-      states.loadingVerification ? (index.h("p", null, verificationLoadingMessage)) : (index.h("p", null, global.intl.formatMessage({
+      index.h("sl-button", { variant: "default", submit: true, loading: states.loading }, resendEmailButtonText),
+      index.h("p", { style: { color: "#BBBBBB" } }, global.intl.formatMessage({
         id: `verificationStatus`,
-        defaultMessage: verificationStatusMessage,
-      }, { countdown: states.countdown }))))));
+        defaultMessage: states.loadingVerification
+          ? verificationLoadingMessage + " {countdown}"
+          : verificationStatusMessage,
+      }, {
+        countdown: states.loadingVerification ? (index.h("sl-spinner", null)) : (states.countdown),
+      })))));
 }
 
 exports.PortalEmailVerificationView = PortalEmailVerificationView;

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

@@ -11,7 +11,7 @@ const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 require('./sqm-text-span-view-aea267ba.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-4419779f.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-bb8f5aa0.js');
 
 // var refreshTimer;
 function usePortalEmailVerification(props) {
@@ -44,35 +44,24 @@ function usePortalEmailVerification(props) {
     if ((_a = result.requestManagedIdentityVerificationEmail) === null || _a === void 0 ? void 0 : _a.success)
       setSuccess(true);
   };
-  function clearTimer() {
-    console.log("clearing!", timerRef.current);
-    clearInterval(timerRef.current);
-  }
   const checkVerification = useCallback.useCallback(async () => {
     var _a;
-    console.log("checking...", timerRef.current);
+    setCountdown(10);
     const data = (await getVerificationStatus());
     if ((_a = data === null || data === void 0 ? void 0 : data.managedIdentitySession) === null || _a === void 0 ? void 0 : _a.emailVerified) {
-      console.log("verified!", timerRef.current);
-      clearTimer();
+      clearInterval(timerRef.current);
       return index_module.fn.push({
         pathname: props.redirectPath,
         search: urlParams.toString() && "?" + urlParams.toString(),
       });
     }
-    else {
-      setCountdown(10);
-    }
   }, []);
   stencilHooks_module.useEffect(() => {
     if (!timerRef.current) {
       checkVerification();
       timerRef.current = setInterval(checkVerification, 10000);
     }
-    return () => {
-      console.log("clear timer");
-      clearTimer();
-    };
+    return () => clearInterval(timerRef.current);
   }, []);
   stencilHooks_module.useEffect(() => {
     const countdownTimer = countdown > 0 && setInterval(() => setCountdown(countdown - 1), 1000);
@@ -132,12 +121,12 @@ const PortalEmailVerification = class {
      * @uiName Email Verification Status Text
      * @uiWidget textArea
      */
-    this.verificationStatusMessage = "Check verification status in {countdown}";
+    this.verificationStatusMessage = "Check verification status: in {countdown}";
     /**
      * @uiName Email Verification Checking Text
      * @uiWidget textArea
      */
-    this.verificationLoadingMessage = "Verification status refreshing";
+    this.verificationLoadingMessage = "Check verification status:";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -150,7 +139,7 @@ const PortalEmailVerification = class {
 };
 function usePortalEmailVerificationDemo(props) {
   return cjs.cjs({
-    states: { error: "", loading: false, success: false },
+    states: { error: "", loading: false, success: false, countdown: 10 },
     callbacks: {
       submit: async (_event) => { },
     },