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

package/dist/collection/components/sqm-popup-container/sqm-popup-container.js

@@ -7,6 +7,7 @@ import { getProps } from "../../utils/utils";
  * @uiName Popup Container
  * @slots [{"name":"","title":"Content"}]
  * @canvasRenderer always-replace
+ * @csspart sqm-close-button - The popup close button
  */
 export class PopupContainer {
   constructor() {

package/dist/collection/components/sqm-portal-change-marketing/sqm-portal-change-marketing.js

@@ -8,6 +8,10 @@ import deepmerge from "deepmerge";
 /**
  * @uiName Change Marketing Opt in Status
  * @requiredFeatures ["MARKETING_EMAILS"]
+ * @csspart erroralert-text - The error message element
+ * @csspart successalert-text - The success message element
+ * @csspart erroralert-icon - The error alert icon
+ * @csspart successalert-icon - The success alert icon
  */
 export class PortalChangeMarketing {
   constructor() {

package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password.js

@@ -8,6 +8,14 @@ import { useState } from "@saasquatch/universal-hooks";
 /**
  * @uiName Microsite Password Change
  * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand"]
+ * @csspart erroralert-text - The error message element
+ * @csspart successalert-text - The success message element
+ * @csspart erroralert-icon - The error alert icon
+ * @csspart successalert-icon - The success alert icon
+ * @csspart input-label - The input label
+ * @csspart input-base - The input base
+ * @csspart primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
  */
 export class PortalChangePassword {
   constructor() {

package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification.js

@@ -6,6 +6,11 @@ import { PortalEmailVerificationView, } from "./sqm-portal-email-verification-vi
 import { usePortalEmailVerification } from "./usePortalEmailVerification";
 /**
  * @uiName Microsite Email Verification
+ * @csspart erroralert-text - The error message element
+ * @csspart successalert-text - The success message element
+ * @csspart erroralert-icon - The error alert icon
+ * @csspart successalert-icon - The success alert icon
+ * @csspart primarybutton-base - The primary button base
  */
 export class PortalEmailVerification {
   constructor() {

package/dist/collection/components/sqm-portal-forgot-password/sqm-portal-forgot-password.js

@@ -6,6 +6,14 @@ import { PortalForgotPasswordView, } from "./sqm-portal-forgot-password-view";
 import { usePortalForgotPassword } from "./usePortalForgotPassword";
 /**
  * @uiName Microsite Forgot Password
+ * @csspart erroralert-text - The error message element
+ * @csspart successalert-text - The success message element
+ * @csspart erroralert-icon - The error alert icon
+ * @csspart successalert-icon - The success alert icon
+ * @csspart input-label - The input label
+ * @csspart input-base - The input base
+ * @csspart primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
  */
 export class PortalForgotPassword {
   constructor() {

package/dist/collection/components/sqm-portal-frame/sqm-portal-frame.js

@@ -7,6 +7,8 @@ import deepmerge from "deepmerge";
 /**
  * @uiName Microsite Frame
  * @slots [{"name":"header","title":"Header Content"},{"name":"footer","title":"Footer Content"},{"name":"","title":"Body Content"}]
+ * @csspart sqm-header - The header container
+ * @csspart sqm-footer - The footer container
  */
 export class PortalFrame {
   constructor() {

package/dist/collection/components/sqm-portal-google-login/sqm-portal-google-login.js

@@ -7,6 +7,7 @@ import { PortalLoginView, } from "../sqm-portal-login/sqm-portal-login-view";
 import { usePortalLogin } from "../sqm-portal-login/usePortalLogin";
 /**
  * @uiName Microsite Login
+ * @csspart forgot-password-link - The forgot password link
  */
 export class PortalGoogleLogin {
   constructor() {

package/dist/collection/components/sqm-portal-google-registration-form/sqm-portal-google-registration-form.js

@@ -11,6 +11,9 @@ import { usePortalGoogleRegistrationForm } from "./usePortalGoogleRegistrationFo
  * @uiName Google Registration
  * @canvasRenderer always-replace
  * @slots [{"name":"formData","title":"Additional Fields"},{"name":"terms","title":"Terms And Conditions Fields"}]
+ * @csspart input-label - The input label
+ * @csspart input-base - The input base
+ * @csspart primarybutton-base - The primary button base
  */
 export class PortalGoogleRegistrationForm {
   constructor() {

package/dist/collection/components/sqm-portal-login/sqm-portal-login.js

@@ -8,6 +8,13 @@ import { createStyleSheet } from "../../styling/JSS";
 /**
  * @uiName Microsite Login
  * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand", "template"]
+ * @csspart forgot-password-link - The forgot password link
+ * @csspart erroralert-text - The error message element
+ * @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
+ * @csspart secondarybutton-base - The secondary button base
  */
 export class PortalLogin {
   constructor() {

package/dist/collection/components/sqm-portal-profile/sqm-portal-profile.js

@@ -8,6 +8,13 @@ import deepmerge from "deepmerge";
 /**
  * @uiName Microsite Participant Profile
  * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template"]
+ * @csspart erroralert-text - The error message element
+ * @csspart successalert-text - The success message element
+ * @csspart success-icon - The success alert icon
+ * @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 class PortalProfile {
   constructor() {

package/dist/collection/components/sqm-portal-register/sqm-portal-register.js

@@ -8,6 +8,11 @@ import { usePortalRegister } from "./usePortalRegister";
  * @uiName Microsite Registration
  * @canvasRenderer always-replace
  * @slots [{"name":"formData","title":"Additional Fields"},{"name":"terms","title":"Terms And Conditions Fields"}]
+ * @csspart erroralert-text - The error message element
+ * @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 class PortalRegister {
   constructor() {

package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form.js

@@ -8,6 +8,11 @@ import { usePortalRegistrationForm } from "./usePortalRegistrationForm";
  * @uiName Microsite Registration
  * @canvasRenderer always-replace
  * @slots [{"name":"formData","title":"Additional Fields"},{"name":"terms","title":"Terms And Conditions Fields"},{"name":"emailOptIn","title":"Email Opt-in Fields"}]
+ * @csspart erroralert-text - The error message element
+ * @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 class PortalRegistrationForm {
   constructor() {

package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password.js

@@ -6,6 +6,13 @@ import { PortalResetPasswordView, } from "./sqm-portal-reset-password-view";
 import { usePortalResetPassword } from "./usePortalResetPassword";
 /**
  * @uiName Microsite Reset Password
+ * @csspart erroralert-text - The error message element
+ * @csspart successalert-text - The success message element
+ * @csspart success-icon - The success alert icon
+ * @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 class PortalResetPassword {
   constructor() {

package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email.js

@@ -7,6 +7,11 @@ import { usePortalVerifyEmail } from "./usePortalVerifyEmail";
 import { getProps } from "../../utils/utils";
 /**
  * @uiName Microsite Verify Email
+ * @csspart erroralert-text - The error message element
+ * @csspart successalert-text - The success message element
+ * @csspart success-icon - The success alert icon
+ * @csspart erroralert-icon - The error alert icon
+ * @csspart primarybutton-base - The primary button base
  */
 export class PortalVerifyEmail {
   constructor() {

package/dist/collection/components/sqm-qr-code/sqm-qr-code.js

@@ -10,6 +10,9 @@ import { useQRCode } from "./useQRCode";
  * @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-title - The QR code title
+ * @csspart primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
  */
 export class QrCode {
   constructor() {

package/dist/collection/components/sqm-referral-code/sqm-referral-code.js

@@ -10,6 +10,9 @@ import { useReferralCode } from "./useReferralCode";
  * @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 class ReferralCode {
   constructor() {

package/dist/collection/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.js

@@ -4,6 +4,9 @@ import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
 import { luxonLocale } from "../../../utils/utils";
 import { TextSpanView } from "../../sqm-text-span/sqm-text-span-view";
+/**
+ * @csspart sqm-cell-value - The reward cell value
+ */
 export class ReferralTableRewardsCell {
   constructor() {
     this.statusText = "{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} }";

package/dist/collection/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.js

@@ -4,6 +4,7 @@ import { useRequestRerender } from "../../../tables/re-render";
 /**
  * @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/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list.js

@@ -14,6 +14,15 @@ import { useRewardExchangeList, } from "./useRewardExchangeList";
  * @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 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 class SqmRewardExchangeList {
   constructor() {

package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-reward-cell.js

@@ -10,6 +10,11 @@ const style = {
     "margin-right": "var(--sl-spacing-small)",
     "flex-wrap": "wrap",
   },
+  /**
+   * @csspart sqm-reward-cell-value - The reward value
+   * @csspart sqm-reward-cell-progress - The reward progress
+   * @csspart sqm-reward-cell-subtext - The reward subtext
+   */
   Details: {
     "padding-bottom": "var(--sl-spacing-small)",
     "max-width": "500px",

package/dist/collection/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.js

@@ -4,6 +4,9 @@ import { useRequestRerender } from "../../../tables/re-render";
 /**
  * @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/collection/components/sqm-scroll/sqm-scroll.js

@@ -6,6 +6,7 @@ import { useScroll } from "./useScroll";
  * @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 class Scroll {
   constructor() {

package/dist/collection/components/sqm-share-button/sqm-share-button.js

@@ -22,6 +22,9 @@ import deepmerge from "deepmerge";
  * @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 primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
+ * @csspart icon - The share button icon
  */
 export class ShareButton {
   constructor() {

package/dist/collection/components/sqm-share-code/sqm-share-code.js

@@ -10,6 +10,9 @@ import { useShareCode } from "./useShareCode";
  * @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 class ShareCode {
   constructor() {

package/dist/collection/components/sqm-share-link/sqm-share-link.js

@@ -10,6 +10,10 @@ import { useShareLink } from "./useShareLink";
  * @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 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 class ShareLink {
   constructor() {

package/dist/collection/components/sqm-stat-container/sqm-stat-container.js

@@ -9,6 +9,8 @@ import { getProps } from "../../utils/utils";
  * @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-inner-container - The stat content container
+ * @csspart sqm-border - The stat border
  */
 export class StatContainer {
   constructor() {

package/dist/collection/components/sqm-tabs/sqm-tabs.js

@@ -11,6 +11,7 @@ import { useTabs } from "./useTabs";
  * @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 class Tabs {
   constructor() {

package/dist/collection/components/sqm-task-card/sqm-task-card.js

@@ -11,6 +11,15 @@ import { useTaskCard } from "./useTaskCard";
  * @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-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 class TaskCard {
   constructor() {

package/dist/collection/components/sqm-text-span/sqm-text-span.js

@@ -5,6 +5,7 @@ import { TextSpanView } from "./sqm-text-span-view";
  * @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 class TextSpan {
   constructor() {

package/dist/collection/components/sqm-timeline/sqm-timeline-entry.js

@@ -8,6 +8,10 @@ import { TimelineEntryView } from "./sqm-timeline-entry-view";
  * @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-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 class TimelineReward {
   constructor() {

package/dist/collection/components/sqm-titled-section/sqm-titled-section.js

@@ -9,6 +9,7 @@ import { PortalSectionView } from "./sqm-portal-section-view";
  * @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 class TitledSection {
   constructor() {

package/dist/collection/components/sqm-widget-verification/sqm-code-verification/sqm-code-verification.js

@@ -6,6 +6,10 @@ import { getProps } from "../../../utils/utils";
 import { VERIFICATION_PARENT_NAMESPACE } from "../keys";
 import { WidgetCodeVerificationView, } from "./sqm-code-verification-view";
 import { useWidgetCodeVerification } from "./useCodeVerification";
+/**
+ * @csspart successalert-icon - The success alert icon
+ * @csspart primarybutton-base - The primary button base
+ */
 export class WidgetCodeVerification {
   constructor() {
     /**

package/dist/collection/components/sqm-widget-verification/sqm-email-verification/sqm-email-verification-view.js

@@ -204,7 +204,7 @@ export function WidgetEmailVerificationView(props) {
         id: "sendCodeErrorDescription",
         defaultMessage: text.sendCodeErrorDescription,
       }, {
-        supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
       }))),
     states.initialLoading ? (renderLoadingSkeleton()) : (h("div", { class: sheet.classes.Wrapper },
       h(TextSpanView, { type: "p" }, text.verifyEmailHeaderText),

package/dist/collection/components/sqm-widget-verification/sqm-email-verification/sqm-email-verification.js

@@ -8,6 +8,10 @@ import deepmerge from "deepmerge";
 import { SHOW_CODE_NAMESPACE } from "../keys";
 /**
  * @uiName Widget Verification Gate
+ * @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 class WidgetEmailVerification {
   constructor() {

package/dist/collection/components/tax-and-cash/TaxForm.stories.js

@@ -1216,6 +1216,25 @@ export const TaxAndCashDashboardPayoutsOnHold = () => {
       },
     } }));
 };
+export const TaxAndCashDashboardBalanceUnderThreshold = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "BALANCE_UNDER_THRESHOLD",
+        minPayoutAmount: "USD50.00",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        indirectTaxNumber: "123456",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
 export const TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalid = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,

package/dist/collection/components/tax-and-cash/data.js

@@ -83,6 +83,8 @@ export const GET_USER = gql `
               hold
               holdReasons
               balance
+              balanceAmount
+              currencyCode
             }
           }
         }

package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.js

@@ -212,7 +212,7 @@ export const BankingInfoFormView = (props) => {
           id: "generalDescription",
           defaultMessage: text.error.generalDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
       states.isPartner && !states.hideSteps && (h("sqm-form-message", { type: "info" },
         h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
@@ -220,7 +220,7 @@ export const BankingInfoFormView = (props) => {
           id: "isPartnerAlertDescription",
           defaultMessage: text.isPartnerAlertDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
       h("div", null,
         h("h4", null, text.paymentMethod),

package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.js

@@ -15,6 +15,10 @@ import { getFormInputs, paypalFeeMap, useBankingInfoForm, } from "./useBankingIn
  * @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 class BankingInfoForm {
   constructor() {

package/dist/collection/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.js

@@ -149,7 +149,7 @@ export const DocusignFormView = (props) => {
           id: "loadingErrorAlertDescription",
           defaultMessage: text.error.loadingErrorAlertDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         })))),
     ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (h("sqm-form-message", { type: "error" },
       h("p", { part: "alert-title" }, text.error.generalTitle),
@@ -157,7 +157,7 @@ export const DocusignFormView = (props) => {
         id: "generalDescription",
         defaultMessage: text.error.generalDescription,
       }, {
-        supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
       }))),
     h("div", null,
       h("div", null,

package/dist/collection/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.js

@@ -11,6 +11,8 @@ import { useDocusignForm } 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 class DocusignForm {
   constructor() {

package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.js

@@ -147,7 +147,7 @@ export const IndirectTaxFormView = (props) => {
             id: "loadingErrorAlertDescription",
             defaultMessage: text.error.loadingErrorAlertDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           })))),
       ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (h("sqm-form-message", { type: "error" },
         h("p", { part: "alert-title" }, text.error.generalTitle),
@@ -155,7 +155,7 @@ export const IndirectTaxFormView = (props) => {
           id: "generalDescription",
           defaultMessage: text.error.generalDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
       states.isPartnerLegacy && (h("sqm-form-message", { loading: states.loading, type: "info" },
         h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
@@ -163,7 +163,7 @@ export const IndirectTaxFormView = (props) => {
           id: "isPartnerAlertDescription",
           defaultMessage: text.isPartnerAlertDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
       h("div", null,
         h("h4", null, text.indirectTaxDetails))),
@@ -183,7 +183,7 @@ export const IndirectTaxFormView = (props) => {
         id: "cannotChangeInfoAlert",
         defaultMessage: text.cannotChangeInfoAlert,
       }, {
-        supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
       })),
       h("div", { class: classes.BtnContainer },
         h("sl-button", { class: classes.PrimaryButton, type: "primary", disabled: states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),

package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.js

@@ -12,6 +12,10 @@ import { useIndirectTaxForm, } 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 class IndirectTaxForm {
   constructor() {

package/dist/collection/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.js

@@ -31,6 +31,31 @@ export const ThresholdPayout = () => {
       },
     } }));
 };
+export const BelowPayoutThresholdFixedDay = () => {
+  return (h("sqm-payout-details-card", { demoData: {
+      states: {
+        badgeStatus: "nextPayout",
+        belowPayoutThreshold: true,
+      },
+    } }));
+};
+export const BelowPayoutThresholdPayoutToday = () => {
+  return (h("sqm-payout-details-card", { demoData: {
+      states: {
+        badgeStatus: "payoutToday",
+        belowPayoutThreshold: true,
+      },
+    } }));
+};
+export const BelowPayoutThresholdBalanceThreshold = () => {
+  return (h("sqm-payout-details-card", { demoData: {
+      states: {
+        thresholdBalance: "50 USD",
+        badgeStatus: "thresholdPayout",
+        belowPayoutThreshold: true,
+      },
+    } }));
+};
 export const PaypalPayout = () => {
   return (h("sqm-payout-details-card", { demoData: {
       states: {