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

package/dist/cjs/{sqm-invoice-table-view-ce9a34ac.js → sqm-invoice-table-view-c58966f8.js}

@@ -714,6 +714,7 @@ const stepFourProps = {
     },
   },
   callbacks: {
+    onVerification: () => { },
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => { },
     setPaymentScheduleChecked: () => { },
@@ -750,6 +751,8 @@ const docusignFormProps = {
 };
 const dashboardProps = {
   states: {
+    showVerifyIdentity: false,
+    payoutStatus: "DONE",
     canEditPayoutInfo: true,
     disabled: false,
     status: "ACTIVE",
@@ -761,6 +764,7 @@ const dashboardProps = {
     indirectTaxNumber: "123456",
     indirectTaxType: "VAT",
     showNewFormDialog: false,
+    hasHold: false,
   },
   slots: {
     payoutDetailsCardSlot: (index.h("sqm-payout-details-card", { demoData: {
@@ -1267,6 +1271,8 @@ const TaxAndCashDashboardActiveW8BENForm = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         noFormNeeded: false,
         canEditPayoutInfo: true,
         documentType: "W8BEN",
@@ -1275,6 +1281,7 @@ const TaxAndCashDashboardActiveW8BENForm = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1282,6 +1289,8 @@ const TaxAndCashDashboardActiveW8BENEForm = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         noFormNeeded: false,
         canEditPayoutInfo: true,
         documentType: "W8BENE",
@@ -1290,6 +1299,7 @@ const TaxAndCashDashboardActiveW8BENEForm = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1297,6 +1307,8 @@ const TaxAndCashDashboardNotActiveW9Form = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         noFormNeeded: false,
         canEditPayoutInfo: true,
         status: "INACTIVE",
@@ -1306,6 +1318,7 @@ const TaxAndCashDashboardNotActiveW9Form = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1313,6 +1326,8 @@ const TaxAndCashDashboardNotVerifiedW9Form = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "NOT_VERIFIED",
@@ -1323,6 +1338,7 @@ const TaxAndCashDashboardNotVerifiedW9Form = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1330,6 +1346,8 @@ const TaxAndCashDashboardNotVerifiedW8BENForm = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "NOT_VERIFIED",
@@ -1341,6 +1359,7 @@ const TaxAndCashDashboardNotVerifiedW8BENForm = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1348,6 +1367,8 @@ const TaxAndCashDashboardNotVerifiedW8BENEForm = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "NOT_VERIFIED",
@@ -1359,6 +1380,7 @@ const TaxAndCashDashboardNotVerifiedW8BENEForm = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1366,6 +1388,8 @@ const TaxAndCashDashboardNotActiveW8BENEForm = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "NOT_ACTIVE",
@@ -1377,6 +1401,7 @@ const TaxAndCashDashboardNotActiveW8BENEForm = () => {
         indirectTaxType: "VAT",
         country: "United Kingdom",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1384,6 +1409,8 @@ const TaxAndCashDashboardNoFormNeeded = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: false,
         documentType: "W9",
@@ -1395,6 +1422,7 @@ const TaxAndCashDashboardNoFormNeeded = () => {
         indirectTaxNumber: "123456",
         indirectTaxType: "GST",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1402,6 +1430,8 @@ const TaxAndCashDashboardIndirectTaxCanada = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         disabled: false,
@@ -1414,6 +1444,7 @@ const TaxAndCashDashboardIndirectTaxCanada = () => {
         indirectTaxType: "GST",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1421,6 +1452,8 @@ const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         disabled: false,
@@ -1434,6 +1467,7 @@ const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
         indirectTaxNumber: "123456",
         qstNumber: "44212",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1441,6 +1475,8 @@ const TaxAndCashDashboardIndirectTaxSpain = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         disabled: false,
@@ -1454,6 +1490,7 @@ const TaxAndCashDashboardIndirectTaxSpain = () => {
         indirectTaxNumber: "123456",
         subRegionTaxNumber: "44212",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1461,6 +1498,8 @@ const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         documentType: "W8BEN",
@@ -1469,6 +1508,7 @@ const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
         noFormNeeded: false,
         notRegistered: true,
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1476,6 +1516,8 @@ const TaxAndCashDashboardIdentityVerifcationRequired = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "VERIFICATION_NEEDED",
+        showVerifyIdentity: true,
         showIdentityVerificationDialog: true,
         identiyRequired: true,
         canEditPayoutInfo: true,
@@ -1486,6 +1528,7 @@ const TaxAndCashDashboardIdentityVerifcationRequired = () => {
         noFormNeeded: false,
         notRegistered: true,
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1493,6 +1536,8 @@ const TaxAndCashDashboardNewTaxForm = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         documentType: "W8BEN",
@@ -1501,6 +1546,27 @@ const TaxAndCashDashboardNewTaxForm = () => {
         noFormNeeded: false,
         notRegistered: true,
         showNewFormDialog: true,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardPayoutsOnHold = () => {
+  return (index.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,
       },
     } }));
 };
@@ -1508,6 +1574,8 @@ const TaxAndCashDashboardLoading = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "ACTIVE",
@@ -1517,6 +1585,7 @@ const TaxAndCashDashboardLoading = () => {
         noFormNeeded: false,
         loading: true,
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1524,6 +1593,8 @@ const TaxAndCashDashboardWithLoadingError = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         disabled: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
@@ -1534,6 +1605,7 @@ const TaxAndCashDashboardWithLoadingError = () => {
         loading: true,
         loadingError: true,
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1541,6 +1613,8 @@ const TaxAndCashDashboardWithGeneralError = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "ACTIVE",
@@ -1552,6 +1626,7 @@ const TaxAndCashDashboardWithGeneralError = () => {
         indirectTaxType: "VAT",
         country: "Slovania",
         showNewFormDialog: false,
+        hasHold: false,
         errors: {
           general: true,
         },
@@ -1562,6 +1637,8 @@ const TaxAndCashDashboardDisabled = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: true,
         status: "ACTIVE",
@@ -1572,6 +1649,7 @@ const TaxAndCashDashboardDisabled = () => {
         indirectTaxNumber: "123456",
         country: "Slovania",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1640,6 +1718,7 @@ const TaxForm = /*#__PURE__*/Object.freeze({
   TaxAndCashDashboardIndirectTaxNotRegistered: TaxAndCashDashboardIndirectTaxNotRegistered,
   TaxAndCashDashboardIdentityVerifcationRequired: TaxAndCashDashboardIdentityVerifcationRequired,
   TaxAndCashDashboardNewTaxForm: TaxAndCashDashboardNewTaxForm,
+  TaxAndCashDashboardPayoutsOnHold: TaxAndCashDashboardPayoutsOnHold,
   TaxAndCashDashboardLoading: TaxAndCashDashboardLoading,
   TaxAndCashDashboardWithLoadingError: TaxAndCashDashboardWithLoadingError,
   TaxAndCashDashboardWithGeneralError: TaxAndCashDashboardWithGeneralError,

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;