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

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

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

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

@@ -24,9 +24,9 @@ import { P as PortalProfileView } from './sqm-portal-profile-view-15ddbec8.js';
 import './utilities-443732be.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-79a85e02.js';
 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-65c8679e.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-69b61037.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-08c03ba7.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-d1cfdaf4.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -14408,6 +14408,7 @@ const bankingFormProps = {
     loadingError: false,
   },
   callbacks: {
+    onVerification: () => { },
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => { },
     setPaymentScheduleChecked: () => { },
@@ -14995,20 +14996,40 @@ const WidgetEmailVerification_stories = {
 };
 const defaultProps$k = {
   email: "",
-  error: "",
+  error: false,
   loading: false,
+  initialLoading: false,
+  sendCodeError: false,
 };
 const Default$i = () => (h("sqm-email-verification", { demoData: {} }));
+const EmailIsPrefilled = () => (h("sqm-email-verification", { demoData: {
+    states: {
+      ...defaultProps$k,
+      email: "test@example.com",
+    },
+  } }));
 const Loading$7 = () => (h("sqm-email-verification", { demoData: {
+    states: {
+      ...defaultProps$k,
+      initialLoading: true,
+    },
+  } }));
+const SaveLoading = () => (h("sqm-email-verification", { demoData: {
     states: {
       ...defaultProps$k,
       loading: true,
     },
   } }));
-const Error$a = () => (h("sqm-email-verification", { demoData: {
+const InvalidEmail = () => (h("sqm-email-verification", { demoData: {
+    states: {
+      ...defaultProps$k,
+      error: true,
+    },
+  } }));
+const SendCodeError = () => (h("sqm-email-verification", { demoData: {
     states: {
       ...defaultProps$k,
-      error: "Email is invalid",
+      sendCodeError: true,
     },
   } }));
 
@@ -15016,20 +15037,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 = () => (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,
@@ -15039,7 +15070,7 @@ const Loading$8 = () => (h("sqm-code-verification", { demoData: {
 const CodeResent = () => (h("sqm-code-verification", { demoData: {
     states: {
       ...defaultProps$l,
-      codeResent: true,
+      emailResent: true,
     },
   } }));
 const VerificationFailed = () => (h("sqm-code-verification", { demoData: {
@@ -15053,6 +15084,7 @@ const WidgetCodeVerification = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': WidgetCodeVerification_stories,
   Default: Default$j,
+  InitialLoading: InitialLoading,
   Loading: Loading$8,
   CodeResent: CodeResent,
   VerificationFailed: VerificationFailed
@@ -15062,15 +15094,13 @@ const PayoutButtonScroll_stories = {
   title: "Components/Payout Scroll Button",
 };
 const defaultProps$m = {
-  payoutSettingsComplete: false,
+  payoutSettingsComplete: true,
 };
-const Default$k = () => (h("sqm-payout-button-scroll", { demoData: { states: defaultProps$m } }));
 const CompletedTaxForm = () => (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
 });
 
@@ -15078,21 +15108,33 @@ const PayoutStatusAlert_stories = {
   title: "Components/Payout Status Alert",
 };
 const defaultProps$n = {
+  error: false,
   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 } } }));
+const Error$a = () => (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
 });
 
 /**
@@ -15107,7 +15149,7 @@ const PayoutStatusAlert = /*#__PURE__*/Object.freeze({
  *
  */
 //
-const Default$l = `
+const Default$k = `
  // No CSS
 `;
 const Orangey = `
@@ -15141,7 +15183,7 @@ const Klip = `
 
 const Themes = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  Default: Default$l,
+  Default: Default$k,
   Orangey: Orangey,
   Netflix: Netflix,
   SaaSquatchCorporate: SaaSquatchCorporate,

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

@@ -1,29 +1,99 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { n as h } from './stencil-hooks.module-ac12ca1c.js';
-import { K, F as Fn } from './index.module-6c840c4e.js';
-import { S as SHOW_CODE_NAMESPACE, b as VERIFICATION_EMAIL_NAMESPACE } from './keys-a1496e39.js';
+import { n as h, k as useState, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
+import { d as dist, i as isDemo, F as Fn, S as Sn, K, o as an } from './index.module-6c840c4e.js';
+import { g as getProps } from './utils-334c1e34.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 checkUserVerification {
+    viewer {
+      ... on User {
+        id
+        accountId
+        email
+        emailVerified
+      }
+    }
+  }
+`;
+function useWidgetVerificationInternal() {
+  const userIdentity = K();
+  const [showCode, setShowCode] = Fn({
+    namespace: SHOW_CODE_NAMESPACE,
+    initialValue: false,
+  });
+  const [email, setEmail] = Fn({
+    namespace: VERIFICATION_EMAIL_NAMESPACE,
+    initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
+  });
+  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) {
     registerInstance(this, hostRef);
     h(this);
   }
   disconnectedCallback() { }
+  getStepTextProps(prefix) {
+    const props = getProps(this);
+    return extractProps(props, prefix);
+  }
   render() {
-    const userIdentity = K();
-    const [showCode, setShowCode] = Fn({
-      namespace: SHOW_CODE_NAMESPACE,
-      initialValue: false,
-    });
-    const [email, setEmail] = Fn({
-      namespace: VERIFICATION_EMAIL_NAMESPACE,
-      initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
-    });
+    const { showCode, onVerification, loading } = isDemo()
+      ? useDemoWidgetVerificationInternal()
+      : useWidgetVerificationInternal();
+    // TODO: Shoelace spinner is throwing errors
+    if (loading)
+      return h$1("div", null);
+    // if (loading) {
+    //   return <sl-spinner style="font-size: 2rem;"></sl-spinner>;
+    // }
     if (showCode) {
-      return h$1("sqm-code-verification", null);
+      return (h$1("sqm-code-verification", Object.assign({ onVerification: onVerification }, this.getStepTextProps("codeStep_"))));
     }
-    return h$1("sqm-email-verification", null);
+    return (h$1("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"))));
   }
 };
+function useDemoWidgetVerificationInternal() {
+  const [showCode, setShowCode] = Fn({
+    namespace: SHOW_CODE_NAMESPACE,
+    initialValue: false,
+  });
+  const [email, setEmail] = Fn({
+    namespace: VERIFICATION_EMAIL_NAMESPACE,
+    initialValue: undefined,
+  });
+  const setContext = Sn(VERIFICATION_PARENT_NAMESPACE);
+  const onVerification = () => {
+    setContext(true);
+  };
+  return { showCode, onVerification, loading: false };
+}
 
 export { WidgetVerificationInternal as sqm_widget_verification_internal };