@saasquatch/mint-components 2.0.0-9 → 2.0.0

package/dist/esm/{sqm-big-stat_46.entry.js → sqm-big-stat_47.entry.js}

@@ -1,14 +1,14 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
-import { b as buildFontsCssUrl, i as intl } from './global-1099f20d.js';
+import { b as buildFontsCssUrl, i as intl } from './global-943536b9.js';
 import { n as h, f as useEffect, i as d, k as useState, m as useRef, u as useMemo, b as browser, j as useReducer } from './dom-context-hooks.module-63370afd.js';
-import { i as isDemo, _ as _$1, d as dist, J, H, B, $ as $e, w as wn, u as useCallback, L, y as yn, j as jn, q as Ue, r as un, V as Ve, b as setUserIdentity, Q as Qe, k as kn } from './index.module-c9811a48.js';
+import { i as isDemo, _ as _$1, d as dist, J, H, B, $ as $e, w as wn, u as useCallback, L, y as yn, j as jn, q as Ue, r as un, V as Ve, b as setUserIdentity, Q as Qe, k as kn, M as Mn, I as In, S as Sn } from './index.module-c9811a48.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as getProps, a as getMissingProps } from './utils-84b4b092.js';
+import { g as getProps, a as getMissingProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './useReferralCodes-c2e809cf.js';
 import './mixins-f750863a.js';
-import { C as CopyTextView } from './copy-text-view-83b09456.js';
+import { C as CopyTextView } from './copy-text-view-fac47254.js';
 import { a as useRequestRerender } from './re-render-7e22fb0d.js';
 import { u as useChildElements } from './useChildElements-3d872cef.js';
 import './luxon-bbf75a9d.js';
@@ -17,15 +17,17 @@ import { p as pathToRegexp } from './index-ffa26b43.js';
 import { E as EmailRegistrationView } from './email-registration-view-1f587f8b.js';
 import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-24d594ea.js';
 import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-dda1f52b.js';
-import { R as RequiredPropsError, L as LEAD_FORM_STATE_CONTEXT, u as useLeadFormState } from './useLeadFormState-c379e5d7.js';
+import { R as RequiredPropsError, L as LEAD_FORM_STATE_CONTEXT, u as useLeadFormState } from './useLeadFormState-9a652a42.js';
 import { P as PortalLoginView } from './sqm-portal-login-view-7670cd86.js';
-import { u as usePortalLogin } from './usePortalLogin-95814943.js';
+import { u as usePortalLogin } from './usePortalLogin-f95bbc67.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 import { i as isEmpty } from './utilities-72c07b09.js';
-import { u as useDemoBigStat, W as useBigStat, B as BigStatView, C as CardFeedView, c as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as LeadDropdownFieldView, Q as LeadFormView, X as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalForgotPasswordView, i as PortalFrameView, d as PortalRegisterView, R as ReferralIframeView, j as RewardExchangeView, Y as demoRewardExchange, J as useShareButton, a as ShareButtonView, K as useShareLink, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-4cde160a.js';
-import './sqm-portal-container-view-16309b22.js';
-import { p as parseStates } from './parseStates-ed75e224.js';
-import { u as usePayoutStatus } from './usePayoutStatus-42cc6a2c.js';
+import { E as ErrorView } from './ErrorView-bbf0a042.js';
+import { u as useDemoBigStat, W as useBigStat, B as BigStatView, C as CardFeedView, c as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as LeadDropdownFieldView, Q as LeadFormView, X as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalForgotPasswordView, i as PortalFrameView, d as PortalRegisterView, R as ReferralIframeView, j as RewardExchangeView, Y as demoRewardExchange, J as useShareButton, a as ShareButtonView, K as useShareLink, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-5928ca9d.js';
+import './sqm-portal-container-view-176e92e3.js';
+import { g as getCountryObj, L as LoadingView } from './utils-f27e62dc.js';
+import { p as parseStates, e as extractProps } from './extractProps-54064fb0.js';
+import { u as usePayoutStatus, T as TAX_CONTEXT_NAMESPACE, a as TAX_FORM_CONTEXT_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE, C as CURRENCIES_NAMESPACE, b as COUNTRIES_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, G as GET_USER$2, d as COUNTRIES_QUERY_NAMESPACE, e as GET_COUNTRIES, F as FINANCE_NETWORK_SETTINGS_NAMESPACE, f as GET_FINANCE_NETWORK_SETTINGS, g as CURRENCIES_QUERY_NAMESPACE, h as GET_CURRENCIES } from './data-acdb790f.js';
 
 /**
  *
@@ -2683,6 +2685,7 @@ function useNameFields(props) {
   const registrationFormState = d(REGISTRATION_FORM_STATE_CONTEXT);
   return {
     states: {
+      optional: props.optional,
       registrationFormState,
       content: {
         lastNameLabel: props.lastNameLabel,
@@ -2704,6 +2707,11 @@ const NameFields = class {
      * @uiName Last name label
      */
     this.lastNameLabel = "Last Name";
+    /**
+     * @uiName Optional
+     * @uiWidget
+     */
+    this.optional = false;
     h(this);
   }
   disconnectedCallback() { }
@@ -2715,6 +2723,7 @@ const NameFields = class {
 function useNameFieldsDemo(props) {
   return cjs({
     states: {
+      optional: props.optional,
       validationErrors: [],
       content: {
         firstNameLabel: props.firstNameLabel,
@@ -3182,16 +3191,10 @@ const PayoutStatusAlert = class {
     this.errorDescription = "There was an error with determining your payout status.";
     /**
      * @undocumented
-     * @componentState { "title": "Information Required", "props": { "demoData": { "states": { "status": "INFORMATION_REQUIRED" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Over W9 Threshold - Defer", "props": { "demoData": { "states": { "status": "OVER_W9_THRESHOLD", "enforceUsTaxComplianceOption": "CASH_ONLY_DEFER_W9" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Over W9 Threshold - Hold", "props": { "demoData": { "states": { "status": "OVER_W9_THRESHOLD", "enforceUsTaxComplianceOption": "NONE" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Verification Required", "props": { "demoData": { "states": { "status": "VERIFICATION:REQUIRED" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Verification Internal", "props": { "demoData": { "states": { "status": "VERIFICATION:INTERNAL" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Verification Review", "props": { "demoData": { "states": { "status": "VERIFICATION:REVIEW" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Verification Failed", "props": { "demoData": { "states": { "status": "VERIFICATION:FAILED" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Account Review", "props": { "demoData": { "states": { "status": "ACCOUNT_REVIEW" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Hold", "props": { "demoData": { "states": { "status": "HOLD" } } }, "dependencies": ["sqm-payout-status-alert"] }
-     * @componentState { "title": "Error State", "props": { "demoData": { "states": { "error": true } } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Payout Info Required", "props": { "states": { "status": "INFORMATION_REQUIRED" } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Verification Required", "props": { "states": { "status": "VERIFICATION:REQUIRED" } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Identity Verification", "props": { "states": { "status": "VERIFICATION:REVIEW" } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Account Hold", "props": { "states": { "status": "HOLD" } }, "dependencies": ["sqm-payout-status-alert"] }
      */
     this.stateController = "{}";
     h(this);
@@ -4664,7 +4667,7 @@ const ReferredRegistration = class {
     /**
      * @uiName Register button text
      */
-    this.registerLabel = "Start Referring";
+    this.registerLabel = "Claim Your Reward";
     /**
      * Require your participants to enter their first and last name.
      *
@@ -6120,7 +6123,6 @@ const ShareLink = class {
 function useDemoShareLink(props) {
   const [open, setOpen] = useState(false);
   const copyString = "https://www.example.com/sharelink/abc";
-  console.log("Demo props", props);
   return cjs({
     copyString: copyString,
     tooltiptext: props.tooltiptext,
@@ -6360,11 +6362,11 @@ const TaskCard = class {
   disconnectedCallback() { }
   render() {
     const { props } = isDemo()
-      ? useDemoBigStat(this)
+      ? useDemoBigStat(getProps(this))
       : useBigStat({ ...getProps(this), programId: this.programId });
     const { value, loading } = props;
     const { states, callbacks } = isDemo()
-      ? useTaskCardDemo(this)
+      ? useTaskCardDemo(getProps(this))
       : useTaskCard(this);
     return (h$1(TaskCardView, { callbacks: callbacks, states: {
         loading,
@@ -6385,6 +6387,1301 @@ function useTaskCardDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
+function getCurrentStep(user) {
+  var _a, _b;
+  if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected) || !((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher)) {
+    return "/1";
+  }
+  const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, payoutsAccount, } = user.impactConnection.publisher;
+  // If they do have a required document, look at current document
+  if (requiredTaxDocumentType && !currentTaxDocument) {
+    // Specific to custom CASH setting,
+    if (payoutsAccount.hold &&
+      payoutsAccount.holdReasons.includes("NO_W9_DOCUMENT"))
+      return "/dashboard";
+    return "/3";
+  }
+  if (!withdrawalSettings && brandedSignup)
+    return "/4";
+  return "/dashboard";
+}
+function useTaxAndCash() {
+  var _a, _b, _c, _d, _e;
+  const host = _$1();
+  const user = J();
+  const locale = L();
+  // State for current step of form
+  const [step, setStep] = In({
+    namespace: TAX_CONTEXT_NAMESPACE,
+    initialValue: "/loading",
+  });
+  // State for when to hide steps, or override certain actions
+  const [context, _setContext] = In({
+    namespace: TAX_FORM_CONTEXT_NAMESPACE,
+    initialValue: {},
+  });
+  // State to carry user form information into step 2
+  const [userFormContext, _setUserFormContext] = In({
+    namespace: USER_FORM_CONTEXT_NAMESPACE,
+    initialValue: {
+      firstName: undefined,
+      lastName: undefined,
+      email: undefined,
+      countryCode: undefined,
+      currency: undefined,
+    },
+  });
+  const [_currenciesContext, setCurrenciesContext] = In({
+    namespace: CURRENCIES_NAMESPACE,
+    initialValue: [],
+  });
+  const [_countriesContext, _setCountriesContext] = In({
+    namespace: COUNTRIES_NAMESPACE,
+    initialValue: [],
+  });
+  const [_sortedCountriesContext, setSortedCountriesContext] = In({
+    namespace: SORTED_COUNTRIES_NAMESPACE,
+    initialValue: [],
+  });
+  const { data, errors } = Sn({
+    namespace: USER_QUERY_NAMESPACE,
+    query: GET_USER$2,
+    skip: !user,
+    options: {
+      batch: false,
+    },
+  });
+  const countryCode = ((_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher) === null || _c === void 0 ? void 0 : _c.countryCode) ||
+    userFormContext.countryCode;
+  Sn({
+    namespace: COUNTRIES_QUERY_NAMESPACE,
+    query: GET_COUNTRIES,
+    skip: !user,
+  });
+  const { data: financeNetworkData, refetch } = Sn({
+    namespace: FINANCE_NETWORK_SETTINGS_NAMESPACE,
+    query: GET_FINANCE_NETWORK_SETTINGS,
+    skip: !user,
+    variables: {
+      filter: getFinanceNetworkFilter(),
+    },
+  });
+  const { data: currenciesData } = Sn({
+    namespace: CURRENCIES_QUERY_NAMESPACE,
+    query: GET_CURRENCIES,
+    skip: !user,
+    variables: {
+      locale,
+    },
+  });
+  const supportedCurrencies = useMemo(() => {
+    var _a, _b;
+    // Filter out any currencies not supported by finance network settings
+    const allValidCurrencies = (_b = (_a = financeNetworkData === null || financeNetworkData === void 0 ? void 0 : financeNetworkData.impactFinanceNetworkSettings) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.reduce((agg, settings) => {
+      var _a, _b;
+      const currency = (_b = (_a = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.find((currency) => currency.currencyCode === settings.currency);
+      // Currency not in supported list
+      if (!currency)
+        return agg;
+      // Currency already added to list
+      if (agg.find((currency) => currency.currencyCode === settings.currency))
+        return agg;
+      // Currency not supported by selected country
+      if (userFormContext.countryCode &&
+        settings.countryCode !== countryCode)
+        return agg;
+      return [...agg, currency];
+    }, []);
+    return allValidCurrencies;
+  }, [financeNetworkData, countryCode]);
+  const intlLocale = (locale === null || locale === void 0 ? void 0 : locale.replace("_", "-")) || "en";
+  const sortByName = (a, b) => a.displayName < b.displayName ? -1 : 1;
+  const paymentOptions = (_d = financeNetworkData === null || financeNetworkData === void 0 ? void 0 : financeNetworkData.impactFinanceNetworkSettings) === null || _d === void 0 ? void 0 : _d.data;
+  // filter out any duplicate countries and null countryCode
+  const availableCountries = useMemo(() => new Set(paymentOptions === null || paymentOptions === void 0 ? void 0 : paymentOptions.map((option) => option.countryCode).filter((value) => value)), [paymentOptions]);
+  const _topCountries = ["CA", "GB", "US"];
+  const sortedCountries = useMemo(() => Array.from(availableCountries)
+    .map((countryCode) => getCountryObj({ countryCode, locale: intlLocale }))
+    .sort(sortByName)
+    .reduce((prev, countryObj) => {
+    if (_topCountries.includes(countryObj.countryCode))
+      return [countryObj, ...prev];
+    return [...prev, countryObj];
+  }, []), [availableCountries]);
+  useEffect(() => {
+    if (sortedCountries)
+      setSortedCountriesContext(sortedCountries);
+  }, [sortedCountries]);
+  useEffect(() => {
+    if (supportedCurrencies)
+      setCurrenciesContext(supportedCurrencies);
+  }, [supportedCurrencies]);
+  useEffect(() => {
+    if (errors) {
+      setStep("/error");
+      return;
+    }
+    if (!host || !user)
+      return;
+    if (data) {
+      const user = data === null || data === void 0 ? void 0 : data.user;
+      if (!user || step !== "/loading")
+        return;
+      const currentStep = getCurrentStep(user);
+      setStep(currentStep);
+    }
+  }, [host, user, (_e = data === null || data === void 0 ? void 0 : data.user) === null || _e === void 0 ? void 0 : _e.email, errors]);
+  function getFinanceNetworkFilter() {
+    var _a, _b, _c;
+    if (step === "/1")
+      return {};
+    if (step === "/4")
+      return { currency_eq: (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher) === null || _c === void 0 ? void 0 : _c.currency };
+    if (countryCode)
+      return {
+        countryCode_eq: countryCode,
+      };
+    return {};
+  }
+  return {
+    step,
+    setStep,
+    context,
+    namespace: Mn(TAX_CONTEXT_NAMESPACE),
+    loading: step === "/loading",
+  };
+}
+
+const TaxAndCashMonolith = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /*---------------------------------------------------------------------------------
+      !IMPORTANT!: Make sure to also change the prop names in the respective component
+    -----------------------------------------------------------------------------------*/
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                      STEP 1 PROPS:
+     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName First name field label
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_firstName = "First name";
+    /**
+     * @uiName Last name field label
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_lastName = "Last name";
+    /**
+     * @uiName Email field label
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_email = "Email";
+    /**
+     * @uiName Country field label
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_country = "Country";
+    /**
+     * @uiName Phone number field label
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_phoneNumber = "Phone number";
+    /**
+     * @uiName Address field label
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_address = "Address";
+    /**
+     * @uiName City field label
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_city = "City";
+    /**
+     * @uiName State field label for states
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_state = "State";
+    /**
+     * @uiName State field label for provinces
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_province = "Province";
+    /**
+     * @uiName State field label for regions
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_region = "Region";
+    /**
+     * @uiName Postal code field label
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_postalCode = "Postal code";
+    /**
+     * @uiName Currency field label
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_currency = "Currency";
+    /**
+     * @uiName Currency field help text
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_currencyHelpText = "Choose your preferred payout currency";
+    /**
+     * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
+     * @uiName Terms and conditions checkbox
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_allowBankingCollection = "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";
+    /**
+     * @uiName Step 1 title
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_personalInformation = "Personal Information";
+    /**
+     * The link text that appears in the terms and conditions checkbox
+     * @uiName Terms and conditions text
+     * @uiGroup Step 1 Properties
+     * @uiWidget textArea
+     */
+    this.step1_termsAndConditionsLabel = "terms and conditions";
+    /**
+     * The link that appears in the terms and conditions checkbox
+     * @uiName Terms and conditions link
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_termsAndConditionsLink = "https://terms.advocate.impact.com/PayoutTermsAndConditions.html";
+    /**
+     * Placeholder text displayed in the currency search dropdown
+     * @uiName Currency field placeholder text
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_searchForCurrencyText = "Search for currency..";
+    /**
+  
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                      STEP 2 PROPS:
+     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName Step 2 title
+     * @uiGroup Step 2 Properties
+     */
+    this.step2_indirectTax = "Indirect Tax";
+    /**
+     * Displayed under the title of this step.
+     * @uiName Step 2 description
+     * @uiGroup Step 2 Properties
+     * @uiWidget textArea
+     */
+    this.step2_indirectTaxDescription = "Indirect taxes (e.g. VAT, HST, GST) are transaction based taxes often applied to goods and services. Service providers are typically required to register with their tax authority and collect these taxes on behalf governments.";
+    /**
+     * Displayed with indirect tax registration options.
+     * @uiName Indirect tax details section title
+     * @uiGroup Step 2 Properties
+     */
+    this.step2_indirectTaxDetails = "Indirect tax details";
+    /**
+     * @uiName Registered for indirect tax option
+     * @uiGroup Step 2 Properties
+     * @uiWidget textArea
+     *
+     */
+    this.step2_otherRegion = "Registered for indirect tax";
+    /**
+     * Selecting this option will display fields to enter indirect tax details.
+     * @uiName Registered for indirect tax option description
+     * @uiGroup Step 2 Properties
+     */
+    this.step2_otherRegionSubtext = "If you’ve registered with your tax authority, add your information to stay tax compliant.";
+    /**
+     * @uiName Not registered for indirect tax option
+     * @uiGroup Step 2 Properties
+     * @uiWidget textArea
+     */
+    this.step2_notRegistered = "Not registered for indirect tax";
+    /**
+     * Participants based in the US are  considered not registered.
+     * @uiName Not registered for indirect tax option description
+     * @uiGroup Step 2 Properties
+     */
+    this.step2_notRegisteredSubtext = "If you’ve never set up indirect tax with your tax authority, then you’re likely not considered registered.";
+    /**
+     * @uiName Region of indirect tax field label
+     * @uiGroup Step 2 Properties
+     */
+    this.step2_selectedRegion = "Country / region of indirect tax";
+    /**
+     * @uiName Indirect tax number field label
+     * @uiGroup Step 2 Properties
+     */
+    this.step2_indirectTaxNumber = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}";
+    /**
+     * @uiName Province field label
+     * @uiGroup Step 2 Properties
+     */
+    this.step2_province = "Province";
+    /**
+     * @uiName Missing indirect tax number error message
+     * @uiGroup Step 2 Properties
+     */
+    this.step2_indirectTaxNumberError = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required";
+    /**
+     * Displayed to participants registered for QST.
+     * @uiName QST number field label
+     * @uiGroup Step 2 Properties
+     */
+    this.step2_qstNumber = "QST number";
+    /**
+     * Displayed to participants registered for indirect tax in Quebec, Canada.
+     * @uiName QST tax checkbox
+     * @uiGroup Step 2 Properties
+     */
+    this.step2_isRegisteredQST = "I am registered for QST Tax";
+    /**
+     * Displayed to participants registered for indirect tax in Spain.
+     * @uiName Spain income tax checkbox
+     * @uiGroup Step 2 Properties
+     * @uiWidget textArea
+     */
+    this.step2_isRegisteredSubRegionIncomeTax = "I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.";
+    /**
+     * Displayed to participants registered in Spain.
+     * @uiName Sub-region of indirect tax field label
+     * @uiGroup Step 2 Properties
+     */
+    this.step2_subRegion = "Sub-region";
+    /**
+     * @uiName Income tax field label
+     * @uiGroup Step 2 Properties
+     */
+    this.step2_subRegionTaxNumberLabel = "Income Tax Number";
+    /**
+     * Communicate that after this step, only Support can change personal and indirect tax information.
+     * @uiName Submission confirmation alert
+     * @uiGroup Step 2 Properties
+     * @uiWidget textArea
+     */
+    this.step2_cannotChangeInfoAlert = "Changes to your personal and indirect tax information can only be made through our {supportLink} after you complete this step. Make sure these are correct before continuing.";
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                      STEP 3 PROPS:
+     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName Step 3 title
+     * @uiGroup Step 3 Properties
+     */
+    this.step3_taxForm = "Tax form";
+    /**
+     * Display the type of tax form that the participant must submit.
+     * @uiName Tax form name
+     * @uiGroup Step 3 Properties
+     */
+    this.step3_taxFormLabel = "{documentType} Tax Form";
+    /**
+     * @uiName Participant type field label
+     * @uiGroup Step 3 Properties
+     */
+    this.step3_participantType = "Participant type";
+    /**
+     * An option for the participant type field. Used to determine which W-8 form is required.
+     * @uiName Business representative participant type label
+     * @uiGroup Step 3 Properties
+     */
+    this.step3_businessEntity = "I represent a business";
+    /**
+     * An option for the participant type field. Used to determine which W-8 form is required.
+     * @uiName Individual participant type label
+     * @uiGroup Step 3 Properties
+     */
+    this.step3_individualParticipant = "I am an individual participant";
+    /**
+     * Displayed at the top of the page to participants based in the US.
+     * @uiName W-9 tax form description
+     * @uiGroup Step 3 Properties
+     * @uiWidget textArea
+     */
+    this.step3_taxFormDescription = "Participants based in the US need to submit a {documentType} form.";
+    /**
+     * Displayed at the top of the page to individuals joining a US program who reside outside the country.
+     * @uiName W-8 BEN tax form description
+     *  @uiGroup Step 3 Properties
+     * @uiWidget textArea
+     */
+    this.step3_taxFormDescriptionIndividualParticipant = "Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form.";
+    /**
+     * Displayed at the top of the page to participants representing a business.
+     * @uiName W-8 BEN-E tax form description
+     *  @uiGroup Step 3 Properties
+     * @uiWidget textArea
+     */
+    this.step3_taxFormDescriptionBusinessEntity = "Participants residing outside of the US working with a US Brand need to submit a {documentType} form.";
+    /**
+     * This appears inside the Docusign frame.
+     * @uiName Docusign session expired message
+     * @uiGroup Step 3 Properties
+     * @uiWidget textArea
+     */
+    this.step3_docusignExpired = "For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.";
+    /**
+     * Remind participants their session will time out after 20 minutes of inactivity.
+     * @uiName Docusign timed session message
+     * @uiGroup Step 3 Properties
+     * @uiWidget textArea
+     */
+    this.step3_docusignSessionWarning = "For your security, we automatically end your session when you have not interacted with the form after 20 minutes.";
+    /**
+     * This appears inside the Docusign frame.
+     * @uiName Docusign form error message
+     * @uiGroup Step 3 Properties
+     * @uiWidget textArea
+     */
+    this.step3_docusignError = "There was a problem displaying this form. Please refresh the page. If this problem continues, contact our {supportLink}.";
+    /**
+     * @uiName Refresh page button label
+     * @uiGroup Step 3 Properties
+     */
+    this.step3_refreshButton = "Refresh Page";
+    /**
+     * @uiName Exit button text
+     * @uiGroup Step 3 Properties
+     */
+    this.step3_exitButton = "Exit";
+    /**
+     * @uiName Information modal title
+     * @uiGroup Step 3 Properties
+     */
+    this.step3_modalTitle = "Important Note";
+    /**
+     * @uiName Information modal description text
+     * @uiGroup Step 3 Properties
+     */
+    this.step3_modalDescription = "Remember the name you enter in your tax form. It must exactly match the bank account holder name configured in the next step. {br}{br}Otherwise you will have to resubmit your form again and there will be delays receiving your payout.";
+    /**
+     * @uiName Information modal button text
+     * @uiGroup Step 3 Properties
+     */
+    this.step3_modalButtonText = "I understand";
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                      STEP 4 PROPS:
+     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName Step 4 title
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_taxAndPayouts = "Payouts";
+    /**
+     * @uiName Direct to bank payout option
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_directlyToBankAccount = "Directly to my bank account";
+    /**
+     * @uiName PayPal payout option
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_toPayPalAccount = "PayPal (2% processing fee capped to {feeCap})";
+    /**
+     * @uiName Threshold balance payment schedule option
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_paymentScheduleBalanceThreshold = "Pay me when my balance reaches a threshold";
+    /**
+     * @uiName Fixed day payment schedule option
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_paymentScheduleFixedDay = "Pay me on a fixed day of the month";
+    /**
+     * Let the participant choose what day of the month they’ll get paid
+     * @uiName Payment day field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_paymentDaySelectLabel = "Payment Day";
+    /**
+     * Participant use this field to select the balance at which they want to be paid
+     * @uiName Payment threshold field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_paymentThresholdSelectLabel = "Payment threshold";
+    /**
+     * One of two payment day options
+     * @uiName First of month payday option
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_paymentDayFirstOfMonthLabelText = "1st of the month";
+    /**
+     * One of two payment day options
+     * @uiName Fifteenth of month payday option
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_paymentDayFifteenthOfMonthLabelText = "15th of the month";
+    /**
+     * @uiName Payment method section header
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_paymentMethod = "Payment method";
+    /**
+     * @uiName Payment schedule section header
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_paymentSchedule = "Payment schedule";
+    /**
+     * @uiName Payment method section description
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_paymentMethodSubtext = "Payouts will be sent from our referral program provider, impact.com.";
+    /**
+     * Displayed to participants who choose PayPal as their payout method
+     * @uiName PayPal email field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_payPalInputLabel = "PayPal email";
+    /**
+     * @uiName Bank country field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_bankLocationLabel = "Bank country location";
+    /**
+     * @uiName Beneficiary account field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_beneficiaryAccountNameLabel = "Account holder name";
+    /**
+     * @uiName Beneficiary account field description
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_beneficiaryAccountNameDescription = "The beneficiary name of your bank account. Ensure this matches the name on your tax form.";
+    /**
+     * @uiName Bank account type field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_bankAccountTypeLabel = "Bank account type";
+    /**
+     * @uiName Checking account option
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_checkingSelectItemLabel = "Checking";
+    /**
+     * Label text for the savings account type select item
+     * @uiName Savings account options
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_savingsSelectItemLabel = "Savings";
+    /**
+     * @uiName Bank account number field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_bankAccountNumberLabel = "Bank account number";
+    /**
+     * @uiName IBAN field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_ibanLabel = "IBAN";
+    /**
+     * @uiName SWIFT code field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_swiftCodeLabel = "SWIFT code";
+    /**
+     * @uiName Routing code field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_routingCodeLabel = "{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }";
+    /**
+     * @uiName Bank name field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_bankNameLabel = "Bank name";
+    /**
+     * @uiName Classification entity field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_classificationEntityLabel = "Classification entity";
+    /**
+     * One of three options listed for the classification field
+     * @uiName Business classification option
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_businessSelectItemLabel = "Business";
+    /**
+     * One of three options listed for the classification field
+     * @uiName Individual classification option
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_individualSelectItemLabel = "Individual";
+    /**
+     * One of three options listed for the classification field
+     * @uiName Foreign classification option
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_foreignSelectItemLabel = "Foreign";
+    /**
+     * @uiName Classification CPF field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_classificationCPFLabel = "Classification CPF";
+    /**
+     * @uiName Patronymic name field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_patronymicNameLabel = "Patronymic name";
+    /**
+     * @uiName VO code field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_voCodeLabel = "VO code";
+    /**
+     * @uiName Agency code field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_agencyCodeLabel = "Agency code";
+    /**
+     * @uiName Branch code field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_branchCodeLabel = "Branch code";
+    /**
+     * Label text for the classification input field
+     * @uiName Classification field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_classificationLabel = "Classification";
+    /**
+     * @uiName Taxpayer ID field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_taxPayerIdLabel = "Beneficiary INN";
+    /**
+     * @uiName Bank address field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_bankAddressLabel = "Bank address";
+    /**
+     * @uiName Bank city field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_bankCityLabel = "Bank city";
+    /**
+     * @uiName Bank province/state field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_bankStateLabel = "Bank Province / State";
+    /**
+     * @uiName  Bank postal code field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_bankPostalCodeLabel = "Bank postal code";
+    /**
+     * Default payment method to the participants’ bank account.
+     * @uiName EFT withdrawal payment method
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_eftWithdrawalLabel = "EFT Withdrawal (free)";
+    /**
+     * @uiName FX Wire Processing fee text
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_fxWireProcessingFeeLabel = "FX Wire (Processing Fee {currency}{defaultFxFee}.00)";
+    /**
+     * @uiName Text for verify email dialog
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_verifyEmailHeaderText = "Verify your email";
+    /**
+     * @uiName Verify code widget header text
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_verifyEmailDescriptionText = "Verify your email to update your payment settings. Enter the code sent to {email} from our referral provider, impact.com.";
+    /**
+     * @uiName Information modal title
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_modalTitle = "Important Note";
+    /**
+     * @uiName Information modal description text
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
+    /**
+     * @uiName Information modal button text
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_modalButtonText = "I understand, update my information";
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                      DASHBOARD PROPS:
+     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName Active tax form badge label
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_statusTextActive = "Active";
+    /**
+     * @uiName Invalid tax form badge label
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_statusTextNotActive = "Invalid Tax Form";
+    /**
+     * Displayed when the participant submitted their form but it is awaiting review.
+     *
+     * @uiName Not verified tax form badge label
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_statusTextNotVerified = "Not Verified";
+    /**
+     * Displayed when the participant has not submitted their required tax form.
+     *
+     * @uiName Required tax form badge label
+     */
+    this.dashboard_statusTextRequired = "Required";
+    /**
+     * Additional text displayed next to the tax form's status badge
+     *
+     * @uiName Required tax form description
+     */
+    this.dashboard_requiredTaxForm = "Your payouts are on hold until you submit a {taxFormType} tax form.";
+    /**
+     * Additional text displayed next to the tax form's status badge
+     *
+     * @uiName Active W-9 description
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_badgeTextSubmittedOn = "Submitted on {dateSubmitted}.";
+    /**
+     * Additional text displayed next to the tax form's status badge.
+     *
+     * @uiName Active W-8 description
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_badgeTextSubmittedOnW8 = "Submitted on {dateSubmitted}. Valid for three years after submission.";
+    /**
+     * Additional text displayed next to the tax form's status badge.
+     *
+     * @uiName Tax form in review description
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_badgeTextAwaitingReview = "Awaiting review. Submitted on {dateSubmitted}.";
+    /**
+     * Part of the alert displayed at the top of the page.
+     *
+     * @uiName Inactive W-9 error message title
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_taxAlertHeaderNotActiveW9 = "Your W-9 tax form has personal information that doesn’t match your profile";
+    /**
+     * Part of the alert displayed at the top of the page.
+     *
+     * @uiName Inactive W-8 error message title
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_taxAlertHeaderNotActiveW8 = "{documentType} tax form is invalid";
+    /**
+     * Part of the alert displayed at the top of the page.
+     *
+     * @uiName Inactive W-9 error message description
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_taxAlertNotActiveMessageW9 = "Please resubmit a new {documentType} form.";
+    /**
+     * Part of the alert displayed at the top of the page.
+     *
+     * @uiName Inactive W-8 error message description
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_taxAlertNotActiveMessageW8 = "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form.";
+    /**
+     * Additional text displayed next to the tax form's status badge.
+     *
+     * @uiName Invalid tax form description
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_invalidForm = "Make sure your information is correct and submit new form.";
+    /**
+     * @uiName Payout information section header
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_bankingInformationSectionHeader = "Payout Information";
+    /**
+     * @uiName Tax document section header
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_taxDocumentSectionHeader = "Tax documents";
+    /**
+     * Displayed under the tax document section header.
+     *
+     * @uiName Tax documents section description
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_taxDocumentSectionSubHeader = "{documentType} tax form";
+    /**
+     * No other statuses or badges will be displayed in the tax form section in this case.
+     *
+     * @uiName Tax form not required text
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_noFormNeededSubtext = "Tax documents are only required if you are based in the US or joining the referral program of a US based brand.";
+    /**
+     *
+     * @uiName Indirect tax section header
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_indirectTaxInfoSectionHeader = "Indirect tax";
+    /**
+     * If the participant is registered for indirect tax in Canada, display the province they’re registered in.
+     *
+     * @uiName Canadian province of indirect tax
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_indirectTaxInfoCanada = "Registered in {province}, {country}";
+    /**
+     * If the participant is registered for indirect tax, display the country they’re registered in.
+     *
+     * @uiName Indirect tax country
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_indirectTaxInfoOtherCountry = "Registered in {country}";
+    /**
+     * If the participant is registered for indirect tax in Spain, display the region they’re registered in.
+     *
+     * @uiName Spanish region of indirect tax
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_indirectTaxInfoSpain = "Registered in {country}, {subRegion}";
+    /**
+     * @uiName Indirect tax tooltip
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_indirectTaxTooltipSupport = "To make changes to your indirect tax information, please contact our {supportLink}.";
+    /**
+     * Displayed to participants who have submitted their indirect tax information.
+     *
+     * @uiName  Indirect tax details
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_indirectTaxDetails = "{indirectTaxType} number: {indirectTaxNumber}";
+    /**
+     * @uiName Submit new tax form button label
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_newFormButton = "Submit new form";
+    /**
+     * @uiName Edit payment info button label
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_editPaymentInformationButton = "Edit Payout Information";
+    /**
+     * @uiName Not registered for indirect tax text
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_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.";
+    /**
+     * Displayed to participants registered in Quebec, Canada.
+     * @uiName QST indirect tax details
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_qstNumber = "QST number: {qstNumber}";
+    /**
+     * @uiName Spain sub-region indirect tax number
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_subRegionTaxNumber = "Income tax number: {subRegionTaxNumber}";
+    /**
+     * @uiName Payout status badge
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
+    /**
+     * Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid.
+     * @uiName Payout schedule by threshold text
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_thresholdPayoutText = "Next payout occurs when balance is {thresholdBalance}";
+    /**
+     * Shown before the participant’s bank account information.
+     * @uiName Bank account field label
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_accountText = "Account";
+    /**
+     * Part of the Invoice table displayed at the bottom of the page.
+     * @uiName Invoice number column title
+     *  @uiGroup Dashboard Properties
+     */
+    this.dashboard_invoiceColumnTitle = "Invoice";
+    /**
+     * Part of the Invoice table displayed at the bottom of the page.
+     * @uiName Date column title
+     *  @uiGroup Dashboard Properties
+     */
+    this.dashboard_dateColumnTitle = "Date";
+    /**
+     * Part of the Invoice table displayed at the bottom of the page.
+     * @uiName Earnings column title
+     *  @uiGroup Dashboard Properties
+     */
+    this.dashboard_earningsColumnTitle = "Earnings";
+    /**
+     * Part of the Invoice table displayed at the bottom of the page.
+     * @uiName Indirect tax column title
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_indirectTaxColumnTitle = "Indirect tax";
+    /**
+     * Displayed under the payout details card.
+     * @uiName Payout from impact text
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_payoutFromImpact = "Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com.";
+    /**
+     * Part of the Invoice table displayed at the bottom of the page.
+     * @uiName Earnings after tax column title
+     *  @uiGroup Dashboard Properties
+     */
+    this.dashboard_earningsAfterTaxColumnTitle = "Earnings after tax";
+    /**
+     * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
+     * @uiName Payout error message title
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_payoutHoldAlertHeader = "Your payout is on hold";
+    /**
+     * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
+     * @uiName Payout error message description
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_payoutHoldAlertDescription = "Please contact our {supportLink} or check your inbox for an email from our referral program provider, impact.com.";
+    /**
+     * Text displayed for existing publishers that do not have saved banking information.
+     * @uiName Payout missing information subtext
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_payoutMissingInformationText = "Missing banking information, go to Impact.com to resolve.";
+    /**
+     * @uiName Invoice table description
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_invoiceDescription = "View and download your invoices to report your earnings and stay tax compliant.";
+    /**
+     * @uiName Invoice table previous page button label
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_invoicePrevLabel = "Prev";
+    /**
+     * @uiName Invoice table next page button label
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_invoiceMoreLabel = "Next";
+    /**
+     * @uiName Invoice table title
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_invoiceHeader = "Invoices";
+    /**
+     * @uiName Empty invoice table header
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_invoiceEmptyStateHeader = "View your invoice details";
+    /**
+     * @uiName Empty invoice table description
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_invoiceEmptyStateText = "Refer a friend to view the status of your invoices and rewards earned";
+    /**
+     * @uiName Replace tax form modal header
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_replaceTaxFormModalHeader = "Replace existing tax form";
+    /**
+     * @uiName Replace tax form modal body text
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_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.";
+    /**
+     * Part of the alert displayed at the top of the page when the user needs to verify their identity.
+     * @uiName Verification required alert message title
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_verificationRequiredHeader = "Verify your identity";
+    /**
+     * Part of the alert displayed at the top of the page when the user needs to verify their identity
+     * @uiName Verification required alert message description
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_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}.";
+    /**
+     * @uiName Verification required internal alert header
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_verificationRequiredInternalHeader = "Identity Verification in Progress";
+    /**
+     * @uiName Verification required internal alert description
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_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}.";
+    /**
+     * @uiName Verification review internal alert header
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_verificationReviewInternalHeader = "Identity Verification Under Review";
+    /**
+     * @uiName Verification review internal alert description
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_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}.";
+    /**
+     * @uiName Verification failed internal alert header
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_verificationFailedInternalHeader = "Identity Verification Unsuccessful";
+    /**
+     * @uiName Verification failed internal alert description
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_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}.";
+    /**
+     * Part of the alert displayed at the top of the page when the user needs to verify their identity.
+     * @uiName Verification required alert button text
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_verificationRequiredButtonText = "Start Verification";
+    /**
+     * @uiName W-9 payment threshold alert header
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_w9RequiredHeader = "Your next payout is on hold";
+    /**
+     * @uiName W-9 payment threshold alert description
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_w9RequiredDescription = "You have surpassed the $600 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.";
+    /**
+     * @uiName Account review alert header
+     */
+    this.dashboard_accountReviewHeader = "Your account is under review";
+    /**
+     * @uiName Account review alert description
+     */
+    this.dashboard_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}.";
+    /**
+     * @uiName Terms and Conditions text
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_termsAndConditions = "Terms and Conditions";
+    /**
+     * @uiName W-9 payment threshold alert button text
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_w9RequiredButtonText = "Submit W-9";
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                      GENERAL PROPS:
+     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+    /**
+     * @uiName Setup progress
+     * @uiGroup General Form Properties
+     */
+    this.formStep = "Step {step} of {count}";
+    /**
+     * Part of the alert displayed at the top of the page.
+     * @uiName Form submission error message title
+     * @uiGroup General Form Properties
+     * @uiWidget textArea
+     */
+    this.generalErrorTitle = "There was a problem submitting your information";
+    /**
+     * Part of the alert displayed at the top of the page.
+     * @uiName Form submission error message description
+     * @uiGroup General Form Properties
+     * @uiWidget textArea
+     */
+    this.generalErrorDescription = "Please review your information and try again. If this problem continues, contact our {supportLink}.";
+    /**
+     * Displayed under a field that is missing required information.
+     * @uiName Empty form field error message
+     * @uiGroup General Form Properties
+     */
+    this.fieldRequiredError = "{fieldName} is required";
+    /**
+     * Displayed under a field that includes invalid characters (non-ASCII).
+     * @uiName Invalid character error message
+     * @uiGroup General Form Properties
+     */
+    this.invalidCharacterError = "{fieldName} includes characters that aren't supported.";
+    /**
+     * Displayed under a field when it has an invalid entry.
+     * @uiName Form field error message
+     * @uiGroup General Form Properties
+     */
+    this.fieldInvalidError = "{fieldName} is invalid";
+    /**
+     * @uiName Continue button label
+     * @uiGroup General Form Properties
+     */
+    this.continueButton = "Continue";
+    /**
+     * @uiName Back button label
+     * @uiGroup General Form Properties
+     */
+    this.backButton = "Back";
+    /**
+     * @uiName Cancel button label
+     * @uiGroup General Form Properties
+     */
+    this.cancelButton = "Cancel";
+    /**
+     * Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com.
+     * @uiName Participant is a partner alert title
+     * @uiGroup General Form Properties
+     * @uiWidget textArea
+     */
+    this.isPartnerAlertHeader = "An account with this email already exists with our referral program provider, impact.com";
+    /**
+     * Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com.
+     * @uiName Participant is a partner alert description
+     * @uiGroup General Form Properties
+     * @uiWidget textArea
+     */
+    this.isPartnerAlertDescription = "If you don’t recognize this referral program provider or believe this is a mistake, please contact our {supportLink} or sign up for this referral program with a different email.";
+    /**
+     * Placeholder text displayed in the country search dropdown
+     * @uiName Country field placeholder text
+     * @uiGroup General Form Properties
+     */
+    this.searchForCountryText = "Search for country..";
+    /**
+     * Part of the alert displayed at the top of the page.
+     * @uiName Page load error message title
+     * @uiGroup General Form Properties
+     * @uiWidget textArea
+     */
+    this.loadingErrorAlertHeader = "There was a problem loading your form";
+    /**
+     * Part of the alert displayed at the top of the page.
+     * @uiName Page load error message description
+     * @uiGroup General Form Properties
+     * @uiWidget textArea
+     */
+    this.loadingErrorAlertDescription = "Please refresh the page and try again. If this problem continues, contact our {supportLink}.";
+    /**
+     * Displayed at the top of the page on all set up steps.
+     * @uiName Page description
+     * @uiGroup General Form Properties
+     */
+    this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
+    /**
+     * Link text for contacting support team
+     * @uiName Suport link text
+     * @uiGroup General Form Properties
+     */
+    this.supportLink = "support team";
+    /**
+     * Link text for Terms and Conditions
+     * @uiName Terms and Conditions text
+     * @uiGroup General Form Properties
+     */
+    this.termsAndConditions = "Terms and Conditions";
+    /**
+     *
+     * @undocumented
+     * @componentState { "title": "Step 1: Personal information", "props": { "step": "/1" }, "dependencies": ["sqm-user-info-form"], "uiGroup": "Step 1 Properties" }
+     * @componentState { "title": "Step 2: Indirect tax", "props": { "step": "/2" }, "dependencies": ["sqm-indirect-tax-form"], "uiGroup": "Step 2 Properties" }
+     * @componentState { "title": "Step 3: Tax form", "props": { "step": "/3" }, "dependencies": ["sqm-docusign-form"], "uiGroup": "Step 3 Properties" }
+     * @componentState { "title": "Step 4: Payment method", "props": { "step": "/4" }, "dependencies": ["sqm-banking-info-form"], "uiGroup": "Step 4 Properties" }
+     * @componentState { "title": "Dashboard", "props": { "step": "/dashboard" }, "dependencies": ["sqm-tax-and-cash-dashboard"], "uiGroup": "Dashboard Properties" }
+     */
+    this.stateController = "{}";
+    h(this);
+  }
+  disconnectedCallback() { }
+  // this field is required prop
+  getGeneralStepTextProps(prefix) {
+    const props = getProps(this);
+    return {
+      ...extractProps(props, prefix),
+      generalErrorTitle: props.generalErrorTitle,
+      generalErrorDescription: props.generalErrorDescription,
+      fieldRequiredError: props.fieldRequiredError,
+      invalidCharacterError: props.invalidCharacterError,
+      fieldInvalidError: props.fieldInvalidError,
+      continueButton: props.continueButton,
+      backButton: props.backButton,
+      cancelButton: props.cancelButton,
+      isPartnerAlertHeader: props.isPartnerAlertHeader,
+      isPartnerAlertDescription: props.isPartnerAlertDescription,
+      loadingErrorAlertHeader: props.loadingErrorAlertHeader,
+      loadingErrorAlertDescription: props.loadingErrorAlertDescription,
+      taxAndPayoutsDescription: props.taxAndPayoutsDescription,
+      searchForCountryText: props.searchForCountryText,
+      formStep: props.formStep,
+      supportLink: props.supportLink,
+    };
+  }
+  render() {
+    var _a, _b;
+    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    // @ts-ignore
+    if ((_a = this.demoData) === null || _a === void 0 ? void 0 : _a.showTextProps) {
+      const textProps = getProps(this);
+      return (h$1("div", null, (_b = Object.keys(textProps)) === null || _b === void 0 ? void 0 : _b.map((prop) => {
+        if (prop === "demoData")
+          return;
+        return (h$1("div", null, h$1("b", null, prop, ":"), " ", this[prop], h$1("hr", null)));
+      })));
+    }
+    switch (props.step) {
+      case "/1":
+        return (h$1("sqm-user-info-form", Object.assign({}, this.getGeneralStepTextProps("step1_"))));
+      case "/2":
+        return (h$1("sqm-indirect-tax-form", Object.assign({}, this.getGeneralStepTextProps("step2_"))));
+      case "/3":
+        return (h$1("sqm-docusign-form", Object.assign({}, this.getGeneralStepTextProps("step3_"))));
+      case "/4":
+        return (h$1("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"))));
+      case "/dashboard":
+        return (h$1("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"), { stateController: props["sqm-tax-and-cash-dashboard_stateController"] || "{}" })));
+      case "/error":
+        return (h$1(ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: intl.formatMessage({
+            id: "loadingErrorAlertDescription",
+            defaultMessage: this.loadingErrorAlertDescription,
+          }, {
+            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, this.supportLink)),
+          }) }));
+    }
+    return h$1(LoadingView, null);
+  }
+};
+function useDemoTaxAndCash(props) {
+  const [step, setStep] = In({
+    namespace: TAX_CONTEXT_NAMESPACE,
+    initialValue: "/1",
+  });
+  const states = parseStates(props.stateController);
+  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-tax-and-cash"
+    ? { ...prev, ...states[key] }
+    : { ...prev, [`${key}_stateController`]: states[key] }, {});
+  return cjs({
+    step,
+    setStep,
+  }, props.demoData || formatted || {}, { arrayMerge: (_, a) => a });
+}
+
 const Timeline = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -6580,4 +7877,4 @@ function useUserNameDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-export { BigStat as sqm_big_stat, BrandComponent as sqm_brand, SqmBrandSelector as sqm_brand_selector, CardFeed as sqm_card_feed, CheckboxField as sqm_checkbox_field, CouponCode as sqm_coupon_code, DividedLayout as sqm_divided_layout, DropdownField as sqm_dropdown_field, EditProfile as sqm_edit_profile, Hero as sqm_hero, HeroImage as sqm_hero_image, SqmHookStoryContainer as sqm_hook_story_container, Image as sqm_image, InputField as sqm_input_field, LeadDropdownField as sqm_lead_dropdown_field, LeadForm as sqm_lead_form, Leaderboard as sqm_leaderboard, LinkButton as sqm_link_button, MarketingEmailsCheckbox as sqm_marketing_emails_checkbox, NameFields as sqm_name_fields, NavigationMenu as sqm_navigation_menu, PayoutButtonScroll as sqm_payout_button_scroll, PayoutStatusAlert as sqm_payout_status_alert, PortalChangeMarketing as sqm_portal_change_marketing, PortalChangePassword as sqm_portal_change_password, PortalFooter as sqm_portal_footer, PortalForgotPassword as sqm_portal_forgot_password, PortalFrame as sqm_portal_frame, PortalLogin as sqm_portal_login, PortalRegister as sqm_portal_register, ProgramExplainer as sqm_program_explainer, ProgramExplainerStep as sqm_program_explainer_step, ProgramMenu as sqm_program_menu, ReferralCard as sqm_referral_card, SqmReferralIframe as sqm_referral_iframe, ReferredRegistration as sqm_referred_registration, SqmRewardExchangeList as sqm_reward_exchange_list, SqmRouter as sqm_router, ShareButton as sqm_share_button, ShareCode as sqm_share_code, ShareLink as sqm_share_link, StatContainer as sqm_stat_container, TaskCard as sqm_task_card, Timeline as sqm_timeline, TimelineReward as sqm_timeline_entry, UserName as sqm_user_name };
+export { BigStat as sqm_big_stat, BrandComponent as sqm_brand, SqmBrandSelector as sqm_brand_selector, CardFeed as sqm_card_feed, CheckboxField as sqm_checkbox_field, CouponCode as sqm_coupon_code, DividedLayout as sqm_divided_layout, DropdownField as sqm_dropdown_field, EditProfile as sqm_edit_profile, Hero as sqm_hero, HeroImage as sqm_hero_image, SqmHookStoryContainer as sqm_hook_story_container, Image as sqm_image, InputField as sqm_input_field, LeadDropdownField as sqm_lead_dropdown_field, LeadForm as sqm_lead_form, Leaderboard as sqm_leaderboard, LinkButton as sqm_link_button, MarketingEmailsCheckbox as sqm_marketing_emails_checkbox, NameFields as sqm_name_fields, NavigationMenu as sqm_navigation_menu, PayoutButtonScroll as sqm_payout_button_scroll, PayoutStatusAlert as sqm_payout_status_alert, PortalChangeMarketing as sqm_portal_change_marketing, PortalChangePassword as sqm_portal_change_password, PortalFooter as sqm_portal_footer, PortalForgotPassword as sqm_portal_forgot_password, PortalFrame as sqm_portal_frame, PortalLogin as sqm_portal_login, PortalRegister as sqm_portal_register, ProgramExplainer as sqm_program_explainer, ProgramExplainerStep as sqm_program_explainer_step, ProgramMenu as sqm_program_menu, ReferralCard as sqm_referral_card, SqmReferralIframe as sqm_referral_iframe, ReferredRegistration as sqm_referred_registration, SqmRewardExchangeList as sqm_reward_exchange_list, SqmRouter as sqm_router, ShareButton as sqm_share_button, ShareCode as sqm_share_code, ShareLink as sqm_share_link, StatContainer as sqm_stat_container, TaskCard as sqm_task_card, TaxAndCashMonolith as sqm_tax_and_cash, Timeline as sqm_timeline, TimelineReward as sqm_timeline_entry, UserName as sqm_user_name };