@saasquatch/mint-components 1.6.2 → 1.6.3-2

package/dist/collection/components/sqm-portal-profile/usePortalProfile.js

@@ -1,6 +1,6 @@
-import { useQuery, useMutation, useUserIdentity, } from "@saasquatch/component-boilerplate";
-import { gql } from "graphql-request";
-import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { useQuery, useMutation, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { gql } from "graphql-request";
+import { useEffect, useState } from "@saasquatch/universal-hooks";
 const GET_USER = gql `
   query {
     viewer {
@@ -14,7 +14,7 @@ const GET_USER = gql `
       }
     }
   }
-`;
+`;
 const UPSERT_USER = gql `
   mutation (
     $id: String!
@@ -34,116 +34,116 @@ const UPSERT_USER = gql `
       lastName
     }
   }
-`;
-// view doesn't tolerate undefined, even when we're loading
-const defaultFormState = {
-  country: "",
-  email: "",
-  firstName: "",
-  lastName: "",
-  errors: {},
-  error: "",
-};
-export function usePortalProfile(props) {
-  const userIdent = useUserIdentity();
-  const [success, setSuccess] = useState(false);
-  const [userData, setUserData] = useState(undefined);
-  const [formState, setFormState] = useState(defaultFormState);
-  const userDataResponse = useQuery(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = useMutation(UPSERT_USER);
-  useEffect(() => {
-    if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
-      return;
-    if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) {
-      setFormState((state) => {
-        var _a, _b, _c;
-        return ({
-          ...state,
-          error: (_c = (_b = (_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.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].message,
-        });
-      });
-    }
-    else {
-      setUserData((state) => {
-        var _a;
-        return ({
-          ...state,
-          ...(_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.data) === null || _a === void 0 ? void 0 : _a.upsertUser,
-        });
-      });
-      if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.data)
-        setSuccess(true);
-    }
-  }, [upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading]);
-  useEffect(() => {
-    var _a, _b;
-    setUserData((data) => { var _a; return ({ ...data, ...(_a = userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data) === null || _a === void 0 ? void 0 : _a.viewer }); });
-    setFormState({
-      ...defaultFormState,
-      ...(_a = userDataResponse.data) === null || _a === void 0 ? void 0 : _a.viewer,
-      ...(_b = upsertUserResponse.data) === null || _b === void 0 ? void 0 : _b.upsertUser,
-    });
-  }, [userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data]);
-  useEffect(() => {
-    var _a, _b;
-    if ((_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) === null || _a === void 0 ? void 0 : _a.message) {
-      setFormState({
-        ...(_b = userDataResponse.data) === null || _b === void 0 ? void 0 : _b.viewer,
-        error: "Network request failed.",
-      });
-    }
-  }, [upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors]);
-  const onSubmit = () => {
-    setSuccess(false);
-    if (formState.firstName && formState.lastName) {
-      upsertUser({
-        id: userIdent === null || userIdent === void 0 ? void 0 : userIdent.id,
-        accountId: userIdent === null || userIdent === void 0 ? void 0 : userIdent.accountId,
-        firstName: formState.firstName,
-        lastName: formState.lastName,
-      });
-      setFormState((s) => ({ ...s, errors: {}, error: "" }));
-      return;
-    }
-    const errors = {};
-    if (!formState.firstName) {
-      errors["firstName"] = { message: "Field can't be empty" };
-    }
-    if (!formState.lastName) {
-      errors["lastName"] = { message: "Field can't be empty" };
-    }
-    if (errors !== {}) {
-      setFormState((e) => ({
-        ...e,
-        error: "Please correct the errors below to update your profile.",
-      }));
-    }
-    setFormState((e) => ({ ...e, errors }));
-  };
-  return {
-    states: {
-      success,
-      loading: (userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.loading) || upsertUserResponse.loading,
-      submitDisabled: false,
-      showCountry: !props.hideCountry,
-      formState,
-      user: userData,
-      text: {
-        firstnametext: props.firstnametext,
-        lastnametext: props.lastnametext,
-        countrytext: props.countrytext,
-        emailtext: props.emailtext,
-        editProfileHeader: props.editProfileHeader,
-        editProfileSubHeader: props.editProfileSubHeader,
-        submitChangeButtonText: props.submitChangeButtonText,
-      },
-    },
-    callbacks: {
-      onSubmit,
-      onChange: (e) => {
-        const { name, value } = e.target;
-        setFormState((data) => ({ ...data, [name]: value }));
-      },
-    },
-  };
-}
+`;
+// view doesn't tolerate undefined, even when we're loading
+const defaultFormState = {
+  country: "",
+  email: "",
+  firstName: "",
+  lastName: "",
+  errors: {},
+  error: "",
+};
+export function usePortalProfile(props) {
+  const userIdent = useUserIdentity();
+  const [success, setSuccess] = useState(false);
+  const [userData, setUserData] = useState(undefined);
+  const [formState, setFormState] = useState(defaultFormState);
+  const userDataResponse = useQuery(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const [upsertUser, upsertUserResponse] = useMutation(UPSERT_USER);
+  useEffect(() => {
+    if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
+      return;
+    if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) {
+      setFormState((state) => {
+        var _a, _b, _c;
+        return ({
+          ...state,
+          error: (_c = (_b = (_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.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].message,
+        });
+      });
+    }
+    else {
+      setUserData((state) => {
+        var _a;
+        return ({
+          ...state,
+          ...(_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.data) === null || _a === void 0 ? void 0 : _a.upsertUser,
+        });
+      });
+      if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.data)
+        setSuccess(true);
+    }
+  }, [upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading]);
+  useEffect(() => {
+    var _a, _b;
+    setUserData((data) => { var _a; return ({ ...data, ...(_a = userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data) === null || _a === void 0 ? void 0 : _a.viewer }); });
+    setFormState({
+      ...defaultFormState,
+      ...(_a = userDataResponse.data) === null || _a === void 0 ? void 0 : _a.viewer,
+      ...(_b = upsertUserResponse.data) === null || _b === void 0 ? void 0 : _b.upsertUser,
+    });
+  }, [userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data]);
+  useEffect(() => {
+    var _a, _b;
+    if ((_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) === null || _a === void 0 ? void 0 : _a.message) {
+      setFormState({
+        ...(_b = userDataResponse.data) === null || _b === void 0 ? void 0 : _b.viewer,
+        error: "Network request failed.",
+      });
+    }
+  }, [upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors]);
+  const onSubmit = () => {
+    setSuccess(false);
+    if (formState.firstName && formState.lastName) {
+      upsertUser({
+        id: userIdent === null || userIdent === void 0 ? void 0 : userIdent.id,
+        accountId: userIdent === null || userIdent === void 0 ? void 0 : userIdent.accountId,
+        firstName: formState.firstName,
+        lastName: formState.lastName,
+      });
+      setFormState((s) => ({ ...s, errors: {}, error: "" }));
+      return;
+    }
+    const errors = {};
+    if (!formState.firstName) {
+      errors["firstName"] = { message: "Field can't be empty" };
+    }
+    if (!formState.lastName) {
+      errors["lastName"] = { message: "Field can't be empty" };
+    }
+    if (errors !== {}) {
+      setFormState((e) => ({
+        ...e,
+        error: "Please correct the errors below to update your profile.",
+      }));
+    }
+    setFormState((e) => ({ ...e, errors }));
+  };
+  return {
+    states: {
+      success,
+      loading: (userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.loading) || upsertUserResponse.loading,
+      submitDisabled: false,
+      showCountry: !props.hideCountry,
+      formState,
+      user: userData,
+      text: {
+        firstnametext: props.firstnametext,
+        lastnametext: props.lastnametext,
+        countrytext: props.countrytext,
+        emailtext: props.emailtext,
+        editProfileHeader: props.editProfileHeader,
+        editProfileSubHeader: props.editProfileSubHeader,
+        submitChangeButtonText: props.submitChangeButtonText,
+      },
+    },
+    callbacks: {
+      onSubmit,
+      onChange: (e) => {
+        const { name, value } = e.target;
+        setFormState((data) => ({ ...data, [name]: value }));
+      },
+    },
+  };
+}

package/dist/collection/components/sqm-portal-protected-route/sqm-portal-protected-route.js

@@ -1,111 +1,111 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { h, Component, Prop, State, Host } from "@stencil/core";
-import { usePortalProtectedRoute } from "./usePortalProtectedRoute";
-/**
- * @uiName Microsite Protected Route
- * @slots [{"name":"","title":"Route Content"}]
- */
-export class PortalProtectedRoute {
-  constructor() {
-    this.ignored = true;
-    /**
-     * Redirect participants to this page they are not logged in.
-     *
-     * @uiName Unauthenticated Participant Redirect
-     */
-    this.redirectTo = "/";
-    /**
-     * @uiName Require Email Verification
-     */
-    this.requireEmailVerification = false;
-    /**
-     * Redirect participants to this page when email verification is required but they have not verified their email.
-     *
-     * @uiName Unverified Participant Redirect
-     */
-    this.redirectToUnverified = "/emailVerification";
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const hasUser = isDemo()
-      ? usePortalProtectedRouteDemo(this)
-      : usePortalProtectedRoute(this);
-    return (h(Host, { style: { display: hasUser ? "contents" : "none" } },
-      h("slot", null)));
-  }
-  static get is() { return "sqm-portal-protected-route"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "redirectTo": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Unauthenticated Participant Redirect",
-            "name": "uiName"
-          }],
-        "text": "Redirect participants to this page they are not logged in."
-      },
-      "attribute": "redirect-to",
-      "reflect": false,
-      "defaultValue": "\"/\""
-    },
-    "requireEmailVerification": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Require Email Verification",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "require-email-verification",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "redirectToUnverified": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Unverified Participant Redirect",
-            "name": "uiName"
-          }],
-        "text": "Redirect participants to this page when email verification is required but they have not verified their email."
-      },
-      "attribute": "redirect-to-unverified",
-      "reflect": false,
-      "defaultValue": "\"/emailVerification\""
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function usePortalProtectedRouteDemo({}) {
-  return true;
-}
+import { isDemo } from "@saasquatch/component-boilerplate";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { h, Component, Prop, State, Host } from "@stencil/core";
+import { usePortalProtectedRoute } from "./usePortalProtectedRoute";
+/**
+ * @uiName Microsite Protected Route
+ * @slots [{"name":"","title":"Route Content"}]
+ */
+export class PortalProtectedRoute {
+  constructor() {
+    this.ignored = true;
+    /**
+     * Redirect participants to this page they are not logged in.
+     *
+     * @uiName Unauthenticated Participant Redirect
+     */
+    this.redirectTo = "/";
+    /**
+     * @uiName Require Email Verification
+     */
+    this.requireEmailVerification = false;
+    /**
+     * Redirect participants to this page when email verification is required but they have not verified their email.
+     *
+     * @uiName Unverified Participant Redirect
+     */
+    this.redirectToUnverified = "/emailVerification";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const hasUser = isDemo()
+      ? usePortalProtectedRouteDemo(this)
+      : usePortalProtectedRoute(this);
+    return (h(Host, { style: { display: hasUser ? "contents" : "none" } },
+      h("slot", null)));
+  }
+  static get is() { return "sqm-portal-protected-route"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() { return {
+    "redirectTo": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Unauthenticated Participant Redirect",
+            "name": "uiName"
+          }],
+        "text": "Redirect participants to this page they are not logged in."
+      },
+      "attribute": "redirect-to",
+      "reflect": false,
+      "defaultValue": "\"/\""
+    },
+    "requireEmailVerification": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Require Email Verification",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "require-email-verification",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "redirectToUnverified": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Unverified Participant Redirect",
+            "name": "uiName"
+          }],
+        "text": "Redirect participants to this page when email verification is required but they have not verified their email."
+      },
+      "attribute": "redirect-to-unverified",
+      "reflect": false,
+      "defaultValue": "\"/emailVerification\""
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}
+function usePortalProtectedRouteDemo({}) {
+  return true;
+}

package/dist/collection/components/sqm-portal-protected-route/usePortalProtectedRoute.js

@@ -1,26 +1,26 @@
-import { useUserIdentity, navigation, useCurrentPage, } from "@saasquatch/component-boilerplate";
-import { useEffect } from "haunted";
-export function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
-  var _a;
-  const userIdent = useUserIdentity();
-  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 } = useCurrentPage();
-  const nextPageParam = new URLSearchParams();
-  nextPageParam.append("nextPage", `${pathname}${search}`);
-  useEffect(() => {
-    if (!authenticated) {
-      return navigation.push({
-        pathname: redirectTo,
-        search: "?" + nextPageParam.toString(),
-      });
-    }
-    if (requireEmailVerification && !emailVerified) {
-      return navigation.push({
-        pathname: redirectToUnverified || redirectTo,
-        search: "?" + nextPageParam.toString(),
-      });
-    }
-  }, []);
-  return !!userIdent;
-}
+import { useUserIdentity, navigation, useCurrentPage, } from "@saasquatch/component-boilerplate";
+import { useEffect } from "haunted";
+export function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
+  var _a;
+  const userIdent = useUserIdentity();
+  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 } = useCurrentPage();
+  const nextPageParam = new URLSearchParams();
+  nextPageParam.append("nextPage", `${pathname}${search}`);
+  useEffect(() => {
+    if (!authenticated) {
+      return navigation.push({
+        pathname: redirectTo,
+        search: "?" + nextPageParam.toString(),
+      });
+    }
+    if (requireEmailVerification && !emailVerified) {
+      return navigation.push({
+        pathname: redirectToUnverified || redirectTo,
+        search: "?" + nextPageParam.toString(),
+      });
+    }
+  }, []);
+  return !!userIdent;
+}