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

package/dist/collection/components/sqm-portal-email-verification/PortalEmailVerification.stories.js

@@ -1,77 +1,77 @@
-import { h } from "@stencil/core";
-import { PortalEmailVerificationView, } from "./sqm-portal-email-verification-view";
-import scenario from "./sqm-portal-email-verification.feature";
-export default {
-  title: "Components/Portal Email Verification",
-  parameters: {
-    scenario,
-  },
-};
-const defaultProps = {
-  states: {
-    error: "",
-    loading: false,
-    success: false,
-  },
-  callbacks: {
-    submit: async (e) => await e,
-  },
-  content: {
-    email: "email@example.com",
-    verifyMessage: "A verification email was sent to {email}. Please verify your email to continue to the portal.",
-    emailVerificationHeader: "Verify your email",
-    resendEmailButtonText: "Re-send Email",
-  },
-};
-const errorProps = {
-  states: {
-    error: "Something went wrong. Please try again.",
-    loading: false,
-    success: false,
-  },
-  callbacks: {
-    submit: async (e) => await e,
-  },
-  content: {
-    email: "email@example.com",
-    verifyMessage: "A verification email was sent to {email}. Please verify your email to continue to the portal.",
-    emailVerificationHeader: "Verify your email",
-    resendEmailButtonText: "Re-send Email",
-  },
-};
-const loadingProps = {
-  states: {
-    error: "",
-    loading: true,
-    success: false,
-  },
-  callbacks: {
-    submit: async (e) => await e,
-  },
-  content: {
-    email: "email@example.com",
-    verifyMessage: "A verification email was sent to {email}. Please verify your email to continue to the portal.",
-    emailVerificationHeader: "Verify your email",
-    resendEmailButtonText: "Re-send Email",
-  },
-};
-const successProps = {
-  states: {
-    error: "",
-    loading: false,
-    success: true,
-  },
-  callbacks: {
-    submit: async (e) => await e,
-  },
-  content: {
-    email: "email@example.com",
-    verifyMessage: "A verification email was sent to {email}. Please verify your email to continue to the portal.",
-    emailVerificationHeader: "Verify your email",
-    resendEmailButtonText: "Re-send Email",
-  },
-};
-export const Default = () => h(PortalEmailVerificationView, Object.assign({}, defaultProps));
-export const EmailVerificationWithError = () => (h(PortalEmailVerificationView, Object.assign({}, errorProps)));
-export const EmailVerificationLoading = () => (h(PortalEmailVerificationView, Object.assign({}, loadingProps)));
-export const EmailVerificationSuccess = () => (h(PortalEmailVerificationView, Object.assign({}, successProps)));
+import { h } from "@stencil/core";
+import { PortalEmailVerificationView, } from "./sqm-portal-email-verification-view";
+import scenario from "./sqm-portal-email-verification.feature";
+export default {
+  title: "Components/Portal Email Verification",
+  parameters: {
+    scenario,
+  },
+};
+const defaultProps = {
+  states: {
+    error: "",
+    loading: false,
+    success: false,
+  },
+  callbacks: {
+    submit: async (e) => await e,
+  },
+  content: {
+    email: "email@example.com",
+    verifyMessage: "A verification email was sent to {email}. Please verify your email to continue to the portal.",
+    emailVerificationHeader: "Verify your email",
+    resendEmailButtonText: "Re-send Email",
+  },
+};
+const errorProps = {
+  states: {
+    error: "Something went wrong. Please try again.",
+    loading: false,
+    success: false,
+  },
+  callbacks: {
+    submit: async (e) => await e,
+  },
+  content: {
+    email: "email@example.com",
+    verifyMessage: "A verification email was sent to {email}. Please verify your email to continue to the portal.",
+    emailVerificationHeader: "Verify your email",
+    resendEmailButtonText: "Re-send Email",
+  },
+};
+const loadingProps = {
+  states: {
+    error: "",
+    loading: true,
+    success: false,
+  },
+  callbacks: {
+    submit: async (e) => await e,
+  },
+  content: {
+    email: "email@example.com",
+    verifyMessage: "A verification email was sent to {email}. Please verify your email to continue to the portal.",
+    emailVerificationHeader: "Verify your email",
+    resendEmailButtonText: "Re-send Email",
+  },
+};
+const successProps = {
+  states: {
+    error: "",
+    loading: false,
+    success: true,
+  },
+  callbacks: {
+    submit: async (e) => await e,
+  },
+  content: {
+    email: "email@example.com",
+    verifyMessage: "A verification email was sent to {email}. Please verify your email to continue to the portal.",
+    emailVerificationHeader: "Verify your email",
+    resendEmailButtonText: "Re-send Email",
+  },
+};
+export const Default = () => h(PortalEmailVerificationView, Object.assign({}, defaultProps));
+export const EmailVerificationWithError = () => (h(PortalEmailVerificationView, Object.assign({}, errorProps)));
+export const EmailVerificationLoading = () => (h(PortalEmailVerificationView, Object.assign({}, loadingProps)));
+export const EmailVerificationSuccess = () => (h(PortalEmailVerificationView, Object.assign({}, successProps)));

package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification-view.js

@@ -1,39 +1,39 @@
-import { h } from "@stencil/core";
-import { intl } from "../../global/global";
-import { AuthColumn, AuthWrapper } from "../../global/mixins";
-import { createStyleSheet } from "../../styling/JSS";
-import { TextSpanView } from "../sqm-text-span/sqm-text-span-view";
-const style = {
-  Wrapper: AuthWrapper,
-  Column: { ...AuthColumn },
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-export function PortalEmailVerificationView(props) {
-  const { states, callbacks, content: { email, verifyMessage, emailVerificationHeader, resendEmailButtonText, }, } = props;
-  return (h("div", { class: sheet.classes.Wrapper },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    h(TextSpanView, { type: "h3" }, emailVerificationHeader),
-    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" }, "Your verification email has been resent successfully"))),
-      h(TextSpanView, { type: "p" }, intl.formatMessage({
-        id: "verifyMessage",
-        defaultMessage: verifyMessage,
-      }, {
-        email: (h("span", { style: { fontWeight: "var(--sl-font-weight-semibold)" } }, email)),
-      })),
-      h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, resendEmailButtonText))));
-}
+import { h } from "@stencil/core";
+import { intl } from "../../global/global";
+import { AuthColumn, AuthWrapper } from "../../global/mixins";
+import { createStyleSheet } from "../../styling/JSS";
+import { TextSpanView } from "../sqm-text-span/sqm-text-span-view";
+const style = {
+  Wrapper: AuthWrapper,
+  Column: { ...AuthColumn },
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+export function PortalEmailVerificationView(props) {
+  const { states, callbacks, content: { email, verifyMessage, emailVerificationHeader, resendEmailButtonText, }, } = props;
+  return (h("div", { class: sheet.classes.Wrapper },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    h(TextSpanView, { type: "h3" }, emailVerificationHeader),
+    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" }, "Your verification email has been resent successfully"))),
+      h(TextSpanView, { type: "p" }, intl.formatMessage({
+        id: "verifyMessage",
+        defaultMessage: verifyMessage,
+      }, {
+        email: (h("span", { style: { fontWeight: "var(--sl-font-weight-semibold)" } }, email)),
+      })),
+      h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, resendEmailButtonText))));
+}

package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification.js

@@ -1,179 +1,179 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Prop, State } from "@stencil/core";
-import deepmerge from "deepmerge";
-import { PortalEmailVerificationView, } from "./sqm-portal-email-verification-view";
-import { usePortalEmailVerification } from "./usePortalEmailVerification";
-/**
- * @uiName Microsite Email Verification
- */
-export class PortalEmailVerification {
-  constructor() {
-    this.ignored = true;
-    /**
-     * The microsite page that participants are redirected to from the verification email.
-     *
-     * @uiName Email Redirection Path
-     */
-    this.redirectPath = "/verifyEmail";
-    /**
-     * @uiName Email Verification Header Text
-     */
-    this.emailVerificationHeader = "Verify your email";
-    /**
-     * @uiName Re-send Email Button Text
-     */
-    this.resendEmailButtonText = "Re-send Email";
-    /**
-     * @uiName Email Verification Body Text
-     * @uiWidget textArea
-     */
-    this.verifyMessage = "A verification email was sent to {email}. Please verify your email to continue to the portal.";
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks, content } = isDemo()
-      ? usePortalEmailVerificationDemo(this)
-      : usePortalEmailVerification(this);
-    return (h(PortalEmailVerificationView, { states: states, callbacks: callbacks, content: content }));
-  }
-  static get is() { return "sqm-portal-email-verification"; }
-  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": "Email Redirection Path",
-            "name": "uiName"
-          }],
-        "text": "The microsite page that participants are redirected to from the verification email."
-      },
-      "attribute": "redirect-path",
-      "reflect": false,
-      "defaultValue": "\"/verifyEmail\""
-    },
-    "emailVerificationHeader": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Email Verification Header Text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "email-verification-header",
-      "reflect": false,
-      "defaultValue": "\"Verify your email\""
-    },
-    "resendEmailButtonText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Re-send Email Button Text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "resend-email-button-text",
-      "reflect": false,
-      "defaultValue": "\"Re-send Email\""
-    },
-    "verifyMessage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Email Verification Body Text",
-            "name": "uiName"
-          }, {
-            "text": "textArea",
-            "name": "uiWidget"
-          }],
-        "text": ""
-      },
-      "attribute": "verify-message",
-      "reflect": false,
-      "defaultValue": "\"A verification email was sent to {email}. Please verify your email to continue to the portal.\""
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<PortalEmailVerificationViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; success: boolean; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; }; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "PortalEmailVerificationViewProps": {
-            "location": "import",
-            "path": "./sqm-portal-email-verification-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function usePortalEmailVerificationDemo(props) {
-  return deepmerge({
-    states: { error: "", loading: false, success: false },
-    callbacks: {
-      submit: async (_event) => { },
-    },
-    content: {
-      email: "test@example.com",
-      verifyMessage: "A verification email was sent to {email}. Please verify your email to continue to the portal.",
-      emailVerificationHeader: "Verify your email",
-      resendEmailButtonText: "Re-send Email",
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
+import { isDemo } from "@saasquatch/component-boilerplate";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Prop, State } from "@stencil/core";
+import deepmerge from "deepmerge";
+import { PortalEmailVerificationView, } from "./sqm-portal-email-verification-view";
+import { usePortalEmailVerification } from "./usePortalEmailVerification";
+/**
+ * @uiName Microsite Email Verification
+ */
+export class PortalEmailVerification {
+  constructor() {
+    this.ignored = true;
+    /**
+     * The microsite page that participants are redirected to from the verification email.
+     *
+     * @uiName Email Redirection Path
+     */
+    this.redirectPath = "/verifyEmail";
+    /**
+     * @uiName Email Verification Header Text
+     */
+    this.emailVerificationHeader = "Verify your email";
+    /**
+     * @uiName Re-send Email Button Text
+     */
+    this.resendEmailButtonText = "Re-send Email";
+    /**
+     * @uiName Email Verification Body Text
+     * @uiWidget textArea
+     */
+    this.verifyMessage = "A verification email was sent to {email}. Please verify your email to continue to the portal.";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks, content } = isDemo()
+      ? usePortalEmailVerificationDemo(this)
+      : usePortalEmailVerification(this);
+    return (h(PortalEmailVerificationView, { states: states, callbacks: callbacks, content: content }));
+  }
+  static get is() { return "sqm-portal-email-verification"; }
+  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": "Email Redirection Path",
+            "name": "uiName"
+          }],
+        "text": "The microsite page that participants are redirected to from the verification email."
+      },
+      "attribute": "redirect-path",
+      "reflect": false,
+      "defaultValue": "\"/verifyEmail\""
+    },
+    "emailVerificationHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Email Verification Header Text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "email-verification-header",
+      "reflect": false,
+      "defaultValue": "\"Verify your email\""
+    },
+    "resendEmailButtonText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Re-send Email Button Text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "resend-email-button-text",
+      "reflect": false,
+      "defaultValue": "\"Re-send Email\""
+    },
+    "verifyMessage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Email Verification Body Text",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": ""
+      },
+      "attribute": "verify-message",
+      "reflect": false,
+      "defaultValue": "\"A verification email was sent to {email}. Please verify your email to continue to the portal.\""
+    },
+    "demoData": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DemoData<PortalEmailVerificationViewProps>",
+        "resolved": "{ states?: { error: string; loading: boolean; success: boolean; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; }; }",
+        "references": {
+          "DemoData": {
+            "location": "import",
+            "path": "../../global/demo"
+          },
+          "PortalEmailVerificationViewProps": {
+            "location": "import",
+            "path": "./sqm-portal-email-verification-view"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "object",
+            "name": "uiType"
+          }],
+        "text": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}
+function usePortalEmailVerificationDemo(props) {
+  return deepmerge({
+    states: { error: "", loading: false, success: false },
+    callbacks: {
+      submit: async (_event) => { },
+    },
+    content: {
+      email: "test@example.com",
+      verifyMessage: "A verification email was sent to {email}. Please verify your email to continue to the portal.",
+      emailVerificationHeader: "Verify your email",
+      resendEmailButtonText: "Re-send Email",
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}