@saasquatch/mint-components 2.3.0-5 → 2.3.0-7

package/dist/cjs/{useIndirectTaxForm-c3c1ec56.js → useIndirectTaxForm-d1cd23f7.js}

@@ -3,7 +3,7 @@
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 const index_module = require('./index.module-f8c8495f.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const utils = require('./utils-a3b3d05b.js');
+const subregions = require('./subregions-e7273457.js');
 const data = require('./data-89ac73dd.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 
@@ -1186,7 +1186,7 @@ function useIndirectTaxForm(props) {
   const { data: userData, refetch, errors: userError, } = index_module.$n(data.USER_QUERY_NAMESPACE);
   const { data: _countriesRes, loading: countriesLoading } = index_module.$n(data.COUNTRIES_QUERY_NAMESPACE);
   const intlLocale = (locale === null || locale === void 0 ? void 0 : locale.replace("_", "-")) || "en";
-  const _countries = domContextHooks_module.useMemo(() => { var _a, _b; return (_b = (_a = _countriesRes === null || _countriesRes === void 0 ? void 0 : _countriesRes.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.map((country) => utils.getCountryObj({ countryCode: country.countryCode, locale: intlLocale })); }, [(_a = _countriesRes === null || _countriesRes === void 0 ? void 0 : _countriesRes.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data]);
+  const _countries = domContextHooks_module.useMemo(() => { var _a, _b; return (_b = (_a = _countriesRes === null || _countriesRes === void 0 ? void 0 : _countriesRes.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.map((country) => subregions.getCountryObj({ countryCode: country.countryCode, locale: intlLocale })); }, [(_a = _countriesRes === null || _countriesRes === void 0 ? void 0 : _countriesRes.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data]);
   const [loading, setLoading] = domContextHooks_module.useState(false);
   const [formState, setFormState] = domContextHooks_module.useState({});
   const [errors, setErrors] = domContextHooks_module.useState({});
@@ -1291,7 +1291,7 @@ function useIndirectTaxForm(props) {
     }
     await refetch();
     const resultPublisher = (_g = (_f = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher;
-    const hasValidCurrentDocument = utils.validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
+    const hasValidCurrentDocument = subregions.validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
     // Fire form change event
     window.dispatchEvent(new Event(eventKeys.TAX_FORM_UPDATED_EVENT_KEY));
     return {
@@ -1378,10 +1378,10 @@ function useIndirectTaxForm(props) {
       })),
     },
     data: {
-      esRegions: utils.INDIRECT_TAX_SPAIN_REGIONS,
+      esRegions: subregions.INDIRECT_TAX_SPAIN_REGIONS,
       countries: filteredCountries,
       allCountries: _countries,
-      provinces: utils.INDIRECT_TAX_PROVINCES,
+      provinces: subregions.INDIRECT_TAX_PROVINCES,
     },
     text: props.getTextProps(),
     refs: {

package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal-view.js

@@ -66,6 +66,7 @@ const style = {
       color: "var(--sqm-primary-button-color)",
       backgroundColor: "var(--sqm-primary-button-background)",
       border: "var(--sqm-primary-button-color-border)",
+      borderRadius: "var(--sqm-primary-button-radius)",
     },
   },
 };

package/dist/collection/components/sqm-partner-info-modal/usePartnerInfoModal.js

@@ -48,32 +48,6 @@ export const GET_CURRENCIES = gql `
     }
   }
 `;
-export const CONNECT_PARTNER = gql `
-  mutation createImpactConnection($vars: ImpactConnectionInput!) {
-    createImpactConnection(impactConnectionInput: $vars) {
-      success
-      validationErrors {
-        field
-        message
-      }
-      user {
-        id
-        accountId
-        impactConnection {
-          connected
-          publisher {
-            brandedSignup
-            requiredTaxDocumentType
-            currentTaxDocument {
-              type
-              status
-            }
-          }
-        }
-      }
-    }
-  }
-`;
 const START_IMPACT_CONNECTION = gql `
   mutation startImpactConnection($vars: ImpactConnectionInput!) {
     startImpactConnection(impactConnectionInput: $vars) {
@@ -101,7 +75,7 @@ const START_IMPACT_CONNECTION = gql `
   }
 `;
 export function usePartnerInfoModal(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e;
   const locale = useLocale();
   const setPartnerCreated = useSetParent(PARTNER_CREATED_NAMESPACE);
   const { data: userData, loading: userLoading, refetch, } = useQuery(GET_USER_PARTNER_INFO, {});
@@ -116,8 +90,20 @@ export function usePartnerInfoModal(props) {
   });
   const [startImpactConnection, { loading: connectLoading }] = useMutation(START_IMPACT_CONNECTION);
   const [allowBankingCollection, setAllowBankingCollection] = useState(false);
-  const countries = ((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || [];
-  const isExistingPartner = !!((_f = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _f === void 0 ? void 0 : _f.publisher);
+  const countries = useMemo(() => {
+    var _a;
+    const data = (_a = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data;
+    if (!data)
+      return [];
+    return [...data].sort((a, b) => {
+      if (a.countryCode === "US")
+        return -1;
+      if (b.countryCode === "US")
+        return 1;
+      return a.displayName.localeCompare(b.displayName);
+    });
+  }, [countriesData]);
+  const isExistingPartner = !!((_e = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher);
   const _currencies = useMemo(() => {
     var _a, _b, _c;
     // if isExistingPartner, grab all currencies since select is disabled anyways
@@ -140,7 +126,7 @@ export function usePartnerInfoModal(props) {
   const currencies = useMemo(() => [..._currencies].sort((a, b) => a.displayName.localeCompare(b.displayName)), [_currencies]);
   const [countrySearch, setCountrySearch] = useState("");
   const [currencySearch, setCurrencySearch] = useState("");
-  const [filteredCountries, setFilteredCountries] = useState(((_g = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _g === void 0 ? void 0 : _g.data) || []);
+  const [filteredCountries, setFilteredCountries] = useState(countries || []);
   const [filteredCurrencies, setFilteredCurrencies] = useState(currencies || []);
   const [error, setError] = useState("");
   const [success, setSuccess] = useState(false);
@@ -243,7 +229,6 @@ export function usePartnerInfoModal(props) {
       setError(props.networkErrorText);
     }
   }
-  console.log(impactConnection, "impactConnection in partner modal");
   const showModal = !success &&
     !userLoading &&
     (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connectionStatus) === "NOT_STARTED";

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

@@ -96,6 +96,7 @@ import * as UserName from "../sqm-user-name/UserName.stories";
 import * as WidgetCodeVerification from "../sqm-widget-verification/sqm-code-verification/WidgetCodeVerification.stories";
 import * as WidgetEmailVerification from "../sqm-widget-verification/sqm-email-verification/WidgetEmailVerification.stories";
 import * as BankingInfoForm from "../tax-and-cash/BankingForm.stories";
+import * as TaxAndCashDashboardView from "../tax-and-cash/sqm-tax-and-cash-dashboard/TaxAndCashDashboardView.stories";
 import * as TaxForm from "../tax-and-cash/TaxForm.stories";
 import * as PayoutDetailsCard from "../tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories";
 import * as PayoutStatusAlert from "../tax-and-cash/sqm-payout-status-alert/PayoutStatusAlert.stories";
@@ -221,6 +222,7 @@ const stories = [
   TaxAndCashRewardsTable,
   TaxAndCashReferralTableRewardsCell,
   TaxAndCashReferralTable,
+  TaxAndCashDashboardView,
   PartnerInfoModal,
   WidgetVerification,
   UserAttribute,

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

@@ -38,3 +38,9 @@ export const PaypalPayout = () => {
       },
     } }));
 };
+export const BadgeTextICUParsing = () => {
+  return (h("div", { style: { display: "flex", flexDirection: "column", gap: "16px" } },
+    h("sqm-payout-details-card", { "status-badge-text": "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} other {Failed} }", demoData: { states: { badgeStatus: "nextPayout" } } }),
+    h("sqm-payout-details-card", { "status-badge-text": "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} other {Failed} }", demoData: { states: { badgeStatus: "payoutToday" } } }),
+    h("sqm-payout-details-card", { "status-badge-text": "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} other {Failed} }", demoData: { states: { badgeStatus: "error" } } })));
+};

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

@@ -125,6 +125,14 @@ const style = {
       color: "var(--sl-color-white)",
     },
   },
+  DangerBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-danger-color-icon)",
+      color: "var(--sl-color-white)",
+    },
+  },
   Container: {
     display: "flex",
     flexDirection: "column",
@@ -145,8 +153,11 @@ export function PayoutDetailsCardView(props) {
       h("sqm-skeleton", { width: "25%", height: "16px" })));
   };
   const renderStatusBadge = (status, statusBadgeText) => {
-    const badgeType = status === "nextPayout" ? "success" : "primary";
-    const badgeClass = badgeType === "success" ? classes.SuccessBadge : classes.PrimaryBadge;
+    const badgeClass = status === "nextPayout"
+      ? classes.SuccessBadge
+      : status === "payoutToday"
+        ? classes.PrimaryBadge
+        : classes.DangerBadge;
     const statusText = intl.formatMessage({
       id: "badgeText",
       defaultMessage: statusBadgeText,

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/TaxAndCashDashboardView.stories.js

@@ -0,0 +1,151 @@
+import { h } from "@stencil/core";
+import { TaxAndCashDashboardView, } from "./sqm-tax-and-cash-dashboard-view";
+import { taxTypeToName } from "../utils";
+export default {
+  title: "Components/Tax And Cash Dashboard View",
+};
+const defaultText = {
+  statusTextActive: "Active",
+  statusTextNotActive: "Invalid Tax Form",
+  statusTextNotVerified: "Not Verified",
+  statusTextRequired: "Required",
+  requiredTaxForm: "Your payouts are on hold until you submit a {taxFormType} tax form.",
+  badgeTextSubmittedOn: "Submitted on {dateSubmitted}.",
+  badgeTextSubmittedOnW8: "Submitted on {dateSubmitted}. Valid for three years after submission.",
+  badgeTextAwaitingReview: "Awaiting review. Submitted on {dateSubmitted}.",
+  taxAlertHeaderNotActiveW9: "Your W-9 tax form has personal information that doesn't match your profile",
+  taxAlertHeaderNotActiveW8: "{documentType} tax form is invalid",
+  taxAlertNotActiveMessageW9: "Please resubmit a new {documentType} form.",
+  taxAlertNotActiveMessageW8: "Your tax form may have expired or has personal information that doesn't match your profile. Please submit a new {documentType} form.",
+  invalidForm: "Make sure your information is correct and submit new form.",
+  bankingInformationSectionHeader: "Payout information",
+  taxDocumentSectionHeader: "Tax documents",
+  taxDocumentSectionSubHeader: "{documentType} tax form",
+  taxDocumentSectionSubHeaderNoDocument: "Tax form",
+  indirectTaxInfoSectionHeader: "Indirect tax",
+  indirectTaxInfoCanada: "Registered in {province}, {country}",
+  indirectTaxInfoOtherCountry: "Registered in {country}",
+  indirectTaxInfoSpain: "Registered in {country}, {subRegion}",
+  indirectTaxTooltipSupport: "To make changes to your indirect tax information, please contact our {supportLink}.",
+  indirectTaxDetails: "{indirectTaxType} number: {indirectTaxNumber}",
+  newFormButton: "Submit new tax form",
+  editPaymentInformationButton: "Edit payout information",
+  notRegisteredForTax: "Not registered for indirect tax. If you've previously registered with your tax authority, contact our {supportLink} to add your information to stay tax compliant.",
+  qstNumber: "QST number: {qstNumber}",
+  subRegionTaxNumber: "Income tax number: {subRegionTaxNumber}",
+  invoiceColumnTitle: "Invoice",
+  dateColumnTitle: "Date",
+  earningsColumnTitle: "Earnings",
+  indirectTaxColumnTitle: "Indirect tax",
+  earningsAfterTaxColumnTitle: "Earnings after tax",
+  invoiceDescription: "View and download your invoices to report your earnings and stay tax compliant.",
+  invoicePrevLabel: "Prev",
+  invoiceMoreLabel: "Next",
+  invoiceHeader: "Invoices",
+  invoiceEmptyStateHeader: "View your invoice details",
+  invoiceEmptyStateText: "Refer a friend to view the status of your invoices and rewards earned",
+  payoutFromImpact: "Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com.",
+  replaceTaxFormModalHeader: "Replace existing tax form",
+  replaceTaxFormModalBodyText: "Submitting a new tax form will remove your existing form. Make sure to sign and complete your new tax form to prevent any issues with your next payout.",
+  supportLink: "support team",
+  cancelButton: "Cancel",
+  payoutHoldAlertHeader: "Your payout is on hold",
+  payoutHoldAlertDescription: "Please contact our {supportLink} or check your inbox for an email from our referral program provider, impact.com.",
+  verificationRequiredHeader: "Verify your identity",
+  verificationRequiredDescription: "Complete your verification to start receiving your cash rewards. It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.",
+  verificationRequiredButtonText: "Start Verification",
+  verificationRequiredInternalHeader: "Identity verification in progress",
+  verificationRequiredInternalDescription: "Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortly. If you don't hear from us contact our {supportLink}.",
+  verificationReviewInternalHeader: "Identity verification under review",
+  verificationReviewInternalDescription: "Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.",
+  verificationFailedInternalHeader: "Identity verification unsuccessful",
+  verificationFailedInternalDescription: "Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.",
+  w9RequiredHeader: "Your next payout is on hold",
+  w9RequiredDescription: "You have surpassed the $2000 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.",
+  w9RequiredButtonText: "Submit W-9",
+  accountReviewHeader: "Your account is under review",
+  accountReviewDescription: "This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise.  It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.",
+  paymentHoldOnChangeHeader: "We are reviewing your new payout settings",
+  paymentHoldOnChangeDescription: "Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.",
+  beneficiaryNameInvalidHeader: "Your payment information does not match your tax form",
+  beneficiaryNameInvalidDescription: "The account holder (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",
+  beneficiaryNameMismatchHeader: "Your payment information does not match your tax form",
+  beneficiaryNameMismatchDescription: "The account holder (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",
+  bankTaxNameMismatchHeader: "Your payment information does not match your tax form",
+  bankTaxNameMismatchDescription: "The bank account (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",
+  withdrawalSettingsInvalidHeader: "Your payment information is incomplete or includes invalid characters",
+  withdrawalSettingsInvalidDescription: "There are missing fields or invalid characters in your payment information. Please review your information and make sure it is correct. Your payouts are on hold until this is resolved.",
+  paymentReturnedHeader: "Payout unsuccessful",
+  paymentReturnedDescription: "Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.",
+  termsAndConditions: "Terms and Conditions",
+  error: {
+    generalTitle: "There was a problem submitting your information",
+    generalDescription: "Please review your information and try again. If this problem continues, contact our {supportLink}.",
+    loadingErrorAlertHeader: "There was a problem loading your form",
+    loadingErrorAlertDescription: "Please refresh the page and try again. If this problem continues, contact our {supportLink}.",
+  },
+};
+const defaultCallbacks = {
+  onClick: () => { },
+  onVerifyClick: () => { },
+  onEditPayoutInfo: () => { },
+  onNewFormCancel: () => { },
+  onNewFormClick: () => { },
+};
+const defaultSlots = {
+  payoutDetailsCardSlot: (h("sqm-payout-details-card", { demoData: { states: { badgeStatus: "nextPayout" } } })),
+};
+const baseStates = {
+  payoutStatus: "DONE",
+  veriffLoading: false,
+  canEditPayoutInfo: true,
+  disabled: false,
+  status: "ACTIVE",
+  documentType: "W9",
+  documentTypeString: taxTypeToName("W9"),
+  dateSubmitted: "Jan 18th, 2025",
+  noFormNeeded: false,
+  country: "United States",
+  indirectTaxType: "VAT",
+  indirectTaxNumber: "123456",
+  showNewFormDialog: false,
+  hasHold: false,
+  loading: false,
+  loadingError: false,
+};
+// Stories not covered by TaxForm.stories.tsx (which uses sqm-tax-and-cash-dashboard WC)
+// ─── Base ─────────────────────────────────────────────────────────────────────
+export const ActiveW9Form = () => (h(TaxAndCashDashboardView, { states: baseStates, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const TaxFormRequired = () => (h(TaxAndCashDashboardView, { states: {
+    ...baseStates,
+    status: undefined,
+    documentType: "W9",
+    documentTypeString: taxTypeToName("W9"),
+    noFormNeeded: false,
+  }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+// ─── Payout hold statuses not in TaxForm.stories.tsx ─────────────────────────
+export const AccountUnderReview = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "NEW_PAYEE_REVIEW" }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const PaymentHoldOnChange = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "PAYMENT_HOLD_ON_CHANGE" }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const BeneficiaryNameInvalid = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "BENEFICIARY_NAME_INVALID" }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const BeneficiaryNameMismatch = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "BENEFICIARY_NAME_MISMATCH" }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const BankTaxNameMismatch = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "BANK_TAX_NAME_MISMATCH" }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const WithdrawalSettingsInvalid = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "WITHDRAWAL_SETTINGS_INVALID" }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const PaymentReturned = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "PAYMENT_RETURNED" }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const W9ThresholdReachedHardBlock = () => (h(TaxAndCashDashboardView, { states: {
+    ...baseStates,
+    payoutStatus: "OVER_W9_THRESHOLD",
+    enforceUsTaxComplianceOption: "HARD_BLOCK",
+    status: undefined,
+  }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+// ─── Verification loading state ───────────────────────────────────────────────
+export const VerificationRequiredLoading = () => (h(TaxAndCashDashboardView, { states: {
+    ...baseStates,
+    payoutStatus: "VERIFICATION:REQUIRED",
+    veriffLoading: true,
+    notRegistered: true,
+  }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+// ─── Loading and error states ─────────────────────────────────────────────────
+export const Loading = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, loading: true }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const LoadingError = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, loadingError: true }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const GeneralError = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, errors: { general: true } }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));
+export const Disabled = () => (h(TaxAndCashDashboardView, { states: { ...baseStates, disabled: true }, text: defaultText, callbacks: defaultCallbacks, slots: defaultSlots }));