@saasquatch/mint-components 1.5.1-3 → 1.5.2-0

package/dist/collection/components/sqm-portal-login/usePortalLogin.js

@@ -1,47 +1,46 @@
-import jsonpointer from "jsonpointer";
-import { useEffect, useState } from "@saasquatch/universal-hooks";
-import { navigation, useAuthenticateWithEmailAndPasswordMutation, } from "@saasquatch/component-boilerplate";
-export function usePortalLogin(props) {
-  var _a, _b, _c, _d;
-  const [request, { loading, errors, data }] = useAuthenticateWithEmailAndPasswordMutation();
-  const [error, setError] = useState("");
-  const urlParams = new URLSearchParams(window.location.search);
-  const nextPageOverride = urlParams.get("nextPage");
-  const submit = async (event) => {
-    setError("");
-    let formData = event.detail.formData;
-    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
-      jsonpointer.set(formData, key, value);
-    });
-    const variables = { email: formData.email, password: formData.password };
-    await request(variables);
-  };
-  useEffect(() => {
-    var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.authenticateManagedIdentityWithEmailAndPassword) === null || _a === void 0 ? void 0 : _a.token) {
-      urlParams.delete("nextPage");
-      navigation.push({
-        pathname: nextPageOverride || props.nextPage,
-        search: urlParams.toString() && "?" + urlParams.toString(),
-      });
-    }
-  }, [(_a = data === null || data === void 0 ? void 0 : data.authenticateManagedIdentityWithEmailAndPassword) === null || _a === void 0 ? void 0 : _a.token]);
-  useEffect(() => {
-    var _a;
-    if ((errors === null || errors === void 0 ? void 0 : errors.message) || ((_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a["error"])) {
-      setError("Network request failed.");
-    }
-  }, [errors]);
-  const errorMessage = ((_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.message) || error;
-  return {
-    states: {
-      loading,
-      error: errorMessage,
-      registerPath: props.registerPath,
-      forgotPasswordPath: props.forgotPasswordPath
-    },
-    callbacks: {
-      submit,
-    },
-  };
-}
+import jsonpointer from "jsonpointer";
+import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { navigation, useAuthenticateWithEmailAndPasswordMutation, } from "@saasquatch/component-boilerplate";
+import { sanitizeUrlPath } from "../../utils/utils";
+export function usePortalLogin(props) {
+  var _a, _b, _c, _d;
+  const [request, { loading, errors, data }] = useAuthenticateWithEmailAndPasswordMutation();
+  const [error, setError] = useState("");
+  const urlParams = new URLSearchParams(window.location.search);
+  const nextPageOverride = urlParams.get("nextPage");
+  const submit = async (event) => {
+    setError("");
+    let formData = event.detail.formData;
+    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
+      jsonpointer.set(formData, key, value);
+    });
+    const variables = { email: formData.email, password: formData.password };
+    await request(variables);
+  };
+  useEffect(() => {
+    var _a;
+    if ((_a = data === null || data === void 0 ? void 0 : data.authenticateManagedIdentityWithEmailAndPassword) === null || _a === void 0 ? void 0 : _a.token) {
+      urlParams.delete("nextPage");
+      const url = sanitizeUrlPath(nextPageOverride || props.nextPage);
+      navigation.push(url.href);
+    }
+  }, [(_a = data === null || data === void 0 ? void 0 : data.authenticateManagedIdentityWithEmailAndPassword) === null || _a === void 0 ? void 0 : _a.token]);
+  useEffect(() => {
+    var _a;
+    if ((errors === null || errors === void 0 ? void 0 : errors.message) || ((_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a["error"])) {
+      setError("Network request failed.");
+    }
+  }, [errors]);
+  const errorMessage = ((_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.message) || error;
+  return {
+    states: {
+      loading,
+      error: errorMessage,
+      registerPath: props.registerPath,
+      forgotPasswordPath: props.forgotPasswordPath,
+    },
+    callbacks: {
+      submit,
+    },
+  };
+}

package/dist/collection/components/sqm-portal-logout/sqm-portal-logout.js

@@ -1,50 +1,50 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, Prop, State } from "@stencil/core";
-import { usePortalLogout } from "./usePortalLogout";
-/**
- * @uiName Portal Logout
- */
-export class PortalLogout {
-  constructor() {
-    this.ignored = true;
-    /**
-     * @uiName Next Page path
-     */
-    this.nextPage = "/";
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    isDemo() ? useLogoutDemo(this) : usePortalLogout(this);
-  }
-  static get is() { return "sqm-portal-logout"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "nextPage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Next Page path",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "next-page",
-      "reflect": false,
-      "defaultValue": "\"/\""
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function useLogoutDemo({}) { }
+import { isDemo } from "@saasquatch/component-boilerplate";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, Prop, State } from "@stencil/core";
+import { usePortalLogout } from "./usePortalLogout";
+/**
+ * @uiName Portal Logout
+ */
+export class PortalLogout {
+  constructor() {
+    this.ignored = true;
+    /**
+     * @uiName Next Page path
+     */
+    this.nextPage = "/";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    isDemo() ? useLogoutDemo(this) : usePortalLogout(this);
+  }
+  static get is() { return "sqm-portal-logout"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() { return {
+    "nextPage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Next Page path",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "next-page",
+      "reflect": false,
+      "defaultValue": "\"/\""
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}
+function useLogoutDemo({}) { }

package/dist/collection/components/sqm-portal-logout/usePortalLogout.js

@@ -1,5 +1,5 @@
-import { setUserIdentity, navigation } from "@saasquatch/component-boilerplate";
-export function usePortalLogout({ nextPage }) {
-  setUserIdentity(undefined);
-  navigation.push({ pathname: nextPage, search: "" });
-}
+import { setUserIdentity, navigation } from "@saasquatch/component-boilerplate";
+export function usePortalLogout({ nextPage }) {
+  setUserIdentity(undefined);
+  navigation.push({ pathname: nextPage, search: "" });
+}

package/dist/collection/components/sqm-portal-profile/PortalProfile.stories.js

@@ -1,227 +1,227 @@
-import { h } from "@stencil/core";
-import { PortalProfileView } from "./sqm-portal-profile-view";
-export default {
-  title: "Components/Portal Profile",
-};
-const defaultProps = {
-  states: {
-    success: false,
-    loading: false,
-    submitDisabled: false,
-    showCountry: true,
-    user: {
-      id: "01",
-      accountId: "111100000",
-      firstName: "Joe",
-      lastName: "Smith",
-      email: "jsmith@gmail.com",
-      countryCode: "5000",
-    },
-    text: {
-      firstnametext: "First Name",
-      lastnametext: "Last Name",
-      emailtext: "Email",
-      countrytext: "Country",
-      editProfileHeader: "Edit your profile",
-      editProfileSubHeader: "Personal Information",
-      submitChangeButtonText: "Submit Changes",
-    },
-    formState: {
-      country: "Canada",
-      firstName: "Joe",
-      lastName: "Smith",
-      errors: null,
-      error: "",
-    },
-  },
-  callbacks: {
-    onSubmit: (e) => console.log(e),
-    onChange: (e) => console.log(e),
-  },
-};
-const noCountry = {
-  states: {
-    success: false,
-    loading: false,
-    submitDisabled: false,
-    showCountry: false,
-    user: {
-      id: "01",
-      accountId: "111100000",
-      firstName: "Joe",
-      lastName: "Smith",
-      email: "jsmith@gmail.com",
-      countryCode: "5000",
-    },
-    text: {
-      firstnametext: "First Name",
-      lastnametext: "Last Name",
-      emailtext: "Email",
-      countrytext: "Country",
-      editProfileHeader: "Edit your profile",
-      editProfileSubHeader: "Personal Information",
-      submitChangeButtonText: "Submit Changes",
-    },
-    formState: {
-      country: "Canada",
-      firstName: "Joe",
-      lastName: "Smith",
-      errors: null,
-      error: "",
-    },
-  },
-  callbacks: {
-    onSubmit: (e) => console.log(e),
-    onChange: (e) => console.log(e),
-  },
-};
-const loadingProps = {
-  states: {
-    success: false,
-    loading: true,
-    submitDisabled: false,
-    showCountry: true,
-    user: {
-      id: "01",
-      accountId: "111100000",
-      firstName: "Joe",
-      lastName: "Smith",
-      email: "jsmith@gmail.com",
-      countryCode: "5000",
-    },
-    text: {
-      firstnametext: "First Name",
-      lastnametext: "Last Name",
-      emailtext: "Email",
-      countrytext: "Country",
-      editProfileHeader: "Edit your profile",
-      editProfileSubHeader: "Personal Information",
-      submitChangeButtonText: "Submit Changes",
-    },
-    formState: {
-      country: "Canada",
-      firstName: "Joe",
-      lastName: "Smith",
-      errors: null,
-      error: "",
-    },
-  },
-  callbacks: {
-    onSubmit: (e) => console.log(e),
-    onChange: (e) => console.log(e),
-  },
-};
-const disabledProps = {
-  states: {
-    success: false,
-    loading: false,
-    submitDisabled: true,
-    showCountry: true,
-    user: {
-      id: "01",
-      accountId: "111100000",
-      firstName: "Joe",
-      lastName: "Smith",
-      email: "jsmith@gmail.com",
-      countryCode: "5000",
-    },
-    text: {
-      firstnametext: "First Name",
-      lastnametext: "Last Name",
-      emailtext: "Email",
-      countrytext: "Country",
-      editProfileHeader: "Edit your profile",
-      editProfileSubHeader: "Personal Information",
-      submitChangeButtonText: "Submit Changes",
-    },
-    formState: {
-      country: "Canada",
-      firstName: "Joe",
-      lastName: "Smith",
-      errors: null,
-      error: "",
-    },
-  },
-  callbacks: {
-    onSubmit: (e) => console.log(e),
-    onChange: (e) => console.log(e),
-  },
-};
-const errorProps = {
-  states: {
-    success: false,
-    loading: false,
-    submitDisabled: false,
-    showCountry: true,
-    user: {
-      id: "01",
-      accountId: "111100000",
-      firstName: "Joe",
-      lastName: "Smith",
-      email: "jsmith@gmail.com",
-      countryCode: "5000",
-    },
-    text: {
-      firstnametext: "First Name",
-      lastnametext: "Last Name",
-      emailtext: "Email",
-      countrytext: "Country",
-      editProfileHeader: "Edit your profile",
-      editProfileSubHeader: "Personal Information",
-      submitChangeButtonText: "Submit Changes",
-    },
-    formState: {
-      country: "Canada",
-      firstName: "Joe",
-      lastName: "Smith",
-      errors: null,
-      error: "Something went wrong. Please try again.",
-    },
-  },
-  callbacks: {
-    onSubmit: (e) => console.log(e),
-    onChange: (e) => console.log(e),
-  },
-};
-const successProps = {
-  states: {
-    success: true,
-    loading: false,
-    submitDisabled: false,
-    showCountry: true,
-    user: {
-      id: "01",
-      accountId: "111100000",
-      firstName: "Joe",
-      lastName: "Smith",
-      email: "jsmith@gmail.com",
-      countryCode: "5000",
-    },
-    text: {
-      firstnametext: "First Name",
-      lastnametext: "Last Name",
-      emailtext: "Email",
-      countrytext: "Country",
-      editProfileHeader: "Edit your profile",
-      editProfileSubHeader: "Personal Information",
-      submitChangeButtonText: "Submit Changes",
-    },
-    formState: {
-      country: "Canada",
-      firstName: "Joe",
-      lastName: "Smith",
-      errors: null,
-      error: "",
-    },
-  },
-  callbacks: {
-    onSubmit: (e) => console.log(e),
-    onChange: (e) => console.log(e),
-  },
-};
-export const Default = () => h(PortalProfileView, Object.assign({}, defaultProps));
-export const DefaultNoCountry = () => h(PortalProfileView, Object.assign({}, noCountry));
-export const Loading = () => h(PortalProfileView, Object.assign({}, loadingProps));
-export const Disabled = () => h(PortalProfileView, Object.assign({}, disabledProps));
-export const Error = () => h(PortalProfileView, Object.assign({}, errorProps));
-export const Success = () => h(PortalProfileView, Object.assign({}, successProps));
+import { h } from "@stencil/core";
+import { PortalProfileView } from "./sqm-portal-profile-view";
+export default {
+  title: "Components/Portal Profile",
+};
+const defaultProps = {
+  states: {
+    success: false,
+    loading: false,
+    submitDisabled: false,
+    showCountry: true,
+    user: {
+      id: "01",
+      accountId: "111100000",
+      firstName: "Joe",
+      lastName: "Smith",
+      email: "jsmith@gmail.com",
+      countryCode: "5000",
+    },
+    text: {
+      firstnametext: "First Name",
+      lastnametext: "Last Name",
+      emailtext: "Email",
+      countrytext: "Country",
+      editProfileHeader: "Edit your profile",
+      editProfileSubHeader: "Personal Information",
+      submitChangeButtonText: "Submit Changes",
+    },
+    formState: {
+      country: "Canada",
+      firstName: "Joe",
+      lastName: "Smith",
+      errors: null,
+      error: "",
+    },
+  },
+  callbacks: {
+    onSubmit: (e) => console.log(e),
+    onChange: (e) => console.log(e),
+  },
+};
+const noCountry = {
+  states: {
+    success: false,
+    loading: false,
+    submitDisabled: false,
+    showCountry: false,
+    user: {
+      id: "01",
+      accountId: "111100000",
+      firstName: "Joe",
+      lastName: "Smith",
+      email: "jsmith@gmail.com",
+      countryCode: "5000",
+    },
+    text: {
+      firstnametext: "First Name",
+      lastnametext: "Last Name",
+      emailtext: "Email",
+      countrytext: "Country",
+      editProfileHeader: "Edit your profile",
+      editProfileSubHeader: "Personal Information",
+      submitChangeButtonText: "Submit Changes",
+    },
+    formState: {
+      country: "Canada",
+      firstName: "Joe",
+      lastName: "Smith",
+      errors: null,
+      error: "",
+    },
+  },
+  callbacks: {
+    onSubmit: (e) => console.log(e),
+    onChange: (e) => console.log(e),
+  },
+};
+const loadingProps = {
+  states: {
+    success: false,
+    loading: true,
+    submitDisabled: false,
+    showCountry: true,
+    user: {
+      id: "01",
+      accountId: "111100000",
+      firstName: "Joe",
+      lastName: "Smith",
+      email: "jsmith@gmail.com",
+      countryCode: "5000",
+    },
+    text: {
+      firstnametext: "First Name",
+      lastnametext: "Last Name",
+      emailtext: "Email",
+      countrytext: "Country",
+      editProfileHeader: "Edit your profile",
+      editProfileSubHeader: "Personal Information",
+      submitChangeButtonText: "Submit Changes",
+    },
+    formState: {
+      country: "Canada",
+      firstName: "Joe",
+      lastName: "Smith",
+      errors: null,
+      error: "",
+    },
+  },
+  callbacks: {
+    onSubmit: (e) => console.log(e),
+    onChange: (e) => console.log(e),
+  },
+};
+const disabledProps = {
+  states: {
+    success: false,
+    loading: false,
+    submitDisabled: true,
+    showCountry: true,
+    user: {
+      id: "01",
+      accountId: "111100000",
+      firstName: "Joe",
+      lastName: "Smith",
+      email: "jsmith@gmail.com",
+      countryCode: "5000",
+    },
+    text: {
+      firstnametext: "First Name",
+      lastnametext: "Last Name",
+      emailtext: "Email",
+      countrytext: "Country",
+      editProfileHeader: "Edit your profile",
+      editProfileSubHeader: "Personal Information",
+      submitChangeButtonText: "Submit Changes",
+    },
+    formState: {
+      country: "Canada",
+      firstName: "Joe",
+      lastName: "Smith",
+      errors: null,
+      error: "",
+    },
+  },
+  callbacks: {
+    onSubmit: (e) => console.log(e),
+    onChange: (e) => console.log(e),
+  },
+};
+const errorProps = {
+  states: {
+    success: false,
+    loading: false,
+    submitDisabled: false,
+    showCountry: true,
+    user: {
+      id: "01",
+      accountId: "111100000",
+      firstName: "Joe",
+      lastName: "Smith",
+      email: "jsmith@gmail.com",
+      countryCode: "5000",
+    },
+    text: {
+      firstnametext: "First Name",
+      lastnametext: "Last Name",
+      emailtext: "Email",
+      countrytext: "Country",
+      editProfileHeader: "Edit your profile",
+      editProfileSubHeader: "Personal Information",
+      submitChangeButtonText: "Submit Changes",
+    },
+    formState: {
+      country: "Canada",
+      firstName: "Joe",
+      lastName: "Smith",
+      errors: null,
+      error: "Something went wrong. Please try again.",
+    },
+  },
+  callbacks: {
+    onSubmit: (e) => console.log(e),
+    onChange: (e) => console.log(e),
+  },
+};
+const successProps = {
+  states: {
+    success: true,
+    loading: false,
+    submitDisabled: false,
+    showCountry: true,
+    user: {
+      id: "01",
+      accountId: "111100000",
+      firstName: "Joe",
+      lastName: "Smith",
+      email: "jsmith@gmail.com",
+      countryCode: "5000",
+    },
+    text: {
+      firstnametext: "First Name",
+      lastnametext: "Last Name",
+      emailtext: "Email",
+      countrytext: "Country",
+      editProfileHeader: "Edit your profile",
+      editProfileSubHeader: "Personal Information",
+      submitChangeButtonText: "Submit Changes",
+    },
+    formState: {
+      country: "Canada",
+      firstName: "Joe",
+      lastName: "Smith",
+      errors: null,
+      error: "",
+    },
+  },
+  callbacks: {
+    onSubmit: (e) => console.log(e),
+    onChange: (e) => console.log(e),
+  },
+};
+export const Default = () => h(PortalProfileView, Object.assign({}, defaultProps));
+export const DefaultNoCountry = () => h(PortalProfileView, Object.assign({}, noCountry));
+export const Loading = () => h(PortalProfileView, Object.assign({}, loadingProps));
+export const Disabled = () => h(PortalProfileView, Object.assign({}, disabledProps));
+export const Error = () => h(PortalProfileView, Object.assign({}, errorProps));
+export const Success = () => h(PortalProfileView, Object.assign({}, successProps));