@saasquatch/mint-components 1.12.0-7 → 1.12.0-9

package/dist/esm/sqm-big-stat_39.entry.js

@@ -1,23 +1,23 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { j as h, d as useEffect, f as useState, k as d, u as useMemo, e as useRef, b as browser, h as useReducer } from './stencil-hooks.module-3c7f7c90.js';
-import { i as intl } from './global-adae7650.js';
-import { i as isDemo, T, K, z, b as xe, E as En, n as ne, Q, w as wn, x as xn, g as getEnvironmentSDK, m as ze, W as We, U as Ue, a as useCallback, o as Ye, j as jn } from './index.module-c0eb7dc2.js';
+import { n as h, f as useEffect, k as useState, i as d, u as useMemo, m as useRef, b as browser, j as useReducer } from './stencil-hooks.module-ac12ca1c.js';
+import { i as intl } from './global-6306a9b8.js';
+import { i as isDemo, T, d as dist, K, z, c as xe, E as En, n as ne, Q, w as wn, x as xn, q as ze, W as We, U as Ue, b as useCallback, r as Ye, j as jn } from './index.module-6c840c4e.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { a as useRequestRerender } from './re-render-5882a144.js';
-import { u as useChildElements } from './useChildElements-fe94b660.js';
-import './luxon-63e24900.js';
-import { d as dist } from './index-0c7b14c5.js';
+import { a as useRequestRerender } from './re-render-1bcfd0de.js';
+import { u as useChildElements } from './useChildElements-fc84e640.js';
+import './luxon-7600be8d.js';
 import { g as getProps, a as getMissingProps, s as sanitizeUrlPath } from './utils-334c1e34.js';
 import './sqm-text-span-view-8d140661.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-4cfd1a8d.js';
-import { i as isEmpty } from './utilities-98445452.js';
+import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-849e27f7.js';
+import { i as isEmpty } from './utilities-443732be.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
-import { b as useDemoBigStat, V as useBigStat, B as BigStatView, Q as autoColorScaleCss, K as CardFeedView, j as CheckboxFieldView, M as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, W as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, X as demoRewardExchange, k as RewardExchangeView, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-72e231a5.js';
+import { b as useDemoBigStat, V as useBigStat, B as BigStatView, Q as autoColorScaleCss, K as CardFeedView, j as CheckboxFieldView, M as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, W as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, X as demoRewardExchange, k as RewardExchangeView, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-69b61037.js';
 import './sqm-portal-container-view-6c582684.js';
+import { u as usePayoutStatus } from './usePayoutStatus-1a635054.js';
 
 const BigStat = class {
   constructor(hostRef) {
@@ -1781,6 +1781,15 @@ const style$3 = {
     margin: "0",
     marginBottom: "var(--sl-spacing-small)",
   },
+  ErrorAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-red-100)",
+      borderTop: "none",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
   WarningAlertContainer: {
     "&::part(base)": {
       backgroundColor: "var(--sl-color-yellow-100)",
@@ -1799,6 +1808,20 @@ const style$3 = {
       color: "var(--sl-color-blue-500)",
     },
   },
+  Dialog: {
+    "&::part(panel)": {
+      height: "600px",
+    },
+    "&::part(close-button)": {
+      marginBottom: "var(--sl-spacing-xx-large)",
+    },
+    "&::part(title)": {
+      display: "none",
+    },
+    "&::part(header)": {},
+    "&::part(body)": { padding: "0" },
+    "&::part(footer)": {},
+  },
 };
 const sheet$3 = createStyleSheet(style$3);
 const styleString$3 = sheet$3.toString();
@@ -1812,6 +1835,15 @@ function PayoutStatusAlertView(props) {
     return h$1("div", null);
   }
   function getAlert(status) {
+    if (states.error)
+      return {
+        header: text.errorHeader,
+        description: text.errorDescription,
+        buttonText: null,
+        alertType: "critical",
+        icon: "exclamation-triangle",
+        class: sheet$3.classes.ErrorAlertContainer,
+      };
     switch (status) {
       case "INFORMATION_REQUIRED":
         return {
@@ -1864,67 +1896,10 @@ function PayoutStatusAlertView(props) {
       h$1("strong", null, (_d = getAlert(states.status)) === null || _d === void 0 ? void 0 : _d.header),
       h$1("p", { class: sheet$3.classes.AlertDescriptionText }, (_e = getAlert(states.status)) === null || _e === void 0 ? void 0 : _e.description),
       getButton(states.status)),
-    h$1("sl-dialog", { 
-      // class={sheet.classes.Dialog}
-      open: states.showVerifyIdentity, "onSl-hide": callbacks.onCancel }, "AL: TODO add IFRAME URL")));
-}
-
-const GET_USER_STATUS = dist.gql `
-  query getUserStatus {
-    user: viewer {
-      ... on User {
-        id
-        impactConnection {
-          connected
-          publisher {
-            id
-            payoutsAccount {
-              hold
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-function usePayoutStatus(props) {
-  const { type } = getEnvironmentSDK();
-  const { loading, data, errors, refetch } = En(GET_USER_STATUS, {});
-  const [status, setStatus] = useState(undefined);
-  const [showDialog, setShowDialog] = useState(false);
-  useEffect(() => {
-    if (!data)
-      return;
-    function getStatus(data) {
-      var _a, _b;
-      const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
-      if (!account)
-        return "INFORMATION_REQUIRED";
-      if (account.hold)
-        return "HOLD";
-      // @ts-ignore, TODO: add check for account verification
-      if (!account.verified)
-        return "VERIFICATION_NEEDED";
-      return "DONE";
-    }
-    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 },
-    data: { type },
-    text: props.getTextProps(),
-    callbacks: {
-      onTermsClick: () => window.open(props.termsUrl, "_blank").focus(),
-      onClick: () => setShowDialog(true),
-      onCancel: () => setShowDialog(false),
-    },
-  };
+    h$1("sl-dialog", { noDismiss: true, class: sheet$3.classes.Dialog, open: states.showVerifyIdentity, "onSl-hide": callbacks.onCancel },
+      h$1("iframe", { 
+        // AL: TODO replace iframe URL with verification url when available
+        scrolling: "yes", frameBorder: "0", width: "100%", height: "100%", src: "https://impacttech.complytaxforms.com/ServiceRedirect.aspx?Language=eng&Param1=UxBORV4bOIrqNb4gbpNmtvW3wjdZJyx4gPElIGMJNR8=&UUID=B576EA3E-80FD-4D85-AA59-653D23A7CCE8" }))));
 }
 
 const PayoutStatusAlert = class {
@@ -1966,6 +1941,14 @@ const PayoutStatusAlert = class {
      * @uiName Cash & Payouts Terms and Conditions url
      */
     this.termsUrl = "https://terms.advocate.impact.com/PayoutTermsAndConditions.html";
+    /**
+     * @uiName Error header
+     */
+    this.errorHeader = "Could not determine payout status.";
+    /**
+     * @uiName Error description
+     */
+    this.errorDescription = "There was an error with determining your payout status.";
     h(this);
   }
   disconnectedCallback() { }
@@ -1976,12 +1959,14 @@ const PayoutStatusAlert = class {
     const props = isDemo()
       ? useDemoPayoutStatusAlert(this)
       : usePayoutStatus(this);
+    console.log({ props });
     return h$1(PayoutStatusAlertView, Object.assign({}, props));
   }
 };
 function useDemoPayoutStatusAlert(props) {
   return cjs({
     states: {
+      error: false,
       status: "INFORMATION_REQUIRED",
       loading: false,
       showVerifyIdentity: false,

package/dist/esm/sqm-close-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { j as h } from './stencil-hooks.module-3c7f7c90.js';
-import { g as getEnvironmentSDK } from './index.module-c0eb7dc2.js';
+import { n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { g as getEnvironmentSDK } from './index.module-6c840c4e.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import { C as CloseButtonView } from './sqm-close-button-view-dc65b4e3.js';

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

@@ -1,15 +1,14 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
-import { l, f as useState, d as useEffect, j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
-import { i as intl } from './global-adae7650.js';
-import { M as Mn, D as Dn, i as isDemo, S as Sn } from './index.module-c0eb7dc2.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 { d as dist } from './index-0c7b14c5.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 import { a as VERIFICATION_EMAIL_NAMESPACE, S as SHOW_CODE_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.js';
-import { u as useVerificationEmail } from './useVerificationEmail-02b78bd7.js';
+import { u as useVerificationEmail } from './useVerificationEmail-c32696ba.js';
 
 const style = {
   Wrapper: {
@@ -155,9 +154,6 @@ function useWidgetCodeVerification(props) {
   const [codeRef, setCodeRef] = useState(null);
   const [validationError, setValidationError] = useState(false);
   const [emailError, setEmailError] = useState(false);
-  // // TODO: Need to handle error states for these errors
-  // const [verifyUser, { loading: verifyLoading, errors: verifyErrors }] =
-  //   useCodeVerificationMutation();
   const { initialized, send: [sendEmail, { loading: sendLoading, errors: sendErrors }], verify: [verifyEmail, { loading: verifyLoading, errors: verifyErrors }], } = useVerificationEmail();
   useEffect(() => {
     if (!codeRef)

package/dist/esm/sqm-context-router.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { b as browser, f as useState, k as d, d as useEffect, j as h } from './stencil-hooks.module-3c7f7c90.js';
-import { T } from './index.module-c0eb7dc2.js';
+import { b as browser, k as useState, i as d, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { T } from './index.module-6c840c4e.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
 

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

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

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

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
-import { j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
-import { i as intl } from './global-adae7650.js';
-import './index.module-c0eb7dc2.js';
+import { n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
+import { i as intl } from './global-6306a9b8.js';
+import './index.module-6c840c4e.js';
 import './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-6c582684.js';

package/dist/esm/sqm-form-message.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { j as h } from './stencil-hooks.module-3c7f7c90.js';
+import { n as h } from './stencil-hooks.module-ac12ca1c.js';
 
 const sqmFormMessageCss = "sl-alert::part(base){border:1px solid;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(20, 20, 20, 0.1);box-shadow:0 1px 2px rgba(20, 20, 20, 0.1)}.Error::part(base){background-color:var(--sl-color-danger-100);border-color:var(--sl-color-danger-200)}.Warning::part(base){background-color:var(--sl-color-warning-100);border-color:var(--sl-color-warning-200)}.Success::part(base){background-color:var(--sl-color-success-100);border-color:var(--sl-color-success-200)}.Info::part(base){background-color:var(--sl-color-primary-100);border-color:var(--sl-color-primary-200)}";
 

package/dist/esm/sqm-graphql-client-provider.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m, d as useEffect, j as h } from './stencil-hooks.module-3c7f7c90.js';
-import { B, k as ke, Y, $ as $e } from './index.module-c0eb7dc2.js';
+import { o as m, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { B, k as ke, Y, $ as $e } from './index.module-6c840c4e.js';
 
 async function useGraphQLClientProvider({ domain }) {
   const token = B();

package/dist/esm/sqm-header-logo.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { j as h } from './stencil-hooks.module-3c7f7c90.js';
+import { n as h } from './stencil-hooks.module-ac12ca1c.js';
 
 const HeroImage = class {
   constructor(hostRef) {

package/dist/esm/sqm-instant-access-registration.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { j as h } from './stencil-hooks.module-3c7f7c90.js';
-import { i as isDemo, s as setUserIdentity } from './index.module-c0eb7dc2.js';
+import { n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { i as isDemo, a as setUserIdentity } from './index.module-6c840c4e.js';
+import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import { E as EmailRegistrationView } from './email-registration-view-a89a88bf.js';
-import './jsonpointer-388a7082.js';
-import './useRegistrationFormState-4cfd1a8d.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-670c1b98.js';
+import './useRegistrationFormState-849e27f7.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-8b0a4556.js';
 
 const InstantAccessRegistration = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-adae7650.js';
+import { i as intl } from './global-6306a9b8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const INDIRECT_TAX_PROVINCES = [
@@ -749,6 +749,8 @@ const docusignFormProps = {
 };
 const dashboardProps = {
   states: {
+    showVerifyIdentity: false,
+    payoutStatus: "DONE",
     canEditPayoutInfo: true,
     disabled: false,
     status: "ACTIVE",
@@ -1267,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",
@@ -1283,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",
@@ -1299,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",
@@ -1316,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",
@@ -1334,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",
@@ -1353,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",
@@ -1372,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",
@@ -1391,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",
@@ -1410,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,
@@ -1430,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,
@@ -1451,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,
@@ -1472,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",
@@ -1488,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,
@@ -1506,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",
@@ -1522,6 +1552,8 @@ const TaxAndCashDashboardPayoutsOnHold = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: true,
         status: "ACTIVE",
@@ -1540,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",
@@ -1557,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",
@@ -1575,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",
@@ -1597,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",

package/dist/esm/sqm-leaderboard-rank.entry.js

@@ -1,9 +1,8 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { j as h } from './stencil-hooks.module-3c7f7c90.js';
-import { i as intl } from './global-adae7650.js';
-import { z, K, E as En, i as isDemo } from './index.module-c0eb7dc2.js';
+import { n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { i as intl } from './global-6306a9b8.js';
+import { d as dist, z, K, E as En, i as isDemo } from './index.module-6c840c4e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { d as dist } from './index-0c7b14c5.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
 
 const GET_RANK = dist.gql `

package/dist/esm/sqm-logout-current-user.entry.js

@@ -1,9 +1,8 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { j as h } from './stencil-hooks.module-3c7f7c90.js';
-import { K, E as En, s as setUserIdentity, i as isDemo } from './index.module-c0eb7dc2.js';
+import { n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { d as dist, K, E as En, a as setUserIdentity, i as isDemo } from './index.module-6c840c4e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
-import { d as dist } from './index-0c7b14c5.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-2c6122cd.js';
 

package/dist/esm/{sqm-navigation-sidebar-item-view-4715e546.js → sqm-navigation-sidebar-item-view-f8e78810.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { x as xn } from './index.module-c0eb7dc2.js';
+import { x as xn } from './index.module-6c840c4e.js';
 import { g as gap } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 

package/dist/esm/sqm-navigation-sidebar-item.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { j as h } from './stencil-hooks.module-3c7f7c90.js';
-import { j as jn, i as isDemo } from './index.module-c0eb7dc2.js';
+import { n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { j as jn, i as isDemo } from './index.module-6c840c4e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-4715e546.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-f8e78810.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = jn();

package/dist/esm/sqm-navigation-sidebar.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { j as h, f as useState, d as useEffect } from './stencil-hooks.module-3c7f7c90.js';
-import { j as jn, z } from './index.module-c0eb7dc2.js';
+import { n as h, k as useState, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
+import { j as jn, z } from './index.module-6c840c4e.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0312e073.js';
 
 const NavigationSidebar = class {

package/dist/esm/sqm-password-field.entry.js

@@ -1,11 +1,11 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
-import { k as d, f as useState, j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
-import { i as isDemo } from './index.module-c0eb7dc2.js';
+import { i as d, k as useState, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
+import { i as isDemo } 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 { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-4cfd1a8d.js';
+import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-849e27f7.js';
 
 var constants = {
   error: {

package/dist/esm/sqm-popup-container.entry.js

@@ -1,6 +1,6 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
-import { j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
-import { n as ne } from './index.module-c0eb7dc2.js';
+import { n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
+import { n as ne } from './index.module-6c840c4e.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const PopupContainerView = (props) => {

package/dist/esm/{sqm-portal-email-verification-view-598eb9a7.js → sqm-portal-email-verification-view-c6ac5430.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-adae7650.js';
+import { i as intl } from './global-6306a9b8.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { f as useState, e as useRef, d as useEffect, j as h } from './stencil-hooks.module-3c7f7c90.js';
-import './global-adae7650.js';
-import { h as hn, u as un, K, x as xn, a as useCallback, i as isDemo } from './index.module-c0eb7dc2.js';
+import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
+import './global-6306a9b8.js';
+import { h as hn, u as un, K, x as xn, b as useCallback, i as isDemo } from './index.module-6c840c4e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-8d140661.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-598eb9a7.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-c6ac5430.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/esm/sqm-portal-forgot-password.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { f as useState, j as h } from './stencil-hooks.module-3c7f7c90.js';
-import { v as vn, x as xn, i as isDemo } from './index.module-c0eb7dc2.js';
+import { k as useState, n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { v as vn, x as xn, i as isDemo } from './index.module-6c840c4e.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-8d140661.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-c2ed8fed.js';
 
 function usePortalForgotPassword(props) {

package/dist/esm/sqm-portal-logout.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance } from './index-17b4da69.js';
-import { j as h } from './stencil-hooks.module-3c7f7c90.js';
-import { s as setUserIdentity, x as xn, i as isDemo } from './index.module-c0eb7dc2.js';
+import { n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { a as setUserIdentity, x as xn, i as isDemo } from './index.module-6c840c4e.js';
 
 function usePortalLogout({ nextPage }) {
   setUserIdentity(undefined);