@saasquatch/mint-components 1.6.2-10 → 1.6.2-13

package/dist/esm/sqm-popup-container.entry.js

@@ -1,8 +1,7 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
 import { m as h$1 } from './stencil-hooks.module-eefa3570.js';
 import './use-callback-684c8bb7.js';
-import { Q } from './index.module-132e274f.js';
-import './extends-c31f1eff.js';
+import { U } from './index.module-25496635.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const PopupContainerView = (props) => {
@@ -16,10 +15,10 @@ const PopupContainerView = (props) => {
 };
 
 function usePopupContainer(props) {
-  const engagementMedium = Q();
+  const engagementMedium = U();
   function closePopup() {
     var _a;
-    if (Q() === "POPUP") {
+    if (U() === "POPUP") {
       (_a = window.frameElement["squatchJsApi"]) === null || _a === void 0 ? void 0 : _a.close();
     }
   }
@@ -33,7 +32,7 @@ function usePopupContainer(props) {
       ? "0"
       : `var(--sl-spacing-${props.embedPadding})`
     : "0";
-  const padding = Q() === "POPUP" ? popupPadding : embedPadding;
+  const padding = U() === "POPUP" ? popupPadding : embedPadding;
   return {
     states: {
       showCloseButton: props.closeButton && engagementMedium === "POPUP",

package/dist/esm/{sqm-portal-container-view-ca454627.js → sqm-portal-container-view-228f2b65.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 function PortalContainerView(props, children) {
   const style = {

package/dist/esm/{sqm-portal-email-verification-view-5ac21bb4.js → sqm-portal-email-verification-view-4fa01d0a.js}

@@ -1,8 +1,8 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-44835899.js';
+import { i as intl } from './global-c2d5e2fa.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f60a614c.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
-import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { T as TextSpanView } from './sqm-text-span-view-8b194920.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,25 +1,25 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { i as useState, f as useEffect, m as h } from './stencil-hooks.module-eefa3570.js';
-import './global-44835899.js';
+import { i as useState, m as h } from './stencil-hooks.module-eefa3570.js';
+import './global-c2d5e2fa.js';
 import './use-callback-684c8bb7.js';
-import { o as on, _, i as isDemo } from './index.module-132e274f.js';
-import './extends-c31f1eff.js';
+import { t as tn, N, f as fn, i as isDemo } from './index.module-25496635.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
-import './JSS-f00f9536.js';
-import './sqm-text-span-view-0ba1484d.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-5ac21bb4.js';
+import './JSS-67b5cff8.js';
+import './sqm-text-span-view-8b194920.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-4fa01d0a.js';
 
 function usePortalEmailVerification(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-  const [request, { loading, data, errors }] = on();
-  const userIdent = _();
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const [request, { loading, data, errors }] = tn();
+  const userIdent = N();
   const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState("");
-  const urlParams = new URLSearchParams(window.location.search);
+  const urlParams = new URLSearchParams(fn.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async () => {
+    var _a;
     if (!email)
       return;
     setError("");
@@ -27,23 +27,19 @@ function usePortalEmailVerification(props) {
     const urlParams = nextPage ? { nextPage } : null;
     const redirectPath = props.redirectPath;
     const variables = { email, urlParams, redirectPath };
-    await request(variables);
-  };
-  useEffect(() => {
-    var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityVerificationEmail) === null || _a === void 0 ? void 0 : _a.success) {
-      setSuccess(true);
-    }
-  }, [(_b = data === null || data === void 0 ? void 0 : data.requestManagedIdentityVerificationEmail) === null || _b === void 0 ? void 0 : _b.success]);
-  useEffect(() => {
-    if (errors === null || errors === void 0 ? void 0 : errors.message) {
-      setError("Network request failed.");
+    const result = await request(variables);
+    if (result instanceof Error) {
+      if (result.message)
+        setError("Network request failed.");
+      return;
     }
-  }, [errors]);
+    if ((_a = result.requestManagedIdentityVerificationEmail) === null || _a === void 0 ? void 0 : _a.success)
+      setSuccess(true);
+  };
   return {
     states: {
       loading,
-      error: ((_f = (_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_j = (_h = (_g = errors === null || errors === void 0 ? void 0 : errors.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) ||
+      error: ((_e = (_d = (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.extensions) === null || _e === void 0 ? void 0 : _e.message) || ((_h = (_g = (_f = errors === null || errors === void 0 ? void 0 : errors.response) === null || _f === void 0 ? void 0 : _f.errors) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.message) ||
         error,
       success,
     },

package/dist/esm/{sqm-portal-footer-view-f3a6eaed.js → sqm-portal-footer-view-c4059af8.js}

@@ -1,6 +1,6 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-44835899.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
+import { i as intl } from './global-c2d5e2fa.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {
   return (h("svg", { width: width, height: height, viewBox: "0 0 132 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },

package/dist/esm/sqm-portal-footer.entry.js

@@ -1,12 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './stencil-hooks.module-eefa3570.js';
-import './global-44835899.js';
+import './global-c2d5e2fa.js';
 import './use-callback-684c8bb7.js';
-import './index.module-132e274f.js';
-import './extends-c31f1eff.js';
-import './JSS-f00f9536.js';
+import './index.module-25496635.js';
+import './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { P as PortalFooterView } from './sqm-portal-footer-view-f3a6eaed.js';
+import { P as PortalFooterView } from './sqm-portal-footer-view-c4059af8.js';
 
 const PortalFooter = class {
   constructor(hostRef) {

package/dist/esm/{sqm-portal-forgot-password-view-86d13eef.js → sqm-portal-forgot-password-view-29c2e39b.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f60a614c.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
-import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { T as TextSpanView } from './sqm-text-span-view-8b194920.js';
 
 const style = {
   Wrapper: AuthWrapper,

package/dist/esm/sqm-portal-forgot-password.entry.js

@@ -1,23 +1,23 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { i as useState, f as useEffect, m as h } from './stencil-hooks.module-eefa3570.js';
+import { i as useState, m as h } from './stencil-hooks.module-eefa3570.js';
 import './use-callback-684c8bb7.js';
-import { t as tn, i as isDemo, v as vn } from './index.module-132e274f.js';
-import './extends-c31f1eff.js';
+import { n as nn, f as fn, i as isDemo } from './index.module-25496635.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
-import './JSS-f00f9536.js';
-import './sqm-text-span-view-0ba1484d.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-86d13eef.js';
+import './JSS-67b5cff8.js';
+import './sqm-text-span-view-8b194920.js';
+import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-29c2e39b.js';
 
 function usePortalForgotPassword(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g;
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState("");
-  const [request, { loading, data, errors }] = tn();
-  const urlParams = new URLSearchParams(window.location.search);
+  const [request, { loading, data, errors }] = nn();
+  const urlParams = new URLSearchParams(fn.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
+    var _a;
     setError("");
     setSuccess(false);
     let formData = event.detail.formData;
@@ -27,23 +27,20 @@ function usePortalForgotPassword(props) {
     const urlParams = nextPage ? { nextPage } : null;
     const redirectPath = props.redirectPath;
     const variables = { email: formData.email, urlParams, redirectPath };
-    await request(variables);
-  };
-  useEffect(() => {
-    var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success) {
-      setSuccess(true);
+    const result = await request(variables);
+    if (result instanceof Error) {
+      if (result.message)
+        setError("Network request failed.");
+      return;
     }
-  }, [(_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success]);
-  useEffect(() => {
-    if (errors === null || errors === void 0 ? void 0 : errors.message) {
-      setError("Network request failed.");
+    if ((_a = result.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success) {
+      setSuccess(true);
     }
-  }, [errors]);
+  };
   return {
     states: {
       loading,
-      error: ((_e = (_d = (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.extensions) === null || _e === void 0 ? void 0 : _e.message) || ((_h = (_g = (_f = errors === null || errors === void 0 ? void 0 : errors.response) === null || _f === void 0 ? void 0 : _f.errors) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.message) ||
+      error: ((_d = (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.message) || ((_g = (_f = (_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.message) ||
         error,
       success,
       loginPath: props.loginPath,
@@ -95,7 +92,7 @@ const PortalForgotPassword = class {
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => vn.push(states.loginPath) }, "Sign In"))),
+      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => fn.push(states.loginPath) }, "Sign In"))),
       messageSlot: (h$1("slot", { name: "messageSlot" }, "Enter your email below to receive a password reset link.")),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,

package/dist/esm/sqm-portal-logout.entry.js

@@ -1,12 +1,11 @@
 import { r as registerInstance } from './index-17b4da69.js';
 import { m as h } from './stencil-hooks.module-eefa3570.js';
 import './use-callback-684c8bb7.js';
-import { c as setUserIdentity, v as vn, i as isDemo } from './index.module-132e274f.js';
-import './extends-c31f1eff.js';
+import { b as setUserIdentity, f as fn, i as isDemo } from './index.module-25496635.js';
 
 function usePortalLogout({ nextPage }) {
   setUserIdentity(undefined);
-  vn.push({ pathname: nextPage, search: "" });
+  fn.push({ pathname: nextPage, search: "" });
 }
 
 const PortalLogout = class {

package/dist/esm/{sqm-portal-profile-view-630f05c8.js → sqm-portal-profile-view-ec58906b.js}

@@ -1,8 +1,8 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-44835899.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
-import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-ca454627.js';
+import { i as intl } from './global-c2d5e2fa.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { T as TextSpanView } from './sqm-text-span-view-8b194920.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-228f2b65.js';
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

package/dist/esm/sqm-portal-profile.entry.js

@@ -1,15 +1,14 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { i as useState, f as useEffect, m as h } from './stencil-hooks.module-eefa3570.js';
-import './global-44835899.js';
+import './global-c2d5e2fa.js';
 import './use-callback-684c8bb7.js';
-import { d as dist, _, a as dn, I as Ie, i as isDemo } from './index.module-132e274f.js';
-import './extends-c31f1eff.js';
+import { d as dist, N, a as dn, P as Pe, i as isDemo } from './index.module-25496635.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import './JSS-f00f9536.js';
+import './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
-import './sqm-text-span-view-0ba1484d.js';
-import './sqm-portal-container-view-ca454627.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-630f05c8.js';
+import './sqm-text-span-view-8b194920.js';
+import './sqm-portal-container-view-228f2b65.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-ec58906b.js';
 
 const GET_USER = dist.gql `
   query {
@@ -55,12 +54,12 @@ const defaultFormState = {
   error: "",
 };
 function usePortalProfile(props) {
-  const userIdent = _();
+  const userIdent = N();
   const [success, setSuccess] = useState(false);
   const [userData, setUserData] = useState(undefined);
   const [formState, setFormState] = useState(defaultFormState);
   const userDataResponse = dn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = Ie(UPSERT_USER);
+  const [upsertUser, upsertUserResponse] = Pe(UPSERT_USER);
   useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;

package/dist/esm/sqm-portal-protected-route.entry.js

@@ -1,26 +1,25 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
 import { f as useEffect, m as h } from './stencil-hooks.module-eefa3570.js';
 import './use-callback-684c8bb7.js';
-import { _, g as gn, v as vn, i as isDemo } from './index.module-132e274f.js';
-import './extends-c31f1eff.js';
+import { N, c as cn, f as fn, i as isDemo } from './index.module-25496635.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
-  const userIdent = _();
+  const userIdent = N();
   const authenticated = !!(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt);
   const emailVerified = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified;
-  const { pathname, search } = gn();
+  const { pathname, search } = cn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
   useEffect(() => {
     if (!authenticated) {
-      return vn.push({
+      return fn.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return vn.push({
+      return fn.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });

package/dist/esm/sqm-portal-registration-form.entry.js

@@ -1,15 +1,14 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
 import { j as useRef, f as useEffect, m as h$1 } from './stencil-hooks.module-eefa3570.js';
 import { u as useCallback } from './use-callback-684c8bb7.js';
-import { d as dist, R as Re, a as dn, v as vn, i as isDemo } from './index.module-132e274f.js';
-import './extends-c31f1eff.js';
+import { d as dist, q as qe, a as dn, f as fn, i as isDemo } from './index.module-25496635.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
-import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { T as TextSpanView } from './sqm-text-span-view-8b194920.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
-import { u as useRegistrationFormState, a as useValidationState } from './useRegistrationFormState-ebb08075.js';
+import { u as useRegistrationFormState, a as useValidationState } from './useRegistrationFormState-e94eec81.js';
 
 const style = {
   Wrapper: { ...AuthWrapper, "max-width": "600px" },
@@ -107,7 +106,7 @@ function usePortalRegistrationForm(props) {
   const formRef = useRef(null);
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState({});
   const { validationState, setValidationState } = useValidationState({});
-  const [request, { loading, errors, data, formError }] = Re();
+  const [request, { loading, errors, data, formError }] = qe();
   const queryResponse = dn(RegistrationFormQuery, { key: props.formKey });
   const formLoading = loading || queryResponse.loading;
   useEffect(() => {
@@ -123,8 +122,18 @@ function usePortalRegistrationForm(props) {
       initialData,
     };
     setRegistrationFormState(formState);
-  }, [(_a = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _a === void 0 ? void 0 : _a.form.initialData, formLoading]);
+  }, [(_a = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _a === void 0 ? void 0 : _a.form.initialData]);
+  useEffect(() => {
+    if (!formRef.current)
+      return;
+    const form = formRef.current;
+    form.addEventListener("sl-input", inputFunction);
+    return () => {
+      form.removeEventListener("sl-input", inputFunction);
+    };
+  }, [formRef.current]);
   const submit = async (event) => {
+    var _a;
     let formControls = event.target.getFormControls();
     let formData = {};
     let validationErrors = {};
@@ -174,7 +183,17 @@ function usePortalRegistrationForm(props) {
       },
     };
     try {
-      await request(variables);
+      const result = await request(variables);
+      if (result instanceof Error) {
+        throw result;
+      }
+      const managedIdentityResponse = (_a = result.submitForm) === null || _a === void 0 ? void 0 : _a.results.find((result) => result.formHandler.namespace === "identity");
+      if (managedIdentityResponse &&
+        managedIdentityResponse.result.results.length &&
+        managedIdentityResponse.result.results[0].success &&
+        managedIdentityResponse.result.results[0].data.token) {
+        fn.push(props.nextPage);
+      }
     }
     catch (error) {
       setValidationState({ error: "Network request failed." });
@@ -188,25 +207,6 @@ function usePortalRegistrationForm(props) {
     const asYouType = new AsYouType("US");
     e.target.value = asYouType.input(e.target.value);
   }, []);
-  useEffect(() => {
-    var _a;
-    const managedIdentityResponse = (_a = data === null || data === void 0 ? void 0 : data.submitForm) === null || _a === void 0 ? void 0 : _a.results.find((result) => result.formHandler.namespace === "identity");
-    if (managedIdentityResponse &&
-      managedIdentityResponse.result.results.length &&
-      managedIdentityResponse.result.results[0].success &&
-      managedIdentityResponse.result.results[0].data.token) {
-      vn.push(props.nextPage);
-    }
-  }, [data === null || data === void 0 ? void 0 : data.submitForm]);
-  useEffect(() => {
-    if (!formRef.current)
-      return;
-    const form = formRef.current;
-    form.addEventListener("sl-input", inputFunction);
-    return () => {
-      form.removeEventListener("sl-input", inputFunction);
-    };
-  }, [formRef.current]);
   let errorMessage = "";
   if (((_b = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _b === void 0 ? void 0 : _b.form.initialData.isEnabled) === false) {
     errorMessage =
@@ -320,7 +320,7 @@ const PortalRegistrationForm = class {
       : usePortalRegistrationForm(this);
     const content = {
       formData: h("slot", { name: "formData" }),
-      secondaryButton: (h("slot", { name: "secondaryButton" }, h("sl-button", { type: "text", disabled: states.loading, onClick: () => vn.push(states.loginPath) }, this.loginLabel))),
+      secondaryButton: (h("slot", { name: "secondaryButton" }, h("sl-button", { type: "text", disabled: states.loading, onClick: () => fn.push(states.loginPath) }, this.loginLabel))),
       terms: h("slot", { name: "terms" }),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,

package/dist/esm/{sqm-portal-reset-password-view-213b3af6.js → sqm-portal-reset-password-view-06f6ffac.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f60a614c.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
-import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { T as TextSpanView } from './sqm-text-span-view-8b194920.js';
 
 const style = {
   Wrapper: AuthWrapper,

package/dist/esm/sqm-portal-reset-password.entry.js

@@ -1,26 +1,34 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { i as useState, f as useEffect, m as h } from './stencil-hooks.module-eefa3570.js';
 import './use-callback-684c8bb7.js';
-import { e as _e, N as Ne, v as vn, i as isDemo } from './index.module-132e274f.js';
-import './extends-c31f1eff.js';
+import { e as Ne, W as We, f as fn, i as isDemo } from './index.module-25496635.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
-import './JSS-f00f9536.js';
+import './JSS-67b5cff8.js';
 import { s as sanitizeUrlPath } from './utils-334c1e34.js';
-import './sqm-text-span-view-0ba1484d.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-213b3af6.js';
+import './sqm-text-span-view-8b194920.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-06f6ffac.js';
 
 function usePortalResetPassword(props) {
-  var _a, _b, _c, _d, _e$1, _f, _g, _h, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const [reset, setReset] = useState(false);
   const [error, setError] = useState("");
-  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = _e();
-  const [resetPassword, resetPasswordState] = Ne();
-  const urlParams = new URLSearchParams(window.location.search);
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = Ne();
+  const [resetPassword, resetPasswordState] = We();
+  const urlParams = new URLSearchParams(fn.location.search);
   const oobCode = urlParams.get("oobCode");
   urlParams.delete("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
+  const verifyPasswordResetCodeAndHandleResponse = async () => {
+    const result = await verifyPasswordResetCode({ oobCode });
+    if (result instanceof Error) {
+      setError("Network request failed.");
+    }
+  };
+  useEffect(() => {
+    verifyPasswordResetCodeAndHandleResponse();
+  }, []);
   const submit = async (event) => {
     setError("");
     let formData = event.detail.formData;
@@ -32,52 +40,37 @@ function usePortalResetPassword(props) {
       setError("Passwords do not match.");
       return;
     }
-    await resetPassword(variables);
+    const result = await resetPassword(variables);
+    if (result instanceof Error) {
+      return setError("Network request failed.");
+    }
+    if (result.resetManagedIdentityPassword) {
+      setReset(true);
+      setTimeout(() => {
+        gotoNextPage();
+      }, 5000);
+    }
   };
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = sanitizeUrlPath(nextPageOverride || props.nextPage);
-    vn.push(url.href);
+    fn.push(url.href);
   };
   const failed = () => {
-    vn.push({
+    fn.push({
       pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };
-  useEffect(() => {
-    var _a;
-    if ((_a = resetPasswordState.data) === null || _a === void 0 ? void 0 : _a.resetManagedIdentityPassword) {
-      setReset(true);
-      setTimeout(() => {
-        gotoNextPage();
-      }, 5000);
-    }
-  }, [(_a = resetPasswordState.data) === null || _a === void 0 ? void 0 : _a.resetManagedIdentityPassword]);
-  useEffect(() => {
-    verifyPasswordResetCode({ oobCode });
-  }, [oobCode]);
-  useEffect(() => {
-    var _a;
-    if ((_a = verifyPasswordResetCodeState === null || verifyPasswordResetCodeState === void 0 ? void 0 : verifyPasswordResetCodeState.errors) === null || _a === void 0 ? void 0 : _a.message) {
-      setError("Network request failed.");
-    }
-  }, [verifyPasswordResetCodeState === null || verifyPasswordResetCodeState === void 0 ? void 0 : verifyPasswordResetCodeState.errors]);
-  useEffect(() => {
-    var _a;
-    if ((_a = resetPasswordState === null || resetPasswordState === void 0 ? void 0 : resetPasswordState.errors) === null || _a === void 0 ? void 0 : _a.message) {
-      setError("Network request failed.");
-    }
-  }, [resetPasswordState === null || resetPasswordState === void 0 ? void 0 : resetPasswordState.errors]);
   return {
     states: {
       loading: resetPasswordState.loading,
       reset,
       confirmPassword: props.confirmPassword,
-      error: ((_f = (_e$1 = (_d = (_c = (_b = resetPasswordState.errors) === null || _b === void 0 ? void 0 : _b.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e$1 === void 0 ? void 0 : _e$1.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_k = (_j = (_h = (_g = resetPasswordState.errors) === null || _g === void 0 ? void 0 : _g.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) ||
+      error: ((_e = (_d = (_c = (_b = (_a = resetPasswordState.errors) === null || _a === void 0 ? void 0 : _a.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.extensions) === null || _e === void 0 ? void 0 : _e.message) || ((_j = (_h = (_g = (_f = resetPasswordState.errors) === null || _f === void 0 ? void 0 : _f.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) ||
         error,
       oobCodeValidating: verifyPasswordResetCodeState.loading,
-      oobCodeValid: (_l = verifyPasswordResetCodeState.data) === null || _l === void 0 ? void 0 : _l.verifyManagedIdentityPasswordResetCode.success,
+      oobCodeValid: (_k = verifyPasswordResetCodeState.data) === null || _k === void 0 ? void 0 : _k.verifyManagedIdentityPasswordResetCode.success,
       content: {
         passwordResetHeader: props.passwordResetHeader,
         resetPasswordHeader: props.resetPasswordHeader,

package/dist/esm/{sqm-portal-section-view-6c249c74.js → sqm-portal-section-view-a991e019.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 function PortalSectionView(props) {
   // Due to sole usage of props, not feasiable to move out of render function

package/dist/esm/{sqm-portal-verify-email-view-c32dfd7e.js → sqm-portal-verify-email-view-833644ac.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f60a614c.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
-import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { T as TextSpanView } from './sqm-text-span-view-8b194920.js';
 
 const style = {
   Wrapper: AuthWrapper,