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

package/dist/cjs/sqm-password-field.cjs.entry.js

@@ -5,12 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const useRegistrationFormState = require('./useRegistrationFormState-b7598d69.js');
+const JSS = require('./JSS-8503a151.js');
+const useRegistrationFormState = require('./useRegistrationFormState-d0e43ca9.js');
 
 var constants = {
   error: {

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

@@ -5,8 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 const utils = require('./utils-6847bc06.js');
 
 const PopupContainerView = (props) => {
@@ -20,10 +19,10 @@ const PopupContainerView = (props) => {
 };
 
 function usePopupContainer(props) {
-  const engagementMedium = index_module.Q();
+  const engagementMedium = index_module.U();
   function closePopup() {
     var _a;
-    if (index_module.Q() === "POPUP") {
+    if (index_module.U() === "POPUP") {
       (_a = window.frameElement["squatchJsApi"]) === null || _a === void 0 ? void 0 : _a.close();
     }
   }
@@ -37,7 +36,7 @@ function usePopupContainer(props) {
       ? "0"
       : `var(--sl-spacing-${props.embedPadding})`
     : "0";
-  const padding = index_module.Q() === "POPUP" ? popupPadding : embedPadding;
+  const padding = index_module.U() === "POPUP" ? popupPadding : embedPadding;
   return {
     states: {
       showCloseButton: props.closeButton && engagementMedium === "POPUP",

package/dist/cjs/{sqm-portal-container-view-840db620.js → sqm-portal-container-view-2ddcaa12.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const JSS = require('./JSS-97fd087e.js');
+const JSS = require('./JSS-8503a151.js');
 
 function PortalContainerView(props, children) {
   const style = {

package/dist/cjs/{sqm-portal-email-verification-view-f2a35e7c.js → sqm-portal-email-verification-view-b280d0b0.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-4e52f274.js');
+const global = require('./global-b645d18a.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
+const JSS = require('./JSS-8503a151.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b318af73.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -4,26 +4,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
-require('./global-4e52f274.js');
+require('./global-b645d18a.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
-require('./JSS-97fd087e.js');
-require('./sqm-text-span-view-2c7d94b5.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-f2a35e7c.js');
+require('./JSS-8503a151.js');
+require('./sqm-text-span-view-b318af73.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-b280d0b0.js');
 
 function usePortalEmailVerification(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-  const [request, { loading, data, errors }] = index_module.on();
-  const userIdent = index_module._();
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const [request, { loading, data, errors }] = index_module.tn();
+  const userIdent = index_module.N();
   const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
-  const urlParams = new URLSearchParams(window.location.search);
+  const urlParams = new URLSearchParams(index_module.fn.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async () => {
+    var _a;
     if (!email)
       return;
     setError("");
@@ -31,23 +31,19 @@ function usePortalEmailVerification(props) {
     const urlParams = nextPage ? { nextPage } : null;
     const redirectPath = props.redirectPath;
     const variables = { email, urlParams, redirectPath };
-    await request(variables);
-  };
-  stencilHooks_module.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]);
-  stencilHooks_module.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/cjs/{sqm-portal-footer-view-8eadb31d.js → sqm-portal-footer-view-5d6451ad.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-4e52f274.js');
-const JSS = require('./JSS-97fd087e.js');
+const global = require('./global-b645d18a.js');
+const JSS = require('./JSS-8503a151.js');
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {
   return (index.h("svg", { width: width, height: height, viewBox: "0 0 132 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },

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

@@ -4,13 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
-require('./global-4e52f274.js');
+require('./global-b645d18a.js');
 require('./use-callback-5d15897d.js');
-require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
-require('./JSS-97fd087e.js');
+require('./index.module-93c78ac7.js');
+require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-8eadb31d.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-5d6451ad.js');
 
 const PortalFooter = class {
   constructor(hostRef) {

package/dist/cjs/{sqm-portal-forgot-password-view-fed1f563.js → sqm-portal-forgot-password-view-ccaf2bd4.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
+const JSS = require('./JSS-8503a151.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b318af73.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -5,23 +5,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
-require('./JSS-97fd087e.js');
-require('./sqm-text-span-view-2c7d94b5.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-fed1f563.js');
+require('./JSS-8503a151.js');
+require('./sqm-text-span-view-b318af73.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-ccaf2bd4.js');
 
 function usePortalForgotPassword(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g;
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
-  const [request, { loading, data, errors }] = index_module.tn();
-  const urlParams = new URLSearchParams(window.location.search);
+  const [request, { loading, data, errors }] = index_module.nn();
+  const urlParams = new URLSearchParams(index_module.fn.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
+    var _a;
     setError("");
     setSuccess(false);
     let formData = event.detail.formData;
@@ -31,23 +31,20 @@ function usePortalForgotPassword(props) {
     const urlParams = nextPage ? { nextPage } : null;
     const redirectPath = props.redirectPath;
     const variables = { email: formData.email, urlParams, redirectPath };
-    await request(variables);
-  };
-  stencilHooks_module.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]);
-  stencilHooks_module.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,
@@ -99,7 +96,7 @@ const PortalForgotPassword = class {
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.vn.push(states.loginPath) }, "Sign In"))),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.fn.push(states.loginPath) }, "Sign In"))),
       messageSlot: (index.h("slot", { name: "messageSlot" }, "Enter your email below to receive a password reset link.")),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,

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

@@ -5,12 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 
 function usePortalLogout({ nextPage }) {
   index_module.setUserIdentity(undefined);
-  index_module.vn.push({ pathname: nextPage, search: "" });
+  index_module.fn.push({ pathname: nextPage, search: "" });
 }
 
 const PortalLogout = class {

package/dist/cjs/{sqm-portal-profile-view-730252e8.js → sqm-portal-profile-view-e615e2b2.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-4e52f274.js');
-const JSS = require('./JSS-97fd087e.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-840db620.js');
+const global = require('./global-b645d18a.js');
+const JSS = require('./JSS-8503a151.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b318af73.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-2ddcaa12.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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

@@ -4,16 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
-require('./global-4e52f274.js');
+require('./global-b645d18a.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 const cjs = require('./cjs-1066ec21.js');
-require('./JSS-97fd087e.js');
+require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-require('./sqm-text-span-view-2c7d94b5.js');
-require('./sqm-portal-container-view-840db620.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-730252e8.js');
+require('./sqm-text-span-view-b318af73.js');
+require('./sqm-portal-container-view-2ddcaa12.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-e615e2b2.js');
 
 const GET_USER = index_module.dist.gql `
   query {
@@ -59,12 +58,12 @@ const defaultFormState = {
   error: "",
 };
 function usePortalProfile(props) {
-  const userIdent = index_module._();
+  const userIdent = index_module.N();
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [userData, setUserData] = stencilHooks_module.useState(undefined);
   const [formState, setFormState] = stencilHooks_module.useState(defaultFormState);
   const userDataResponse = index_module.dn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = index_module.Ie(UPSERT_USER);
+  const [upsertUser, upsertUserResponse] = index_module.Pe(UPSERT_USER);
   stencilHooks_module.useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;

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

@@ -5,26 +5,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
-  const userIdent = index_module._();
+  const userIdent = index_module.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 } = index_module.gn();
+  const { pathname, search } = index_module.cn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
   stencilHooks_module.useEffect(() => {
     if (!authenticated) {
-      return index_module.vn.push({
+      return index_module.fn.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return index_module.vn.push({
+      return index_module.fn.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });

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

@@ -5,15 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 const useCallback = require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
+const JSS = require('./JSS-8503a151.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b318af73.js');
 const AsYouType = require('./AsYouType-6788393a.js');
-const useRegistrationFormState = require('./useRegistrationFormState-b7598d69.js');
+const useRegistrationFormState = require('./useRegistrationFormState-d0e43ca9.js');
 
 const style = {
   Wrapper: { ...mixins.AuthWrapper, "max-width": "600px" },
@@ -111,7 +110,7 @@ function usePortalRegistrationForm(props) {
   const formRef = stencilHooks_module.useRef(null);
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState({});
   const { validationState, setValidationState } = useRegistrationFormState.useValidationState({});
-  const [request, { loading, errors, data, formError }] = index_module.Re();
+  const [request, { loading, errors, data, formError }] = index_module.qe();
   const queryResponse = index_module.dn(RegistrationFormQuery, { key: props.formKey });
   const formLoading = loading || queryResponse.loading;
   stencilHooks_module.useEffect(() => {
@@ -127,8 +126,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]);
+  stencilHooks_module.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 = {};
@@ -178,7 +187,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) {
+        index_module.fn.push(props.nextPage);
+      }
     }
     catch (error) {
       setValidationState({ error: "Network request failed." });
@@ -192,25 +211,6 @@ function usePortalRegistrationForm(props) {
     const asYouType = new AsYouType.AsYouType("US");
     e.target.value = asYouType.input(e.target.value);
   }, []);
-  stencilHooks_module.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) {
-      index_module.vn.push(props.nextPage);
-    }
-  }, [data === null || data === void 0 ? void 0 : data.submitForm]);
-  stencilHooks_module.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 =
@@ -324,7 +324,7 @@ const PortalRegistrationForm = class {
       : usePortalRegistrationForm(this);
     const content = {
       formData: index.h("slot", { name: "formData" }),
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.vn.push(states.loginPath) }, this.loginLabel))),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.fn.push(states.loginPath) }, this.loginLabel))),
       terms: index.h("slot", { name: "terms" }),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,

package/dist/cjs/{sqm-portal-reset-password-view-f8dc0b79.js → sqm-portal-reset-password-view-4d23de69.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
+const JSS = require('./JSS-8503a151.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b318af73.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -5,26 +5,34 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
-require('./JSS-97fd087e.js');
+require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-require('./sqm-text-span-view-2c7d94b5.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-f8dc0b79.js');
+require('./sqm-text-span-view-b318af73.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-4d23de69.js');
 
 function usePortalResetPassword(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const [reset, setReset] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
-  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = index_module._e();
-  const [resetPassword, resetPasswordState] = index_module.Ne();
-  const urlParams = new URLSearchParams(window.location.search);
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = index_module.Ne();
+  const [resetPassword, resetPasswordState] = index_module.We();
+  const urlParams = new URLSearchParams(index_module.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.");
+    }
+  };
+  stencilHooks_module.useEffect(() => {
+    verifyPasswordResetCodeAndHandleResponse();
+  }, []);
   const submit = async (event) => {
     setError("");
     let formData = event.detail.formData;
@@ -36,52 +44,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 = utils.sanitizeUrlPath(nextPageOverride || props.nextPage);
-    index_module.vn.push(url.href);
+    index_module.fn.push(url.href);
   };
   const failed = () => {
-    index_module.vn.push({
+    index_module.fn.push({
       pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };
-  stencilHooks_module.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]);
-  stencilHooks_module.useEffect(() => {
-    verifyPasswordResetCode({ oobCode });
-  }, [oobCode]);
-  stencilHooks_module.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]);
-  stencilHooks_module.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 = (_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 === void 0 ? void 0 : _e.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/cjs/{sqm-portal-section-view-854a3e9c.js → sqm-portal-section-view-1e5bbcb1.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const JSS = require('./JSS-97fd087e.js');
+const JSS = require('./JSS-8503a151.js');
 
 function PortalSectionView(props) {
   // Due to sole usage of props, not feasiable to move out of render function

package/dist/cjs/{sqm-portal-verify-email-view-cc59877c.js → sqm-portal-verify-email-view-96adafc0.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
+const JSS = require('./JSS-8503a151.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b318af73.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,