@saasquatch/mint-components 1.12.0-9 → 1.12.1-0

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.js

@@ -1,65 +0,0 @@
-import { getEnvironmentSDK, useQuery } from "@saasquatch/component-boilerplate";
-import { useState, useEffect } from "@saasquatch/stencil-hooks";
-import { gql } from "graphql-request";
-const GET_USER_STATUS = gql `
-  query getUserStatus {
-    user: viewer {
-      ... on User {
-        id
-        impactConnection {
-          connected
-          publisher {
-            id
-            payoutsAccount {
-              hold
-              holdReasons
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-export 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";
-}
-export function usePayoutStatus(props) {
-  const { type } = getEnvironmentSDK();
-  const { loading, data, errors, refetch } = useQuery(GET_USER_STATUS, {});
-  const [status, setStatus] = useState(undefined);
-  const [showDialog, setShowDialog] = useState(false);
-  useEffect(() => {
-    if (!data)
-      return;
-    const s = getStatus(data);
-    setStatus(s);
-  }, [data]);
-  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),
-    },
-  };
-}

package/dist/esm/extractProps-ae1afbb3.js

@@ -1,19 +0,0 @@
-/**
- * Util function for getting just the props with a certain prefix.
- * @param props Text props on stencil component
- * @param prefix Prefix denoting which group the text prop belongs to
- * @returns A new object with all keys with the prefix provided. The prefix is removed from each key.
- */
-function extractProps(props, prefix) {
-  const keys = Object.keys(props).filter((k) => k.startsWith(prefix));
-  const formattedProps = keys.reduce((prev, k) => {
-    const key = k.replace(prefix, "");
-    return {
-      ...prev,
-      [key]: props[k],
-    };
-  }, {});
-  return formattedProps;
-}
-
-export { extractProps as e };

package/dist/esm/keys-db1897ae.js

@@ -1,6 +0,0 @@
-const SHOW_CODE_NAMESPACE = "sq:code-verification";
-const VERIFICATION_EMAIL_NAMESPACE = "sq:verification-email";
-const VERIFICATION_PARENT_NAMESPACE = "sq:verification-context";
-const VERIFICATION_EVENT_KEY = "sq:code-verified";
-
-export { SHOW_CODE_NAMESPACE as S, VERIFICATION_PARENT_NAMESPACE as V, VERIFICATION_EMAIL_NAMESPACE as a, VERIFICATION_EVENT_KEY as b };

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

@@ -1,338 +0,0 @@
-import { h, r as registerInstance } from './index-17b4da69.js';
-import { l, k as useState, f as useEffect, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { i as intl } from './global-6306a9b8.js';
-import { d as dist, M as Mn, D as Dn, i as isDemo, S as Sn } from './index.module-6c840c4e.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 { g as getProps } from './utils-334c1e34.js';
-import { T as TextSpanView } from './sqm-text-span-view-8d140661.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-c32696ba.js';
-
-const style = {
-  Wrapper: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "var(--sl-spacing-medium)",
-    maxWidth: "515px",
-  },
-  HeaderContainer: {
-    display: "flex",
-    flexDirection: "column",
-  },
-  InputsContainer: {
-    display: "flex",
-    gap: "var(--sl-spacing-medium)",
-    position: "relative",
-    flexDirection: "column",
-  },
-  CodeInputContainer: {
-    display: "flex",
-    gap: "var(--sl-spacing-medium)",
-  },
-  CodeInput: {
-    maxWidth: "40px",
-    "&::part(input)": {
-      margin: "0",
-      padding: "0 var(--sl-input-spacing-small)",
-      fontSize: "var(--sl-font-size-large)",
-    },
-  },
-  CodeInputError: {
-    ...ErrorStyles,
-    maxWidth: "40px",
-    "&::part(input)": {
-      margin: "0",
-      padding: "0 var(--sl-input-spacing-small)",
-      fontSize: "var(--sl-font-size-large)",
-    },
-  },
-  ErrorText: {
-    color: "var(--sl-color-danger-500)",
-    fontSize: "var(--sl-font-size-small)",
-    margin: "0",
-  },
-  ContinueButton: {
-    width: "100%",
-    maxWidth: "100px",
-  },
-  FooterContainer: {
-    display: "flex",
-    flexDirection: "column",
-  },
-  SkeletonOne: {
-    width: "50%",
-    height: "16px",
-  },
-  SkeletonTwo: {
-    width: "30%",
-    height: "34px",
-  },
-  SkeletonThree: {
-    width: "15%",
-    height: "24px",
-  },
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-
-
-`;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-function WidgetCodeVerificationView(props) {
-  const { states, refs, callbacks, text } = props;
-  const resendCodeText = intl.formatMessage({
-    id: "resendCodeText",
-    defaultMessage: text.resendCodeText,
-  }, {
-    resendCodeLink: (h("a", { href: "", style: { textDecoration: "none" }, onClick: (e) => {
-        e.preventDefault();
-        callbacks.resendEmail();
-      } }, text.resendCodeLabel)),
-  });
-  const codeResentSuccessfully = intl.formatMessage({
-    id: "codeResentSuccessfully",
-    defaultMessage: text.codeResentSuccessfullyText,
-  }, {
-    email: states.email,
-  });
-  const inputClass = states.verifyFailed
-    ? sheet.classes.CodeInputError
-    : sheet.classes.CodeInput;
-  return (h("div", { part: "sqm-base" },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    h("div", { class: sheet.classes.Wrapper },
-      h("div", { class: sheet.classes.HeaderContainer },
-        h(TextSpanView, { type: "p" }, intl.formatMessage({
-          id: `emailHeaderText`,
-          defaultMessage: states.verifyFailed
-            ? text.reverifyCodeHeaderText
-            : text.verifyCodeHeaderText,
-        }, { email: states.email }))),
-      states.emailResent && (h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
-        h("b", null, codeResentSuccessfully))),
-      h("div", { class: sheet.classes.InputsContainer },
-        h("div", { ref: refs.codeWrapperRef, class: sheet.classes.CodeInputContainer },
-          h("sl-input", { class: inputClass, name: "code" }),
-          h("sl-input", { class: inputClass, name: "code" }),
-          h("sl-input", { class: inputClass, name: "code" }),
-          h("sl-input", { class: inputClass, name: "code" }),
-          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, 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)))));
-}
-
-const VerifyEmailWithCodeMutation = dist.gql `
-  mutation submitImpactPublisherEmail2FACode(
-    $user: UserIdInput!
-    $code: String!
-  ) {
-    submitImpactPublisherEmail2FACode(user: $user, code: $code) {
-      verifiedEmail
-      accessKey
-    }
-  }
-`;
-function useWidgetCodeVerification(props) {
-  const host = l();
-  const [_, setShowCode] = Mn(SHOW_CODE_NAMESPACE);
-  const email = Dn(VERIFICATION_EMAIL_NAMESPACE);
-  const [emailSent, setEmailSent] = useState(false);
-  const [emailResent, setEmailResent] = useState(false);
-  const [codeRef, setCodeRef] = useState(null);
-  const [validationError, setValidationError] = useState(false);
-  const [emailError, setEmailError] = useState(false);
-  const { initialized, send: [sendEmail, { loading: sendLoading, errors: sendErrors }], verify: [verifyEmail, { loading: verifyLoading, errors: verifyErrors }], } = useVerificationEmail();
-  useEffect(() => {
-    if (!codeRef)
-      return;
-    const slInputs = codeRef.querySelectorAll("sl-input");
-    const codeElements = Array.from(slInputs).map((node) => node.shadowRoot.querySelector(`input[name="code"]`));
-    codeElements.forEach((element, idx) => {
-      element.addEventListener("focus", (e) => {
-        e.target.select();
-      });
-      element.addEventListener("keydown", (e) => {
-        if (e.key === "Backspace" && e.target.value === "") {
-          codeElements[Math.max(0, idx - 1)].focus();
-        }
-      });
-      element.addEventListener("input", (e) => {
-        const input = e.data;
-        if (!input)
-          return;
-        if (idx === codeElements.length - 1) {
-          e.target.value = input.slice(-1);
-          return;
-        }
-        if (input.length > 1) {
-          const rest = input.slice(1);
-          e.target.value = input.slice(0, 1);
-          codeElements[idx + 1].dispatchEvent(new InputEvent("input", {
-            inputType: "insertFromPaste",
-            data: rest,
-          }));
-        }
-        codeElements[idx + 1].focus();
-      });
-    });
-  }, [codeRef]);
-  const reset = () => {
-    setShowCode(false);
-    setValidationError(false);
-  };
-  const resendEmail = async () => {
-    // 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;
-    }
-    if (emailSent)
-      setEmailResent(true);
-    setEmailSent(true);
-  };
-  const submitCode = async () => {
-    const slInputs = codeRef.querySelectorAll("sl-input");
-    const codeElements = Array.from(slInputs).map((node) => node.shadowRoot.querySelector(`input[name="code"]`));
-    if (codeElements.find((el) => !el.value)) {
-      setValidationError(true);
-      return;
-    }
-    let code = "";
-    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);
-    const res = await verifyEmail(code);
-    if (res === null || res === void 0 ? void 0 : res.success) {
-      props.onVerification(res.accessKey);
-      reset();
-    }
-    else {
-      setValidationError(true);
-    }
-  };
-  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,
-    },
-    states: {
-      email,
-      emailResent,
-      resendError: sendErrors || verifyErrors,
-      initialiseLoading: !initialized,
-      loading: sendLoading || verifyLoading,
-      verifyFailed: !!validationError,
-    },
-    callbacks: {
-      resendEmail,
-      submitCode,
-    },
-    text: props.getTextProps(),
-  };
-}
-
-const WidgetCodeVerification = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Verify code widget header text
-     */
-    this.verifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
-    /**
-     * @uiName Reverify code widget header text
-     */
-    this.reverifyCodeHeaderText = "Enter the code sent to {email} from our referral provider, impact.com.";
-    /**
-     * Text displayed under verify button
-     * @uiName Resend code text
-     */
-    this.resendCodeText = "Didn't receive your code? {resendCodeLink}";
-    /**
-     * The link that appears in the resend code link
-     * @uiName Resend code label
-     */
-    this.resendCodeLabel = "Resend code";
-    /**
-     * Link text displayed under verify button
-     * @uiName Resend code text
-     */
-    this.codeResentSuccessfullyText = "Another code has been sent to {email}";
-    /**
-     * Error text displayed under verification input
-     * @uiName Invalid code text
-     */
-    this.invalidCodeText = "Please check your code and try again. If you’re still having trouble, try resending your code.";
-    /**
-     * @uiName Verify code button text
-     */
-    this.verifyText = "Verify";
-    /**
-     * Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
-     * @uiName Network error message
-     */
-    this.networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
-    h$1(this);
-  }
-  disconnectedCallback() { }
-  getTextProps() {
-    return getProps(this);
-  }
-  render() {
-    const props = isDemo()
-      ? useDemoWidgetCodeVerification(this)
-      : useWidgetCodeVerification(this);
-    return h(WidgetCodeVerificationView, Object.assign({}, props));
-  }
-};
-function useDemoWidgetCodeVerification(props) {
-  const [emailResent, setEmailResent] = useState(false);
-  const setVerifiedContext = Sn(VERIFICATION_PARENT_NAMESPACE);
-  return cjs({
-    states: {
-      loading: false,
-      email: "test@example.com",
-      emailResent,
-      resendError: true,
-      verifyFailed: true,
-    },
-    refs: {
-      codeWrapperRef: () => { },
-    },
-    callbacks: {
-      resendEmail: async () => setEmailResent(true),
-      submitCode: async () => setVerifiedContext(true),
-    },
-    text: props.getTextProps(),
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-export { WidgetCodeVerification as sqm_code_verification };

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

@@ -1,279 +0,0 @@
-import { h, r as registerInstance } from './index-17b4da69.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 { 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!) {
-    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: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "var(--sl-spacing-medium)",
-    marginTop: "var(--sl-spacing-medium)",
-  },
-  InputsContainer: {
-    display: "flex",
-    gap: "var(--sl-spacing-medium)",
-    position: "relative",
-    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",
-  },
-  SkeletonOne: {
-    width: "50%",
-    height: "16px",
-  },
-  SkeletonTwo: {
-    width: "30%",
-    height: "34px",
-  },
-  SkeletonThree: {
-    width: "15%",
-    height: "24px",
-  },
-  ErrorInput: {
-    "&::part(base)": {
-      border: "1px solid var(--sl-color-danger-500)",
-      borderRadius: "var(--sl-input-border-radius-medium)",
-    },
-    "&::part(help-text)": {
-      color: "var(--sl-color-danger-500)",
-    },
-  },
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-function WidgetEmailVerificationView(props) {
-  const { states, callbacks, text } = props;
-  const renderLoadingSkeleton = () => {
-    return (h("div", { class: sheet.classes.Wrapper },
-      h("sl-skeleton", { class: sheet.classes.SkeletonOne }),
-      h("sl-skeleton", { class: sheet.classes.SkeletonTwo }),
-      h("sl-skeleton", { class: sheet.classes.SkeletonThree })));
-  };
-  return (h("div", { part: "sqm-base" },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    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", disabled: !!states.email || states.loading }, (states.error
-            ? {
-              class: sheet.classes.ErrorInput,
-              helpText: text.emailValidationErrorText,
-            }
-            : {}))),
-          h("sl-button", { submit: true, class: sheet.classes.ContinueButton, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, text.sendCodeText)))))));
-}
-
-const WidgetEmailVerification = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Verify email widget header text
-     */
-    this.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
-     */
-    this.sendCodeErrorHeader = "There was an error sending your code.";
-    /**
-     * @uiName Send code to email alert description
-     */
-    this.sendCodeErrorDescription = "Please try again. If this problem continues, contact our program support team.";
-    /**
-     * @uiName Email input label
-     */
-    this.emailLabel = "Email";
-    /**
-     * @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() { }
-  getTextProps() {
-    return getProps(this);
-  }
-  render() {
-    const props = isDemo()
-      ? useDemoWidgetEmailVerification(this)
-      : useWidgetEmailVerification(this);
-    return h(WidgetEmailVerificationView, Object.assign({}, props));
-  }
-};
-function useDemoWidgetEmailVerification(props) {
-  const setShowCode = Sn(SHOW_CODE_NAMESPACE);
-  return cjs({
-    states: {
-      error: true,
-      initialLoading: false,
-      loading: false,
-      email: "test@example.com",
-      sendCodeError: true,
-    },
-    callbacks: {
-      submitEmail: async () => setShowCode(true),
-    },
-    text: props.getTextProps(),
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-export { WidgetEmailVerification as sqm_email_verification };