@saasquatch/mint-components 1.3.3-5 → 1.4.0

package/dist/collection/components/sqm-portal-verify-email/usePortalVerifyEmail.js

@@ -1,80 +1,80 @@
-import { useEffect, useState } from "@saasquatch/universal-hooks";
-import { navigation, useUserIdentity, useVerifyEmailMutation, } from "@saasquatch/component-boilerplate";
-export function usePortalVerifyEmail({ nextPage, failedPage }) {
-  var _a, _b, _c, _d, _e;
-  const [verified, setVerified] = useState(false);
-  const [disableContinue, setDisableContinue] = useState(true);
-  const userIdent = useUserIdentity();
-  const [request, { loading, data, errors }] = useVerifyEmailMutation();
-  const [error, setError] = useState("");
-  const urlParams = new URLSearchParams(window.location.search);
-  const oobCode = urlParams.get("oobCode");
-  const nextPageOverride = urlParams.get("nextPage");
-  urlParams.delete("oobCode");
-  const failed = () => {
-    return navigation.push({
-      pathname: failedPage,
-      search: urlParams.toString() && "?" + urlParams.toString(),
-    });
-  };
-  const gotoNextPage = () => {
-    urlParams.delete("nextPage");
-    return navigation.push({
-      pathname: nextPageOverride || nextPage,
-      search: urlParams.toString() && "?" + urlParams.toString(),
-    });
-  };
-  const submit = async () => {
-    if (oobCode) {
-      setError("");
-      await request({ oobCode });
-    }
-  };
-  useEffect(() => {
-    var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail) === null || _a === void 0 ? void 0 : _a.success) {
-      setVerified(true);
-    }
-  }, [(_a = data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail) === null || _a === void 0 ? void 0 : _a.success]);
-  useEffect(() => {
-    submit();
-  }, []);
-  useEffect(() => {
-    var _a, _b;
-    if ((_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) {
-      setDisableContinue(false);
-      setTimeout(() => {
-        gotoNextPage();
-      }, 3000);
-    }
-    else if (!oobCode ||
-      ((_b = data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail) === null || _b === void 0 ? void 0 : _b.success) === false) {
-      setDisableContinue(false);
-    }
-    else if (!userIdent) {
-      setDisableContinue(false);
-      setTimeout(() => {
-        gotoNextPage();
-      }, 3000);
-    }
-  }, [(_b = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _b === void 0 ? void 0 : _b.emailVerified]);
-  useEffect(() => {
-    if (errors === null || errors === void 0 ? void 0 : errors.message) {
-      setError("Network request failed.");
-    }
-  }, [errors]);
-  return {
-    states: {
-      loading: loading || disableContinue,
-      error: ((_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.message) || error,
-      verified,
-    },
-    data: {
-      oobCode,
-    },
-    callbacks: {
-      failed,
-      gotoNextPage,
-    },
-  };
-}
+import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { navigation, useUserIdentity, useVerifyEmailMutation, } from "@saasquatch/component-boilerplate";
+export function usePortalVerifyEmail({ nextPage, failedPage }) {
+  var _a, _b, _c, _d, _e;
+  const [verified, setVerified] = useState(false);
+  const [disableContinue, setDisableContinue] = useState(true);
+  const userIdent = useUserIdentity();
+  const [request, { loading, data, errors }] = useVerifyEmailMutation();
+  const [error, setError] = useState("");
+  const urlParams = new URLSearchParams(window.location.search);
+  const oobCode = urlParams.get("oobCode");
+  const nextPageOverride = urlParams.get("nextPage");
+  urlParams.delete("oobCode");
+  const failed = () => {
+    return navigation.push({
+      pathname: failedPage,
+      search: urlParams.toString() && "?" + urlParams.toString(),
+    });
+  };
+  const gotoNextPage = () => {
+    urlParams.delete("nextPage");
+    return navigation.push({
+      pathname: nextPageOverride || nextPage,
+      search: urlParams.toString() && "?" + urlParams.toString(),
+    });
+  };
+  const submit = async () => {
+    if (oobCode) {
+      setError("");
+      await request({ oobCode });
+    }
+  };
+  useEffect(() => {
+    var _a;
+    if ((_a = data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail) === null || _a === void 0 ? void 0 : _a.success) {
+      setVerified(true);
+    }
+  }, [(_a = data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail) === null || _a === void 0 ? void 0 : _a.success]);
+  useEffect(() => {
+    submit();
+  }, []);
+  useEffect(() => {
+    var _a, _b;
+    if ((_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) {
+      setDisableContinue(false);
+      setTimeout(() => {
+        gotoNextPage();
+      }, 3000);
+    }
+    else if (!oobCode ||
+      ((_b = data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail) === null || _b === void 0 ? void 0 : _b.success) === false) {
+      setDisableContinue(false);
+    }
+    else if (!userIdent) {
+      setDisableContinue(false);
+      setTimeout(() => {
+        gotoNextPage();
+      }, 3000);
+    }
+  }, [(_b = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _b === void 0 ? void 0 : _b.emailVerified]);
+  useEffect(() => {
+    if (errors === null || errors === void 0 ? void 0 : errors.message) {
+      setError("Network request failed.");
+    }
+  }, [errors]);
+  return {
+    states: {
+      loading: loading || disableContinue,
+      error: ((_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.message) || error,
+      verified,
+    },
+    data: {
+      oobCode,
+    },
+    callbacks: {
+      failed,
+      gotoNextPage,
+    },
+  };
+}

package/dist/collection/components/sqm-program-menu/sqm-program-menu.js

@@ -1,24 +1,24 @@
-import { Component, h, Host, State } from "@stencil/core";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { useProgramMenu } from "./useProgramMenu";
-import { getProps } from "../../utils/utils";
-/**
- * @uiName Portal Menu
- */
-export class ProgramMenu {
-  constructor() {
-    this.ignored = true;
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { data, ref } = useProgramMenu(getProps(this));
-    return (h(Host, { style: { display: "contents" } },
-      h("sl-select", { style: { paddingBottom: "var(--sl-spacing-large)" }, value: data.programId, ref: (r) => (ref.current = r) },
-        h("slot", null))));
-  }
-  static get is() { return "sqm-program-menu"; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
+import { Component, h, Host, State } from "@stencil/core";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { useProgramMenu } from "./useProgramMenu";
+import { getProps } from "../../utils/utils";
+/**
+ * @uiName Portal Menu
+ */
+export class ProgramMenu {
+  constructor() {
+    this.ignored = true;
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { data, ref } = useProgramMenu(getProps(this));
+    return (h(Host, { style: { display: "contents" } },
+      h("sl-select", { style: { paddingBottom: "var(--sl-spacing-large)" }, value: data.programId, ref: (r) => (ref.current = r) },
+        h("slot", null))));
+  }
+  static get is() { return "sqm-program-menu"; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}

package/dist/collection/components/sqm-program-menu/useProgramMenu.js

@@ -1,33 +1,33 @@
-import { useProgramId, useTick, useHost } from '@saasquatch/component-boilerplate';
-import { useRef, useEffect } from '@saasquatch/universal-hooks';
-import debugFn from 'debug';
-const debug = debugFn('sq:useProgramMenu');
-const UPDATE_PROGRAM_EVENT = 'sq:update-program-id';
-export function useProgramMenu(props) {
-  const programId = useProgramId();
-  const host = useHost();
-  debug({ programId, props });
-  const ref = useRef();
-  const [, rerender] = useTick();
-  useEffect(() => {
-    var _a;
-    (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener('sl-select', (e) => {
-      const programId = e.detail.item.value;
-      // setProgramId(programId);
-      host.dispatchEvent(new CustomEvent(UPDATE_PROGRAM_EVENT, {
-        detail: programId,
-        bubbles: true,
-        composed: true,
-      }));
-    });
-  }, [ref.current]);
-  return {
-    data: {
-      programId,
-    },
-    callbacks: {
-      rerender,
-    },
-    ref,
-  };
-}
+import { useProgramId, useTick, useHost } from '@saasquatch/component-boilerplate';
+import { useRef, useEffect } from '@saasquatch/universal-hooks';
+import debugFn from 'debug';
+const debug = debugFn('sq:useProgramMenu');
+const UPDATE_PROGRAM_EVENT = 'sq:update-program-id';
+export function useProgramMenu(props) {
+  const programId = useProgramId();
+  const host = useHost();
+  debug({ programId, props });
+  const ref = useRef();
+  const [, rerender] = useTick();
+  useEffect(() => {
+    var _a;
+    (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener('sl-select', (e) => {
+      const programId = e.detail.item.value;
+      // setProgramId(programId);
+      host.dispatchEvent(new CustomEvent(UPDATE_PROGRAM_EVENT, {
+        detail: programId,
+        bubbles: true,
+        composed: true,
+      }));
+    });
+  }, [ref.current]);
+  return {
+    data: {
+      programId,
+    },
+    callbacks: {
+      rerender,
+    },
+    ref,
+  };
+}

package/dist/collection/components/sqm-referral-iframe/sqm-referral-iframe-view.js

@@ -1,30 +1,30 @@
-import { h } from "@stencil/core";
-import jss from "jss";
-import preset from "jss-preset-default";
-export function ReferralIframeView(props) {
-  const { states, data } = props;
-  const { content } = states;
-  const style = {
-    Container: {
-      position: "relative",
-      width: content.iframeWidth,
-      height: content.iframeHeight,
-    },
-    IFrame: {
-      position: "absolute",
-      width: "100%",
-      height: "100%",
-      border: "0",
-      top: "0",
-      left: "0",
-      right: "0",
-    },
-  };
-  // JSS config
-  jss.setup(preset());
-  const sheet = jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (h("div", { class: sheet.classes.Container },
-    h("style", { type: "text/css" }, styleString),
-    h("iframe", { class: sheet.classes.IFrame, src: `${content.iframeSrc}?rsCode=${data.shareCode}` })));
-}
+import { h } from "@stencil/core";
+import jss from "jss";
+import preset from "jss-preset-default";
+export function ReferralIframeView(props) {
+  const { states, data } = props;
+  const { content } = states;
+  const style = {
+    Container: {
+      position: "relative",
+      width: content.iframeWidth,
+      height: content.iframeHeight,
+    },
+    IFrame: {
+      position: "absolute",
+      width: "100%",
+      height: "100%",
+      border: "0",
+      top: "0",
+      left: "0",
+      right: "0",
+    },
+  };
+  // JSS config
+  jss.setup(preset());
+  const sheet = jss.createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (h("div", { class: sheet.classes.Container },
+    h("style", { type: "text/css" }, styleString),
+    h("iframe", { class: sheet.classes.IFrame, src: `${content.iframeSrc}?rsCode=${data.shareCode}` })));
+}

package/dist/collection/components/sqm-referral-iframe/sqm-referral-iframe.js

@@ -1,156 +1,156 @@
-import { Component, h, Host, Prop, State } from "@stencil/core";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { useReferralIframe } from "./useReferralIframe";
-import { ReferralIframeView, } from "./sqm-referral-iframe-view";
-import { isDemo } from "@saasquatch/component-boilerplate";
-import deepmerge from "deepmerge";
-import { getMissingProps, getProps } from "../../utils/utils";
-import { RequiredPropsError } from "../../utils/RequiredPropsError";
-/**
- * @uiName Referral IFrame
- */
-export class SqmReferralIframe {
-  constructor() {
-    this.ignored = true;
-    /**
-     * @uiName Height of the iframe container
-     */
-    this.iframeHeight = "100%";
-    /**
-     * @uiName Width of the iframe container
-     */
-    this.iframeWidth = "100%";
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const missingProps = getMissingProps([
-      {
-        attribute: "iframe-src",
-        value: this.iframeSrc,
-      },
-    ]);
-    if (missingProps) {
-      return h(RequiredPropsError, { missingProps: missingProps });
-    }
-    const { states, data } = isDemo()
-      ? useReferralIframeDemo(getProps(this))
-      : useReferralIframe(getProps(this));
-    return (h(Host, { style: { display: "contents" } },
-      h(ReferralIframeView, { data: data, states: states })));
-  }
-  static get is() { return "sqm-referral-iframe"; }
-  static get properties() { return {
-    "iframeSrc": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "URL of iframe to display",
-            "name": "uiName"
-          }, {
-            "text": undefined,
-            "name": "uiRequired"
-          }],
-        "text": ""
-      },
-      "attribute": "iframe-src",
-      "reflect": false
-    },
-    "iframeHeight": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Height of the iframe container",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "iframe-height",
-      "reflect": false,
-      "defaultValue": "\"100%\""
-    },
-    "iframeWidth": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Width of the iframe container",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "iframe-width",
-      "reflect": false,
-      "defaultValue": "\"100%\""
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<ReferralIframeViewProps>",
-        "resolved": "{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "ReferralIframeViewProps": {
-            "location": "import",
-            "path": "./sqm-referral-iframe-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function useReferralIframeDemo(props) {
-  return deepmerge({
-    states: {
-      content: {
-        iframeSrc: "https://example.com",
-        ...props,
-      },
-    },
-    data: {
-      shareCode: "SHARECODE123",
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
+import { Component, h, Host, Prop, State } from "@stencil/core";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { useReferralIframe } from "./useReferralIframe";
+import { ReferralIframeView, } from "./sqm-referral-iframe-view";
+import { isDemo } from "@saasquatch/component-boilerplate";
+import deepmerge from "deepmerge";
+import { getMissingProps, getProps } from "../../utils/utils";
+import { RequiredPropsError } from "../../utils/RequiredPropsError";
+/**
+ * @uiName Referral IFrame
+ */
+export class SqmReferralIframe {
+  constructor() {
+    this.ignored = true;
+    /**
+     * @uiName Height of the iframe container
+     */
+    this.iframeHeight = "100%";
+    /**
+     * @uiName Width of the iframe container
+     */
+    this.iframeWidth = "100%";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const missingProps = getMissingProps([
+      {
+        attribute: "iframe-src",
+        value: this.iframeSrc,
+      },
+    ]);
+    if (missingProps) {
+      return h(RequiredPropsError, { missingProps: missingProps });
+    }
+    const { states, data } = isDemo()
+      ? useReferralIframeDemo(getProps(this))
+      : useReferralIframe(getProps(this));
+    return (h(Host, { style: { display: "contents" } },
+      h(ReferralIframeView, { data: data, states: states })));
+  }
+  static get is() { return "sqm-referral-iframe"; }
+  static get properties() { return {
+    "iframeSrc": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "URL of iframe to display",
+            "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "uiRequired"
+          }],
+        "text": ""
+      },
+      "attribute": "iframe-src",
+      "reflect": false
+    },
+    "iframeHeight": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Height of the iframe container",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "iframe-height",
+      "reflect": false,
+      "defaultValue": "\"100%\""
+    },
+    "iframeWidth": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Width of the iframe container",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "iframe-width",
+      "reflect": false,
+      "defaultValue": "\"100%\""
+    },
+    "demoData": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DemoData<ReferralIframeViewProps>",
+        "resolved": "{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }",
+        "references": {
+          "DemoData": {
+            "location": "import",
+            "path": "../../global/demo"
+          },
+          "ReferralIframeViewProps": {
+            "location": "import",
+            "path": "./sqm-referral-iframe-view"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "object",
+            "name": "uiType"
+          }],
+        "text": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}
+function useReferralIframeDemo(props) {
+  return deepmerge({
+    states: {
+      content: {
+        iframeSrc: "https://example.com",
+        ...props,
+      },
+    },
+    data: {
+      shareCode: "SHARECODE123",
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}