@saasquatch/mint-components 1.12.0-2 → 1.12.0-20

package/dist/esm/sqm-portal-registration-form.entry.js

@@ -1,13 +1,12 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
-import { e as useRef, d as useEffect, j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
-import { Q, c as Te, E as En, x as xn, a as useCallback, i as isDemo } from './index.module-c0eb7dc2.js';
+import { m as useRef, f as useEffect, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
+import { d as dist, Q, e as Te, E as En, x as xn, b as useCallback, 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 { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { d as dist } from './index-0c7b14c5.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-4cfd1a8d.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-849e27f7.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 
 const style = {

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { f as useState, d as useEffect, j as h } from './stencil-hooks.module-3c7f7c90.js';
-import { X as Xe, d as Ke, x as xn, i as isDemo } from './index.module-c0eb7dc2.js';
+import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { X as Xe, f as Ke, 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 { s as sanitizeUrlPath } from './utils-334c1e34.js';
 import './sqm-text-span-view-8d140661.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-79a85e02.js';
 
 function usePortalResetPassword(props) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { f as useState, d as useEffect, j as h } from './stencil-hooks.module-3c7f7c90.js';
-import { K, l as ln, x as xn, s as setUserIdentity, i as isDemo } from './index.module-c0eb7dc2.js';
+import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { K, l as ln, x as xn, a as setUserIdentity, i as isDemo } from './index.module-6c840c4e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';

package/dist/esm/sqm-referral-table_11.entry.js

@@ -1,17 +1,16 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
-import { j as h, h as useReducer, u as useMemo, d as useEffect } from './stencil-hooks.module-3c7f7c90.js';
-import { i as intl } from './global-adae7650.js';
-import { i as isDemo } from './index.module-c0eb7dc2.js';
+import { n as h, j as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
+import { i as intl } from './global-6306a9b8.js';
+import { i as isDemo } from './index.module-6c840c4e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { G as GenericTableView } from './GenericTableView-d59d8ab4.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-5882a144.js';
-import { u as useChildElements } from './useChildElements-fe94b660.js';
-import { l as luxon } from './luxon-63e24900.js';
-import { g as getPaypalMeta } from './mockRewardData-e6b763d1.js';
-import './index-0c7b14c5.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-52008143.js';
+import { a as useRequestRerender, u as useRerenderListener } from './re-render-1bcfd0de.js';
+import { u as useChildElements } from './useChildElements-fc84e640.js';
+import { l as luxon } from './luxon-7600be8d.js';
+import { g as getPaypalMeta } from './mockRewardData-0eb6e778.js';
+import { u as useReferralTable, t as tryMethod } from './useReferralTable-f6ffa103.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 

package/dist/esm/sqm-referred-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 ReferredRegistration = class {
   constructor(hostRef) {

package/dist/esm/sqm-rewards-table-customer-note-cell.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';
 import './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 

package/dist/esm/sqm-rewards-table-customer-note-column.entry.js

@@ -1,7 +1,7 @@
 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 './index.module-c0eb7dc2.js';
-import { a as useRequestRerender } from './re-render-5882a144.js';
+import { n as h } from './stencil-hooks.module-ac12ca1c.js';
+import './index.module-6c840c4e.js';
+import { a as useRequestRerender } from './re-render-1bcfd0de.js';
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

package/dist/esm/sqm-rewards-table_9.entry.js

@@ -1,17 +1,16 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
-import { b as browser, h as useReducer, d as useEffect, j as h$1, u as useMemo } from './stencil-hooks.module-3c7f7c90.js';
-import { i as intl } from './global-adae7650.js';
-import { K, z, Q, E as En, O as On, i as isDemo } from './index.module-c0eb7dc2.js';
+import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './stencil-hooks.module-ac12ca1c.js';
+import { i as intl } from './global-6306a9b8.js';
+import { d as dist, K, z, Q, E as En, O as On, i as isDemo } from './index.module-6c840c4e.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { G as GenericTableView } from './GenericTableView-d59d8ab4.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-5882a144.js';
-import { u as useChildElements } from './useChildElements-fe94b660.js';
-import { l as luxon } from './luxon-63e24900.js';
-import { m as mockRewardData } from './mockRewardData-e6b763d1.js';
-import { d as dist } from './index-0c7b14c5.js';
-import { g as generateUserError } from './useReferralTable-52008143.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-1bcfd0de.js';
+import { u as useChildElements } from './useChildElements-fc84e640.js';
+import { l as luxon } from './luxon-7600be8d.js';
+import { m as mockRewardData } from './mockRewardData-0eb6e778.js';
+import { g as generateUserError } from './useReferralTable-f6ffa103.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 
 const debug = browser("sq:useRewardsTable");

package/dist/esm/sqm-scroll.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';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const REVEAL_EVENT = "sq:reveal";

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

@@ -1,14 +1,13 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
-import { a as commonjsGlobal, u as useMemo, f as useState, d as useEffect, c as createCommonjsModule, j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
-import './global-adae7650.js';
-import { x as xn, j as jn, s as setUserIdentity, e as an, f as setProgramId } from './index.module-c0eb7dc2.js';
+import { a as commonjsGlobal, u as useMemo, k as useState, f as useEffect, c as createCommonjsModule, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
+import './global-6306a9b8.js';
+import { x as xn, j as jn, a as setUserIdentity, d as dist, o as an, p as setProgramId } from './index.module-6c840c4e.js';
 import './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { G as GenericTableView } from './GenericTableView-d59d8ab4.js';
-import './useChildElements-fe94b660.js';
-import { l as luxon } from './luxon-63e24900.js';
-import { d as dist } from './index-0c7b14c5.js';
+import './useChildElements-fc84e640.js';
+import { l as luxon } from './luxon-7600be8d.js';
 import './utils-334c1e34.js';
 import './sqm-text-span-view-8d140661.js';
 import { A as AssetCardView } from './sqm-asset-card-view-9d93fbdd.js';
@@ -18,16 +17,16 @@ import { E as EmailRegistrationView } from './email-registration-view-a89a88bf.j
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-2c6122cd.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0312e073.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-4715e546.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-598eb9a7.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-f8e78810.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-c6ac5430.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-c2ed8fed.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-a0f6ad48.js';
-import './utilities-98445452.js';
+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-72e231a5.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-663674f2.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-b3127605.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -8435,6 +8434,9 @@ const deniedReward = {
 const payoutFailedReward = {
   statuses: ["PAYOUT_FAILED"],
 };
+const payoutCancelledReward = {
+  statuses: ["PAYOUT_CANCELLED"],
+};
 const pendingReviewReward = {
   statuses: ["PENDING_REVIEW"],
 };
@@ -8514,8 +8516,8 @@ function getMonths() {
 function getYears() {
   return luxon.DateTime.now().toMillis() + 200000000000;
 }
-const statusText = "{status, select, AVAILABLE {Available} PAYOUT_SENT {Payout Sent} CANCELLED {Cancelled} PAYOUT_FAILED {Payout Failed} PENDING {Pending} PENDING_REVIEW {Pending} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
-const statusLongText = "{status, select, AVAILABLE {Reward expiring on} PAYOUT_SENT {Reward approved for payout and was scheduled for payment based on your settings.} DENIED {Denied on} EXPIRED {Reward expired on} REDEEMED {Redeemed}  other {Not available} }";
+const statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
+const statusLongText = "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Reward approved for payout and was scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
 const PendingNoUnpend = () => {
   return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...pendingReward, ...nullScheduledFor }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
@@ -8598,8 +8600,7 @@ const PayoutFailed = () => {
       },
     ], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
-// AL: TODO payout cancelled
-const PayoutCancelled = () => {
+const PayoutDenied = () => {
   return (h("sqm-referral-table-rewards-cell", { rewards: [
       {
         ...cashPayoutSentReward,
@@ -8609,6 +8610,16 @@ const PayoutCancelled = () => {
       },
     ], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
+const PayoutCancelled = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: [
+      {
+        ...cashPayoutSentReward,
+        ...payoutCancelledReward,
+        datePayoutRetried: getDays(),
+        dateGiven: null,
+      },
+    ], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
+};
 const PendingReview = () => {
   return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...pendingReviewReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
@@ -8666,6 +8677,7 @@ const ReferralTableRewardsCell = /*#__PURE__*/Object.freeze({
   Expired: Expired,
   Denied: Denied,
   PayoutFailed: PayoutFailed,
+  PayoutDenied: PayoutDenied,
   PayoutCancelled: PayoutCancelled,
   PendingReview: PendingReview,
   PendingTaxReview: PendingTaxReview,
@@ -8896,6 +8908,12 @@ const simpleUserTableProps = {
         h(DateCell, null),
         h(PayoutFailed, null),
       ],
+      [
+        h("sqm-referral-table-user-cell", { name: "Sarah Joseph" }),
+        h(Converted, null),
+        h(DateCell, null),
+        h(PayoutCancelled, null),
+      ],
       [
         h("sqm-referral-table-user-cell", { name: "Sarah Joseph" }),
         h(Converted, null),
@@ -12013,24 +12031,16 @@ const StatusCellExpired = () => {
 const pending = {
   statuses: ["PENDING"],
 };
-// const pendingTaxReview = {
-//   statuses: ["PENDING_TAX_REVIEW"],
-// };
-// const pendingNewTaxForm = {
-//   statuses: ["PENDING_NEW_TAX_FORM"],
-// };
-// const pendingTaxSubmission = {
-//   statuses: ["PENDING_TAX_SUBMISSION"],
-// };
-// const pendingPartnerCreation = {
-//   statuses: ["PENDING_PARTNER_CREATION"],
-// };
 const payoutSent = {
   statuses: ["PAYOUT_SENT"],
 };
 const payoutFailed = {
   statuses: ["PAYOUT_FAILED"],
 };
+const payoutCancelled = {
+  statuses: ["PAYOUT_CANCELLED"],
+  dateCancelled: 1355612521321,
+};
 const us_tax = {
   pendingReasons: ["US_TAX"],
 };
@@ -12092,6 +12102,9 @@ const StatusCellPayoutSent = () => {
 const StatusCellPayoutFailed = () => {
   return (h("sqm-rewards-table-status-cell", { statusText: "Payout Failed", reward: { ...rewardsData$1, ...payoutFailed } }));
 };
+const StatusCellPayoutCancelled = () => {
+  return (h("sqm-rewards-table-status-cell", { statusText: "Payout Cancelled", reward: { ...rewardsData$1, ...payoutCancelled } }));
+};
 const StatusCellPendingWithLongText = () => {
   return (h("div", { style: { width: "200px" } },
     h("sqm-rewards-table-status-cell", { statusText: "Pending for 300,000,000 months and some change", reward: { ...rewardsData$1, ...pending } })));
@@ -12195,6 +12208,7 @@ const RewardsTableCell = /*#__PURE__*/Object.freeze({
   StatusCellPendingPartnerCreation: StatusCellPendingPartnerCreation,
   StatusCellPayoutSent: StatusCellPayoutSent,
   StatusCellPayoutFailed: StatusCellPayoutFailed,
+  StatusCellPayoutCancelled: StatusCellPayoutCancelled,
   StatusCellPendingWithLongText: StatusCellPendingWithLongText,
   StatusCellPendingUsTax: StatusCellPendingUsTax,
   StatusCellPendingScheduled: StatusCellPendingScheduled,
@@ -14339,13 +14353,6 @@ const Loading$6 = () => {
       },
     } }));
 };
-const Error$9 = () => {
-  return (h("sqm-payout-details-card", { demoData: {
-      states: {
-        error: true,
-      },
-    } }));
-};
 const NextPayout = () => {
   return (h("sqm-payout-details-card", { demoData: {
       states: {
@@ -14380,7 +14387,6 @@ const PayoutDetailsCard = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PayoutDetailsCard_stories,
   Loading: Loading$6,
-  Error: Error$9,
   NextPayout: NextPayout,
   PayoutToday: PayoutToday,
   ThresholdPayout: ThresholdPayout,
@@ -14407,8 +14413,11 @@ const bankingFormProps = {
     thresholds: [],
     currency: "USD",
     loadingError: false,
+    email: "test@example.com",
   },
   callbacks: {
+    onVerificationHide: () => { },
+    onVerification: () => { },
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => { },
     setPaymentScheduleChecked: () => { },
@@ -14718,6 +14727,22 @@ const BankingInfoFormWithFixedDayPaymentScheduleLoading = () => {
       },
     } }));
 };
+const BankingInfoFormVerififyIdentityModal = () => {
+  return (h("sqm-banking-info-form", { demoData: {
+      ...bankingFormProps,
+      states: {
+        ...bankingFormProps.states,
+        isPartner: true,
+        showVerification: true,
+        formState: {
+          ...bankingFormProps.states.formState,
+          bankCountry: "US",
+          paymentScheduleChecked: "FIXED_DAY",
+        },
+        currency: "USD",
+      },
+    } }));
+};
 
 const BankingInfoForm = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -14743,7 +14768,8 @@ const BankingInfoForm = /*#__PURE__*/Object.freeze({
   BankingInfoFormWithBalanceThresholdPaymentScheduleLoading: BankingInfoFormWithBalanceThresholdPaymentScheduleLoading,
   BankingInfoFormWithFixedDayPaymentSchedule: BankingInfoFormWithFixedDayPaymentSchedule,
   BankingInfoFormWithFixedDayPaymentScheduleWithError: BankingInfoFormWithFixedDayPaymentScheduleWithError,
-  BankingInfoFormWithFixedDayPaymentScheduleLoading: BankingInfoFormWithFixedDayPaymentScheduleLoading
+  BankingInfoFormWithFixedDayPaymentScheduleLoading: BankingInfoFormWithFixedDayPaymentScheduleLoading,
+  BankingInfoFormVerififyIdentityModal: BankingInfoFormVerififyIdentityModal
 });
 
 const InvoiceTableCell_stories = {
@@ -15002,12 +15028,17 @@ const defaultProps$k = {
   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 EmailIsPrefilled = () => (h("div", null,
+  h("sqm-text", null,
+    h("h4", null, "Verify your email")),
+  h("sqm-text", null,
+    h("sub", null, "To get your cash paid out directly to your bank account, please complete your account setup")),
+  h("sqm-email-verification", { demoData: {
+      states: {
+        ...defaultProps$k,
+        email: "test@example.com",
+      },
+    } })));
 const Loading$7 = () => (h("sqm-email-verification", { demoData: {
     states: {
       ...defaultProps$k,
@@ -15020,6 +15051,17 @@ const SaveLoading = () => (h("sqm-email-verification", { demoData: {
       loading: true,
     },
   } }));
+const WithHeader$1 = () => (h("div", null,
+  h("sqm-text", null,
+    h("h4", null, "Verify your email")),
+  h("sqm-text", null,
+    h("sub", null, "To get your cash paid out directly to your bank account, please complete your account setup")),
+  h("sqm-email-verification", { demoData: {
+      states: {
+        ...defaultProps$k,
+        email: "test@example.com",
+      },
+    } })));
 const InvalidEmail = () => (h("sqm-email-verification", { demoData: {
     states: {
       ...defaultProps$k,
@@ -15040,6 +15082,7 @@ const WidgetEmailVerification = /*#__PURE__*/Object.freeze({
   EmailIsPrefilled: EmailIsPrefilled,
   Loading: Loading$7,
   SaveLoading: SaveLoading,
+  WithHeader: WithHeader$1,
   InvalidEmail: InvalidEmail,
   SendCodeError: SendCodeError
 });
@@ -15048,12 +15091,19 @@ const WidgetCodeVerification_stories = {
   title: "Components/Widget Code Verification",
 };
 const defaultProps$l = {
+  initialiseLoading: false,
   email: "testemail@example.com",
   loading: false,
   verifyFailed: 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,
@@ -15077,6 +15127,7 @@ const WidgetCodeVerification = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': WidgetCodeVerification_stories,
   Default: Default$j,
+  InitialLoading: InitialLoading,
   Loading: Loading$8,
   CodeResent: CodeResent,
   VerificationFailed: VerificationFailed
@@ -15089,32 +15140,50 @@ const defaultProps$m = {
   payoutSettingsComplete: true,
 };
 const CompletedTaxForm = () => (h("sqm-payout-button-scroll", { demoData: { states: { ...defaultProps$m, payoutSettingsComplete: true } } }));
+const CompletedTaxFormWithStatsContainer = () => (h("sqm-portal-container", { display: "flex", maxWidth: "100%", minWidth: "100%", "justify-content": "space-between", flexWrap: "nowrap" },
+  h("sqm-portal-container", { display: "flex", "max-width": "fit-content" },
+    h("sqm-big-stat", { "flex-reverse": "true", alignment: "left", "stat-type": "/referralsCount" },
+      h("p", null, "Referrals")),
+    h("sqm-big-stat", { "flex-reverse": "true", alignment: "left", "stat-type": "/payoutBalance" },
+      h("p", null, "Cash Balance"))),
+  h("sqm-payout-button-scroll", { demoData: { states: { ...defaultProps$m, payoutSettingsComplete: true } } })));
 
 const PayoutButtonScroll = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PayoutButtonScroll_stories,
-  CompletedTaxForm: CompletedTaxForm
+  CompletedTaxForm: CompletedTaxForm,
+  CompletedTaxFormWithStatsContainer: CompletedTaxFormWithStatsContainer
 });
 
 const PayoutStatusAlert_stories = {
   title: "Components/Payout Status Alert",
 };
 const defaultProps$n = {
+  error: false,
   status: "INFORMATION_REQUIRED",
   loading: false,
+  veriffLoading: 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 VerifyIdentity = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$n, status: "VERIFICATION:REQUIRED" } } }));
+const VerifyIdentityRequiredInternal = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$n, status: "VERIFICATION:INTERNAL" } } }));
+const VerifyIdentityReviewInternal = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$n, status: "VERIFICATION:REVIEW" } } }));
+const VerifyIdentityFailedInternal = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$n, status: "VERIFICATION:FAILED" } } }));
 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$9 = () => (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,
+  VerifyIdentityRequiredInternal: VerifyIdentityRequiredInternal,
+  VerifyIdentityReviewInternal: VerifyIdentityReviewInternal,
+  VerifyIdentityFailedInternal: VerifyIdentityFailedInternal,
   Hold: Hold,
-  Loading: Loading$9
+  Loading: Loading$9,
+  Error: Error$9
 });
 
 /**

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

@@ -1,7 +1,7 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
-import { j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
-import './index.module-c0eb7dc2.js';
-import { a as useRequestRerender } from './re-render-5882a144.js';
+import { n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
+import './index.module-6c840c4e.js';
+import { a as useRequestRerender } from './re-render-1bcfd0de.js';
 
 const TabView = ({}, children) => {
   return h(Host, null, children);

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

@@ -1,8 +1,8 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
-import { u as useMemo, d as useEffect, j as h$1 } from './stencil-hooks.module-3c7f7c90.js';
-import { T } from './index.module-c0eb7dc2.js';
-import { u as useRerenderListener } from './re-render-5882a144.js';
-import { u as useChildElements } from './useChildElements-fe94b660.js';
+import { u as useMemo, f as useEffect, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
+import { T } from './index.module-6c840c4e.js';
+import { u as useRerenderListener } from './re-render-1bcfd0de.js';
+import { u as useChildElements } from './useChildElements-fc84e640.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const TabsView = ({ content, placement, }) => {

package/dist/esm/sqm-text-span.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';
 import './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';