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

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

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

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

@@ -34,12 +34,12 @@ export class PortalEmailVerification {
      * @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:";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -164,7 +164,7 @@ export class PortalEmailVerification {
       },
       "attribute": "verification-status-message",
       "reflect": false,
-      "defaultValue": "\"Check verification status in {countdown}\""
+      "defaultValue": "\"Check verification status: in {countdown}\""
     },
     "verificationLoadingMessage": {
       "type": "string",
@@ -188,7 +188,7 @@ export class PortalEmailVerification {
       },
       "attribute": "verification-loading-message",
       "reflect": false,
-      "defaultValue": "\"Verification status refreshing\""
+      "defaultValue": "\"Check verification status:\""
     },
     "demoData": {
       "type": "unknown",
@@ -227,7 +227,7 @@ export class PortalEmailVerification {
 }
 function usePortalEmailVerificationDemo(props) {
   return deepmerge({
-    states: { error: "", loading: false, success: false },
+    states: { error: "", loading: false, success: false, countdown: 10 },
     callbacks: {
       submit: async (_event) => { },
     },

package/dist/collection/components/sqm-portal-email-verification/usePortalEmailVerification.js

@@ -31,35 +31,24 @@ export 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(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 navigation.push({
         pathname: props.redirectPath,
         search: urlParams.toString() && "?" + urlParams.toString(),
       });
     }
-    else {
-      setCountdown(10);
-    }
   }, []);
   useEffect(() => {
     if (!timerRef.current) {
       checkVerification();
       timerRef.current = setInterval(checkVerification, 10000);
     }
-    return () => {
-      console.log("clear timer");
-      clearTimer();
-    };
+    return () => clearInterval(timerRef.current);
   }, []);
   useEffect(() => {
     const countdownTimer = countdown > 0 && setInterval(() => setCountdown(countdown - 1), 1000);

package/dist/esm/{sqm-portal-email-verification-view-c181c9ff.js → sqm-portal-email-verification-view-0170c6d1.js}

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

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

@@ -7,7 +7,7 @@ import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-2567b6c0.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-c181c9ff.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-0170c6d1.js';
 
 // var refreshTimer;
 function usePortalEmailVerification(props) {
@@ -40,35 +40,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(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 fn.push({
         pathname: props.redirectPath,
         search: urlParams.toString() && "?" + urlParams.toString(),
       });
     }
-    else {
-      setCountdown(10);
-    }
   }, []);
   useEffect(() => {
     if (!timerRef.current) {
       checkVerification();
       timerRef.current = setInterval(checkVerification, 10000);
     }
-    return () => {
-      console.log("clear timer");
-      clearTimer();
-    };
+    return () => clearInterval(timerRef.current);
   }, []);
   useEffect(() => {
     const countdownTimer = countdown > 0 && setInterval(() => setCountdown(countdown - 1), 1000);
@@ -128,12 +117,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:";
     h(this);
   }
   disconnectedCallback() { }
@@ -146,7 +135,7 @@ const PortalEmailVerification = class {
 };
 function usePortalEmailVerificationDemo(props) {
   return cjs({
-    states: { error: "", loading: false, success: false },
+    states: { error: "", loading: false, success: false, countdown: 10 },
     callbacks: {
       submit: async (_event) => { },
     },