@saasquatch/mint-components 1.3.3-5 → 1.3.3-6

package/dist/collection/{stories → components/sqm-portal-forgot-password}/PortalForgotPassword.stories.js

@@ -1,73 +1,69 @@
-import { h } from "@stencil/core";
-import { PortalForgotPasswordView, } from "../components/sqm-portal-forgot-password/sqm-portal-forgot-password-view";
-import scenario from "../components/sqm-portal-forgot-password/sqm-portal-forgot-password.feature";
-export default {
-  title: "Portal Forgot Password",
-  parameters: {
-    scenario,
-  },
-};
-const defaultProps = {
-  states: {
-    error: "",
-    loading: false,
-    success: false,
-    loginPath: "/login",
-  },
-  callbacks: {
-    submit: async (e) => await e,
-  },
-  content: {
-    secondaryButton: "Cancel",
-    messageSlot: "Enter your email below to receive a password reset link.",
-  },
-};
-const errorProps = {
-  states: {
-    error: "Something went wrong. Please try again.",
-    loading: false,
-    success: false,
-    loginPath: "/login",
-  },
-  callbacks: {
-    submit: async (e) => await e,
-  },
-  content: {
-    secondaryButton: "Cancel",
-    messageSlot: "Enter your email below to receive a password reset link.",
-  },
-};
-const loadingProps = {
-  states: {
-    error: "",
-    loading: true,
-    success: false,
-    loginPath: "/login",
-  },
-  callbacks: {
-    submit: async (e) => await e,
-  },
-  content: {
-    secondaryButton: "Cancel",
-    messageSlot: "Enter your email below to receive a password reset link.",
-  },
-};
-const successProps = {
-  states: {
-    error: "",
-    loading: false,
-    success: true,
-    loginPath: "/login",
-  },
-  callbacks: {
-    submit: async (e) => await e,
-  },
-  content: {
-    secondaryButton: "Cancel",
-    messageSlot: "Enter your email below to receive a password reset link.",
-  },
-};
-export const Default = () => h(PortalForgotPasswordView, Object.assign({}, defaultProps));
-export const ForgotPasswordWithError = () => (h(PortalForgotPasswordView, Object.assign({}, errorProps)));
-export const ForgotPasswordLoading = () => (h(PortalForgotPasswordView, Object.assign({}, loadingProps)));
-export const ForgotPasswordSuccess = () => (h(PortalForgotPasswordView, Object.assign({}, successProps)));
+import { h } from "@stencil/core";
+import { PortalForgotPasswordView, } from "./sqm-portal-forgot-password-view";
+import scenario from "./sqm-portal-forgot-password.feature";
+export default {
+  title: "Components/Portal Forgot Password",
+  parameters: {
+    scenario,
+  },
+};
+const defaultProps = {
+  states: {
+    error: "",
+    loading: false,
+    success: false,
+  },
+  callbacks: {
+    submit: async (e) => await e,
+  },
+  content: {
+    secondaryButton: "Cancel",
+    messageSlot: "Enter your email below to receive a password reset link.",
+  },
+};
+const errorProps = {
+  states: {
+    error: "Something went wrong. Please try again.",
+    loading: false,
+    success: false,
+  },
+  callbacks: {
+    submit: async (e) => await e,
+  },
+  content: {
+    secondaryButton: "Cancel",
+    messageSlot: "Enter your email below to receive a password reset link.",
+  },
+};
+const loadingProps = {
+  states: {
+    error: "",
+    loading: true,
+    success: false,
+  },
+  callbacks: {
+    submit: async (e) => await e,
+  },
+  content: {
+    secondaryButton: "Cancel",
+    messageSlot: "Enter your email below to receive a password reset link.",
+  },
+};
+const successProps = {
+  states: {
+    error: "",
+    loading: false,
+    success: true,
+  },
+  callbacks: {
+    submit: async (e) => await e,
+  },
+  content: {
+    secondaryButton: "Cancel",
+    messageSlot: "Enter your email below to receive a password reset link.",
+  },
+};
+export const Default = () => h(PortalForgotPasswordView, Object.assign({}, defaultProps));
+export const ForgotPasswordWithError = () => (h(PortalForgotPasswordView, Object.assign({}, errorProps)));
+export const ForgotPasswordLoading = () => (h(PortalForgotPasswordView, Object.assign({}, loadingProps)));
+export const ForgotPasswordSuccess = () => (h(PortalForgotPasswordView, Object.assign({}, successProps)));

package/dist/collection/components/sqm-portal-forgot-password/sqm-portal-forgot-password-view.js

@@ -1,42 +1,42 @@
-import { h } from "@stencil/core";
-import { AuthButtonsContainer, AuthColumn, AuthWrapper, } from "../../global/mixins";
-import jss from "jss";
-import preset from "jss-preset-default";
-import { TextSpanView } from "../sqm-text-span/sqm-text-span-view";
-const style = {
-  Wrapper: AuthWrapper,
-  Column: { ...AuthColumn },
-  ButtonsContainer: AuthButtonsContainer,
-  SecondaryButton: {
-    cursor: "pointer",
-    width: "25%",
-  },
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-jss.setup(preset());
-const sheet = jss.createStyleSheet(style);
-const styleString = sheet.toString();
-export function PortalForgotPasswordView(props) {
-  const { states, callbacks, content } = props;
-  return (h("div", { class: sheet.classes.Wrapper },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    h(TextSpanView, { type: "h3" }, content.messageSlot),
-    h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
-      props.states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        h("div", { part: "erroralert-text" }, props.states.error))),
-      props.states.success && (h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
-        h("div", { part: "successalert-text" }, "If an account with that email exists, a password reset email will be sent."))),
-      h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
-      h("div", { class: sheet.classes.ButtonsContainer },
-        h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Reset Password"),
-        h("div", { class: sheet.classes.SecondaryButton }, content.secondaryButton)))));
-}
+import { h } from "@stencil/core";
+import { AuthButtonsContainer, AuthColumn, AuthWrapper, } from "../../global/mixins";
+import jss from "jss";
+import preset from "jss-preset-default";
+import { TextSpanView } from "../sqm-text-span/sqm-text-span-view";
+const style = {
+  Wrapper: AuthWrapper,
+  Column: { ...AuthColumn },
+  ButtonsContainer: AuthButtonsContainer,
+  SecondaryButton: {
+    cursor: "pointer",
+    width: "25%",
+  },
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+jss.setup(preset());
+const sheet = jss.createStyleSheet(style);
+const styleString = sheet.toString();
+export function PortalForgotPasswordView(props) {
+  const { states, callbacks, content } = props;
+  return (h("div", { class: sheet.classes.Wrapper },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    h(TextSpanView, { type: "h3" }, content.messageSlot),
+    h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
+      props.states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        h("div", { part: "erroralert-text" }, props.states.error))),
+      props.states.success && (h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
+        h("div", { part: "successalert-text" }, "If an account with that email exists, a password reset email will be sent."))),
+      h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
+      h("div", { class: sheet.classes.ButtonsContainer },
+        h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Reset Password"),
+        h("div", { class: sheet.classes.SecondaryButton }, content.secondaryButton)))));
+}

package/dist/collection/components/sqm-portal-forgot-password/sqm-portal-forgot-password.js

@@ -1,174 +1,124 @@
-import { isDemo, navigation } from "@saasquatch/component-boilerplate";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Prop, State } from "@stencil/core";
-import deepmerge from "deepmerge";
-import { PortalForgotPasswordView, } from "./sqm-portal-forgot-password-view";
-import { usePortalForgotPassword } from "./usePortalForgotPassword";
-/**
- * @uiName Portal Forgot Password
- */
-export class PortalForgotPassword {
-  constructor() {
-    this.ignored = true;
-    /**
-     * @uiName Base path of reset password email link
-     */
-    this.redirectPath = "/resetPassword";
-    /**
-     * @uiName Email label
-     */
-    this.emailLabel = "Email";
-    /**
-     * @uiName Password reset button text
-     */
-    this.submitLabel = "Request Password Reset";
-    /**
-     * @uiName Routing path to login page
-     */
-    this.loginPath = "/login";
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks } = isDemo()
-      ? usePortalForgotPasswordDemo(this)
-      : usePortalForgotPassword(this);
-    const content = {
-      secondaryButton: (h("slot", { name: "secondaryButton" },
-        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push(states.loginPath) }, "Sign In"))),
-      messageSlot: (h("slot", { name: "messageSlot" }, "Enter your email below to receive a password reset link.")),
-      emailLabel: this.emailLabel,
-      submitLabel: this.submitLabel,
-    };
-    return (h(PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content }));
-  }
-  static get is() { return "sqm-portal-forgot-password"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "redirectPath": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Base path of reset password email link",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "redirect-path",
-      "reflect": false,
-      "defaultValue": "\"/resetPassword\""
-    },
-    "emailLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Email label",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "email-label",
-      "reflect": false,
-      "defaultValue": "\"Email\""
-    },
-    "submitLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Password reset button text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "submit-label",
-      "reflect": false,
-      "defaultValue": "\"Request Password Reset\""
-    },
-    "loginPath": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Routing path to login page",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "login-path",
-      "reflect": false,
-      "defaultValue": "\"/login\""
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<PortalForgotPasswordViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "PortalForgotPasswordViewProps": {
-            "location": "import",
-            "path": "./sqm-portal-forgot-password-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function usePortalForgotPasswordDemo(props) {
-  return deepmerge({
-    states: { error: "", loading: false, success: false },
-    callbacks: {
-      submit: async (_event) => { },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
+import { isDemo, navigation } from "@saasquatch/component-boilerplate";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Prop, State } from "@stencil/core";
+import deepmerge from "deepmerge";
+import { PortalForgotPasswordView, } from "./sqm-portal-forgot-password-view";
+import { usePortalForgotPassword } from "./usePortalForgotPassword";
+/**
+ * @uiName Portal Forgot Password
+ */
+export class PortalForgotPassword {
+  constructor() {
+    this.ignored = true;
+    /**
+     * @uiName Email label
+     */
+    this.emailLabel = "Email";
+    /**
+     * @uiName Password reset button text
+     */
+    this.submitLabel = "Request Password Reset";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks } = isDemo()
+      ? usePortalForgotPasswordDemo(this)
+      : usePortalForgotPassword();
+    const content = {
+      secondaryButton: (h("slot", { name: "secondaryButton" },
+        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push("/login") }, "Sign In"))),
+      messageSlot: (h("slot", { name: "messageSlot" }, "Enter your email below to receive a password reset link.")),
+      emailLabel: this.emailLabel,
+      submitLabel: this.submitLabel,
+    };
+    return (h(PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content }));
+  }
+  static get is() { return "sqm-portal-forgot-password"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() { return {
+    "emailLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Email label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "email-label",
+      "reflect": false,
+      "defaultValue": "\"Email\""
+    },
+    "submitLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Password reset button text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "submit-label",
+      "reflect": false,
+      "defaultValue": "\"Request Password Reset\""
+    },
+    "demoData": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DemoData<PortalForgotPasswordViewProps>",
+        "resolved": "{ states?: { error: string; loading: boolean; success: boolean; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }",
+        "references": {
+          "DemoData": {
+            "location": "import",
+            "path": "../../global/demo"
+          },
+          "PortalForgotPasswordViewProps": {
+            "location": "import",
+            "path": "./sqm-portal-forgot-password-view"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "object",
+            "name": "uiType"
+          }],
+        "text": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}
+function usePortalForgotPasswordDemo(props) {
+  return deepmerge({
+    states: { error: "", loading: false, success: false },
+    callbacks: {
+      submit: async (_event) => { },
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}

package/dist/collection/components/sqm-portal-forgot-password/usePortalForgotPassword.js

@@ -1,44 +1,42 @@
-import jsonpointer from "jsonpointer";
-import { useEffect, useState } from "@saasquatch/universal-hooks";
-import { useRequestPasswordResetEmailMutation } from "@saasquatch/component-boilerplate";
-export function usePortalForgotPassword(props) {
-  var _a, _b, _c, _d;
-  const [success, setSuccess] = useState(false);
-  const [error, setError] = useState("");
-  const [request, { loading, data, errors }] = useRequestPasswordResetEmailMutation();
-  const urlParams = new URLSearchParams(window.location.search);
-  const nextPage = 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 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);
-    }
-  }, [(_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.");
-    }
-  }, [errors]);
-  return {
-    states: {
-      loading,
-      error: ((_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,
-      success,
-      loginPath: props.loginPath,
-    },
-    callbacks: {
-      submit,
-    },
-  };
-}
+import jsonpointer from "jsonpointer";
+import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { useRequestPasswordResetEmailMutation } from "@saasquatch/component-boilerplate";
+export function usePortalForgotPassword() {
+  var _a, _b, _c, _d;
+  const [success, setSuccess] = useState(false);
+  const [error, setError] = useState("");
+  const [request, { loading, data, errors }] = useRequestPasswordResetEmailMutation();
+  const urlParams = new URLSearchParams(window.location.search);
+  const nextPage = 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 urlParams = nextPage ? { nextPage } : null;
+    const variables = { email: formData.email, urlParams };
+    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);
+    }
+  }, [(_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.");
+    }
+  }, [errors]);
+  return {
+    states: {
+      loading,
+      error: ((_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,
+      success,
+    },
+    callbacks: {
+      submit,
+    },
+  };
+}