@saasquatch/mint-components 1.6.2-2 → 1.6.2-20

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, e as useEffect, m as h } from './stencil-hooks.module-66fea7dc.js';
-import './use-callback-69ec5c5c.js';
-import { f as fn, L, I as In } from './index.module-96470dcf.js';
-import './extends-c31f1eff.js';
+import { i as useState, m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.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 }] = fn();
-  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,26 +27,25 @@ 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,
+      headerText: props.headerText,
+      loginText: props.loginText,
     },
     callbacks: {
       submit,
@@ -59,13 +58,14 @@ const PortalForgotPassword = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * The page that users are redirected to from the password reset email.
+     * Redirect participants to this page after they verify their email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email Redirect
+     * @uiWidget pageSelect
      */
     this.redirectPath = "/resetPassword";
     /**
-     * @uiName Email Label
+     * @uiName Email Field Label
      */
     this.emailLabel = "Email";
     /**
@@ -73,18 +73,28 @@ const PortalForgotPassword = class {
      */
     this.submitLabel = "Request Password Reset";
     /**
-     * @uiName Login Page Routing Path
+     * @uiName Login Redirect Path
+     * @uiWidget pageSelect
      */
     this.loginPath = "/login";
+    /**
+     * @uiName Header Text
+     * @uiWidget textArea
+     */
+    this.headerText = "Enter your email below to receive a password reset link.";
+    /**
+     * Sign In Link Text
+     */
+    this.loginText = "Sign In";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = L()
+    const { states, callbacks } = isDemo()
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => In.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-66fea7dc.js';
-import './use-callback-69ec5c5c.js';
-import { t as te, I as In, L } from './index.module-96470dcf.js';
-import './extends-c31f1eff.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import { b as setUserIdentity, f as fn, i as isDemo } from './index.module-25496635.js';
 
 function usePortalLogout({ nextPage }) {
-  te(undefined);
-  In.push({ pathname: nextPage, search: "" });
+  setUserIdentity(undefined);
+  fn.push({ pathname: nextPage, search: "" });
 }
 
 const PortalLogout = class {
@@ -14,14 +13,17 @@ const PortalLogout = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Next Page Path
+     * Redirect participants to this page when they log out.
+     *
+     * @uiName Logout Redirect Path
+     * @uiWidget pageSelect
      */
     this.nextPage = "/";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    L() ? useLogoutDemo() : usePortalLogout(this);
+    isDemo() ? useLogoutDemo() : usePortalLogout(this);
   }
 };
 function useLogoutDemo({}) { }

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

@@ -1,8 +1,8 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-0842e0e4.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, e as useEffect, m as h } from './stencil-hooks.module-66fea7dc.js';
-import './global-0842e0e4.js';
-import './use-callback-69ec5c5c.js';
-import { d as dist, a as ae, w as wn, j as je, L } from './index.module-96470dcf.js';
-import './extends-c31f1eff.js';
+import { i as useState, f as useEffect, m as h } from './stencil-hooks.module-eefa3570.js';
+import './global-c2d5e2fa.js';
+import './use-callback-684c8bb7.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-dd2774b2.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 = ae();
+  const userIdent = N();
   const [success, setSuccess] = useState(false);
   const [userData, setUserData] = useState(undefined);
   const [formState, setFormState] = useState(defaultFormState);
-  const userDataResponse = wn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = je(UPSERT_USER);
+  const userDataResponse = dn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const [upsertUser, upsertUserResponse] = Pe(UPSERT_USER);
   useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;
@@ -135,7 +134,7 @@ function usePortalProfile(props) {
       success,
       loading: (userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.loading) || upsertUserResponse.loading,
       submitDisabled: false,
-      showCountry: props.showCountry,
+      showCountry: !props.hideCountry,
       formState,
       user: userData,
       text: {
@@ -163,27 +162,19 @@ const PortalProfile = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * First name input field label
-     *
      * @uiName First Name Label
      */
     this.firstnametext = "First Name";
     /**
-     * Last name input field label
-     *
-     * @uiName Last Name Label
+     * @uiName Last Name Field Label
      */
     this.lastnametext = "Last Name";
     /**
-     * Email input field label
-     *
-     * @uiName Email Label
+     * @uiName Email Field Label
      */
     this.emailtext = "Email";
     /**
-     * Country input field label
-     *
-     * @uiName Country Label
+     * @uiName Country Field Label
      */
     this.countrytext = "Country";
     /**
@@ -199,16 +190,14 @@ const PortalProfile = class {
      */
     this.submitChangeButtonText = "Submit Changes";
     /**
-     * Show or hide the country field
-     *
-     * @uiName Show Country Field
+     * @uiName Hide Country Field
      */
-    this.showCountry = true;
+    this.hideCountry = false;
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const props = L()
+    const props = isDemo()
       ? usePortalProfileDemo(getProps(this))
       : usePortalProfile(getProps(this));
     return h$1(PortalProfileView, Object.assign({}, props));
@@ -220,7 +209,7 @@ function usePortalProfileDemo(props) {
       success: false,
       loading: false,
       submitDisabled: false,
-      showCountry: true,
+      showCountry: !props.hideCountry,
       user: {
         id: "01",
         accountId: "111100000",
@@ -230,13 +219,13 @@ function usePortalProfileDemo(props) {
         countryCode: "CA",
       },
       text: {
-        firstnametext: "First Name",
-        lastnametext: "Last Name",
-        emailtext: "Email",
-        countrytext: "Country",
-        editProfileHeader: "Edit your profile",
-        editProfileSubHeader: "Personal Information",
-        submitChangeButtonText: "Submit Changes",
+        firstnametext: props.firstnametext,
+        lastnametext: props.lastnametext,
+        emailtext: props.emailtext,
+        countrytext: props.countrytext,
+        editProfileHeader: props.editProfileHeader,
+        editProfileSubHeader: props.editProfileSubHeader,
+        submitChangeButtonText: props.submitChangeButtonText,
       },
       formState: {
         country: "Canada",

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 { e as useEffect, m as h } from './stencil-hooks.module-66fea7dc.js';
-import './use-callback-69ec5c5c.js';
-import { a as ae, F as Fn, I as In, L } from './index.module-96470dcf.js';
-import './extends-c31f1eff.js';
+import { f as useEffect, m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.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 = ae();
+  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 } = Fn();
+  const { pathname, search } = cn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
   useEffect(() => {
     if (!authenticated) {
-      return In.push({
+      return fn.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return In.push({
+      return fn.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });
@@ -34,23 +33,26 @@ const PortalProtectedRoute = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
+     * Redirect participants to this path they are not logged in.
+     *
      * @uiName Redirect Path
      */
     this.redirectTo = "/";
     /**
      * @uiName Require Email Verification
-     * @default
      */
     this.requireEmailVerification = false;
     /**
-     * @uiName Redirect Unverified Users Path
+     * Redirect participants to this page when email verification is required but they have not verified their email.
+     *
+     * @uiName Unverified Participant Redirect Path
      */
     this.redirectToUnverified = "/emailVerification";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const hasUser = L()
+    const hasUser = isDemo()
       ? usePortalProtectedRouteDemo()
       : usePortalProtectedRoute(this);
     return (h$1(Host, { style: { display: hasUser ? "contents" : "none" } }, h$1("slot", null)));