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

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

@@ -28,9 +28,9 @@ const sqmPortalProfileView = require('./sqm-portal-profile-view-d97086bc.js');
 require('./utilities-f7de6c04.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-96f329ed.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7ffcc0d4.js');
-const ShadowViewAddon = require('./ShadowViewAddon-88821c64.js');
+const ShadowViewAddon = require('./ShadowViewAddon-040cffad.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-990a85a3.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-ce9a34ac.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-c58966f8.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -14412,6 +14412,7 @@ const bankingFormProps = {
     loadingError: false,
   },
   callbacks: {
+    onVerification: () => { },
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => { },
     setPaymentScheduleChecked: () => { },
@@ -14999,20 +15000,40 @@ const WidgetEmailVerification_stories = {
 };
 const defaultProps$k = {
   email: "",
-  error: "",
+  error: false,
   loading: false,
+  initialLoading: false,
+  sendCodeError: false,
 };
 const Default$i = () => (index.h("sqm-email-verification", { demoData: {} }));
+const EmailIsPrefilled = () => (index.h("sqm-email-verification", { demoData: {
+    states: {
+      ...defaultProps$k,
+      email: "test@example.com",
+    },
+  } }));
 const Loading$7 = () => (index.h("sqm-email-verification", { demoData: {
+    states: {
+      ...defaultProps$k,
+      initialLoading: true,
+    },
+  } }));
+const SaveLoading = () => (index.h("sqm-email-verification", { demoData: {
     states: {
       ...defaultProps$k,
       loading: true,
     },
   } }));
-const Error$a = () => (index.h("sqm-email-verification", { demoData: {
+const InvalidEmail = () => (index.h("sqm-email-verification", { demoData: {
+    states: {
+      ...defaultProps$k,
+      error: true,
+    },
+  } }));
+const SendCodeError = () => (index.h("sqm-email-verification", { demoData: {
     states: {
       ...defaultProps$k,
-      error: "Email is invalid",
+      sendCodeError: true,
     },
   } }));
 
@@ -15020,20 +15041,30 @@ const WidgetEmailVerification = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': WidgetEmailVerification_stories,
   Default: Default$i,
+  EmailIsPrefilled: EmailIsPrefilled,
   Loading: Loading$7,
-  Error: Error$a
+  SaveLoading: SaveLoading,
+  InvalidEmail: InvalidEmail,
+  SendCodeError: SendCodeError
 });
 
 const WidgetCodeVerification_stories = {
   title: "Components/Widget Code Verification",
 };
 const defaultProps$l = {
+  initialiseLoading: false,
   email: "testemail@example.com",
   loading: false,
   verifyFailed: false,
-  codeResent: false,
+  emailResent: false,
 };
 const Default$j = () => (index.h("sqm-code-verification", { demoData: { states: defaultProps$l } }));
+const InitialLoading = () => (index.h("sqm-code-verification", { demoData: {
+    states: {
+      ...defaultProps$l,
+      initialiseLoading: true,
+    },
+  } }));
 const Loading$8 = () => (index.h("sqm-code-verification", { demoData: {
     states: {
       ...defaultProps$l,
@@ -15043,7 +15074,7 @@ const Loading$8 = () => (index.h("sqm-code-verification", { demoData: {
 const CodeResent = () => (index.h("sqm-code-verification", { demoData: {
     states: {
       ...defaultProps$l,
-      codeResent: true,
+      emailResent: true,
     },
   } }));
 const VerificationFailed = () => (index.h("sqm-code-verification", { demoData: {
@@ -15057,6 +15088,7 @@ const WidgetCodeVerification = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': WidgetCodeVerification_stories,
   Default: Default$j,
+  InitialLoading: InitialLoading,
   Loading: Loading$8,
   CodeResent: CodeResent,
   VerificationFailed: VerificationFailed
@@ -15066,15 +15098,13 @@ const PayoutButtonScroll_stories = {
   title: "Components/Payout Scroll Button",
 };
 const defaultProps$m = {
-  payoutSettingsComplete: false,
+  payoutSettingsComplete: true,
 };
-const Default$k = () => (index.h("sqm-payout-button-scroll", { demoData: { states: defaultProps$m } }));
 const CompletedTaxForm = () => (index.h("sqm-payout-button-scroll", { demoData: { states: { ...defaultProps$m, payoutSettingsComplete: true } } }));
 
 const PayoutButtonScroll = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PayoutButtonScroll_stories,
-  Default: Default$k,
   CompletedTaxForm: CompletedTaxForm
 });
 
@@ -15082,21 +15112,33 @@ const PayoutStatusAlert_stories = {
   title: "Components/Payout Status Alert",
 };
 const defaultProps$n = {
+  error: false,
   status: "INFORMATION_REQUIRED",
   loading: false,
+  showVerifyIdentity: false,
 };
 const InformationRequired = () => (index.h("sqm-payout-status-alert", { demoData: { states: defaultProps$n } }));
 const VerifyIdentity = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$n, status: "VERIFICATION_NEEDED" } } }));
+const VerifyIdentityOpen = () => (index.h("sqm-payout-status-alert", { demoData: {
+    states: {
+      ...defaultProps$n,
+      status: "VERIFICATION_NEEDED",
+      showVerifyIdentity: true,
+    },
+  } }));
 const Hold = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$n, status: "HOLD" } } }));
 const Loading$9 = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$n, loading: true } } }));
+const Error$a = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$n, error: true } } }));
 
 const PayoutStatusAlert = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PayoutStatusAlert_stories,
   InformationRequired: InformationRequired,
   VerifyIdentity: VerifyIdentity,
+  VerifyIdentityOpen: VerifyIdentityOpen,
   Hold: Hold,
-  Loading: Loading$9
+  Loading: Loading$9,
+  Error: Error$a
 });
 
 /**
@@ -15111,7 +15153,7 @@ const PayoutStatusAlert = /*#__PURE__*/Object.freeze({
  *
  */
 //
-const Default$l = `
+const Default$k = `
  // No CSS
 `;
 const Orangey = `
@@ -15145,7 +15187,7 @@ const Klip = `
 
 const Themes = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  Default: Default$l,
+  Default: Default$k,
   Orangey: Orangey,
   Netflix: Netflix,
   SaaSquatchCorporate: SaaSquatchCorporate,

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

@@ -5,29 +5,99 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
 const index_module = require('./index.module-b8d9d0ba.js');
+const utils = require('./utils-6847bc06.js');
 const keys = require('./keys-cff24974.js');
+const extractProps = require('./extractProps-fd93ba62.js');
 
+const USER_LOOKUP = index_module.dist.gql `
+  query checkUserVerification {
+    viewer {
+      ... on User {
+        id
+        accountId
+        email
+        emailVerified
+      }
+    }
+  }
+`;
+function useWidgetVerificationInternal() {
+  const userIdentity = index_module.K();
+  const [showCode, setShowCode] = index_module.Fn({
+    namespace: keys.SHOW_CODE_NAMESPACE,
+    initialValue: false,
+  });
+  const [email, setEmail] = index_module.Fn({
+    namespace: keys.VERIFICATION_EMAIL_NAMESPACE,
+    initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
+  });
+  const setContext = index_module.Sn(keys.VERIFICATION_PARENT_NAMESPACE);
+  const [loading, setLoading] = stencilHooks_module.useState(true);
+  const [fetch] = index_module.an(USER_LOOKUP);
+  stencilHooks_module.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) {
     index.registerInstance(this, hostRef);
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
+  getStepTextProps(prefix) {
+    const props = utils.getProps(this);
+    return extractProps.extractProps(props, prefix);
+  }
   render() {
-    const userIdentity = index_module.K();
-    const [showCode, setShowCode] = index_module.Fn({
-      namespace: keys.SHOW_CODE_NAMESPACE,
-      initialValue: false,
-    });
-    const [email, setEmail] = index_module.Fn({
-      namespace: keys.VERIFICATION_EMAIL_NAMESPACE,
-      initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
-    });
+    const { showCode, onVerification, loading } = index_module.isDemo()
+      ? useDemoWidgetVerificationInternal()
+      : useWidgetVerificationInternal();
+    // TODO: Shoelace spinner is throwing errors
+    if (loading)
+      return index.h("div", null);
+    // if (loading) {
+    //   return <sl-spinner style="font-size: 2rem;"></sl-spinner>;
+    // }
     if (showCode) {
-      return index.h("sqm-code-verification", null);
+      return (index.h("sqm-code-verification", Object.assign({ onVerification: onVerification }, this.getStepTextProps("codeStep_"))));
     }
-    return index.h("sqm-email-verification", null);
+    return (index.h("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"))));
   }
 };
+function useDemoWidgetVerificationInternal() {
+  const [showCode, setShowCode] = index_module.Fn({
+    namespace: keys.SHOW_CODE_NAMESPACE,
+    initialValue: false,
+  });
+  const [email, setEmail] = index_module.Fn({
+    namespace: keys.VERIFICATION_EMAIL_NAMESPACE,
+    initialValue: undefined,
+  });
+  const setContext = index_module.Sn(keys.VERIFICATION_PARENT_NAMESPACE);
+  const onVerification = () => {
+    setContext(true);
+  };
+  return { showCode, onVerification, loading: false };
+}
 
 exports.sqm_widget_verification_internal = WidgetVerificationInternal;

package/dist/cjs/sqm-widget-verification.cjs.entry.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
 const index_module = require('./index.module-b8d9d0ba.js');
+const utils = require('./utils-6847bc06.js');
 const keys = require('./keys-cff24974.js');
 
 const debug = stencilHooks_module.browser("sq:widget-verification");
@@ -35,23 +36,105 @@ function useTemplateChildren({ parent, callback }) {
   };
 }
 const WidgetVerification = class {
+  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                CODE STEP PROPS
+  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    // ! Any updated must be reflected in sqm-widget-verification-internal AND sqm-email-verification AND sqm-code-verification
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                  EMAIL STEP PROPS
+    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName Verify email widget header text
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_verifyEmailHeaderText = "Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";
+    /**
+     * @uiName Send code to email alert header
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_sendCodeErrorHeader = "There was an error sending your code.";
+    /**
+     * @uiName Send code to email alert description
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_sendCodeErrorDescription = "Please try again. If this problem continues, contact our program support team.";
+    /**
+     * @uiName Email input label
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_emailLabel = "Email";
+    /**
+     * @uiName Send code button text
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_sendCodeText = "Send code";
+    /**
+     * @uiName Send code button text
+     * @uiGroup Email Verification Step
+     */
+    this.emailStep_emailValidationErrorText = "Please enter a valid email";
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                  EMAIL STEP PROPS
+    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName Verify code widget header text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_verifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
+    /**
+     * @uiName Reverify code widget header text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_reverifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
+    /**
+     * Text displayed under verify button
+     * @uiName Resend code text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_resendCodeText = "Didn't receive your code? {resendCodeLink}";
+    /**
+     * The link that appears in the resend code link
+     * @uiName Resend code label
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_resendCodeLabel = "Resend code";
+    /**
+     * Link text displayed under verify button
+     * @uiName Resend code text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_codeResentSuccessfullyText = "Another code has been sent to {email}";
+    /**
+     * Error text displayed under verification input
+     * @uiName Invalid code text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_invalidCodeText = "Please check your code and try again. If you’re still having trouble, try resending your code.";
+    /**
+     * @uiName Verify code button text
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_verifyText = "Verify";
+    /**
+     * Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
+     * @uiName Network error message
+     * @uiGroup Code Verification Step
+     */
+    this.codeStep_networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
     const [context, setContext] = index_module.Fn({
       namespace: keys.VERIFICATION_PARENT_NAMESPACE,
-      initialValue: undefined,
+      initialValue: false,
     });
-    const authToken = context === null || context === void 0 ? void 0 : context.token;
     const [container, setContainer] = stencilHooks_module.useState(undefined);
     const [slot, setSlot] = stencilHooks_module.useState(undefined);
-    if (!authToken)
-      debug("No user identity available");
     const updateTemplates = index_module.useCallback(() => {
-      const isAuth = !!authToken;
+      const isAuth = context;
       const templates = slot.querySelectorAll(`template`);
       const template = Array.from(templates).find((t) => t.slot === (isAuth ? "verified" : "not-verified"));
       if (template) {
@@ -99,7 +182,7 @@ const WidgetVerification = class {
           target.style.height = "25px";
         });
       }
-    }, [container, slot, authToken]);
+    }, [container, slot, context]);
     stencilHooks_module.useEffect(() => {
       if (!container || !slot) {
         debug("DOM not ready:");
@@ -108,19 +191,19 @@ const WidgetVerification = class {
       // Run on first render
       updateTemplates();
       return useTemplateChildren({ parent: slot, callback: updateTemplates });
-    }, [slot, container, authToken]);
-    stencilHooks_module.useEffect(() => {
-      const host = stencilHooks_module.l();
-      const callback = (e) => {
-        e.stopPropagation();
-        setContext({ token: e.detail.token });
-      };
-      host.addEventListener(keys.VERIFICATION_EVENT_KEY, callback);
-      return () => {
-        host.removeEventListener(keys.VERIFICATION_EVENT_KEY, callback);
-      };
-    }, []);
-    return (index.h(index.Host, null, index.h("div", { ref: setSlot, style: { display: "contents" } }, index.h("template", { slot: "not-verified" }, index.h("sqm-widget-verification-internal", null)), index.h("slot", { name: "not-verified" }), index.h("slot", { name: "verified" })), index.h("div", { ref: setContainer }, index.h("slot", { name: "shown" }))));
+    }, [slot, container, context]);
+    // useEffect(() => {
+    //   const host = useHost();
+    //   const callback = (e: CustomEvent) => {
+    //     e.stopPropagation();
+    //     setContext({ token: e.detail.token });
+    //   };
+    //   host.addEventListener(VERIFICATION_EVENT_KEY, callback);
+    //   return () => {
+    //     host.removeEventListener(VERIFICATION_EVENT_KEY, callback);
+    //   };
+    // }, []);
+    return (index.h(index.Host, null, index.h("div", { ref: setSlot, style: { display: "contents" } }, index.h("template", { slot: "not-verified" }, index.h("sqm-widget-verification-internal", Object.assign({}, utils.getProps(this)))), index.h("slot", { name: "not-verified" }), index.h("slot", { name: "verified" })), index.h("div", { ref: setContainer }, index.h("slot", { name: "shown" }))));
   }
 };
 

package/dist/cjs/usePayoutStatus-b9fb7399.js

@@ -0,0 +1,70 @@
+'use strict';
+
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const index_module = require('./index.module-b8d9d0ba.js');
+
+const GET_USER_STATUS = index_module.dist.gql `
+  query getUserStatus {
+    user: viewer {
+      ... on User {
+        id
+        impactConnection {
+          connected
+          publisher {
+            id
+            payoutsAccount {
+              hold
+              holdReasons
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+function getStatus(data) {
+  var _a, _b, _c, _d, _e;
+  const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
+  if (!((_d = (_c = data.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.connected) || !account)
+    return "INFORMATION_REQUIRED";
+  if ((_e = account.holdReasons) === null || _e === void 0 ? void 0 : _e.includes("IDV_CHECK_REQUIRED"))
+    return "VERIFICATION_NEEDED";
+  if (account.hold)
+    return "HOLD";
+  return "DONE";
+}
+function usePayoutStatus(props) {
+  const { type } = index_module.getEnvironmentSDK();
+  const { loading, data, errors, refetch } = index_module.En(GET_USER_STATUS, {});
+  const [status, setStatus] = stencilHooks_module.useState(undefined);
+  const [showDialog, setShowDialog] = stencilHooks_module.useState(false);
+  stencilHooks_module.useEffect(() => {
+    if (!data)
+      return;
+    const s = getStatus(data);
+    setStatus(s);
+  }, [data]);
+  stencilHooks_module.useEffect(() => {
+    const cb = () => refetch();
+    window.addEventListener("sqm:tax-form-updated", cb);
+    return () => window.removeEventListener("sqm:tax-form-updated", cb);
+  }, []);
+  return {
+    states: {
+      loading,
+      status,
+      showVerifyIdentity: showDialog,
+      error: !!errors,
+    },
+    data: { type },
+    text: props.getTextProps(),
+    callbacks: {
+      onTermsClick: () => window.open(props.termsUrl, "_blank").focus(),
+      onClick: () => setShowDialog(true),
+      onCancel: () => setShowDialog(false),
+    },
+  };
+}
+
+exports.getStatus = getStatus;
+exports.usePayoutStatus = usePayoutStatus;

package/dist/cjs/useVerificationEmail-6aacdb71.js

@@ -0,0 +1,169 @@
+'use strict';
+
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const index_module = require('./index.module-b8d9d0ba.js');
+
+const UserLookupQuery = index_module.dist.gql `
+  query userLookup {
+    viewer {
+      ... on User {
+        id
+        accountId
+        email
+        impactConnection {
+          user {
+            id
+            email
+          }
+        }
+      }
+    }
+  }
+`;
+const ParticipantVerificationEmailMutation = index_module.dist.gql `
+  mutation requestUserEmailVerification($user: UserIdInput!) {
+    requestUserEmailVerification(user: $user) {
+      success
+    }
+  }
+`;
+const ImpactVerificationEmailMutation = index_module.dist.gql `
+  mutation requestImpactPublisherEmail2FA($user: UserIdInput!) {
+    requestImpactPublisherEmail2FA(user: $user) {
+      success
+    }
+  }
+`;
+const VerifyUserEmailMutation = index_module.dist.gql `
+  mutation verifyUserEmail($user: UserIdInput!, $code: String!) {
+    verifyUserEmail(user: $user, code: $code) {
+      id
+      accountId
+      email
+      emailVerified
+    }
+  }
+`;
+const SubmitImpactCodeMutation = index_module.dist.gql `
+  mutation submitImpactPublisherEmail2FACode(
+    $user: UserIdInput!
+    $code: String!
+  ) {
+    submitImpactPublisherEmail2FACode(user: $user, code: $code) {
+      verifiedEmail
+      accessKey
+    }
+  }
+`;
+// ! It's important when using this hook to ensure initialisation
+// ! is done before calling any mutations
+function useVerificationEmail() {
+  const userIdentity = index_module.K();
+  const [hasEmails, setHasEmails] = stencilHooks_module.useState({
+    participant: false,
+    impact: false,
+  });
+  const [fetch] = index_module.an(UserLookupQuery);
+  // Send mutations
+  const [sendParticipantEmail, { loading: participantEmailLoading, errors: participantEmailErrors },] = index_module.xe(ParticipantVerificationEmailMutation);
+  const [sendImpactEmail, { loading: impactEmailLoading, errors: impactEmailErrors },] = index_module.xe(ImpactVerificationEmailMutation);
+  const sendLoading = participantEmailLoading || impactEmailLoading;
+  const sendErrors = participantEmailErrors || impactEmailErrors;
+  // Verification mutations
+  const [verifyUserEmail, { loading: verifyMutationLoading, errors: verifyMutationErrors },] = index_module.xe(VerifyUserEmailMutation);
+  const [submitImpactCode, { loading: submitImpactCodeLoading, errors: submitImpactCodeErrors },] = index_module.xe(SubmitImpactCodeMutation);
+  const verifyLoading = verifyMutationLoading || submitImpactCodeLoading;
+  const verifyErrors = verifyMutationErrors || submitImpactCodeErrors;
+  const [initialized, setInitialized] = stencilHooks_module.useState(false);
+  const initialise = async () => {
+    var _a, _b, _c, _d;
+    try {
+      const lookup = await fetch({});
+      if (!lookup || lookup instanceof Error)
+        throw new Error();
+      setHasEmails({
+        participant: !!((_a = lookup === null || lookup === void 0 ? void 0 : lookup.viewer) === null || _a === void 0 ? void 0 : _a.email),
+        impact: !!((_d = (_c = (_b = lookup === null || lookup === void 0 ? void 0 : lookup.viewer) === null || _b === void 0 ? void 0 : _b.impactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.email),
+      });
+      setInitialized(true);
+    }
+    catch (e) {
+      console.error("Could not initialise verification", e);
+    }
+  };
+  const sendVerificationEmail = async () => {
+    let result = null;
+    if (!initialized)
+      return result;
+    if (!hasEmails.participant && !hasEmails.impact)
+      return result;
+    try {
+      const request = hasEmails.impact ? sendImpactEmail : sendParticipantEmail;
+      const res = await request({
+        user: {
+          id: userIdentity.id,
+          accountId: userIdentity.accountId,
+        },
+      });
+      if (res instanceof Error || !res)
+        throw new Error();
+      result = hasEmails.impact
+        ? res.requestImpactPublisherEmail2FA
+        : res.requestUserEmailVerification;
+    }
+    catch (e) {
+      console.error("Could not send verification email", e);
+    }
+    finally {
+      return result;
+    }
+  };
+  const verifyVerificationEmail = async (code) => {
+    var _a;
+    let result = null;
+    if (!initialized)
+      return result;
+    if (!hasEmails.participant && !hasEmails.impact)
+      return result;
+    try {
+      const request = hasEmails.impact ? submitImpactCode : verifyUserEmail;
+      const res = await request({
+        user: {
+          id: userIdentity.id,
+          accountId: userIdentity.accountId,
+        },
+        code,
+      });
+      if (res instanceof Error || !res)
+        throw new Error();
+      result = {
+        success: true,
+        accessKey: hasEmails.impact
+          ? (_a = res.submitImpactPublisherEmail2FACode) === null || _a === void 0 ? void 0 : _a.accessKey : undefined,
+      };
+    }
+    catch (e) {
+      console.error("Could not verify email", e);
+    }
+    finally {
+      return result;
+    }
+  };
+  stencilHooks_module.useEffect(() => {
+    if (!initialized)
+      initialise();
+  }, []);
+  return {
+    initialized,
+    send: [
+      sendVerificationEmail,
+      { loading: sendLoading, errors: sendErrors },
+    ],
+    verify: [
+      verifyVerificationEmail,
+      { loading: verifyLoading, errors: verifyErrors },
+    ],
+  };
+}
+
+exports.useVerificationEmail = useVerificationEmail;