@saasquatch/mint-components 1.3.3-0 → 1.3.3-4

package/dist/esm/{sqm-portal-verify-email-view-6f18bac2.js → sqm-portal-verify-email-view-b818602a.js}

@@ -1,46 +1,46 @@
 import { h } from './index-17b4da69.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
-import { A as AuthWrapper, a as AuthColumn } from './mixins-10353a39.js';
-import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
+import { A as AuthWrapper, a as AuthColumn } from './mixins-eba86511.js';
+import { T as TextSpanView } from './sqm-text-span-view-db65d1ea.js';
 
-const style = {
-  Wrapper: AuthWrapper,
-  Column: AuthColumn,
-  ContinueButton: {
-    width: "100%",
-  },
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-jss.setup(create());
-const sheet = jss.createStyleSheet(style);
-const styleString = sheet.toString();
-function PortalVerifyEmailView(props) {
-  const { states, data, callbacks } = props;
-  if (states.verified) {
-    return (h("div", { class: sheet.classes.Wrapper },
-      h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      h(TextSpanView, { type: "h3" }, "Verify your email"),
-      h("sqm-form-message", { exportparts: "success-icon" },
-        h("div", { part: "successalert-text" }, "Your email has been verified and you are being redirected. If you are not redirected, please click Continue.")),
-      h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, "Continue")));
-  }
-  if (states.error || !data.oobCode) {
-    return (h("div", { class: sheet.classes.Wrapper },
-      h("style", { type: "text/css" }, styleString),
-      h(TextSpanView, { type: "h3" }, "Verify your email"),
-      h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        h("div", { part: "erroralert-text" }, "The email verification code is invalid or has expired, please try again.")),
-      h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.failed, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, "Continue")));
-  }
+const style = {
+  Wrapper: AuthWrapper,
+  Column: AuthColumn,
+  ContinueButton: {
+    width: "100%",
+  },
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+jss.setup(create());
+const sheet = jss.createStyleSheet(style);
+const styleString = sheet.toString();
+function PortalVerifyEmailView(props) {
+  const { states, data, callbacks } = props;
+  if (states.verified) {
+    return (h("div", { class: sheet.classes.Wrapper },
+      h("style", { type: "text/css" },
+        vanillaStyle,
+        styleString),
+      h(TextSpanView, { type: "h3" }, "Verify your email"),
+      h("sqm-form-message", { exportparts: "success-icon" },
+        h("div", { part: "successalert-text" }, "Your email has been verified and you are being redirected. If you are not redirected, please click Continue.")),
+      h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, "Continue")));
+  }
+  if (states.error || !data.oobCode) {
+    return (h("div", { class: sheet.classes.Wrapper },
+      h("style", { type: "text/css" }, styleString),
+      h(TextSpanView, { type: "h3" }, "Verify your email"),
+      h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        h("div", { part: "erroralert-text" }, "The email verification code is invalid or has expired, please try again.")),
+      h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.failed, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, "Continue")));
+  }
 }
 
 export { PortalVerifyEmailView as P };

package/dist/esm/sqm-portal-verify-email.entry.js

@@ -1,123 +1,127 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { T, l as Le, r as rn, j } from './index.module-33c313d2.js';
+import { T, l as Le, r as rn, j } from './index.module-8c0fcb22.js';
 import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import './mixins-10353a39.js';
-import './sqm-text-span-view-1781df94.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-6f18bac2.js';
+import './mixins-eba86511.js';
+import './sqm-text-span-view-db65d1ea.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-b818602a.js';
 
-function usePortalVerifyEmail({ nextPage }) {
-  var _a, _b, _c, _d, _e;
-  const [verified, setVerified] = useState(false);
-  const [disableContinue, setDisableContinue] = useState(true);
-  const userIdent = T();
-  const [request, { loading, data, errors }] = Le();
-  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 rn.push({
-      pathname: "/",
-      search: urlParams.toString() && "?" + urlParams.toString(),
-    });
-  };
-  const gotoNextPage = () => {
-    urlParams.delete("nextPage");
-    return rn.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,
-    },
-  };
+function usePortalVerifyEmail({ nextPage, failedPage }) {
+  var _a, _b, _c, _d, _e;
+  const [verified, setVerified] = useState(false);
+  const [disableContinue, setDisableContinue] = useState(true);
+  const userIdent = T();
+  const [request, { loading, data, errors }] = Le();
+  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 rn.push({
+      pathname: failedPage,
+      search: urlParams.toString() && "?" + urlParams.toString(),
+    });
+  };
+  const gotoNextPage = () => {
+    urlParams.delete("nextPage");
+    return rn.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,
+    },
+  };
 }
 
-const PortalVerifyEmail = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Next page path
-     */
-    this.nextPage = "/";
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, data, callbacks } = j()
-      ? usePortalVerifyEmailDemo(this)
-      : usePortalVerifyEmail(this);
-    return (h$1(PortalVerifyEmailView, { states: states, data: data, callbacks: callbacks }));
-  }
-};
-function usePortalVerifyEmailDemo(props) {
-  return cjs({
-    states: { error: "", loading: false, verified: true },
-    data: {
-      oobCode: "code",
-    },
-    callbacks: {
-      failed: () => {
-        console.log("failed");
-      },
-      gotoNextPage: () => { },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+const PortalVerifyEmail = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * @uiName Next page path
+     */
+    this.nextPage = "/";
+    /**
+     * @uiName Failed page path
+     */
+    this.failedPage = "/";
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, data, callbacks } = j()
+      ? usePortalVerifyEmailDemo(this)
+      : usePortalVerifyEmail(this);
+    return (h$1(PortalVerifyEmailView, { states: states, data: data, callbacks: callbacks }));
+  }
+};
+function usePortalVerifyEmailDemo(props) {
+  return cjs({
+    states: { error: "", loading: false, verified: true },
+    data: {
+      oobCode: "code",
+    },
+    callbacks: {
+      failed: () => {
+        console.log("failed");
+      },
+      gotoNextPage: () => { },
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 export { PortalVerifyEmail as sqm_portal_verify_email };

package/dist/esm/sqm-referral-table-column.entry.js

@@ -1,26 +1,26 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import './index.module-33c313d2.js';
-import { a as useRequestRerender } from './re-render-338d931e.js';
+import './index.module-8c0fcb22.js';
+import { a as useRequestRerender } from './re-render-17fbc7b6.js';
 
-const ReferralTableGenericColumn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    h(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(_) {
-    // this is insecure, <script> tags can be added
-    return (h$1("sqm-referral-table-cell", { "inner-template": getElement(this).innerHTML }));
-  }
-  async renderLabel() {
-    return Promise.resolve(this.columnTitle);
-  }
-  render() {
-    useRequestRerender([this.columnTitle]);
-    return (h$1(Host, { style: { display: "none" } }, h$1("slot", null)));
-  }
+const ReferralTableGenericColumn = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    h(this);
+  }
+  disconnectedCallback() { }
+  async renderCell(_) {
+    // this is insecure, <script> tags can be added
+    return (h$1("sqm-referral-table-cell", { "inner-template": getElement(this).innerHTML }));
+  }
+  async renderLabel() {
+    return Promise.resolve(this.columnTitle);
+  }
+  render() {
+    useRequestRerender([this.columnTitle]);
+    return (h$1(Host, { style: { display: "none" } }, h$1("slot", null)));
+  }
 };
 
 export { ReferralTableGenericColumn as sqm_referral_table_column };

package/dist/esm/sqm-referral-table-date-column.entry.js

@@ -1,43 +1,43 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import './index.module-33c313d2.js';
-import { a as useRequestRerender } from './re-render-338d931e.js';
+import './index.module-8c0fcb22.js';
+import { a as useRequestRerender } from './re-render-17fbc7b6.js';
 
-const ReferralTableDateColumn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Date Column Title
-     */
-    this.columnTitle = "Date Converted";
-    /**
-     * @uiName Date Displayed
-     * @uiType string
-     * @uiEnum ["dateConverted",
-     * "dateReferralStarted",
-     * "dateFraudChecksCompleted",
-     * "dateModerated",
-     * "dateModified",
-     * "dateReferralEnded",
-     * "dateReferralPaid",
-     * "dateUserModified"]
-     */
-    this.dateShown = "dateConverted";
-    h(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(data) {
-    // TODO - Validate `dateShown` against a set of known values
-    return (h$1("sqm-referral-table-date-cell", { date: data[this.dateShown] }));
-  }
-  async renderLabel() {
-    return this.columnTitle;
-  }
-  render() {
-    useRequestRerender([this.dateShown, this.columnTitle]);
-    return h$1(Host, { style: { display: "none" } });
-  }
+const ReferralTableDateColumn = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * @uiName Date Column Title
+     */
+    this.columnTitle = "Date Converted";
+    /**
+     * @uiName Date Displayed
+     * @uiType string
+     * @uiEnum ["dateConverted",
+     * "dateReferralStarted",
+     * "dateFraudChecksCompleted",
+     * "dateModerated",
+     * "dateModified",
+     * "dateReferralEnded",
+     * "dateReferralPaid",
+     * "dateUserModified"]
+     */
+    this.dateShown = "dateConverted";
+    h(this);
+  }
+  disconnectedCallback() { }
+  async renderCell(data) {
+    // TODO - Validate `dateShown` against a set of known values
+    return (h$1("sqm-referral-table-date-cell", { date: data[this.dateShown] }));
+  }
+  async renderLabel() {
+    return this.columnTitle;
+  }
+  render() {
+    useRequestRerender([this.dateShown, this.columnTitle]);
+    return h$1(Host, { style: { display: "none" } });
+  }
 };
 
 export { ReferralTableDateColumn as sqm_referral_table_date_column };

package/dist/esm/sqm-referral-table-rewards-column.entry.js

@@ -1,34 +1,34 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import './index.module-33c313d2.js';
-import { a as useRequestRerender } from './re-render-338d931e.js';
+import './index.module-8c0fcb22.js';
+import { a as useRequestRerender } from './re-render-17fbc7b6.js';
 
-const ReferralTableRewardsColumn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Reward column title
-     */
-    this.columnTitle = "Rewards";
-    /**
-     * @uiName Hide dropdown details of reward
-     */
-    this.hideDetails = false;
-    h(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(data) {
-    // TODO: Do the right thing with many rewards, pending rewards, canceled rewards
-    return (h$1("sqm-referral-table-rewards-cell", { rewards: data.rewards, hideDetails: this.hideDetails }));
-  }
-  async renderLabel() {
-    return this.columnTitle;
-  }
-  render() {
-    useRequestRerender([this.columnTitle]);
-    return h$1(Host, { style: { display: "none" } });
-  }
+const ReferralTableRewardsColumn = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * @uiName Reward column title
+     */
+    this.columnTitle = "Rewards";
+    /**
+     * @uiName Hide dropdown details of reward
+     */
+    this.hideDetails = false;
+    h(this);
+  }
+  disconnectedCallback() { }
+  async renderCell(data) {
+    // TODO: Do the right thing with many rewards, pending rewards, canceled rewards
+    return (h$1("sqm-referral-table-rewards-cell", { rewards: data.rewards, hideDetails: this.hideDetails }));
+  }
+  async renderLabel() {
+    return this.columnTitle;
+  }
+  render() {
+    useRequestRerender([this.columnTitle]);
+    return h$1(Host, { style: { display: "none" } });
+  }
 };
 
 export { ReferralTableRewardsColumn as sqm_referral_table_rewards_column };

package/dist/esm/sqm-referral-table-status-column.entry.js

@@ -1,41 +1,41 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import './index.module-33c313d2.js';
-import { a as useRequestRerender } from './re-render-338d931e.js';
+import './index.module-8c0fcb22.js';
+import { a as useRequestRerender } from './re-render-17fbc7b6.js';
 
-const ReferralTableStatusColumn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Column Title
-     */
-    this.columnTitle = "Status";
-    /**
-     * @uiName Converted Status Text
-     */
-    this.convertedStatusText = "Converted";
-    /**
-     * @uiName In Progress Status Text
-     */
-    this.inProgressStatusText = "In Progress";
-    h(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(data) {
-    // TODO: Make ICU and more complete
-    const statusText = data.dateConverted
-      ? this.convertedStatusText
-      : this.inProgressStatusText;
-    return (h$1("sqm-referral-table-status-cell", { "status-text": statusText, converted: data.dateConverted ? true : false }));
-  }
-  async renderLabel() {
-    return this.columnTitle;
-  }
-  render() {
-    useRequestRerender([this.columnTitle]);
-    return h$1(Host, { style: { display: "none" } });
-  }
+const ReferralTableStatusColumn = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * @uiName Column Title
+     */
+    this.columnTitle = "Status";
+    /**
+     * @uiName Converted Status Text
+     */
+    this.convertedStatusText = "Converted";
+    /**
+     * @uiName In Progress Status Text
+     */
+    this.inProgressStatusText = "In Progress";
+    h(this);
+  }
+  disconnectedCallback() { }
+  async renderCell(data) {
+    // TODO: Make ICU and more complete
+    const statusText = data.dateConverted
+      ? this.convertedStatusText
+      : this.inProgressStatusText;
+    return (h$1("sqm-referral-table-status-cell", { "status-text": statusText, converted: data.dateConverted ? true : false }));
+  }
+  async renderLabel() {
+    return this.columnTitle;
+  }
+  render() {
+    useRequestRerender([this.columnTitle]);
+    return h$1(Host, { style: { display: "none" } });
+  }
 };
 
 export { ReferralTableStatusColumn as sqm_referral_table_status_column };