@saasquatch/mint-components 1.15.0-7 → 1.15.0-70

package/dist/esm/sqm-tax-and-cash.entry.js

@@ -0,0 +1,1250 @@
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import './global-d0254726.js';
+import { u as useMemo, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
+import { M as Mn, _, J, L, I as In, S as Sn, i as isDemo } from './index.module-38dad6c9.js';
+import { c as cjs } from './cjs-bdfb4486.js';
+import { g as getProps } from './utils-03188de2.js';
+import './JSS-67b5cff8.js';
+import { g as getCountryObj, L as LoadingView } from './utils-088048b2.js';
+import { e as extractProps, p as parseStates } from './extractProps-54064fb0.js';
+import { 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, 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-ee3ae298.js';
+
+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, } = user.impactConnection.publisher;
+  // If they do have a required document, look at current document
+  if (requiredTaxDocumentType && !currentTaxDocument)
+    return "/3";
+  if (!withdrawalSettings && brandedSignup)
+    return "/4";
+  return "/dashboard";
+}
+function useTaxAndCash() {
+  var _a, _b, _c, _d, _e;
+  const host = _();
+  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,
+    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 who represent a business entity 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";
+    /**
+     * 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 W9 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";
+    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                      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";
+    /**
+     * @uiName Monolith States
+     * @componentState { "title": "Step 1", "props": { "step": "/1" }, "dependencies": ["sqm-user-info-form"] }
+     * @componentState { "title": "Step 2", "props": { "step": "/2" }, "dependencies": ["sqm-indirect-tax-form"] }
+     * @componentState { "title": "Step 3", "props": { "step": "/3" }, "dependencies": ["sqm-docusign-form"] }
+     * @componentState { "title": "Step 4", "props": { "step": "/4" }, "dependencies": ["sqm-banking-info-form"] }
+     * @componentState { "title": "Dashboard", "props": { "step": "/dashboard" }, "dependencies": ["sqm-tax-and-cash-dashboard"] }
+     */
+    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)));
+      })));
+    }
+    const getStep = () => {
+      switch (props.step) {
+        case "/1":
+          return (h$1("sqm-user-info-form", Object.assign({}, this.getGeneralStepTextProps("step1_"), extractProps(props, "sqm-user-info-form_"))));
+        case "/2":
+          return (h$1("sqm-indirect-tax-form", Object.assign({}, this.getGeneralStepTextProps("step2_"), extractProps(props, "sqm-indirect-tax-form_"))));
+        case "/3":
+          return (h$1("sqm-docusign-form", Object.assign({}, this.getGeneralStepTextProps("step3_"), extractProps(props, "sqm-docusign-form_"))));
+        case "/4":
+          return (h$1("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"), extractProps(props, "sqm-banking-info-form_"))));
+        case "/dashboard":
+          return (h$1("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"), extractProps(props, "sqm-tax-and-cash-dashboard_"))));
+        case "/error":
+          return (h$1("sqm-form-message", { type: "error" }, h$1("p", { part: "alert-title" }, this.loadingErrorAlertHeader), h$1("p", { part: "alert-description" }, this.loadingErrorAlertDescription)));
+      }
+    };
+    return getStep() || h$1(LoadingView, null);
+  }
+};
+function useDemoTaxAndCash(props) {
+  const [step, setStep] = In({
+    namespace: TAX_CONTEXT_NAMESPACE,
+    initialValue: "/1",
+  });
+  console.log("PROPS", props);
+  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 });
+}
+
+export { TaxAndCashMonolith as sqm_tax_and_cash };