@saasquatch/mint-components 1.12.0-1 → 1.12.0-11

package/dist/esm/sqm-email-verification.entry.js

@@ -1,12 +1,134 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
-import { n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { i as isDemo } from './index.module-6c840c4e.js';
+import { k as useState, f as useEffect, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
+import { d as dist, M as Mn, E as En, K, c as xe, i as isDemo, S as Sn } from './index.module-6c840c4e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
-import './keys-a1496e39.js';
-import { u as useWidgetEmailVerification } from './useEmailVerification-7135732c.js';
+import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE } from './keys-db1897ae.js';
+import { u as useVerificationEmail } from './useVerificationEmail-c32696ba.js';
+
+const UpsertUserEmailMutation = dist.gql `
+  mutation upsertUser($userInput: UserInput!) {
+    upsertUser(userInput: $userInput) {
+      id
+      accountId
+      email
+    }
+  }
+`;
+const UserLookupQuery = dist.gql `
+  query user {
+    viewer {
+      ... on User {
+        id
+        accountId
+        email
+        impactConnection {
+          user {
+            id
+            email
+          }
+        }
+      }
+    }
+  }
+`;
+function useUpsertUserEmail() {
+  const user = K();
+  const [request, { loading: loading, data, errors }] = xe(UpsertUserEmailMutation);
+  const upsertUserEmail = async (email) => {
+    try {
+      const result = await request({
+        userInput: {
+          id: user.id,
+          accountId: user.accountId,
+          email,
+        },
+      });
+      if (result instanceof Error || !result)
+        throw new Error();
+      return result;
+    }
+    catch (e) {
+      console.error("Could not set email on user", e);
+      return undefined;
+    }
+  };
+  return [
+    upsertUserEmail,
+    {
+      loading,
+      data,
+      errors,
+    },
+  ];
+}
+function useWidgetEmailVerification(props) {
+  const [_, setShowCode] = Mn(SHOW_CODE_NAMESPACE);
+  const [email, setEmail] = Mn(VERIFICATION_EMAIL_NAMESPACE);
+  const [emailExists, setEmailExists] = useState(false);
+  const [error, setError] = useState(false);
+  const [mutationError, setMutationError] = useState(false);
+  const { initialized, send: [sendEmail, { loading: sendLoading, errors }], } = useVerificationEmail();
+  const [upsertUserEmail] = useUpsertUserEmail();
+  const [loading, setLoading] = useState(true);
+  const { data, loading: initialLoading } = En(UserLookupQuery, {});
+  const emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+  useEffect(() => {
+    if (!(data === null || data === void 0 ? void 0 : data.viewer))
+      return;
+    setEmailExists(!!data.viewer.email);
+  }, [data]);
+  useEffect(() => {
+    if (initialized)
+      setLoading(false);
+  }, [initialized]);
+  const submitEmail = async (e) => {
+    e.preventDefault();
+    if (!(data === null || data === void 0 ? void 0 : data.viewer))
+      return;
+    setLoading(true);
+    const toAddress = data.viewer.email;
+    if (!toAddress) {
+      // If no email on the user, set one
+      const formData = e.detail.formData;
+      const newEmail = formData.get("email").toString();
+      if (!emailRegex.test(newEmail)) {
+        setError(true);
+        return;
+      }
+      const result = await upsertUserEmail(newEmail);
+      if (!result || !result.user.email)
+        setError(true);
+    }
+    // UI should not allow this call til initialisation is done
+    if (!initialized)
+      return;
+    const result = await sendEmail();
+    if (!result || !result.success)
+      setMutationError(true);
+    else {
+      // This is used to let the code verification widget know an email was already sent
+      setEmail(toAddress);
+      setShowCode(true);
+    }
+    setLoading(false);
+  };
+  return {
+    callbacks: {
+      submitEmail,
+    },
+    states: {
+      loading,
+      initialLoading: initialLoading && !initialized,
+      error,
+      email: data === null || data === void 0 ? void 0 : data.viewer.email,
+      sendCodeError: mutationError,
+    },
+    text: props.getTextProps(),
+  };
+}
 
 const style = {
   Wrapper: {
@@ -22,6 +144,16 @@ const style = {
     flexDirection: "column",
     maxWidth: "320px",
   },
+  ErrorAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-red-100)",
+      borderTop: "none",
+    },
+    "&::part(message)": {
+      display: "flex",
+      flexDirection: "column",
+    },
+  },
   ContinueButton: {
     width: "100%",
     maxWidth: "100px",
@@ -70,15 +202,18 @@ function WidgetEmailVerificationView(props) {
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    states.loading ? (renderLoadingSkeleton()) : (h("div", { class: sheet.classes.Wrapper },
-      " ",
+    states.sendCodeError && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", class: sheet.classes.ErrorAlertContainer, open: true },
+      h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
+      h("b", null, text.sendCodeErrorHeader),
+      text.sendCodeErrorDescription)),
+    states.initialLoading ? (renderLoadingSkeleton()) : (h("div", { class: sheet.classes.Wrapper },
       h(TextSpanView, { type: "p" }, text.verifyEmailHeaderText),
       h("sl-form", { "onSl-submit": callbacks.submitEmail },
         h("div", { class: sheet.classes.InputsContainer },
-          h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.emailLabel, value: states.email, type: "email", id: "email", name: "email", required: true }, (states.error
+          h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.emailLabel, value: states.email || "", type: "email", id: "email", name: "email", disabled: !!states.email || states.loading }, (states.error
             ? {
               class: sheet.classes.ErrorInput,
-              helpText: "Please enter a valid email",
+              helpText: text.emailValidationErrorText,
             }
             : {}))),
           h("sl-button", { submit: true, class: sheet.classes.ContinueButton, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, text.sendCodeText)))))));
@@ -92,9 +227,13 @@ const WidgetEmailVerification = class {
      */
     this.verifyEmailHeaderText = "Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";
     /**
-     * @uiName Verify email error text
+     * @uiName Send code to email alert header
+     */
+    this.sendCodeErrorHeader = "There was an error sending your code.";
+    /**
+     * @uiName Send code to email alert description
      */
-    this.errorText = "Failed to send an email. If this continues, contact Support with impact.com";
+    this.sendCodeErrorDescription = "Please try again. If this problem continues, contact our program support team.";
     /**
      * @uiName Email input label
      */
@@ -103,6 +242,10 @@ const WidgetEmailVerification = class {
      * @uiName Send code button text
      */
     this.sendCodeText = "Send code";
+    /**
+     * @uiName Send code button text
+     */
+    this.emailValidationErrorText = "Please enter a valid email";
     h$1(this);
   }
   disconnectedCallback() { }
@@ -117,14 +260,17 @@ const WidgetEmailVerification = class {
   }
 };
 function useDemoWidgetEmailVerification(props) {
+  const setShowCode = Sn(SHOW_CODE_NAMESPACE);
   return cjs({
     states: {
-      error: "",
+      error: true,
+      initialLoading: false,
       loading: false,
-      email: "",
+      email: "test@example.com",
+      sendCodeError: true,
     },
     callbacks: {
-      submitEmail: async () => { },
+      submitEmail: async () => setShowCode(true),
     },
     text: props.getTextProps(),
   }, props.demoData || {}, { arrayMerge: (_, a) => a });

package/dist/esm/{sqm-invoice-table-view-08c03ba7.js → sqm-invoice-table-view-d1cfdaf4.js}

@@ -712,6 +712,7 @@ const stepFourProps = {
     },
   },
   callbacks: {
+    onVerification: () => { },
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => { },
     setPaymentScheduleChecked: () => { },
@@ -748,6 +749,8 @@ const docusignFormProps = {
 };
 const dashboardProps = {
   states: {
+    showVerifyIdentity: false,
+    payoutStatus: "DONE",
     canEditPayoutInfo: true,
     disabled: false,
     status: "ACTIVE",
@@ -759,6 +762,7 @@ const dashboardProps = {
     indirectTaxNumber: "123456",
     indirectTaxType: "VAT",
     showNewFormDialog: false,
+    hasHold: false,
   },
   slots: {
     payoutDetailsCardSlot: (h("sqm-payout-details-card", { demoData: {
@@ -1265,6 +1269,8 @@ const TaxAndCashDashboardActiveW8BENForm = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         noFormNeeded: false,
         canEditPayoutInfo: true,
         documentType: "W8BEN",
@@ -1273,6 +1279,7 @@ const TaxAndCashDashboardActiveW8BENForm = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1280,6 +1287,8 @@ const TaxAndCashDashboardActiveW8BENEForm = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         noFormNeeded: false,
         canEditPayoutInfo: true,
         documentType: "W8BENE",
@@ -1288,6 +1297,7 @@ const TaxAndCashDashboardActiveW8BENEForm = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1295,6 +1305,8 @@ const TaxAndCashDashboardNotActiveW9Form = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         noFormNeeded: false,
         canEditPayoutInfo: true,
         status: "INACTIVE",
@@ -1304,6 +1316,7 @@ const TaxAndCashDashboardNotActiveW9Form = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1311,6 +1324,8 @@ const TaxAndCashDashboardNotVerifiedW9Form = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "NOT_VERIFIED",
@@ -1321,6 +1336,7 @@ const TaxAndCashDashboardNotVerifiedW9Form = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1328,6 +1344,8 @@ const TaxAndCashDashboardNotVerifiedW8BENForm = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "NOT_VERIFIED",
@@ -1339,6 +1357,7 @@ const TaxAndCashDashboardNotVerifiedW8BENForm = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1346,6 +1365,8 @@ const TaxAndCashDashboardNotVerifiedW8BENEForm = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "NOT_VERIFIED",
@@ -1357,6 +1378,7 @@ const TaxAndCashDashboardNotVerifiedW8BENEForm = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1364,6 +1386,8 @@ const TaxAndCashDashboardNotActiveW8BENEForm = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "NOT_ACTIVE",
@@ -1375,6 +1399,7 @@ const TaxAndCashDashboardNotActiveW8BENEForm = () => {
         indirectTaxType: "VAT",
         country: "United Kingdom",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1382,6 +1407,8 @@ const TaxAndCashDashboardNoFormNeeded = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: false,
         documentType: "W9",
@@ -1393,6 +1420,7 @@ const TaxAndCashDashboardNoFormNeeded = () => {
         indirectTaxNumber: "123456",
         indirectTaxType: "GST",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1400,6 +1428,8 @@ const TaxAndCashDashboardIndirectTaxCanada = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         disabled: false,
@@ -1412,6 +1442,7 @@ const TaxAndCashDashboardIndirectTaxCanada = () => {
         indirectTaxType: "GST",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1419,6 +1450,8 @@ const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         disabled: false,
@@ -1432,6 +1465,7 @@ const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
         indirectTaxNumber: "123456",
         qstNumber: "44212",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1439,6 +1473,8 @@ const TaxAndCashDashboardIndirectTaxSpain = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         disabled: false,
@@ -1452,6 +1488,7 @@ const TaxAndCashDashboardIndirectTaxSpain = () => {
         indirectTaxNumber: "123456",
         subRegionTaxNumber: "44212",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1459,6 +1496,8 @@ const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         documentType: "W8BEN",
@@ -1467,6 +1506,7 @@ const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
         noFormNeeded: false,
         notRegistered: true,
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1474,6 +1514,8 @@ const TaxAndCashDashboardIdentityVerifcationRequired = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "VERIFICATION_NEEDED",
+        showVerifyIdentity: true,
         showIdentityVerificationDialog: true,
         identiyRequired: true,
         canEditPayoutInfo: true,
@@ -1484,6 +1526,7 @@ const TaxAndCashDashboardIdentityVerifcationRequired = () => {
         noFormNeeded: false,
         notRegistered: true,
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1491,6 +1534,8 @@ const TaxAndCashDashboardNewTaxForm = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         documentType: "W8BEN",
@@ -1499,6 +1544,27 @@ const TaxAndCashDashboardNewTaxForm = () => {
         noFormNeeded: false,
         notRegistered: true,
         showNewFormDialog: true,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardPayoutsOnHold = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
+        canEditPayoutInfo: true,
+        disabled: true,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        indirectTaxNumber: "123456",
+        country: "Slovania",
+        showNewFormDialog: false,
+        hasHold: true,
       },
     } }));
 };
@@ -1506,6 +1572,8 @@ const TaxAndCashDashboardLoading = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "ACTIVE",
@@ -1515,6 +1583,7 @@ const TaxAndCashDashboardLoading = () => {
         noFormNeeded: false,
         loading: true,
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1522,6 +1591,8 @@ const TaxAndCashDashboardWithLoadingError = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         disabled: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
@@ -1532,6 +1603,7 @@ const TaxAndCashDashboardWithLoadingError = () => {
         loading: true,
         loadingError: true,
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1539,6 +1611,8 @@ const TaxAndCashDashboardWithGeneralError = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "ACTIVE",
@@ -1550,6 +1624,7 @@ const TaxAndCashDashboardWithGeneralError = () => {
         indirectTaxType: "VAT",
         country: "Slovania",
         showNewFormDialog: false,
+        hasHold: false,
         errors: {
           general: true,
         },
@@ -1560,6 +1635,8 @@ const TaxAndCashDashboardDisabled = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: true,
         status: "ACTIVE",
@@ -1570,6 +1647,7 @@ const TaxAndCashDashboardDisabled = () => {
         indirectTaxNumber: "123456",
         country: "Slovania",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1638,6 +1716,7 @@ const TaxForm = /*#__PURE__*/Object.freeze({
   TaxAndCashDashboardIndirectTaxNotRegistered: TaxAndCashDashboardIndirectTaxNotRegistered,
   TaxAndCashDashboardIdentityVerifcationRequired: TaxAndCashDashboardIdentityVerifcationRequired,
   TaxAndCashDashboardNewTaxForm: TaxAndCashDashboardNewTaxForm,
+  TaxAndCashDashboardPayoutsOnHold: TaxAndCashDashboardPayoutsOnHold,
   TaxAndCashDashboardLoading: TaxAndCashDashboardLoading,
   TaxAndCashDashboardWithLoadingError: TaxAndCashDashboardWithLoadingError,
   TaxAndCashDashboardWithGeneralError: TaxAndCashDashboardWithGeneralError,