@saasquatch/mint-components 1.12.0-4 → 1.12.0-6

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

@@ -1,15 +1,15 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
 import { l, f as useState, d as useEffect, j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
 import { i as intl } from './global-adae7650.js';
-import { M as Mn, D as Dn, K, b as xe, i as isDemo, S as Sn } from './index.module-c0eb7dc2.js';
+import { M as Mn, D as Dn, i as isDemo, S as Sn } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { d as dist } from './index-0c7b14c5.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
-import { b as VERIFICATION_EMAIL_NAMESPACE, V as VERIFICATION_EVENT_KEY, S as SHOW_CODE_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-a1496e39.js';
-import { a as useVerificationEmailMutation } from './useEmailVerification-8f2dc2bd.js';
+import { a as VERIFICATION_EMAIL_NAMESPACE, S as SHOW_CODE_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.js';
+import { u as useVerificationEmail } from './useVerificationEmail-02b78bd7.js';
 
 const style = {
   Wrapper: {
@@ -130,43 +130,22 @@ function WidgetCodeVerificationView(props) {
           h("sl-input", { class: inputClass, name: "code" }),
           h("sl-input", { class: inputClass, name: "code" })),
         states.verifyFailed && (h("p", { class: sheet.classes.ErrorText }, text.invalidCodeText)),
-        h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.submitCode, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, text.verifyText)),
+        h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.submitCode, disabled: states.loading || states.initialiseLoading, loading: states.loading || states.initialiseLoading, exportparts: "base: primarybutton-base", type: "primary" }, text.verifyText)),
       h("div", { class: sheet.classes.FooterContainer },
         h(TextSpanView, { type: "p" }, resendCodeText)))));
 }
 
-// TODO: Move to component-boilerplate
 const VerifyEmailWithCodeMutation = dist.gql `
-  mutation verifyUserEmail($user: UserIdInput!, $code: String!) {
-    verifyUserEmail(user: $user, code: $code) {
+  mutation submitImpactPublisherEmail2FACode(
+    $user: UserIdInput!
+    $code: String!
+  ) {
+    submitImpactPublisherEmail2FACode(user: $user, code: $code) {
       verifiedEmail
       accessKey
     }
   }
 `;
-function useCodeVerificationMutation() {
-  const user = K();
-  const [request, { loading, data, errors }] = xe(VerifyEmailWithCodeMutation);
-  const verifyUserWithCodeMutation = async (code) => {
-    try {
-      const result = await request({
-        user: {
-          id: user.id,
-          accountId: user.accountId,
-        },
-        code,
-      });
-      if (result instanceof Error || !result)
-        throw new Error();
-      return result;
-    }
-    catch (e) {
-      console.error("Failed to verify user", e);
-      return null;
-    }
-  };
-  return [verifyUserWithCodeMutation, { loading, data, errors }];
-}
 function useWidgetCodeVerification(props) {
   const host = l();
   const [_, setShowCode] = Mn(SHOW_CODE_NAMESPACE);
@@ -176,9 +155,10 @@ function useWidgetCodeVerification(props) {
   const [codeRef, setCodeRef] = useState(null);
   const [validationError, setValidationError] = useState(false);
   const [emailError, setEmailError] = useState(false);
-  // TODO: Need to handle error states for these errors
-  const [verifyUser, { loading: verifyLoading, errors: verifyErrors }] = useCodeVerificationMutation();
-  const [request, { loading: resendLoading, data, errors: resendErrors }] = useVerificationEmailMutation();
+  // // TODO: Need to handle error states for these errors
+  // const [verifyUser, { loading: verifyLoading, errors: verifyErrors }] =
+  //   useCodeVerificationMutation();
+  const { initialized, send: [sendEmail, { loading: sendLoading, errors: sendErrors }], verify: [verifyEmail, { loading: verifyLoading, errors: verifyErrors }], } = useVerificationEmail();
   useEffect(() => {
     if (!codeRef)
       return;
@@ -194,7 +174,7 @@ function useWidgetCodeVerification(props) {
         }
       });
       element.addEventListener("input", (e) => {
-        const input = e.target.value;
+        const input = e.data;
         if (!input)
           return;
         if (idx === codeElements.length - 1) {
@@ -204,8 +184,10 @@ function useWidgetCodeVerification(props) {
         if (input.length > 1) {
           const rest = input.slice(1);
           e.target.value = input.slice(0, 1);
-          codeElements[idx + 1].value = rest;
-          codeElements[idx + 1].dispatchEvent(new Event("input"));
+          codeElements[idx + 1].dispatchEvent(new InputEvent("input", {
+            inputType: "insertFromPaste",
+            data: rest,
+          }));
         }
         codeElements[idx + 1].focus();
       });
@@ -216,7 +198,10 @@ function useWidgetCodeVerification(props) {
     setValidationError(false);
   };
   const resendEmail = async () => {
-    const result = await request();
+    // UI should only allow this to be called if initialized, but checking just in case
+    if (!initialized)
+      return;
+    const result = await sendEmail();
     if (!result) {
       setEmailError(true);
       return;
@@ -236,16 +221,13 @@ function useWidgetCodeVerification(props) {
     codeElements.forEach((element) => {
       code = `${code}${element.value}`;
     });
+    // UI should only allow this to be called if initialized, but checking just in case
+    if (!initialized)
+      return;
     setValidationError(false);
-    // Only 123456 passes for a valid code rn
-    const res = await verifyUser(code);
-    if (res) {
-      const event = new CustomEvent(VERIFICATION_EVENT_KEY, {
-        detail: { token: res.verifyUserEmail.accessKey },
-        composed: true,
-        bubbles: true,
-      });
-      host.dispatchEvent(event);
+    const res = await verifyEmail(code);
+    if (res === null || res === void 0 ? void 0 : res.success) {
+      props.onVerification(res.accessKey);
       reset();
     }
     else {
@@ -253,12 +235,15 @@ function useWidgetCodeVerification(props) {
     }
   };
   useEffect(() => {
+    // Wait for mutations to be determined from user lookup
+    if (!initialized)
+      return;
     // email should already exist if user has completed email-verification
     if (!email)
       resendEmail();
     else
       setEmailSent(true);
-  }, []);
+  }, [initialized]);
   return {
     refs: {
       codeWrapperRef: setCodeRef,
@@ -266,8 +251,9 @@ function useWidgetCodeVerification(props) {
     states: {
       email,
       emailResent,
-      resendError: !!(resendErrors === null || resendErrors === void 0 ? void 0 : resendErrors.message) || emailError,
-      loading: verifyLoading || resendLoading,
+      resendError: sendErrors || verifyErrors,
+      initialiseLoading: !initialized,
+      loading: sendLoading || verifyLoading,
       verifyFailed: !!validationError,
     },
     callbacks: {
@@ -347,7 +333,7 @@ function useDemoWidgetCodeVerification(props) {
     },
     callbacks: {
       resendEmail: async () => setEmailResent(true),
-      submitCode: async () => setVerifiedContext({ token: "TOKEN" }),
+      submitCode: async () => setVerifiedContext(true),
     },
     text: props.getTextProps(),
   }, props.demoData || {}, { arrayMerge: (_, a) => a });

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

@@ -1,13 +1,135 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
-import { j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
-import { i as isDemo, S as Sn } from './index.module-c0eb7dc2.js';
+import { f as useState, d as useEffect, j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
+import { M as Mn, E as En, K, b as xe, i as isDemo, S as Sn } from './index.module-c0eb7dc2.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import './index-0c7b14c5.js';
+import { d as dist } from './index-0c7b14c5.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
-import { S as SHOW_CODE_NAMESPACE } from './keys-a1496e39.js';
-import { u as useWidgetEmailVerification } from './useEmailVerification-8f2dc2bd.js';
+import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE } from './keys-db1897ae.js';
+import { u as useVerificationEmail } from './useVerificationEmail-02b78bd7.js';
+
+const UpsertUserEmailMutation = dist.gql `
+  mutation upsertUser($userInput: UserInput!) {
+    user(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({
+        user: {
+          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: {

package/dist/esm/{sqm-invoice-table-view-663674f2.js → sqm-invoice-table-view-22bb7240.js}

@@ -712,6 +712,7 @@ const stepFourProps = {
     },
   },
   callbacks: {
+    onVerification: () => { },
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => { },
     setPaymentScheduleChecked: () => { },
@@ -759,6 +760,7 @@ const dashboardProps = {
     indirectTaxNumber: "123456",
     indirectTaxType: "VAT",
     showNewFormDialog: false,
+    hasHold: false,
   },
   slots: {
     payoutDetailsCardSlot: (h("sqm-payout-details-card", { demoData: {
@@ -1273,6 +1275,7 @@ const TaxAndCashDashboardActiveW8BENForm = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1288,6 +1291,7 @@ const TaxAndCashDashboardActiveW8BENEForm = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1304,6 +1308,7 @@ const TaxAndCashDashboardNotActiveW9Form = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1321,6 +1326,7 @@ const TaxAndCashDashboardNotVerifiedW9Form = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1339,6 +1345,7 @@ const TaxAndCashDashboardNotVerifiedW8BENForm = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1357,6 +1364,7 @@ const TaxAndCashDashboardNotVerifiedW8BENEForm = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1375,6 +1383,7 @@ const TaxAndCashDashboardNotActiveW8BENEForm = () => {
         indirectTaxType: "VAT",
         country: "United Kingdom",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1393,6 +1402,7 @@ const TaxAndCashDashboardNoFormNeeded = () => {
         indirectTaxNumber: "123456",
         indirectTaxType: "GST",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1412,6 +1422,7 @@ const TaxAndCashDashboardIndirectTaxCanada = () => {
         indirectTaxType: "GST",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1432,6 +1443,7 @@ const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
         indirectTaxNumber: "123456",
         qstNumber: "44212",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1452,6 +1464,7 @@ const TaxAndCashDashboardIndirectTaxSpain = () => {
         indirectTaxNumber: "123456",
         subRegionTaxNumber: "44212",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1467,6 +1480,7 @@ const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
         noFormNeeded: false,
         notRegistered: true,
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1484,6 +1498,7 @@ const TaxAndCashDashboardIdentityVerifcationRequired = () => {
         noFormNeeded: false,
         notRegistered: true,
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1499,6 +1514,25 @@ const TaxAndCashDashboardNewTaxForm = () => {
         noFormNeeded: false,
         notRegistered: true,
         showNewFormDialog: true,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardPayoutsOnHold = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        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,
       },
     } }));
 };
@@ -1515,6 +1549,7 @@ const TaxAndCashDashboardLoading = () => {
         noFormNeeded: false,
         loading: true,
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1532,6 +1567,7 @@ const TaxAndCashDashboardWithLoadingError = () => {
         loading: true,
         loadingError: true,
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1550,6 +1586,7 @@ const TaxAndCashDashboardWithGeneralError = () => {
         indirectTaxType: "VAT",
         country: "Slovania",
         showNewFormDialog: false,
+        hasHold: false,
         errors: {
           general: true,
         },
@@ -1570,6 +1607,7 @@ const TaxAndCashDashboardDisabled = () => {
         indirectTaxNumber: "123456",
         country: "Slovania",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1638,6 +1676,7 @@ const TaxForm = /*#__PURE__*/Object.freeze({
   TaxAndCashDashboardIndirectTaxNotRegistered: TaxAndCashDashboardIndirectTaxNotRegistered,
   TaxAndCashDashboardIdentityVerifcationRequired: TaxAndCashDashboardIdentityVerifcationRequired,
   TaxAndCashDashboardNewTaxForm: TaxAndCashDashboardNewTaxForm,
+  TaxAndCashDashboardPayoutsOnHold: TaxAndCashDashboardPayoutsOnHold,
   TaxAndCashDashboardLoading: TaxAndCashDashboardLoading,
   TaxAndCashDashboardWithLoadingError: TaxAndCashDashboardWithLoadingError,
   TaxAndCashDashboardWithGeneralError: TaxAndCashDashboardWithGeneralError,

package/dist/esm/sqm-stencilbook.entry.js

@@ -27,7 +27,7 @@ import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-7
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-d7ea2c56.js';
 import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, j as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, k as RewardExchangeView, r as rewardExchangeCustomErrorMsg, l as rewardExchangeLongText, m as rewardExchangeSelected, n as chooseAmountFixed, o as chooseAmountFixedNoDescription, p as chooseAmountVariable, q as chooseAmountVariableNoDescription, s as chooseAmountVariableDisabled, t as chooseAmountVariableUnavailable, v as confirmFixed, w as confirmVariable, x as redemptionError, y as queryError, z as success, A as successVariable, F as loading, G as empty$1, J as rewardExchange, K as CardFeedView, M as CouponCodeView, O as ProgressBar$2, Q as autoColorScaleCss, U as ShadowViewAddon } from './ShadowViewAddon-72e231a5.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-6c582684.js';
-import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-663674f2.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-22bb7240.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -14409,6 +14409,7 @@ const bankingFormProps = {
     loadingError: false,
   },
   callbacks: {
+    onVerification: () => { },
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => { },
     setPaymentScheduleChecked: () => { },
@@ -15048,12 +15049,19 @@ const WidgetCodeVerification_stories = {
   title: "Components/Widget Code Verification",
 };
 const defaultProps$l = {
+  initialiseLoading: false,
   email: "testemail@example.com",
   loading: false,
   verifyFailed: false,
   emailResent: false,
 };
 const Default$j = () => (h("sqm-code-verification", { demoData: { states: defaultProps$l } }));
+const InitialLoading = () => (h("sqm-code-verification", { demoData: {
+    states: {
+      ...defaultProps$l,
+      initialiseLoading: true,
+    },
+  } }));
 const Loading$8 = () => (h("sqm-code-verification", { demoData: {
     states: {
       ...defaultProps$l,
@@ -15077,6 +15085,7 @@ const WidgetCodeVerification = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': WidgetCodeVerification_stories,
   Default: Default$j,
+  InitialLoading: InitialLoading,
   Loading: Loading$8,
   CodeResent: CodeResent,
   VerificationFailed: VerificationFailed
@@ -15102,9 +15111,17 @@ const PayoutStatusAlert_stories = {
 const defaultProps$n = {
   status: "INFORMATION_REQUIRED",
   loading: false,
+  showVerifyIdentity: false,
 };
 const InformationRequired = () => (h("sqm-payout-status-alert", { demoData: { states: defaultProps$n } }));
 const VerifyIdentity = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$n, status: "VERIFICATION_NEEDED" } } }));
+const VerifyIdentityOpen = () => (h("sqm-payout-status-alert", { demoData: {
+    states: {
+      ...defaultProps$n,
+      status: "VERIFICATION_NEEDED",
+      showVerifyIdentity: true,
+    },
+  } }));
 const Hold = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$n, status: "HOLD" } } }));
 const Loading$9 = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$n, loading: true } } }));
 
@@ -15113,6 +15130,7 @@ const PayoutStatusAlert = /*#__PURE__*/Object.freeze({
   'default': PayoutStatusAlert_stories,
   InformationRequired: InformationRequired,
   VerifyIdentity: VerifyIdentity,
+  VerifyIdentityOpen: VerifyIdentityOpen,
   Hold: Hold,
   Loading: Loading$9
 });

package/dist/esm/sqm-widget-verification-internal.entry.js

@@ -1,10 +1,23 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { j as h } from './stencil-hooks.module-3c7f7c90.js';
-import { i as isDemo, F as Fn, K } from './index.module-c0eb7dc2.js';
+import { j as h, f as useState, d as useEffect } from './stencil-hooks.module-3c7f7c90.js';
+import { i as isDemo, F as Fn, S as Sn, K, e as an } from './index.module-c0eb7dc2.js';
+import { d as dist } from './index-0c7b14c5.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { S as SHOW_CODE_NAMESPACE, b as VERIFICATION_EMAIL_NAMESPACE } from './keys-a1496e39.js';
+import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.js';
 import { e as extractProps } from './extractProps-ae1afbb3.js';
 
+const USER_LOOKUP = dist.gql `
+  query viewer {
+    viewer {
+      ... on User {
+        id
+        accountId
+        email
+        emailVerified
+      }
+    }
+  }
+`;
 function useWidgetVerificationInternal() {
   const userIdentity = K();
   const [showCode, setShowCode] = Fn({
@@ -15,7 +28,32 @@ function useWidgetVerificationInternal() {
     namespace: VERIFICATION_EMAIL_NAMESPACE,
     initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
   });
-  return { showCode };
+  const setContext = Sn(VERIFICATION_PARENT_NAMESPACE);
+  const [loading, setLoading] = useState(true);
+  const [fetch] = an(USER_LOOKUP);
+  useEffect(() => {
+    const checkUser = async () => {
+      var _a;
+      try {
+        const res = await fetch({});
+        if (!res || res instanceof Error)
+          throw new Error();
+        if ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified)
+          setContext(true);
+      }
+      catch (e) {
+        console.error("Could not fetch user information", e);
+      }
+      finally {
+        setLoading(false);
+      }
+    };
+    checkUser();
+  }, []);
+  const onVerification = () => {
+    setContext(true);
+  };
+  return { showCode, onVerification, loading };
 }
 const WidgetVerificationInternal = class {
   constructor(hostRef) {
@@ -28,11 +66,15 @@ const WidgetVerificationInternal = class {
     return extractProps(props, prefix);
   }
   render() {
-    const { showCode } = isDemo()
+    const { showCode, onVerification, loading } = isDemo()
       ? useDemoWidgetVerificationInternal()
       : useWidgetVerificationInternal();
+    if (loading) {
+      // TODO: Proper loading state
+      return h$1("div", null, "Loading");
+    }
     if (showCode) {
-      return (h$1("sqm-code-verification", Object.assign({}, this.getStepTextProps("codeStep_"))));
+      return (h$1("sqm-code-verification", Object.assign({ onVerification: onVerification }, this.getStepTextProps("codeStep_"))));
     }
     return (h$1("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"))));
   }
@@ -46,7 +88,11 @@ function useDemoWidgetVerificationInternal() {
     namespace: VERIFICATION_EMAIL_NAMESPACE,
     initialValue: undefined,
   });
-  return { showCode };
+  const setContext = Sn(VERIFICATION_PARENT_NAMESPACE);
+  const onVerification = () => {
+    setContext(true);
+  };
+  return { showCode, onVerification, loading: false };
 }
 
 export { WidgetVerificationInternal as sqm_widget_verification_internal };