@saasquatch/mint-components 1.8.0-93 → 1.8.0-95

package/dist/cjs/sqm-banking-info-form_16.cjs.entry.js

@@ -16,7 +16,7 @@ const useChildElements = require('./useChildElements-3caf3e22.js');
 const luxon = require('./luxon-33ebaf57.js');
 const useReferralTable = require('./useReferralTable-6a7ad97b.js');
 const utils = require('./utils-6847bc06.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-0533166d.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-26aeebca.js');
 
 const mockPaymentOptions = {
   CAD: [
@@ -1447,7 +1447,7 @@ function parseImpactThreshold(threshold) {
   return parsed.toString();
 }
 function useBankingInfoForm(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const locale = index_module.N();
   const user = index_module.H();
   const formRef = stencilHooks_module.useRef(null);
@@ -1489,17 +1489,16 @@ function useBankingInfoForm(props) {
       name,
     };
   };
-  const topCountries = (_f = (_e = ["CA", "GB", "US"]) === null || _e === void 0 ? void 0 : _e.filter((value) => Array.from(availableCountries).includes(value))) === null || _f === void 0 ? void 0 : _f.map((country) => {
-    return getCountryObj(country);
-  });
-  // build list of country codes and names
-  const countries = [
-    ...new Set(topCountries.concat((_g = Array.from(availableCountries)) === null || _g === void 0 ? void 0 : _g.map((country) => {
-      return getCountryObj(country);
-    }).sort((a, b) => {
-      return a.name < b.name ? -1 : 1;
-    }))),
-  ];
+  const sortByName = (a, b) => a.name < b.name ? -1 : 1;
+  const _topCountries = ["CA", "GB", "US"];
+  const countries = Array.from(availableCountries)
+    .map((c) => getCountryObj(c))
+    .sort(sortByName)
+    .reduce((prev, countryObj) => {
+    if (_topCountries.includes(countryObj.code))
+      return [countryObj, ...prev];
+    return [...prev, countryObj];
+  }, []);
   const hasPayPal = !!(paymentOptions === null || paymentOptions === void 0 ? void 0 : paymentOptions.find((option) => option.defaultFinancePaymentMethodId === PAYPAL_PAYMENT_METHOD));
   const paymentMethodChecked = !hasPayPal
     ? "toBankAccount"
@@ -1640,7 +1639,7 @@ function useBankingInfoForm(props) {
       hideSteps: !!context.hideSteps,
       saveDisabled: !paymentMethodChecked || !paymentScheduleChecked,
       locale,
-      isPartner: !!((_k = (_j = (_h = userData === null || userData === void 0 ? void 0 : userData.user) === null || _h === void 0 ? void 0 : _h.impactConnection) === null || _j === void 0 ? void 0 : _j.publisher) === null || _k === void 0 ? void 0 : _k.withdrawalSettings),
+      isPartner: !!((_g = (_f = (_e = userData === null || userData === void 0 ? void 0 : userData.user) === null || _e === void 0 ? void 0 : _e.impactConnection) === null || _f === void 0 ? void 0 : _f.publisher) === null || _g === void 0 ? void 0 : _g.withdrawalSettings),
       feeCap,
       paymentMethodFeeLabel,
       disabled: loading,
@@ -1659,7 +1658,7 @@ function useBankingInfoForm(props) {
       currentPaymentOption,
       bitset: (currentPaymentOption === null || currentPaymentOption === void 0 ? void 0 : currentPaymentOption.withdrawalSettingId) || 0,
       currency,
-      thresholds: ((_l = currentPaymentOption === null || currentPaymentOption === void 0 ? void 0 : currentPaymentOption.thresholdOptions) === null || _l === void 0 ? void 0 : _l.split(",")) || [],
+      thresholds: ((_h = currentPaymentOption === null || currentPaymentOption === void 0 ? void 0 : currentPaymentOption.thresholdOptions) === null || _h === void 0 ? void 0 : _h.split(",")) || [],
       countries,
       hasPayPal,
     },
@@ -2203,15 +2202,27 @@ function useDocusignForm(props) {
     fetchDocument();
   }, [user, publisher, participantType]);
   stencilHooks_module.useEffect(() => {
-    console.log({ DOCUSIGN_SUCCESS_STATES, docusignStatus });
+    const onSubmit = async () => {
+      try {
+        setLoading(true);
+        await refetch();
+        // Skip banking info form if it already is saved
+        setStep(context.overrideNextStep || !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings)
+          ? "/dashboard"
+          : "/4");
+      }
+      catch (e) {
+        setErrors({ general: true });
+      }
+      finally {
+        setLoading(false);
+      }
+    };
     // Handled in view
     if (DOCUSIGN_ERROR_STATES.includes(docusignStatus))
       return;
     if (DOCUSIGN_SUCCESS_STATES.includes(docusignStatus)) {
-      // handles if the user refreshes and loses the override in context
-      setStep(context.overrideNextStep || !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings)
-        ? "/dashboard"
-        : "/4");
+      onSubmit();
     }
   }, [docusignStatus, refetch]);
   const onBack = () => {
@@ -2503,10 +2514,14 @@ const DocusignFormView = (props) => {
       index.h("p", { class: classes.BoldText }, text.participantType),
       states.loading ? (index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } })) : (index.h("div", { style: { display: "flex", flexDirection: "column" } },
         index.h("sl-radio", { exportparts: "base: radio-base", value: "individualParticipant", name: "/participantType", checked: formState.participantType === "individualParticipant", disabled: states.disabled || states.participantTypeDisabled, onClick: () => {
+            if (states.disabled || states.participantTypeDisabled)
+              return;
             callbacks.setParticipantType("individualParticipant");
           } },
           index.h("span", { class: classes.RadioText }, text.individualParticipant)),
         index.h("sl-radio", { exportparts: "base: radio-base", value: "businessEntity", name: "/participantType", checked: formState.participantType === "businessEntity", disabled: states.disabled || states.participantTypeDisabled, onClick: () => {
+            if (states.disabled || states.participantTypeDisabled)
+              return;
             callbacks.setParticipantType("businessEntity");
           } },
           index.h("span", { class: classes.RadioText }, text.businessEntity)))),
@@ -3157,7 +3172,7 @@ const IndirectTaxForm = class {
      * Subtext for the option indicating registration for indirect tax in a different region
      * @uiName Registered for indirect tax in a different region option sub-text
      */
-    this.otherRegionSubtext = "If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.";
+    this.otherRegionSubtext = "If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more.";
     /**
      * Text for the option indicating not being registered for indirect tax
      * @uiName Not registered for indirect tax option text
@@ -4396,7 +4411,7 @@ const TaxAndCashMonolith = class {
      * @uiName Registered for indirect tax in a different region option sub-text
      * @uiGroup Step 2 Properties
      */
-    this.step2_otherRegionSubtext = "If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.";
+    this.step2_otherRegionSubtext = "If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more.";
     /**
      * Label text for the not registered radio button
      * @uiName Not registered radio button label
@@ -5512,19 +5527,20 @@ function getCountryName(countryCode, locale) {
   }).of([countryCode]);
 }
 function getSubRegionName(regionCode) {
-  var _a, _b;
-  // Impact adds an underscore to CANARYISLANDS, so requires a hardcoded check
-  if (regionCode === "CANARY_ISLANDS") {
-    return (_a = sqmInvoiceTableView.INDIRECT_TAX_SPAIN_REGIONS.find((r) => r.regionCode === "CANARYISLANDS")) === null || _a === void 0 ? void 0 : _a.displayName;
-  }
+  var _a;
+  // Impact adds an underscore to some regions
+  const standardCode = regionCode.replace("_", "");
   const regions = [...sqmInvoiceTableView.INDIRECT_TAX_PROVINCES, ...sqmInvoiceTableView.INDIRECT_TAX_SPAIN_REGIONS];
-  return (_b = regions.find((r) => r.regionCode === regionCode)) === null || _b === void 0 ? void 0 : _b.displayName;
+  return (_a = regions.find((r) => r.regionCode === standardCode)) === null || _a === void 0 ? void 0 : _a.displayName;
 }
 function getIndirectTaxType(taxInformation) {
   var _a;
   const regions = [...sqmInvoiceTableView.INDIRECT_TAX_PROVINCES, ...sqmInvoiceTableView.INDIRECT_TAX_SPAIN_REGIONS];
   if (taxInformation === null || taxInformation === void 0 ? void 0 : taxInformation.indirectTaxRegion) {
-    return (_a = regions.find((r) => r.regionCode === (taxInformation === null || taxInformation === void 0 ? void 0 : taxInformation.indirectTaxRegion))) === null || _a === void 0 ? void 0 : _a.taxType;
+    const standardRegion = taxInformation.indirectTaxRegion.replace("_", "");
+    const taxType = (_a = regions.find((r) => r.regionCode === standardRegion)) === null || _a === void 0 ? void 0 : _a.taxType;
+    if (taxType)
+      return taxType;
   }
   // Spain regions only have VAT type
   if (taxInformation === null || taxInformation === void 0 ? void 0 : taxInformation.withholdingTaxCountryCode)
@@ -5532,6 +5548,7 @@ function getIndirectTaxType(taxInformation) {
   if (taxInformation === null || taxInformation === void 0 ? void 0 : taxInformation.indirectTaxCountryCode) {
     return sqmInvoiceTableView.vatLabels[taxInformation.indirectTaxCountryCode] || "Indirect Tax";
   }
+  return "Indirect Tax";
 }
 const useTaxAndCashDashboard = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
@@ -5592,10 +5609,6 @@ const useTaxAndCashDashboard = (props) => {
       loading,
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
     },
-    slots: {
-      // TODO: Replace this story once we have hooks for payment details card
-      payoutDetailsCardSlot: index.h(sqmInvoiceTableView.NextPayout, null),
-    },
     callbacks: {
       onClick: onNewDocumentClick,
       onEditPayoutInfo,
@@ -5879,9 +5892,6 @@ function useDemoTaxAndCashDashboard(props) {
       onClick: () => console.debug("check step"),
       onEditPayoutInfo: () => console.debug("payout info"),
     },
-    slots: {
-      payoutDetailsCardSlot: (index.h("sqm-payout-details-card", null)),
-    },
     text: props.getTextProps(),
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

package/dist/cjs/{sqm-invoice-table-view-0533166d.js → sqm-invoice-table-view-26aeebca.js}

@@ -1406,64 +1406,6 @@ const OtherRegionSlotView = (props) => {
       index.h("hr", { class: classes.HR }))));
 };
 
-const PayoutDetailsCard_stories = {
-  title: "Components/Payout Details Card",
-};
-const Loading = () => {
-  return (index.h("sqm-payout-details-card", { demoData: {
-      states: {
-        loading: true,
-      },
-    } }));
-};
-const Error = () => {
-  return (index.h("sqm-payout-details-card", { demoData: {
-      states: {
-        error: true,
-      },
-    } }));
-};
-const NextPayout = () => {
-  return (index.h("sqm-payout-details-card", { demoData: {
-      states: {
-        badgeStatus: "nextPayout",
-      },
-    } }));
-};
-const PayoutToday = () => {
-  return (index.h("sqm-payout-details-card", { demoData: {
-      states: {
-        badgeStatus: "payoutToday",
-      },
-    } }));
-};
-const ThresholdPayout = () => {
-  return (index.h("sqm-payout-details-card", { demoData: {
-      states: {
-        thresholdBalance: "50 USD",
-        badgeStatus: "thresholdPayout",
-      },
-    } }));
-};
-const PaypalPayout = () => {
-  return (index.h("sqm-payout-details-card", { demoData: {
-      states: {
-        payoutType: "PAYPAL",
-      },
-    } }));
-};
-
-const PayoutDetailsCard = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': PayoutDetailsCard_stories,
-  Loading: Loading,
-  Error: Error,
-  NextPayout: NextPayout,
-  PayoutToday: PayoutToday,
-  ThresholdPayout: ThresholdPayout,
-  PaypalPayout: PaypalPayout
-});
-
 const style$2 = {
   Description: {
     fontSize: "var(--sl-font-size-small)",
@@ -1523,9 +1465,7 @@ exports.INDIRECT_TAX_PROVINCES = INDIRECT_TAX_PROVINCES;
 exports.INDIRECT_TAX_SPAIN_REGIONS = INDIRECT_TAX_SPAIN_REGIONS;
 exports.InvoiceTableView = InvoiceTableView;
 exports.LoadingView = LoadingView;
-exports.NextPayout = NextPayout;
 exports.OtherRegionSlotView = OtherRegionSlotView;
-exports.PayoutDetailsCard = PayoutDetailsCard;
 exports.TaxForm = TaxForm;
 exports.getIsRequiredErrorMessage = getIsRequiredErrorMessage;
 exports.objectIsFull = objectIsFull;

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

@@ -30,7 +30,7 @@ const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-d63
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1e6255e9.js');
 const ShadowViewAddon = require('./ShadowViewAddon-119ea8d4.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-e565003b.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-0533166d.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-26aeebca.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -14181,6 +14181,64 @@ const ProgressBar$1 = /*#__PURE__*/Object.freeze({
   TaxAndPayoutsProgressBar: TaxAndPayoutsProgressBar
 });
 
+const PayoutDetailsCard_stories = {
+  title: "Components/Payout Details Card",
+};
+const Loading$6 = () => {
+  return (index.h("sqm-payout-details-card", { demoData: {
+      states: {
+        loading: true,
+      },
+    } }));
+};
+const Error$9 = () => {
+  return (index.h("sqm-payout-details-card", { demoData: {
+      states: {
+        error: true,
+      },
+    } }));
+};
+const NextPayout = () => {
+  return (index.h("sqm-payout-details-card", { demoData: {
+      states: {
+        badgeStatus: "nextPayout",
+      },
+    } }));
+};
+const PayoutToday = () => {
+  return (index.h("sqm-payout-details-card", { demoData: {
+      states: {
+        badgeStatus: "payoutToday",
+      },
+    } }));
+};
+const ThresholdPayout = () => {
+  return (index.h("sqm-payout-details-card", { demoData: {
+      states: {
+        thresholdBalance: "50 USD",
+        badgeStatus: "thresholdPayout",
+      },
+    } }));
+};
+const PaypalPayout = () => {
+  return (index.h("sqm-payout-details-card", { demoData: {
+      states: {
+        payoutType: "PAYPAL",
+      },
+    } }));
+};
+
+const PayoutDetailsCard = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': PayoutDetailsCard_stories,
+  Loading: Loading$6,
+  Error: Error$9,
+  NextPayout: NextPayout,
+  PayoutToday: PayoutToday,
+  ThresholdPayout: ThresholdPayout,
+  PaypalPayout: PaypalPayout
+});
+
 const BankingForm_stories = {
   title: "Components/Banking Information Form",
 };
@@ -17494,7 +17552,7 @@ const stories = [
   RadioCard,
   ProgressBar$1,
   TaxFormSlots,
-  sqmInvoiceTableView.PayoutDetailsCard,
+  PayoutDetailsCard,
   BankingInfoForm,
 ];
 const StencilStorybook = class {

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

@@ -268,7 +268,7 @@ function parseImpactThreshold(threshold) {
   return parsed.toString();
 }
 export function useBankingInfoForm(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const locale = useLocale();
   const user = useUserIdentity();
   const formRef = useRef(null);
@@ -310,17 +310,16 @@ export function useBankingInfoForm(props) {
       name,
     };
   };
-  const topCountries = (_f = (_e = ["CA", "GB", "US"]) === null || _e === void 0 ? void 0 : _e.filter((value) => Array.from(availableCountries).includes(value))) === null || _f === void 0 ? void 0 : _f.map((country) => {
-    return getCountryObj(country);
-  });
-  // build list of country codes and names
-  const countries = [
-    ...new Set(topCountries.concat((_g = Array.from(availableCountries)) === null || _g === void 0 ? void 0 : _g.map((country) => {
-      return getCountryObj(country);
-    }).sort((a, b) => {
-      return a.name < b.name ? -1 : 1;
-    }))),
-  ];
+  const sortByName = (a, b) => a.name < b.name ? -1 : 1;
+  const _topCountries = ["CA", "GB", "US"];
+  const countries = Array.from(availableCountries)
+    .map((c) => getCountryObj(c))
+    .sort(sortByName)
+    .reduce((prev, countryObj) => {
+    if (_topCountries.includes(countryObj.code))
+      return [countryObj, ...prev];
+    return [...prev, countryObj];
+  }, []);
   const hasPayPal = !!(paymentOptions === null || paymentOptions === void 0 ? void 0 : paymentOptions.find((option) => option.defaultFinancePaymentMethodId === PAYPAL_PAYMENT_METHOD));
   const paymentMethodChecked = !hasPayPal
     ? "toBankAccount"
@@ -461,7 +460,7 @@ export function useBankingInfoForm(props) {
       hideSteps: !!context.hideSteps,
       saveDisabled: !paymentMethodChecked || !paymentScheduleChecked,
       locale,
-      isPartner: !!((_k = (_j = (_h = userData === null || userData === void 0 ? void 0 : userData.user) === null || _h === void 0 ? void 0 : _h.impactConnection) === null || _j === void 0 ? void 0 : _j.publisher) === null || _k === void 0 ? void 0 : _k.withdrawalSettings),
+      isPartner: !!((_g = (_f = (_e = userData === null || userData === void 0 ? void 0 : userData.user) === null || _e === void 0 ? void 0 : _e.impactConnection) === null || _f === void 0 ? void 0 : _f.publisher) === null || _g === void 0 ? void 0 : _g.withdrawalSettings),
       feeCap,
       paymentMethodFeeLabel,
       disabled: loading,
@@ -480,7 +479,7 @@ export function useBankingInfoForm(props) {
       currentPaymentOption,
       bitset: (currentPaymentOption === null || currentPaymentOption === void 0 ? void 0 : currentPaymentOption.withdrawalSettingId) || 0,
       currency,
-      thresholds: ((_l = currentPaymentOption === null || currentPaymentOption === void 0 ? void 0 : currentPaymentOption.thresholdOptions) === null || _l === void 0 ? void 0 : _l.split(",")) || [],
+      thresholds: ((_h = currentPaymentOption === null || currentPaymentOption === void 0 ? void 0 : currentPaymentOption.thresholdOptions) === null || _h === void 0 ? void 0 : _h.split(",")) || [],
       countries,
       hasPayPal,
     },

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

@@ -165,10 +165,14 @@ export const DocusignFormView = (props) => {
       h("p", { class: classes.BoldText }, text.participantType),
       states.loading ? (h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } })) : (h("div", { style: { display: "flex", flexDirection: "column" } },
         h("sl-radio", { exportparts: "base: radio-base", value: "individualParticipant", name: "/participantType", checked: formState.participantType === "individualParticipant", disabled: states.disabled || states.participantTypeDisabled, onClick: () => {
+            if (states.disabled || states.participantTypeDisabled)
+              return;
             callbacks.setParticipantType("individualParticipant");
           } },
           h("span", { class: classes.RadioText }, text.individualParticipant)),
         h("sl-radio", { exportparts: "base: radio-base", value: "businessEntity", name: "/participantType", checked: formState.participantType === "businessEntity", disabled: states.disabled || states.participantTypeDisabled, onClick: () => {
+            if (states.disabled || states.participantTypeDisabled)
+              return;
             callbacks.setParticipantType("businessEntity");
           } },
           h("span", { class: classes.RadioText }, text.businessEntity)))),

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

@@ -84,22 +84,10 @@ export function useDocusignForm(props) {
     fetchDocument();
   }, [user, publisher, participantType]);
   useEffect(() => {
-    // TODO: Determine if check is required
     const onSubmit = async () => {
-      var _a, _b, _c, _d, _e;
       try {
         setLoading(true);
-        const result = await refetch();
-        if ((_a = result) === null || _a === void 0 ? void 0 : _a.message)
-          throw new Error();
-        const publisher = (_d = (_c = (_b = result) === null || _b === void 0 ? void 0 : _b.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.publisher;
-        const status = (_e = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _e === void 0 ? void 0 : _e.status;
-        // Throw an error if submission didn't actually save a tax document.
-        if (!status)
-          throw new Error();
-        if (status === "NOT_VERIFIED" || status === "ACTIVE") {
-          console.debug("Document has been registered as submitted");
-        }
+        await refetch();
         // Skip banking info form if it already is saved
         setStep(context.overrideNextStep || !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings)
           ? "/dashboard"
@@ -112,15 +100,11 @@ export function useDocusignForm(props) {
         setLoading(false);
       }
     };
-    console.log({ DOCUSIGN_SUCCESS_STATES, docusignStatus });
     // Handled in view
     if (DOCUSIGN_ERROR_STATES.includes(docusignStatus))
       return;
     if (DOCUSIGN_SUCCESS_STATES.includes(docusignStatus)) {
-      // handles if the user refreshes and loses the override in context
-      setStep(context.overrideNextStep || !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings)
-        ? "/dashboard"
-        : "/4");
+      onSubmit();
     }
   }, [docusignStatus, refetch]);
   const onBack = () => {

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

@@ -50,7 +50,7 @@ export class IndirectTaxForm {
      * Subtext for the option indicating registration for indirect tax in a different region
      * @uiName Registered for indirect tax in a different region option sub-text
      */
-    this.otherRegionSubtext = "If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.";
+    this.otherRegionSubtext = "If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more.";
     /**
      * Text for the option indicating not being registered for indirect tax
      * @uiName Not registered for indirect tax option text
@@ -360,7 +360,7 @@ export class IndirectTaxForm {
       },
       "attribute": "other-region-subtext",
       "reflect": false,
-      "defaultValue": "\"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.\""
+      "defaultValue": "\"If you represent a business based outside of the US you may be registered. If you\u2019re not sure, contact our Support team to find out more.\""
     },
     "notRegistered": {
       "type": "string",

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

@@ -124,7 +124,7 @@ export class TaxAndCashMonolith {
      * @uiName Registered for indirect tax in a different region option sub-text
      * @uiGroup Step 2 Properties
      */
-    this.step2_otherRegionSubtext = "If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.";
+    this.step2_otherRegionSubtext = "If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more.";
     /**
      * Label text for the not registered radio button
      * @uiName Not registered radio button label
@@ -1346,7 +1346,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "step-2_other-region-subtext",
       "reflect": false,
-      "defaultValue": "\"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.\""
+      "defaultValue": "\"If you represent a business based outside of the US you may be registered. If you\u2019re not sure, contact our Support team to find out more.\""
     },
     "step2_notRegistered": {
       "type": "string",

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

@@ -22,13 +22,13 @@ export function useTaxAndCash() {
   const host = useHost();
   function setupDemo() {
     // coleton
+    const id = "bd5a0bc8f8c82faa4f37f882ca5839910d6e4524597f3c3398d41d920bed8fc9";
+    const accountId = "bd5a0bc8f8c82faa4f37f882ca5839910d6e4524597f3c3398d41d920bed8fc9";
+    // andy3
     // const id =
-    //   "4c794ebe367f7021e3ce543542e27389d76394571b1bb8e7ebfbbd33ae4214d1";
+    //   "e061ee21b45eff8ada22845d441c6a2cd7190af1718a55452ad2d44b020915a7";
     // const accountId =
-    //   "4c794ebe367f7021e3ce543542e27389d76394571b1bb8e7ebfbbd33ae4214d1";
-    // andy3
-    const id = "e061ee21b45eff8ada22845d441c6a2cd7190af1718a55452ad2d44b020915a7";
-    const accountId = "e061ee21b45eff8ada22845d441c6a2cd7190af1718a55452ad2d44b020915a7";
+    //   "e061ee21b45eff8ada22845d441c6a2cd7190af1718a55452ad2d44b020915a7";
     // // andy
     // const id = "12345";
     // const accountId = "12345";
@@ -42,31 +42,31 @@ export function useTaxAndCash() {
     //   "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
     // const accountId =
     //   "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
-    const programId = "22514";
-    // const programId = "22999";
+    // const programId = "22514";
+    const programId = "22999";
     //@ts-ignore
     window.widgetIdent = {
-      tenantAlias: "aprh0cfq6y8tk",
-      // tenantAlias: "aswi7zpxl6rjp",
+      // tenantAlias: "aprh0cfq6y8tk",
+      tenantAlias: "aswi7zpxl6rjp",
       appDomain: "https://staging.referralsaasquatch.com",
       programId,
     };
     // coleton
-    // useEffect(() => {
-    //   setUserIdentity({
-    //     accountId,
-    //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNGM3OTRlYmUzNjdmNzAyMWUzY2U1NDM1NDJlMjczODlkNzYzOTQ1NzFiMWJiOGU3ZWJmYmJkMzNhZTQyMTRkMSIsImFjY291bnRJZCI6IjRjNzk0ZWJlMzY3ZjcwMjFlM2NlNTQzNTQyZTI3Mzg5ZDc2Mzk0NTcxYjFiYjhlN2ViZmJiZDMzYWU0MjE0ZDEiLCJlbWFpbCI6ImNvbGV0b24uYW5uZXR0K3c5bmV3QGltcGFjdC5jb20ifX0.CYQ2Z7QrE304gZsrPANxizOVm7TmC3gp3WJUmCl7TUQ",
-    //   });
-    // }, []);
-    // andy3
     useEffect(() => {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZTA2MWVlMjFiNDVlZmY4YWRhMjI4NDVkNDQxYzZhMmNkNzE5MGFmMTcxOGE1NTQ1MmFkMmQ0NGIwMjA5MTVhNyIsImFjY291bnRJZCI6ImUwNjFlZTIxYjQ1ZWZmOGFkYTIyODQ1ZDQ0MWM2YTJjZDcxOTBhZjE3MThhNTU0NTJhZDJkNDRiMDIwOTE1YTciLCJlbWFpbCI6InRlc3R1c2VyQGV4YW1wbGUuY29tIn19.92Dtz49tnl8ZL9oDAkNeND8SX5OSFlt5Y7FXP92sGiA",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiYmQ1YTBiYzhmOGM4MmZhYTRmMzdmODgyY2E1ODM5OTEwZDZlNDUyNDU5N2YzYzMzOThkNDFkOTIwYmVkOGZjOSIsImFjY291bnRJZCI6ImJkNWEwYmM4ZjhjODJmYWE0ZjM3Zjg4MmNhNTgzOTkxMGQ2ZTQ1MjQ1OTdmM2MzMzk4ZDQxZDkyMGJlZDhmYzkiLCJlbWFpbCI6ImNvbGV0b24uYW5uZXR0K3Rlc3RwYXlvdXRAaW1wYWN0LmNvbSJ9fQ.pUJqd22SSowAvOLFF_2U13qsMGW3eOGxKmohWh0Bs4I",
       });
     }, []);
+    // andy3
+    // useEffect(() => {
+    //   setUserIdentity({
+    //     accountId,
+    //     id,
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZTA2MWVlMjFiNDVlZmY4YWRhMjI4NDVkNDQxYzZhMmNkNzE5MGFmMTcxOGE1NTQ1MmFkMmQ0NGIwMjA5MTVhNyIsImFjY291bnRJZCI6ImUwNjFlZTIxYjQ1ZWZmOGFkYTIyODQ1ZDQ0MWM2YTJjZDcxOTBhZjE3MThhNTU0NTJhZDJkNDRiMDIwOTE1YTciLCJlbWFpbCI6InRlc3R1c2VyQGV4YW1wbGUuY29tIn19.92Dtz49tnl8ZL9oDAkNeND8SX5OSFlt5Y7FXP92sGiA",
+    //   });
+    // }, []);
     // andy
     // useEffect(() => {
     //   setUserIdentity({

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

@@ -1132,7 +1132,7 @@ export class TaxAndCashDashboard {
       "mutable": false,
       "complexType": {
         "original": "DemoData<UseTaxAndCashDashboardResult>",
-        "resolved": "{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; canEditPayoutInfo: boolean; disabled?: boolean; dateSubmitted?: string; dateExpired?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: string; subRegionTaxNumber?: string; subRegion?: string; indirectTaxNumber?: string; province?: string; country?: string; notRegistered?: boolean; isBusinessEntity?: boolean; loading?: boolean; loadingError?: boolean; errors?: { general?: boolean; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }",
+        "resolved": "{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; canEditPayoutInfo: boolean; disabled?: boolean; dateSubmitted?: string; dateExpired?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: string; subRegionTaxNumber?: string; subRegion?: string; indirectTaxNumber?: string; province?: string; country?: string; notRegistered?: boolean; isBusinessEntity?: boolean; loading?: boolean; loadingError?: boolean; errors?: { general?: boolean; }; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -1178,9 +1178,6 @@ function useDemoTaxAndCashDashboard(props) {
       onClick: () => console.debug("check step"),
       onEditPayoutInfo: () => console.debug("payout info"),
     },
-    slots: {
-      payoutDetailsCardSlot: (h("sqm-payout-details-card", null)),
-    },
     text: props.getTextProps(),
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

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

@@ -1,14 +1,12 @@
 import { useLocale } from "@saasquatch/component-boilerplate";
 import { useEffect } from "@saasquatch/universal-hooks";
-import { h } from "@stencil/core";
 import { DateTime } from "luxon";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useSetParent } from "../../../utils/useParentState";
-import { NextPayout } from "../sqm-payout-details-card/PayoutDetailsCard.stories";
+import { vatLabels } from "../countries";
 import { TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE, } from "../sqm-tax-and-cash/data";
 import { INDIRECT_TAX_PROVINCES, INDIRECT_TAX_SPAIN_REGIONS, } from "../subregions";
 import { taxTypeToName } from "../utils";
-import { vatLabels } from "../countries";
 function getExpiresSoon(submissionDate, expiryDate) {
   var _a;
   if (!submissionDate || !expiryDate)
@@ -24,19 +22,20 @@ function getCountryName(countryCode, locale) {
   }).of([countryCode]);
 }
 function getSubRegionName(regionCode) {
-  var _a, _b;
-  // Impact adds an underscore to CANARYISLANDS, so requires a hardcoded check
-  if (regionCode === "CANARY_ISLANDS") {
-    return (_a = INDIRECT_TAX_SPAIN_REGIONS.find((r) => r.regionCode === "CANARYISLANDS")) === null || _a === void 0 ? void 0 : _a.displayName;
-  }
+  var _a;
+  // Impact adds an underscore to some regions
+  const standardCode = regionCode.replace("_", "");
   const regions = [...INDIRECT_TAX_PROVINCES, ...INDIRECT_TAX_SPAIN_REGIONS];
-  return (_b = regions.find((r) => r.regionCode === regionCode)) === null || _b === void 0 ? void 0 : _b.displayName;
+  return (_a = regions.find((r) => r.regionCode === standardCode)) === null || _a === void 0 ? void 0 : _a.displayName;
 }
 function getIndirectTaxType(taxInformation) {
   var _a;
   const regions = [...INDIRECT_TAX_PROVINCES, ...INDIRECT_TAX_SPAIN_REGIONS];
   if (taxInformation === null || taxInformation === void 0 ? void 0 : taxInformation.indirectTaxRegion) {
-    return (_a = regions.find((r) => r.regionCode === (taxInformation === null || taxInformation === void 0 ? void 0 : taxInformation.indirectTaxRegion))) === null || _a === void 0 ? void 0 : _a.taxType;
+    const standardRegion = taxInformation.indirectTaxRegion.replace("_", "");
+    const taxType = (_a = regions.find((r) => r.regionCode === standardRegion)) === null || _a === void 0 ? void 0 : _a.taxType;
+    if (taxType)
+      return taxType;
   }
   // Spain regions only have VAT type
   if (taxInformation === null || taxInformation === void 0 ? void 0 : taxInformation.withholdingTaxCountryCode)
@@ -44,6 +43,7 @@ function getIndirectTaxType(taxInformation) {
   if (taxInformation === null || taxInformation === void 0 ? void 0 : taxInformation.indirectTaxCountryCode) {
     return vatLabels[taxInformation.indirectTaxCountryCode] || "Indirect Tax";
   }
+  return "Indirect Tax";
 }
 export const useTaxAndCashDashboard = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
@@ -104,10 +104,6 @@ export const useTaxAndCashDashboard = (props) => {
       loading,
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
     },
-    slots: {
-      // TODO: Replace this story once we have hooks for payment details card
-      payoutDetailsCardSlot: h(NextPayout, null),
-    },
     callbacks: {
       onClick: onNewDocumentClick,
       onEditPayoutInfo,