@saasquatch/mint-components 2.5.0-2 → 2.5.0-4

package/dist/types/components/sqm-qr-code/sqm-qr-code.d.ts

@@ -5,6 +5,10 @@ import { QRCodeViewProps } from "./sqm-qr-code-view";
  * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand", "sqb-program-section", "sqb-conditional-section"]
  * @exampleGroup Sharing
  * @example QR Code - <sqm-qr-code></sqm-qr-code>
+ * @csspart sqm-base - The base container
+ * @csspart sqm-title - The QR code title
+ * @csspart primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
  */
 export declare class QrCode {
   /**

package/dist/types/components/sqm-referral-card/sqm-referral-card.d.ts

@@ -6,6 +6,7 @@
  * @exampleGroup Referrals
  * @slots [{"name":"left", "title":"Left Content"},{"name":"right", "title":"Right Content"},{"name":"header", "title":"Header Content"},{"name":"footer", "title":"Footer Content"}]
  * @example Referral Card - <sqm-referral-card vertical-alignment="start"> <sqm-portal-container gap="large" slot="left" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text >They’ll get a $50 credit towards a new account and you’ll get: </sqm-text> <sqm-timeline icon="circle"> <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="Your friend purchases a Business plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$200" unit="visa giftcard" desc="Our sales team qualifies your friend as a good fit for our Enterprise plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$1000" unit="visa giftcard" desc="Your friend purchases an Enterprise plan" icon="circle" > </sqm-timeline-entry> </sqm-timeline> </sqm-portal-container> <sqm-portal-container gap="large" slot="right" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text>Choose how you want to share: </sqm-text> <sqm-text> <sub>Your unique referral link:</sub> <sqm-share-link tooltip-text="Copied to Clipboard" tooltip-lifespan="1000" > </sqm-share-link> </sqm-text> <sqm-portal-container gap="x-small" direction="column" display="grid" max-width="100%" padding="none" > <sqm-share-button medium="email" icon-slot="prefix" size="medium" type="default" > Share via email </sqm-share-button> <sqm-share-button medium="linkedin" icon-slot="prefix" size="medium" type="default" > Share on LinkedIn </sqm-share-button> <sqm-share-button medium="twitter" icon-slot="prefix" size="medium" type="default" > Share on Twitter </sqm-share-button> </sqm-portal-container> </sqm-portal-container> </sqm-referral-card>
+ * @csspart sqm-base - The base container
  * */
 export declare class ReferralCard {
   ignored: boolean;

package/dist/types/components/sqm-referral-code/sqm-referral-code.d.ts

@@ -5,6 +5,9 @@ import { CopyTextViewProps } from "../views/copy-text-view";
  * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-referral-card","span", "sqm-referral-codes"]
  * @exampleGroup Sharing
  * @example Referral Code - <sqm-referral-code tooltip-text="Copied to Clipboard" tooltip-lifespan="1000" show-notification-text="true"></sqm-referral-code>
+ * @csspart icon-button-base - The copy icon button base
+ * @csspart primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
  */
 export declare class ReferralCode {
   /**

package/dist/types/components/sqm-referral-codes/sqm-referral-codes.d.ts

@@ -6,6 +6,7 @@ import { ReferralCodesViewProps } from "./sqm-referral-codes-view";
  * @slots [{"name":"", "title":"Promo Codes Content"}]
  * @exampleGroup Sharing
  * @example Promo Codes - <sqm-referral-codes><sqm-pagination slot="pagination"></sqm-pagination><sqm-referral-code slot="shareCodes" show-notification-text="true"></sqm-referral-code><sqm-portal-container gap="small" slot="shareButtons"><sqm-share-button medium="email">Share via email</sqm-share-button><sqm-share-button medium="fbmessenger">Share on Facebook</sqm-share-button><sqm-share-button medium="whatsapp">Share on WhatsApp</sqm-share-button></sqm-portal-container></sqm-referral-codes>
+ * @csspart sqm-base - The base container
  */
 export declare class ReferralCodes {
   /**

package/dist/types/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.d.ts

@@ -1,4 +1,7 @@
 import { ImpactConnection, Reward } from "../../../saasquatch";
+/**
+ * @csspart sqm-cell-value - The reward cell value
+ */
 export declare class ReferralTableRewardsCell {
   rewards: Reward[];
   taxConnection: ImpactConnection;

package/dist/types/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.d.ts

@@ -3,6 +3,7 @@ import { ReferralTableColumn } from "./ReferralTableColumn";
 /**
  * @uiName Referral Table Rewards Column
  * @validParents ["sqm-referral-table"]
+ * @csspart sqm-cell-value - The reward cell value
  * @exampleGroup Referrals
  * @example Referral Table Rewards Column - <sqm-referral-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PROCESSING {Payment Processing} 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} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Processing until {scheduledPayoutDate}. Payout is then scheduled 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.} PROCESSING {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} 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} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}" denied-help-text="Contact support if you think this is a mistake." ></sqm-referral-table-rewards-column>
  */

package/dist/types/components/sqm-referral-table/sqm-referral-table.d.ts

@@ -8,6 +8,7 @@ import { GenericTableViewProps } from "../../tables/GenericTableView";
  * @exampleGroup Referrals
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
  * @example Referral Table - <sqm-referral-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" > <sqm-referral-table-user-column column-title="Customer" anonymous-user="Your Friend" deleted-user="Deleted User" ></sqm-referral-table-user-column> <sqm-referral-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PROCESSING {Payment Processing} 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} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Processing until {scheduledPayoutDate}. Payout is then scheduled 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.} PROCESSING {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} 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} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}" denied-help-text="Contact support if you think this is a mistake." ></sqm-referral-table-rewards-column> <sqm-referral-table-date-column column-title="Date converted" date-shown="dateConverted" ></sqm-referral-table-date-column> <sqm-referral-table-status-column column-title="Status" converted-status-text="Converted" in-progress-status-text="In Progress" pending-review-status-text="Pending" denied-status-text="Denied" pending-review-status-sub-text="Awaiting review" denied-status-sub-text="Detected self-referral" ></sqm-referral-table-status-column> <sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png" empty-state-header="View your referral details" empty-state-text="Refer a friend to view the status of your referrals and rewards earned" slot="empty" ></sqm-empty> </sqm-referral-table>
+ * @csspart sqm-base - The base container for the referral table component
  */
 export declare class ReferralTable {
   /**

package/dist/types/components/sqm-referred-registration/sqm-referred-registration.d.ts

@@ -7,6 +7,11 @@ import { EmailRegistrationViewProps } from "../views/email-registration-view";
  * @exampleGroup Instant Access
  * @example Friend Registration - <sqm-referred-registration></sqm-referred-registration>
  * @slots [{"name":"top","title":"Top Content"},{"name":"bottom","title":"Bottom Content"}]
+ * @csspart sqm-base - The base container for the instant access registration component
+ * @csspart erroralert-icon - The error alert icon
+ * @csspart input-label - The input label
+ * @csspart input-base - The input base
+ * @csspart primarybutton-base - The primary button base
  */
 export declare class ReferredRegistration {
   ignored: boolean;

package/dist/types/components/sqm-reward-exchange-list/sqm-reward-exchange-list.d.ts

@@ -7,6 +7,16 @@ import { RewardExchangeViewProps } from "./sqm-reward-exchange-list-view";
  * @slots [{"name":"empty", "title":"Empty State"}]
  * @exampleGroup Rewards
  * @example Reward Exchange - <sqm-reward-exchange-list not-available-error="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }" choose-reward-title="Rewards" choose-amount-title="Select" confirmation-title="Confirm" reward-title="Choose a reward" cancel-text="Cancel" back-text="Back" continue-text="Continue" continue-to-confirmation-text="Continue to confirmation" redeem-text="Redeem" redeem-title="Confirm and redeem" redemption-success-text="Redeemed {sourceValue} for {destinationValue}" source-amount-message="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}" tooltip-text="Copied" done-text="Done" select-text="Select amount to receive" query-error="Unable to load reward exchange list. Please try again" redemption-error="An error occured trying to redeem this reward. Please try again" not-enough-error="Not enough {sourceUnit} to redeem for this reward" reward-redeemed-text="Reward redeemed" promo-code="Promo Code" skeleton-card-num=8 reward-name-title="Reward" reward-amount-title="Reward Amount" cost-title="Cost to Redeem"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png" empty-state-header="Redeem rewards" empty-state-text="Use your points to redeem rewards once they become available" slot="empty"></sqm-empty></sqm-reward-exchange-list>
+ * @csspart sqm-base - The base container
+ * @csspart choose-reward-container - The choose reward container
+ * @csspart choose-amount-container - The choose amount container
+ * @csspart confirmation-container - The confirmation container
+ * @csspart success-container - The success container
+ * @csspart loading-container - The loading container
+ * @csspart exchange-card-container - The exchange card container
+ * @csspart primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
+ * @csspart icon-button-base - The copy icon button base
  */
 export declare class SqmRewardExchangeList {
   ignored: boolean;

package/dist/types/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.d.ts

@@ -3,6 +3,9 @@ import { RewardTableColumn } from "./RewardTableColumn";
 /**
  * @uiName Rewards Table Reward Column
  * @validParents ["sqm-rewards-table"]
+ * @csspart sqm-rewards-cell-value - The reward cell value
+ * @csspart sqm-rewards-cell-progress-bar - The reward progress bar
+ * @csspart sqm-rewards-cell-subtext - The reward cell subtext
  * @exampleGroup Rewards
  * @example Reward Column - <sqm-rewards-table-reward-column column-title="Reward" redeemed-text="{redeemedAmount} redeemed" available-text="{availableAmount} remaining" copy-text="Copied!"></sqm-rewards-table-reward-column>
  */

package/dist/types/components/sqm-scroll/sqm-scroll.d.ts

@@ -3,6 +3,7 @@
  * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-tab","sqb-program-section","sqb-conditional-section"]
  * @slots [{"name":"", "title":"Button Content"}]
  * @slotEditor richText
+ * @csspart secondarybutton-base - The secondary button base
  */
 export declare class Scroll {
   ignored: boolean;

package/dist/types/components/sqm-share-button/sqm-share-button.d.ts

@@ -17,6 +17,10 @@ import { DemoData } from "../../global/demo";
  * @example WhatsApp Share Button - <sqm-share-button medium="whatsapp">Share via WhatsApp</sqm-share-button>
  * @example LINE Share Button - <sqm-share-button medium="linemessenger">Share via Line Messenger</sqm-share-button>
  * @example Pinterest Share Button - <sqm-share-button medium="pinterest">Share on Pinterest</sqm-share-button>
+ * @csspart sqm-base - The base container for the share button component
+ * @csspart primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
+ * @csspart icon - The share button icon
  */
 export declare class ShareButton {
   /**

package/dist/types/components/sqm-share-code/sqm-share-code.d.ts

@@ -5,6 +5,9 @@ import { CopyTextViewProps } from "../views/copy-text-view";
  * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqb-program-section","sqb-conditional-section", "sqm-titled-section"]
  * @exampleGroup Sharing
  * @example Share Code - <sqm-share-code tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-share-code>
+ * @csspart icon-button-base - The copy icon button base
+ * @csspart primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
  */
 export declare class ShareCode {
   /**

package/dist/types/components/sqm-share-link/sqm-share-link.d.ts

@@ -5,6 +5,11 @@ import { ShareLinkViewProps } from "./sqm-share-link-view";
  * @exampleGroup Sharing
  * @validParents ["sqm-portal-container", "sqm-titled-section", "div","sqm-hero","sqm-referral-card","sqm-instant-access-registration","sqb-program-section","sqb-conditional-section"]
  * @example Share Link - <sqm-share-link tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-share-link>
+ * @csspart sqm-base - The base container for the share link component
+ * @csspart alert-title - The validation error title
+ * @csspart icon-button-base - The copy icon button base
+ * @csspart primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
  */
 export declare class ShareLink {
   /**

package/dist/types/components/sqm-stat-container/sqm-stat-container.d.ts

@@ -6,6 +6,9 @@ import { Spacing } from "../../global/mixins";
  * @slots [{"name":"", "title":"Stats"}]
  * @exampleGroup Statistics
  * @example Container with Three Stats - <sqm-stat-container space="xxx-large" display="flex"><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/value/global"><p>Points Balance</p></sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE/global"><p>Giftcards Earned</p></sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount"><p>Referrals</p></sqm-big-stat></sqm-stat-container>
+ * @csspart sqm-base - The base container for the stat container
+ * @csspart sqm-inner-container - The stat content container
+ * @csspart sqm-border - The stat border
  */
 export declare class StatContainer {
   ignored: boolean;

package/dist/types/components/sqm-tabs/sqm-tabs.d.ts

@@ -6,6 +6,7 @@
  * @exampleGroup Layout
  * @canvasRenderer always-replace
  * @example Generic Tab Group - <sqm-tabs><sqm-tab header="Tab 1"><p>This is the first tab</p></sqm-tab><sqm-tab header="Tab 2"><p>This is the second tab</p></sqm-tab><sqm-tab header="Tab 3"><p>This is the third tab</p></sqm-tab></sqm-tabs>
+ * @csspart tab - A tab button
  */
 export declare class Tabs {
   /**

package/dist/types/components/sqm-task-card/sqm-task-card.d.ts

@@ -5,6 +5,16 @@ import { TaskCardViewProps } from "./sqm-task-card-view";
  * @uiName Task Card
  * @uiOrder ["reward-amount", "reward-unit", "card-title", "description", "repeatable", "finite", "show-progress-bar", "stat-type", "progress-source", "goal", "steps", "progress-bar-unit", "show-expiry", "reward-duration", "button-text", "button-link", "open-new-tab", "ended-message", "expiry-message", "starts-on-message", "event-key", "*"]
  * @validParents ["sqm-card-feed"]
+ * @csspart sqm-base - The base container
+ * @csspart sqm-card-container - The task card container
+ * @csspart sqm-style-container - The task card style container
+ * @csspart sqm-value - The task value
+ * @csspart sqm-unit - The task value unit
+ * @csspart sqm-title - The task title
+ * @csspart task-card-icon - The task card icon
+ * @csspart chevron-icon - The details chevron icon
+ * @csspart primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
  */
 export declare class TaskCard {
   ignored: boolean;

package/dist/types/components/sqm-text-span/sqm-text-span.d.ts

@@ -2,6 +2,7 @@
  * @uiName Text Span
  * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-big-stat","span","sqm-text-span","sqb-program-section","sqb-conditional-section"]
  * @canvasRenderer always-replace
+ * @csspart sqm-text-span - The text span element
  */
 export declare class TextSpan {
   ignored: boolean;

package/dist/types/components/sqm-timeline/sqm-timeline-entry.d.ts

@@ -3,6 +3,11 @@
  * @validParents ["sqm-timeline"]
  * @exampleGroup Common Components
  * @example Timeline Entry - <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="You refer a friend" icon="circle" > </sqm-timeline-entry>
+ * @csspart sqm-base - The base container for the timeline entry
+ * @csspart sqm-entry-container - The timeline entry container
+ * @csspart sqm-reward - The reward value
+ * @csspart sqm-unit - The reward unit
+ * @csspart sqm-description - The reward description
  */
 export declare class TimelineReward {
   ignored: boolean;

package/dist/types/components/sqm-timeline/sqm-timeline.d.ts

@@ -5,6 +5,7 @@
  * @slots [{"name":"","title":"Timeline","validChildren":["sqm-timeline-entry"]}]
  * @exampleGroup Common Components
  * @example Program Timeline - <sqm-timeline icon="circle"> <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="You refer a friend" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$200" unit="visa giftcard" desc="Our sales team qualifies your friend as a good fit for our Enterprise plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$1000" unit="visa giftcard" desc="Your friend purchases an Enterprise plan" icon="circle" > </sqm-timeline-entry></sqm-timeline>
+ * @csspart sqm-base - The base container for the timeline
  */
 export declare class Timeline {
   ignored: boolean;

package/dist/types/components/sqm-titled-section/sqm-titled-section.d.ts

@@ -7,6 +7,7 @@ import { Spacing } from "../../global/mixins";
  * @slots [{"name":"label", "title":"Label"},{"name":"content", "title":"Content"}]
  * @exampleGroup Layout
  * @example Titled Section - <sqm-titled-section text-align="center" label-margin="small" padding="none"><div slot="label"><h2>Section Label</h2></div><div slot="content"><p>Add your section content here!</p></div></sqm-titled-section>
+ * @csspart sqm-label - The section label
  */
 export declare class TitledSection {
   /**

package/dist/types/components/sqm-user-attribute/sqm-user-attribute.d.ts

@@ -4,6 +4,7 @@ import { UserAttributeViewProps } from "./sqm-user-attribute-view";
  * @uiName User Attribute
  * @exampleGroup Advanced
  * @example User Attribute - <sqm-user-attribute value="lastSeenDate"></sqm-user-attribute>
+ * @csspart sqm-base - The base container
  */
 export declare class UserAttribute {
   ignored: boolean;

package/dist/types/components/sqm-widget-verification/sqm-code-verification/sqm-code-verification.d.ts

@@ -1,5 +1,11 @@
 import { DemoData } from "../../../global/demo";
 import { WidgetCodeVerificationViewProps } from "./sqm-code-verification-view";
+/**
+ * @uiName Widget Code Verification
+ * @csspart sqm-base - The base container
+ * @csspart successalert-icon - The success alert icon
+ * @csspart primarybutton-base - The primary button base
+ */
 export declare class WidgetCodeVerification {
   /**
    * @uiName Verify code widget header text

package/dist/types/components/sqm-widget-verification/sqm-email-verification/sqm-email-verification.d.ts

@@ -2,6 +2,11 @@ import { DemoData } from "../../../global/demo";
 import { WidgetEmailVerificationViewProps } from "./sqm-email-verification-view";
 /**
  * @uiName Widget Verification Gate
+ * @csspart sqm-base - The base container
+ * @csspart alert-title - The alert title
+ * @csspart primarybutton-base - The primary button base
+ * @csspart input-label - The input label
+ * @csspart input-base - The input base
  */
 export declare class WidgetEmailVerification {
   /**

package/dist/types/components/tax-and-cash/TaxForm.stories.d.ts

@@ -66,6 +66,7 @@ export declare const TaxAndCashDashboardIdentityVerifcationFailedInternal: () =>
 export declare const TaxAndCashDashboardW9ThresholdReached: () => any;
 export declare const TaxAndCashDashboardNewTaxForm: () => any;
 export declare const TaxAndCashDashboardPayoutsOnHold: () => any;
+export declare const TaxAndCashDashboardBalanceUnderThreshold: () => any;
 export declare const TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalid: () => any;
 export declare const TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalidUS: () => any;
 export declare const TaxAndCashDashboardNoDocumentType: () => any;

package/dist/types/components/tax-and-cash/data.d.ts

@@ -68,6 +68,8 @@ export declare type ImpactPublisher = {
     hold: boolean;
     holdReasons: string[];
     balance: string;
+    balanceAmount: number;
+    currencyCode: string;
   };
 };
 export declare type ImpactUser = {

package/dist/types/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.d.ts

@@ -4,6 +4,10 @@ import { BankingInfoFormViewProps } from "./sqm-banking-info-form-view";
  * @uiName Banking Information Form
  * @exampleGroup Common Components
  *
+ * @csspart alert-title - The alert title
+ * @csspart primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
+ * @csspart radio-base - The radio base
  */
 export declare class BankingInfoForm {
   ignored: boolean;

package/dist/types/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.d.ts

@@ -4,6 +4,8 @@ import { UseDocusignFormResult } from "./useDocusignForm";
  * @uiName DocuSign Document Submission
  * @exampleGroup Tax and Cash Components
  * @slots [{"name": "docusign-iframe", "title": "DocuSign IFrame Slot"}]
+ * @csspart alert-title - The alert title
+ * @csspart primarybutton-base - The primary button base
  */
 export declare class DocusignForm {
   el: any;

package/dist/types/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.d.ts

@@ -3,6 +3,10 @@ import { UseIndirectTaxFormResult } from "./useIndirectTaxForm";
 /**
  * @uiName Indirect Tax Form
  * @exampleGroup Tax and Cash Components
+ * @csspart alert-title - The alert title
+ * @csspart primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
+ * @csspart radio-base - The radio base
  */
 export declare class IndirectTaxForm {
   /**

package/dist/types/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.d.ts

@@ -6,5 +6,8 @@ export declare const Loading: () => any;
 export declare const NextPayout: () => any;
 export declare const PayoutToday: () => any;
 export declare const ThresholdPayout: () => any;
+export declare const BelowPayoutThresholdFixedDay: () => any;
+export declare const BelowPayoutThresholdPayoutToday: () => any;
+export declare const BelowPayoutThresholdBalanceThreshold: () => any;
 export declare const PaypalPayout: () => any;
 export declare const BadgeTextICUParsing: () => any;

package/dist/types/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.d.ts

@@ -8,6 +8,7 @@ export interface PayoutDetailsCardViewProps {
     hasW9Pending?: boolean;
     hasDatePending?: boolean;
     nextPayoutDate?: string;
+    belowPayoutThreshold?: boolean;
     paypalEmailAddress?: string;
     cardNumberPreview?: string;
     bankName?: string;

package/dist/types/components/tax-and-cash/sqm-payout-status-alert/PayoutStatusAlert.stories.d.ts

@@ -13,6 +13,7 @@ export declare const Loading: () => any;
 export declare const Error: () => any;
 export declare const NewPayeeReview: () => any;
 export declare const PaymentHoldOnChange: () => any;
+export declare const BalanceUnderThreshold: () => any;
 export declare const BeneficiaryNameInvalid: () => any;
 export declare const BeneficiaryNameMismatch: () => any;
 export declare const BankTaxNameMismatch: () => any;

package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.d.ts

@@ -5,6 +5,7 @@ export interface PayoutStatusAlertViewProps {
     loading: boolean;
     status: PayoutStatus;
     veriffLoading: boolean;
+    minPayoutAmount?: string;
     enforceUsTaxComplianceOption?: EnforceUsTaxComplianceOption;
   };
   data: {
@@ -33,6 +34,8 @@ export interface PayoutStatusAlertViewProps {
     verificationFailedInternalDescription: string;
     accountReviewHeader: string;
     accountReviewDescription: string;
+    balanceUnderThresholdHeader: string;
+    balanceUnderThresholdDescription: string;
     paymentHoldOnChangeHeader: string;
     paymentHoldOnChangeDescription: string;
     beneficiaryNameInvalidHeader: string;

package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.d.ts

@@ -5,6 +5,11 @@ import { PayoutStatusAlertViewProps } from "./sqm-payout-status-alert-view";
  * @validParents ["sqm-portal-container","div","sqm-hero","sqm-instant-access-registration","sqm-brand","sqb-program-section","sqb-conditional-section"]
  * @exampleGroup Tax and Cash
  * @example Payout Status Alert - <sqm-payout-status-alert></sqm-payout-status-alert>
+ * @csspart sqm-base - The base container
+ * @csspart alert-title - The alert title
+ * @csspart alert-description - The alert description
+ * @csspart primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
  */
 export declare class PayoutStatusAlert {
   /**
@@ -72,6 +77,14 @@ export declare class PayoutStatusAlert {
    * @uiName Account review alert description
    */
   accountReviewDescription: string;
+  /**
+   * @uiName Balance under payout minimum alert header
+   */
+  balanceUnderThresholdHeader: string;
+  /**
+   * @uiName Balance under payout minimum alert description
+   */
+  balanceUnderThresholdDescription: string;
   /**
    * @uiName Payment on hold alert header
    */

package/dist/types/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.d.ts

@@ -1,7 +1,7 @@
 import { UserQuery } from "../data";
 import { PayoutStatusAlert } from "./sqm-payout-status-alert";
 export declare type EnforceUsTaxComplianceOption = "NONE" | "EXPLICIT_COUNTRY_CODE" | "IMPLIED_COUNTRY_CODE" | "ALL" | "CASH_ONLY" | "CASH_ONLY_DEFER_W9";
-export declare type PayoutStatus = "OVER_W9_THRESHOLD" | "INFORMATION_REQUIRED" | "VERIFICATION:REQUIRED" | "VERIFICATION:INTERNAL" | "VERIFICATION:REVIEW" | "VERIFICATION:FAILED" | "NEW_PAYEE_REVIEW" | "PAYMENT_HOLD_ON_CHANGE" | "BENEFICIARY_NAME_INVALID" | "BENEFICIARY_NAME_MISMATCH" | "BANK_TAX_NAME_MISMATCH" | "WITHDRAWAL_SETTINGS_INVALID" | "PAYMENT_RETURNED" | "HOLD" | "DONE";
+export declare type PayoutStatus = "OVER_W9_THRESHOLD" | "INFORMATION_REQUIRED" | "VERIFICATION:REQUIRED" | "VERIFICATION:INTERNAL" | "VERIFICATION:REVIEW" | "VERIFICATION:FAILED" | "NEW_PAYEE_REVIEW" | "BALANCE_UNDER_THRESHOLD" | "PAYMENT_HOLD_ON_CHANGE" | "BENEFICIARY_NAME_INVALID" | "BENEFICIARY_NAME_MISMATCH" | "BANK_TAX_NAME_MISMATCH" | "WITHDRAWAL_SETTINGS_INVALID" | "PAYMENT_RETURNED" | "HOLD" | "DONE";
 export declare type TenantSettingsQuery = {
   tenantSettings: {
     enforceUsTaxCompliance: EnforceUsTaxComplianceOption;
@@ -15,6 +15,7 @@ export declare function usePayoutStatus(props: PayoutStatusAlert): {
     status: PayoutStatus;
     error: boolean;
     enforceUsTaxComplianceOption: EnforceUsTaxComplianceOption;
+    minPayoutAmount: string;
   };
   data: {
     type: "SquatchJS2" | "SquatchAndroid" | "SquatchIOS" | "SquatchPortal" | "SquatchAdmin" | "None";

package/dist/types/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.d.ts

@@ -4,6 +4,7 @@ import { DemoData } from "../../../global/demo";
  * @exampleGroup Tax and Cash
  * @validParents ["sqm-portal-container","div","sqm-hero","sqm-instant-access-registration","sqb-program-section","sqb-conditional-section", "template"]
  * @example Microsite Cash Payout Form - <sqm-tax-and-cash></sqm-tax-and-cash>
+ * @csspart container - The base container for the tax and cash component
  */
 export declare class TaxAndCashMonolith {
   /**
@@ -920,6 +921,17 @@ export declare class TaxAndCashMonolith {
    * @uiName Account review alert description
    */
   dashboard_accountReviewDescription: string;
+  /**
+   * @uiName Balance under payout minimum alert header
+   * @uiGroup Dashboard Properties
+   */
+  dashboard_balanceUnderThresholdHeader: string;
+  /**
+   * @uiName Balance under payout minimum alert description
+   * @uiGroup Dashboard Properties
+   * @uiWidget textArea
+   */
+  dashboard_balanceUnderThresholdDescription: string;
   /**
    * @uiName Payment on hold alert header
    */

package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/TaxAndCashDashboardView.stories.d.ts

@@ -6,6 +6,7 @@ export declare const ActiveW9Form: () => any;
 export declare const TaxFormRequired: () => any;
 export declare const AccountUnderReview: () => any;
 export declare const PaymentHoldOnChange: () => any;
+export declare const BalanceUnderThreshold: () => any;
 export declare const BeneficiaryNameInvalid: () => any;
 export declare const BeneficiaryNameMismatch: () => any;
 export declare const BankTaxNameMismatch: () => any;

package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.d.ts

@@ -24,6 +24,7 @@ export interface TaxAndCashDashboardProps {
     showNewFormDialog: boolean;
     hasHold: boolean;
     payoutStatus: PayoutStatus;
+    minPayoutAmount?: string;
     veriffLoading: boolean;
     errors?: {
       general?: boolean;
@@ -99,6 +100,8 @@ export interface TaxAndCashDashboardProps {
     verificationFailedInternalDescription: string;
     accountReviewHeader: string;
     accountReviewDescription: string;
+    balanceUnderThresholdHeader: string;
+    balanceUnderThresholdDescription: string;
     paymentHoldOnChangeHeader: string;
     paymentHoldOnChangeDescription: string;
     beneficiaryNameInvalidHeader: string;

package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.d.ts

@@ -2,6 +2,10 @@ import { DemoData } from "../../../global/demo";
 import { UseTaxAndCashDashboardResult } from "./useTaxAndCashDashboard";
 /**
  * @uiName Tax and Cash Status Dashboard
+ * @csspart alert-base - The alert base
+ * @csspart alert-icon - The alert icon
+ * @csspart primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
  */
 export declare class TaxAndCashDashboard {
   /**
@@ -247,6 +251,14 @@ export declare class TaxAndCashDashboard {
    * @uiName Account review alert description
    */
   accountReviewDescription: string;
+  /**
+   * @uiName Balance under payout minimum alert header
+   */
+  balanceUnderThresholdHeader: string;
+  /**
+   * @uiName Balance under payout minimum alert description
+   */
+  balanceUnderThresholdDescription: string;
   /**
    * @uiName Payment hold on change alert header
    */

package/dist/types/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.d.ts

@@ -3,6 +3,11 @@ import { UseUserInfoFormResult } from "./useUserInfoForm";
 /**
  * @uiName User Information Form
  * @exampleGroup Tax and Cash Components
+ * @csspart alert-title - The alert title
+ * @csspart alert-description - The alert description
+ * @csspart input-label - The input label
+ * @csspart input-base - The input base
+ * @csspart primarybutton-base - The primary button base
  */
 export declare class TaxForm {
   ignored: boolean;

package/dist/types/components/tax-and-cash/utils.d.ts

@@ -1,4 +1,4 @@
-import { TaxDocumentType } from "./data";
+import { ImpactPublisher, TaxDocumentType } from "./data";
 /**
  * Normalize user input to the domestic form Impact stores: digits only,
  * with the country dial code and trunk-zero prefix removed.
@@ -22,3 +22,7 @@ export declare function getCountryObj({ countryCode, locale, }: {
   countryCode: string;
   displayName: any;
 };
+/** The minimum balance Impact requires before it will issue a payout, e.g. "USD50.00". */
+export declare function formatPayoutThreshold(publisher: ImpactPublisher | null | undefined): string | undefined;
+/** `payoutsAccount.balance` is a formatted string; only `balanceAmount` (minor units) is comparable. */
+export declare function isBalanceUnderPayoutThreshold(publisher: ImpactPublisher | null | undefined): boolean;