@saasquatch/mint-components 1.15.0-99 → 1.16.0-1

package/dist/esm/sqm-invoice-table-view-3491dd80.js

@@ -0,0 +1,2058 @@
+import { h } from './index-91e7729f.js';
+import { i as intl } from './global-be1f9992.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { E as ErrorView } from './ErrorView-48e2b969.js';
+
+const style = {
+  Container: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "24px",
+  },
+  HeaderContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "10px",
+  },
+  TitleSkeleton: {
+    width: "45%",
+    height: "40px !important",
+  },
+  StepSkeleton: {
+    width: "15%",
+  },
+  HeaderSkeleton: {
+    width: "25%",
+    height: "30px !important",
+  },
+  InputSkeleton: {
+    width: "75%",
+  },
+  ButtonSkeleton: {
+    width: "80px",
+    height: "30px !important",
+  },
+};
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+const LoadingView = () => {
+  return (h("div", { class: sheet.classes.Container },
+    h("style", { type: "text/css" }, styleString),
+    h("sl-skeleton", { class: sheet.classes.TitleSkeleton }),
+    h("div", { class: sheet.classes.HeaderContainer },
+      h("sl-skeleton", { class: sheet.classes.StepSkeleton }),
+      h("sl-skeleton", { class: sheet.classes.HeaderSkeleton })),
+    h("sl-skeleton", { class: sheet.classes.InputSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.InputSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.InputSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.InputSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.InputSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.StepSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.ButtonSkeleton })));
+};
+
+const INDIRECT_TAX_PROVINCES = [
+  { regionCode: "ALBERTA", taxType: "GST", displayName: "Alberta" },
+  {
+    regionCode: "BRITISHCOLUMBIA",
+    taxType: "HST",
+    displayName: "British Columbia",
+  },
+  { regionCode: "MANITOBA", taxType: "HST", displayName: "Manitoba" },
+  {
+    regionCode: "NEWBRUNSWICK",
+    taxType: "HST",
+    displayName: "New Brunswick",
+  },
+  {
+    regionCode: "NEWFOUNDLANDLABRADOR",
+    taxType: "HST",
+    displayName: "Newfoundland",
+  },
+  {
+    regionCode: "NORTHWESTTERRITORIES",
+    taxType: "GST",
+    displayName: "North West Territories",
+  },
+  { regionCode: "NOVASCOTIA", taxType: "HST", displayName: "Nova Scotia" },
+  { regionCode: "NUNAVUT", taxType: "HST", displayName: "Nunavut" },
+  { regionCode: "ONTARIO", taxType: "HST", displayName: "Ontario" },
+  {
+    regionCode: "PRINCEEDWARDISLAND",
+    taxType: "HST",
+    displayName: "Prince Edward Island",
+  },
+  { regionCode: "QUEBEC", taxType: "GST", displayName: "Quebec" },
+  { regionCode: "SASKATCHEWAN", taxType: "HST", displayName: "Saskatchewan" },
+  { regionCode: "YUKON", taxType: "GST", displayName: "Yukon" },
+];
+const INDIRECT_TAX_SPAIN_REGIONS = [
+  { regionCode: "SPAINPROPER", taxType: "VAT", displayName: "Spain Proper" },
+  {
+    regionCode: "CANARYISLANDS",
+    taxType: "VAT",
+    displayName: "Canary Islands",
+  },
+];
+const ADDRESS_REGIONS = {
+  CA: {
+    labelEnum: "PROVINCE",
+    regions: [
+      {
+        label: "Alberta",
+        value: "ALBERTA",
+      },
+      {
+        label: "British Columbia",
+        value: "BRITISHCOLUMBIA",
+      },
+      {
+        label: "Manitoba",
+        value: "MANITOBA",
+      },
+      {
+        label: "New Brunswick",
+        value: "NEWBRUNSWICK",
+      },
+      {
+        label: "Newfoundland & Labrador",
+        value: "NEWFOUNDLANDANDLABRADOR",
+      },
+      {
+        label: "Northwest Territories",
+        value: "NORTHWESTTERRITORIES",
+      },
+      {
+        label: "Nova Scotia",
+        value: "NOVASCOTIA",
+      },
+      {
+        label: "Nunavut",
+        value: "NUNAVUT",
+      },
+      {
+        label: "Ontario",
+        value: "ONTARIO",
+      },
+      {
+        label: "Prince Edward Island",
+        value: "PRINCEEDWARDISLAND",
+      },
+      {
+        label: "Quebec",
+        value: "QUEBEC",
+      },
+      {
+        label: "Saskatchewan",
+        value: "SASKATCHEWAN",
+      },
+      {
+        label: "Yukon",
+        value: "YUKON",
+      },
+    ],
+  },
+  ES: {
+    labelEnum: "REGION",
+    regions: [
+      {
+        label: "Canary Islands",
+        value: "CANARYISLANDS",
+      },
+      {
+        label: "Spain Proper",
+        value: "SPAINPROPER",
+      },
+    ],
+  },
+  AU: {
+    labelEnum: "STATE",
+    regions: [
+      {
+        label: "Australian Capital Territory",
+        value: "CAPITALTERRITORY",
+      },
+      {
+        label: "New South Wales",
+        value: "NEWSOUTHWALES",
+      },
+      {
+        label: "Northern Territory",
+        value: "NORTHERNTERRITORY",
+      },
+      {
+        label: "Queensland",
+        value: "QUEENSLAND",
+      },
+      {
+        label: "South Australia",
+        value: "SOUTHAUSTRALIA",
+      },
+      {
+        label: "Tasmania",
+        value: "TASMANIA",
+      },
+      {
+        label: "Victoria",
+        value: "VICTORIA",
+      },
+      {
+        label: "Western Australia",
+        value: "WESTERNAUSTRALIA",
+      },
+    ],
+  },
+  US: {
+    labelEnum: "STATE",
+    regions: [
+      {
+        label: "Alabama",
+        value: "ALABAMA",
+      },
+      {
+        label: "Alaska",
+        value: "ALASKA",
+      },
+      {
+        label: "Arizona",
+        value: "ARIZONA",
+      },
+      {
+        label: "Arkansas",
+        value: "ARKANSAS",
+      },
+      {
+        label: "California",
+        value: "CALIFORNIA",
+      },
+      {
+        label: "Colorado",
+        value: "COLORADO",
+      },
+      {
+        label: "Connecticut",
+        value: "CONNECTICUT",
+      },
+      {
+        label: "Delaware",
+        value: "DELAWARE",
+      },
+      {
+        label: "District of Columbia",
+        value: "DISTRICTOFCOLUMBIA",
+      },
+      {
+        label: "Florida",
+        value: "FLORIDA",
+      },
+      {
+        label: "Georgia",
+        value: "GEORGIA",
+      },
+      {
+        label: "Hawaii",
+        value: "HAWAII",
+      },
+      {
+        label: "Idaho",
+        value: "IDAHO",
+      },
+      {
+        label: "Illinois",
+        value: "ILLINOIS",
+      },
+      {
+        label: "Indiana",
+        value: "INDIANA",
+      },
+      {
+        label: "Iowa",
+        value: "IOWA",
+      },
+      {
+        label: "Kansas",
+        value: "KANSAS",
+      },
+      {
+        label: "Kentucky",
+        value: "KENTUCKY",
+      },
+      {
+        label: "Louisiana",
+        value: "LOUISIANA",
+      },
+      {
+        label: "Maine",
+        value: "MAINE",
+      },
+      {
+        label: "Maryland",
+        value: "MARYLAND",
+      },
+      {
+        label: "Massachusetts",
+        value: "MASSACHUSETTS",
+      },
+      {
+        label: "Michigan",
+        value: "MICHIGAN",
+      },
+      {
+        label: "Minnesota",
+        value: "MINNESOTA",
+      },
+      {
+        label: "Mississippi",
+        value: "MISSISSIPPI",
+      },
+      {
+        label: "Missouri",
+        value: "MISSOURI",
+      },
+      {
+        label: "Montana",
+        value: "MONTANA",
+      },
+      {
+        label: "Nebraska",
+        value: "NEBRASKA",
+      },
+      {
+        label: "Nevada",
+        value: "NEVADA",
+      },
+      {
+        label: "New Hampshire",
+        value: "NEWHAMPSHIRE",
+      },
+      {
+        label: "New Jersey",
+        value: "NEWJERSEY",
+      },
+      {
+        label: "New Mexico",
+        value: "NEWMEXICO",
+      },
+      {
+        label: "New York",
+        value: "NEWYORK",
+      },
+      {
+        label: "North Carolina",
+        value: "NORTHCAROLINA",
+      },
+      {
+        label: "North Dakota",
+        value: "NORTHDAKOTA",
+      },
+      {
+        label: "Ohio",
+        value: "OHIO",
+      },
+      {
+        label: "Oklahoma",
+        value: "OKLAHOMA",
+      },
+      {
+        label: "Oregon",
+        value: "OREGON",
+      },
+      {
+        label: "Pennsylvania",
+        value: "PENNSYLVANIA",
+      },
+      {
+        label: "Rhode Island",
+        value: "RHODEISLAND",
+      },
+      {
+        label: "South Carolina",
+        value: "SOUTHCAROLINA",
+      },
+      {
+        label: "South Dakota",
+        value: "SOUTHDAKOTA",
+      },
+      {
+        label: "Tennessee",
+        value: "TENNESSEE",
+      },
+      {
+        label: "Texas",
+        value: "TEXAS",
+      },
+      {
+        label: "Utah",
+        value: "UTAH",
+      },
+      {
+        label: "Vermont",
+        value: "VERMONT",
+      },
+      {
+        label: "Virgin Islands",
+        value: "VIRGINISLANDS",
+      },
+      {
+        label: "Virginia",
+        value: "VIRGINIA",
+      },
+      {
+        label: "Washington",
+        value: "WASHINGTON",
+      },
+      {
+        label: "West Virginia",
+        value: "WESTVIRGINIA",
+      },
+      {
+        label: "Wisconsin",
+        value: "WISCONSIN",
+      },
+      {
+        label: "Wyoming",
+        value: "WYOMING",
+      },
+      {
+        label: "Americas Forces",
+        value: "AAMILITARY",
+      },
+      {
+        label: "Europe, Middle East, Canada, Africa and Canada Forces",
+        value: "AEMILITARY",
+      },
+      {
+        label: "Pacific Forces",
+        value: "APMILITARY",
+      },
+      {
+        label: "Other",
+        value: "OTHER",
+      },
+    ],
+  },
+};
+
+function validTaxDocument(requiredType) {
+  const validTypes = ["W9", "W8BENE", "W8BEN"];
+  if (validTypes.includes(requiredType))
+    return true;
+  return false;
+}
+const objectIsFull = (obj) => {
+  return !Object.keys(obj).find((k) => obj[k] == undefined);
+};
+const taxTypeToName = (taxType) => {
+  switch (taxType) {
+    case "W9":
+      return "W-9";
+    case "W8BEN":
+    case "W8BENE":
+      return "W-8";
+    default:
+      return "";
+  }
+};
+function validateBillingField(regex, value) {
+  const trimmed = value.trim();
+  const idx = trimmed.search(regex);
+  return idx > -1;
+}
+const formatErrorMessage = (fieldName, errorMessage) => {
+  return intl.formatMessage({
+    id: fieldName,
+    defaultMessage: errorMessage,
+  }, {
+    fieldName,
+  });
+};
+function getCountryObj({ countryCode, locale, }) {
+  // @ts-ignore DisplayNames not in Intl type
+  const displayName = new Intl.DisplayNames([locale], {
+    type: "region",
+  }).of(countryCode);
+  return {
+    countryCode,
+    displayName,
+  };
+}
+
+const TaxForm_stories = {
+  title: "Components/Tax Form",
+};
+const stepOneProps = {
+  states: {
+    step: "1",
+    hideSteps: false,
+    hideState: false,
+    loading: false,
+    disabled: false,
+    isPartner: false,
+    isUser: false,
+    loadingError: false,
+    formState: {
+      firstName: "Bob",
+      lastName: "Testerson",
+      email: "bobtesterson@example.com",
+      phoneNumberCountryCode: "US",
+      phoneNumber: "555 555 5555",
+      countryCode: "US",
+      currency: "CAD",
+      address: "2/1337 Johnson Street",
+      city: "Vancouver",
+      state: "BC",
+      postalCode: "555 555",
+      errors: {},
+    },
+  },
+  data: {
+    regionLabelEnum: "STATE",
+    regions: [],
+    phoneCountries: [
+      {
+        countryCode: "CA",
+        displayName: "Canada",
+      },
+    ],
+    countries: [
+      {
+        countryCode: "CA",
+        displayName: "Canada",
+      },
+      {
+        countryCode: "ES",
+        displayName: "Spain",
+      },
+      {
+        countryCode: "UK",
+        displayName: "United Kingdom",
+      },
+      {
+        countryCode: "US",
+        displayName: "United States",
+      },
+      {
+        countryCode: "AR",
+        displayName: "Argentina",
+      },
+      {
+        countryCode: "AU",
+        displayName: "Australia",
+      },
+      {
+        countryCode: "ZW",
+        displayName: "Zimbabwe",
+      },
+    ],
+    currencies: [
+      {
+        currencyCode: "CAD",
+        displayName: "CAD",
+      },
+      {
+        currencyCode: "GBP",
+        displayName: "GBP",
+      },
+      {
+        currencyCode: "USD",
+        displayName: "USD",
+      },
+    ],
+    allCountries: [
+      {
+        countryCode: "CA",
+        displayName: "Canada",
+      },
+      {
+        countryCode: "ES",
+        displayName: "Spain",
+      },
+      {
+        countryCode: "UK",
+        displayName: "United Kingdom",
+      },
+      {
+        countryCode: "US",
+        displayName: "United States",
+      },
+    ],
+    allCurrencies: [
+      {
+        currencyCode: "CAD",
+        displayName: "CAD",
+      },
+      {
+        currencyCode: "GBP",
+        displayName: "GBP",
+      },
+      {
+        currencyCode: "USD",
+        displayName: "USD",
+      },
+    ],
+  },
+  refs: {
+    formRef: { current: null },
+    currencyRef: { current: null },
+    phoneCountryRef: { current: null },
+  },
+};
+const stepTwoProps = {
+  states: {
+    step: "2",
+    hideSteps: false,
+    disabled: false,
+    loading: false,
+    isPartner: false,
+    loadingError: false,
+    formState: {
+      checked: undefined,
+      errors: {},
+    },
+  },
+  callbacks: {
+    onSubmit: async () => console.log("Submit"),
+    onChange: () => console.log("Submit"),
+    onBack: () => console.log("Submit"),
+    onFormChange: (field, e) => console.log(field, e),
+    onQstToggle: () => { },
+    onSpainToggle: () => { },
+    setCountrySearch: (c) => console.log(c),
+  },
+  data: {
+    esRegions: INDIRECT_TAX_SPAIN_REGIONS,
+    countries: [
+      {
+        countryCode: "CA",
+        displayName: "Canada",
+      },
+      {
+        countryCode: "ES",
+        displayName: "Spain",
+      },
+      {
+        countryCode: "UK",
+        displayName: "United Kingdom",
+      },
+      {
+        countryCode: "US",
+        displayName: "United States",
+      },
+    ],
+    allCountries: [
+      {
+        countryCode: "CA",
+        displayName: "Canada",
+      },
+      {
+        countryCode: "ES",
+        displayName: "Spain",
+      },
+      {
+        countryCode: "UK",
+        displayName: "United Kingdom",
+      },
+      {
+        countryCode: "US",
+        displayName: "United States",
+      },
+    ],
+    provinces: INDIRECT_TAX_PROVINCES,
+  },
+  slotProps: {
+    formState: {
+      errors: {},
+    },
+  },
+  refs: { formRef: { current: null } },
+};
+const stepFourProps = {
+  states: {
+    showVerification: false,
+    step: "4",
+    hideSteps: false,
+    disabled: false,
+    loading: false,
+    hasPayPal: false,
+    isPartner: false,
+    hideBackButton: false,
+    saveDisabled: false,
+    thresholds: [],
+    loadingError: false,
+    email: "test@example.com",
+    formState: {
+      paymentMethodChecked: "toBankAccount",
+    },
+    showModal: false,
+  },
+  callbacks: {
+    onVerificationHide: () => { },
+    onVerification: () => { },
+    onSubmit: async () => console.log("Submit"),
+    setPaymentMethodChecked: () => { },
+    setPaymentScheduleChecked: () => { },
+    onBack: async () => console.log("back"),
+    setCountrySearch: () => { },
+    onModalOpen: () => { },
+    onModalClose: () => { },
+  },
+  refs: { formRef: { current: null } },
+};
+const docusignFormProps = {
+  states: {
+    showExitButton: true,
+    step: "3",
+    urlLoading: false,
+    docusignStatus: undefined,
+    hideSteps: false,
+    documentType: "W9",
+    documentTypeString: "W9",
+    loading: false,
+    disabled: false,
+    participantTypeDisabled: false,
+    loadingError: false,
+    formState: {
+      participantType: "individualParticipant",
+      errors: {},
+      taxFormExpired: false,
+    },
+    showModal: false,
+  },
+  callbacks: {
+    onExit: () => { },
+    completeDocument: async () => { },
+    setParticipantType: (p) => console.log({ p }),
+    setDocusignStatus: (status) => console.log(status),
+    onModalOpen: () => { },
+    onModalClose: () => { },
+  },
+};
+const dashboardProps = {
+  states: {
+    veriffLoading: false,
+    payoutStatus: "DONE",
+    canEditPayoutInfo: true,
+    disabled: false,
+    status: "ACTIVE",
+    documentType: "W9",
+    documentTypeString: taxTypeToName("W9"),
+    dateSubmitted: "Jan 18th, 2025",
+    noFormNeeded: false,
+    country: "United Kingdom",
+    indirectTaxNumber: "123456",
+    indirectTaxType: "VAT",
+    showNewFormDialog: false,
+    hasHold: false,
+  },
+  slots: {
+    payoutDetailsCardSlot: (h("sqm-payout-details-card", { demoData: {
+        states: {
+          badgeStatus: "nextPayout",
+        },
+      } })),
+  },
+};
+const GeneralLoadingView = () => {
+  return h(LoadingView, null);
+};
+const GeneralErrorView = () => {
+  return (h(ErrorView, { loadingErrorAlertHeader: "There was a problem loading your form", loadingErrorAlertDescription: "Please refresh the page and try again. If this problem continues, contact our support team." }));
+};
+// STEP ONE
+const StepOne = () => {
+  return h("sqm-user-info-form", { demoData: stepOneProps });
+};
+const StepOneLoading = () => {
+  return (h("sqm-user-info-form", { demoData: {
+      states: { ...stepOneProps.states, loading: true },
+    } }));
+};
+const StepOneDisabled = () => {
+  return (h("sqm-user-info-form", { demoData: {
+      states: { ...stepOneProps.states, disabled: true },
+    } }));
+};
+const StepOneIsUser = () => {
+  return (h("sqm-user-info-form", { demoData: {
+      states: { ...stepOneProps.states, isUser: true },
+    } }));
+};
+const StepOneIsPartner = () => {
+  return (h("sqm-user-info-form", { demoData: {
+      states: { ...stepOneProps.states, disabled: true, isPartner: true },
+    } }));
+};
+const StepOneWithErrors = () => {
+  return (h("sqm-user-info-form", { demoData: {
+      states: {
+        ...stepOneProps.states,
+        formState: {
+          ...stepOneProps.states.formState,
+          errors: {
+            firstName: true,
+            lastName: true,
+            email: true,
+            countryCode: true,
+            currency: true,
+            participantType: true,
+            allowBankingCollection: true,
+          },
+        },
+      },
+    } }));
+};
+const StepOneWithGeneralError = () => {
+  return (h("sqm-user-info-form", { demoData: {
+      states: {
+        ...stepOneProps.states,
+        formState: {
+          ...stepOneProps.states.formState,
+          errors: {
+            general: true,
+          },
+        },
+      },
+    } }));
+};
+const StepOneWithLoadingError = () => {
+  return (h("sqm-user-info-form", { demoData: {
+      states: {
+        ...stepOneProps.states,
+        loadingError: true,
+        loading: true,
+        formState: {
+          ...stepOneProps.states.formState,
+        },
+      },
+    } }));
+};
+// STEP TWO
+const StepTwoLoading = () => {
+  return (h("sqm-indirect-tax-form", { demoData: {
+      states: {
+        ...stepTwoProps.states,
+        loading: true,
+      },
+    } }));
+};
+const StepTwoLoadingError = () => {
+  return (h("sqm-indirect-tax-form", { demoData: {
+      states: {
+        ...stepTwoProps.states,
+        loading: true,
+        loadingError: true,
+      },
+    } }));
+};
+const StepTwoDisabled = () => {
+  return (h("sqm-indirect-tax-form", { demoData: {
+      states: {
+        ...stepTwoProps.states,
+        disabled: true,
+      },
+    } }));
+};
+const StepTwoIsPartner = () => {
+  return (h("sqm-indirect-tax-form", { demoData: {
+      states: {
+        ...stepTwoProps.states,
+        isPartner: true,
+      },
+    } }));
+};
+const StepTwoWithGeneralError = () => {
+  return (h("sqm-indirect-tax-form", { demoData: {
+      states: {
+        ...stepTwoProps.states,
+        formState: {
+          ...stepTwoProps.states.formState,
+          errors: {
+            general: true,
+          },
+        },
+      },
+    } }));
+};
+const StepTwoOtherRegionChecked = () => {
+  return (h("sqm-indirect-tax-form", { demoData: {
+      states: {
+        ...stepTwoProps.states,
+        formState: {
+          ...stepTwoProps.states.formState,
+          checked: "otherRegion",
+        },
+      },
+      slotProps: {
+        formState: {
+          selectedRegion: "UK",
+          indirectTaxNumber: "123456",
+          errors: {},
+        },
+      },
+    } }));
+};
+const StepTwoOtherRegionCheckedCanada = () => {
+  return (h("sqm-indirect-tax-form", { demoData: {
+      states: {
+        ...stepTwoProps.states,
+        formState: {
+          ...stepTwoProps.states.formState,
+          checked: "otherRegion",
+        },
+      },
+      slotProps: {
+        formState: {
+          selectedRegion: "CA",
+          province: "BRITISHCOLUMBIA",
+          indirectTaxNumber: "123456",
+          errors: {},
+        },
+      },
+    } }));
+};
+const StepTwoOtherRegionCheckedCanadaGST = () => {
+  return (h("sqm-indirect-tax-form", { demoData: {
+      states: {
+        ...stepTwoProps.states,
+        formState: {
+          ...stepTwoProps.states.formState,
+          checked: "otherRegion",
+        },
+      },
+      slotProps: {
+        formState: {
+          selectedRegion: "CA",
+          province: "QUEBEC",
+          indirectTaxNumber: "123456",
+          errors: {},
+        },
+      },
+    } }));
+};
+const StepTwoOtherRegionCheckedCanadaGSTAndQST = () => {
+  return (h("sqm-indirect-tax-form", { demoData: {
+      states: {
+        ...stepTwoProps.states,
+        formState: {
+          ...stepTwoProps.states.formState,
+          checked: "otherRegion",
+        },
+      },
+      slotProps: {
+        formState: {
+          selectedRegion: "CA",
+          province: "QUEBEC",
+          qstNumber: "654321",
+          hasQst: true,
+          errors: {},
+        },
+      },
+    } }));
+};
+const StepTwoOtherRegionCheckedOtherCountrySubRegion = () => {
+  return (h("sqm-indirect-tax-form", { demoData: {
+      states: {
+        ...stepTwoProps.states,
+        formState: {
+          ...stepTwoProps.states.formState,
+          checked: "otherRegion",
+        },
+      },
+      slotProps: {
+        formState: {
+          selectedRegion: "ES",
+          subRegion: "CANARYISLANDS",
+          errors: {},
+        },
+      },
+    } }));
+};
+const StepTwoOtherRegionCheckedOtherCountrySubRegionIncomeTax = () => {
+  return (h("sqm-indirect-tax-form", { demoData: {
+      states: {
+        ...stepTwoProps.states,
+        formState: {
+          ...stepTwoProps.states.formState,
+          checked: "otherRegion",
+        },
+      },
+      slotProps: {
+        formState: {
+          selectedRegion: "ES",
+          subRegion: "CANARYISLANDS",
+          hasSubRegionTaxNumber: true,
+          subRegionTaxNumber: "654321",
+          errors: {},
+        },
+      },
+    } }));
+};
+const StepTwoOtherRegionCheckedWithInputErrors = () => {
+  return (h("sqm-indirect-tax-form", { demoData: {
+      states: {
+        ...stepTwoProps.states,
+        formState: {
+          checked: "otherRegion",
+          errors: {},
+        },
+      },
+      slotProps: {
+        formState: {
+          province: "",
+          selectedRegion: "GB",
+          errors: {
+            selectedRegion: true,
+            indirectTaxNumber: true,
+          },
+        },
+      },
+    } }));
+};
+const StepTwoOtherRegionCheckedCanadaWithProvinceError = () => {
+  return (h("sqm-indirect-tax-form", { demoData: {
+      states: {
+        ...stepTwoProps.states,
+        formState: {
+          ...stepTwoProps.states.formState,
+          checked: "otherRegion",
+        },
+      },
+      slotProps: {
+        formState: {
+          selectedRegion: "CA",
+          province: "BC",
+          errors: {
+            province: true,
+            indirectTaxNumber: true,
+          },
+        },
+      },
+    } }));
+};
+const StepTwoOtherRegionCheckedCanadaGSTAndQSTError = () => {
+  return (h("sqm-indirect-tax-form", { demoData: {
+      states: {
+        ...stepTwoProps.states,
+        formState: {
+          ...stepTwoProps.states.formState,
+          checked: "otherRegion",
+        },
+      },
+      slotProps: {
+        formState: {
+          selectedRegion: "CA",
+          province: "QUEBEC",
+          hasQst: true,
+          errors: {
+            province: true,
+            indirectTaxNumber: true,
+            qstNumber: true,
+          },
+        },
+      },
+    } }));
+};
+const StepTwoOtherRegionCheckedOtherCountrySubRegionErrors = () => {
+  return (h("sqm-indirect-tax-form", { demoData: {
+      states: {
+        ...stepTwoProps.states,
+        formState: {
+          ...stepTwoProps.states.formState,
+          checked: "otherRegion",
+        },
+      },
+      slotProps: {
+        formState: {
+          selectedRegion: "ES",
+          hasSubRegionTaxNumber: true,
+          errors: {
+            indirectTaxNumber: true,
+            subRegionTaxNumberError: true,
+            subRegion: true,
+          },
+        },
+      },
+    } }));
+};
+const StepTwoNotRegisteredChecked = () => {
+  return (h("sqm-indirect-tax-form", { demoData: {
+      states: {
+        ...stepTwoProps.states,
+        formState: {
+          ...stepTwoProps.states.formState,
+          checked: "notRegistered",
+        },
+      },
+    } }));
+};
+// STEP THREE
+const StepThreeWithDocusign = () => {
+  return (h("sqm-docusign-form", { demoData: {
+      states: {
+        documentType: "W9",
+        documentTypeString: taxTypeToName("W9"),
+        ...docusignFormProps.states,
+      },
+    } }));
+};
+const StepThreeWithDocusignW8BEN = () => {
+  return (h("sqm-docusign-form", { demoData: {
+      states: {
+        ...docusignFormProps.states,
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+      },
+    } }));
+};
+const StepThreeWithDocusignW8BENE = () => {
+  return (h("sqm-docusign-form", { demoData: {
+      states: {
+        ...docusignFormProps.states,
+        documentType: "W8BENE",
+        documentTypeString: taxTypeToName("W8BENE"),
+        formState: {
+          taxFormExpired: false,
+          participantType: "businessEntity",
+          errors: {
+            participantType: "",
+            general: false,
+          },
+        },
+      },
+    } }));
+};
+const StepThreeWithDocusignExpired = () => {
+  return (h("sqm-docusign-form", { demoData: {
+      states: {
+        ...docusignFormProps.states,
+        docusignStatus: "ttl_expired",
+        formState: {
+          participantType: "individualParticipant",
+          taxFormExpired: true,
+          errors: {},
+        },
+      },
+    } }));
+};
+const StepThreeWithDocusignCompleted = () => {
+  return (h("sqm-docusign-form", { demoData: {
+      states: {
+        ...docusignFormProps.states,
+        docusignStatus: "signing_complete",
+        formState: {
+          participantType: "individualParticipant",
+          taxFormExpired: false,
+          errors: {},
+        },
+      },
+    } }));
+};
+const StepThreeDocusignWithError = () => {
+  return (h("sqm-docusign-form", { demoData: {
+      states: {
+        ...docusignFormProps.states,
+        docusignStatus: "exception",
+        formState: {
+          ...docusignFormProps.states.formState,
+          errors: {
+            formSubmission: true,
+          },
+        },
+      },
+    } }));
+};
+const StepThreeDocusignWithGeneralError = () => {
+  return (h("sqm-docusign-form", { demoData: {
+      states: {
+        ...docusignFormProps.states,
+        formState: {
+          ...docusignFormProps.states.formState,
+          errors: {
+            general: true,
+          },
+        },
+      },
+    } }));
+};
+const StepThreeDocusignWithLoadingError = () => {
+  return (h("sqm-docusign-form", { demoData: {
+      states: {
+        ...docusignFormProps.states,
+        loadingError: true,
+        formState: {
+          ...docusignFormProps.states.formState,
+        },
+      },
+    } }));
+};
+const StepThreeDocusignLoading = () => {
+  return (h("sqm-docusign-form", { demoData: {
+      states: {
+        ...docusignFormProps.states,
+        loading: true,
+      },
+    } }));
+};
+const StepThreeDocusignDisabled = () => {
+  return (h("sqm-docusign-form", { demoData: {
+      states: {
+        ...docusignFormProps.states,
+        disabled: true,
+      },
+    } }));
+};
+const StepThreeWithDocusignModalOpen = () => {
+  return (h("sqm-docusign-form", { demoData: {
+      states: {
+        documentType: "W9",
+        documentTypeString: taxTypeToName("W9"),
+        ...docusignFormProps.states,
+        showModal: true,
+      },
+    } }));
+};
+// STEP 4
+const StepFourDefault = () => {
+  return h("sqm-banking-info-form", null);
+};
+const StepFourIsPartner = () => {
+  return (h("sqm-banking-info-form", { demoData: {
+      ...stepFourProps,
+      states: {
+        ...stepFourProps.states,
+        isPartner: true,
+        formState: {
+          ...stepFourProps.states.formState,
+        },
+      },
+    } }));
+};
+const StepFourDirectToBankChecked = () => {
+  return (h("sqm-banking-info-form", { demoData: {
+      ...stepFourProps,
+      states: {
+        ...stepFourProps.states,
+        formState: {
+          ...stepFourProps.states.formState,
+        },
+      },
+    } }));
+};
+const StepFourToPaypalChecked = () => {
+  return (h("sqm-banking-info-form", { demoData: {
+      ...stepFourProps,
+      states: {
+        ...stepFourProps.states,
+        formState: {
+          ...stepFourProps.states.formState,
+          paymentMethodChecked: "toPayPalAccount",
+        },
+      },
+    } }));
+};
+const StepFourReVerifyEmail = () => {
+  return (h("sqm-banking-info-form", { demoData: {
+      ...stepFourProps,
+      states: {
+        ...stepFourProps.states,
+        showVerification: true,
+        isPartner: true,
+        formState: {
+          ...stepFourProps.states.formState,
+          paymentMethodChecked: "toPayPalAccount",
+        },
+      },
+    } }));
+};
+const TaxAndCashDashboardActiveW9Form = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+    } }));
+};
+const TaxAndCashDashboardActiveW8BENForm = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        noFormNeeded: false,
+        canEditPayoutInfo: true,
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        country: "United Kingdom",
+        indirectTaxType: "VAT",
+        indirectTaxNumber: "123456",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardActiveW8BENEForm = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        noFormNeeded: false,
+        canEditPayoutInfo: true,
+        documentType: "W8BENE",
+        documentTypeString: taxTypeToName("W8BENE"),
+        country: "United Kingdom",
+        indirectTaxType: "VAT",
+        indirectTaxNumber: "123456",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardNotActiveW9Form = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        noFormNeeded: false,
+        canEditPayoutInfo: true,
+        status: "INACTIVE",
+        documentType: "W9",
+        documentTypeString: taxTypeToName("W9"),
+        country: "United Kingdom",
+        indirectTaxType: "VAT",
+        indirectTaxNumber: "123456",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardNotVerifiedW9Form = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        canEditPayoutInfo: true,
+        disabled: false,
+        status: "NOT_VERIFIED",
+        documentType: "W9",
+        documentTypeString: taxTypeToName("W9"),
+        noFormNeeded: false,
+        country: "United States",
+        indirectTaxType: "VAT",
+        indirectTaxNumber: "123456",
+        showNewFormDialog: false,
+        hasHold: false,
+        veriffLoading: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardNotVerifiedW8BENForm = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        disabled: false,
+        status: "NOT_VERIFIED",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        country: "United Kingdom",
+        indirectTaxType: "VAT",
+        indirectTaxNumber: "123456",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardNotVerifiedW8BENEForm = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        disabled: false,
+        status: "NOT_VERIFIED",
+        documentType: "W8BENE",
+        documentTypeString: taxTypeToName("W8BENE"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        country: "United Kingdom",
+        indirectTaxType: "VAT",
+        indirectTaxNumber: "123456",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardNotActiveW8BENEForm = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        disabled: false,
+        status: "NOT_ACTIVE",
+        documentType: "W8BENE",
+        documentTypeString: taxTypeToName("W8BENE"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        indirectTaxNumber: "123456",
+        indirectTaxType: "VAT",
+        country: "United Kingdom",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardNoFormNeeded = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        disabled: false,
+        documentType: "W9",
+        documentTypeString: taxTypeToName("W9"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: true,
+        province: "Ontario",
+        country: "Canada",
+        indirectTaxNumber: "123456",
+        indirectTaxType: "GST",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardIndirectTaxCanada = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        status: "ACTIVE",
+        disabled: false,
+        documentType: "W8BENE",
+        documentTypeString: taxTypeToName("W8BENE"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        province: "Ontario",
+        country: "Canada",
+        indirectTaxType: "GST",
+        indirectTaxNumber: "123456",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        status: "ACTIVE",
+        disabled: false,
+        documentType: "W8BENE",
+        documentTypeString: taxTypeToName("W8BENE"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        province: "Quebec",
+        country: "Canada",
+        indirectTaxType: "GST",
+        indirectTaxNumber: "123456",
+        qstNumber: "44212",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardIndirectTaxSpain = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        status: "ACTIVE",
+        disabled: false,
+        documentType: "W8BENE",
+        documentTypeString: taxTypeToName("W8BENE"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        country: "Spain",
+        subRegion: "Spain Proper",
+        indirectTaxType: "VAT",
+        indirectTaxNumber: "123456",
+        subRegionTaxNumber: "44212",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        notRegistered: true,
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardIdentityVerifcationRequired = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "VERIFICATION:REQUIRED",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        notRegistered: true,
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardIdentityVerifcationRequiredInternal = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "VERIFICATION:INTERNAL",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        notRegistered: true,
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardIdentityVerifcationReviewInternal = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "VERIFICATION:REVIEW",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        notRegistered: true,
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardIdentityVerifcationFailedInternal = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "VERIFICATION:FAILED",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        notRegistered: true,
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardW9ThresholdReached = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "OVER_W9_THRESHOLD",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        status: null,
+        documentType: "W9",
+        documentTypeString: taxTypeToName("W9"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        notRegistered: true,
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardNewTaxForm = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        notRegistered: true,
+        showNewFormDialog: true,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardPayoutsOnHold = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        disabled: true,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        indirectTaxNumber: "123456",
+        country: "Slovania",
+        showNewFormDialog: false,
+        hasHold: true,
+      },
+    } }));
+};
+const TaxAndCashDashboardLoading = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        disabled: false,
+        status: "ACTIVE",
+        documentType: "W9",
+        documentTypeString: taxTypeToName("W9"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        loading: true,
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardWithLoadingError = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        disabled: false,
+        canEditPayoutInfo: true,
+        status: "ACTIVE",
+        documentType: "W9",
+        documentTypeString: taxTypeToName("W9"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        loading: true,
+        loadingError: true,
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashDashboardWithGeneralError = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        disabled: false,
+        status: "ACTIVE",
+        documentType: "W9",
+        documentTypeString: taxTypeToName("W9"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        indirectTaxNumber: "123456",
+        indirectTaxType: "VAT",
+        country: "Slovania",
+        showNewFormDialog: false,
+        hasHold: false,
+        errors: {
+          general: true,
+        },
+      },
+    } }));
+};
+const TaxAndCashDashboardDisabled = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        disabled: true,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        indirectTaxNumber: "123456",
+        country: "Slovania",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+const TaxAndCashTextProps = () => {
+  return (h("sqm-tax-and-cash", { demoData: {
+      // @ts-ignore
+      showTextProps: true,
+    } }));
+};
+
+const TaxForm = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': TaxForm_stories,
+  GeneralLoadingView: GeneralLoadingView,
+  GeneralErrorView: GeneralErrorView,
+  StepOne: StepOne,
+  StepOneLoading: StepOneLoading,
+  StepOneDisabled: StepOneDisabled,
+  StepOneIsUser: StepOneIsUser,
+  StepOneIsPartner: StepOneIsPartner,
+  StepOneWithErrors: StepOneWithErrors,
+  StepOneWithGeneralError: StepOneWithGeneralError,
+  StepOneWithLoadingError: StepOneWithLoadingError,
+  StepTwoLoading: StepTwoLoading,
+  StepTwoLoadingError: StepTwoLoadingError,
+  StepTwoDisabled: StepTwoDisabled,
+  StepTwoIsPartner: StepTwoIsPartner,
+  StepTwoWithGeneralError: StepTwoWithGeneralError,
+  StepTwoOtherRegionChecked: StepTwoOtherRegionChecked,
+  StepTwoOtherRegionCheckedCanada: StepTwoOtherRegionCheckedCanada,
+  StepTwoOtherRegionCheckedCanadaGST: StepTwoOtherRegionCheckedCanadaGST,
+  StepTwoOtherRegionCheckedCanadaGSTAndQST: StepTwoOtherRegionCheckedCanadaGSTAndQST,
+  StepTwoOtherRegionCheckedOtherCountrySubRegion: StepTwoOtherRegionCheckedOtherCountrySubRegion,
+  StepTwoOtherRegionCheckedOtherCountrySubRegionIncomeTax: StepTwoOtherRegionCheckedOtherCountrySubRegionIncomeTax,
+  StepTwoOtherRegionCheckedWithInputErrors: StepTwoOtherRegionCheckedWithInputErrors,
+  StepTwoOtherRegionCheckedCanadaWithProvinceError: StepTwoOtherRegionCheckedCanadaWithProvinceError,
+  StepTwoOtherRegionCheckedCanadaGSTAndQSTError: StepTwoOtherRegionCheckedCanadaGSTAndQSTError,
+  StepTwoOtherRegionCheckedOtherCountrySubRegionErrors: StepTwoOtherRegionCheckedOtherCountrySubRegionErrors,
+  StepTwoNotRegisteredChecked: StepTwoNotRegisteredChecked,
+  StepThreeWithDocusign: StepThreeWithDocusign,
+  StepThreeWithDocusignW8BEN: StepThreeWithDocusignW8BEN,
+  StepThreeWithDocusignW8BENE: StepThreeWithDocusignW8BENE,
+  StepThreeWithDocusignExpired: StepThreeWithDocusignExpired,
+  StepThreeWithDocusignCompleted: StepThreeWithDocusignCompleted,
+  StepThreeDocusignWithError: StepThreeDocusignWithError,
+  StepThreeDocusignWithGeneralError: StepThreeDocusignWithGeneralError,
+  StepThreeDocusignWithLoadingError: StepThreeDocusignWithLoadingError,
+  StepThreeDocusignLoading: StepThreeDocusignLoading,
+  StepThreeDocusignDisabled: StepThreeDocusignDisabled,
+  StepThreeWithDocusignModalOpen: StepThreeWithDocusignModalOpen,
+  StepFourDefault: StepFourDefault,
+  StepFourIsPartner: StepFourIsPartner,
+  StepFourDirectToBankChecked: StepFourDirectToBankChecked,
+  StepFourToPaypalChecked: StepFourToPaypalChecked,
+  StepFourReVerifyEmail: StepFourReVerifyEmail,
+  TaxAndCashDashboardActiveW9Form: TaxAndCashDashboardActiveW9Form,
+  TaxAndCashDashboardActiveW8BENForm: TaxAndCashDashboardActiveW8BENForm,
+  TaxAndCashDashboardActiveW8BENEForm: TaxAndCashDashboardActiveW8BENEForm,
+  TaxAndCashDashboardNotActiveW9Form: TaxAndCashDashboardNotActiveW9Form,
+  TaxAndCashDashboardNotVerifiedW9Form: TaxAndCashDashboardNotVerifiedW9Form,
+  TaxAndCashDashboardNotVerifiedW8BENForm: TaxAndCashDashboardNotVerifiedW8BENForm,
+  TaxAndCashDashboardNotVerifiedW8BENEForm: TaxAndCashDashboardNotVerifiedW8BENEForm,
+  TaxAndCashDashboardNotActiveW8BENEForm: TaxAndCashDashboardNotActiveW8BENEForm,
+  TaxAndCashDashboardNoFormNeeded: TaxAndCashDashboardNoFormNeeded,
+  TaxAndCashDashboardIndirectTaxCanada: TaxAndCashDashboardIndirectTaxCanada,
+  TaxAndCashDashboardIndirectTaxCanadaQuebec: TaxAndCashDashboardIndirectTaxCanadaQuebec,
+  TaxAndCashDashboardIndirectTaxSpain: TaxAndCashDashboardIndirectTaxSpain,
+  TaxAndCashDashboardIndirectTaxNotRegistered: TaxAndCashDashboardIndirectTaxNotRegistered,
+  TaxAndCashDashboardIdentityVerifcationRequired: TaxAndCashDashboardIdentityVerifcationRequired,
+  TaxAndCashDashboardIdentityVerifcationRequiredInternal: TaxAndCashDashboardIdentityVerifcationRequiredInternal,
+  TaxAndCashDashboardIdentityVerifcationReviewInternal: TaxAndCashDashboardIdentityVerifcationReviewInternal,
+  TaxAndCashDashboardIdentityVerifcationFailedInternal: TaxAndCashDashboardIdentityVerifcationFailedInternal,
+  TaxAndCashDashboardW9ThresholdReached: TaxAndCashDashboardW9ThresholdReached,
+  TaxAndCashDashboardNewTaxForm: TaxAndCashDashboardNewTaxForm,
+  TaxAndCashDashboardPayoutsOnHold: TaxAndCashDashboardPayoutsOnHold,
+  TaxAndCashDashboardLoading: TaxAndCashDashboardLoading,
+  TaxAndCashDashboardWithLoadingError: TaxAndCashDashboardWithLoadingError,
+  TaxAndCashDashboardWithGeneralError: TaxAndCashDashboardWithGeneralError,
+  TaxAndCashDashboardDisabled: TaxAndCashDashboardDisabled,
+  TaxAndCashTextProps: TaxAndCashTextProps
+});
+
+const vatLabels = {
+  GB: "VAT",
+  AU: "GST",
+  NZ: "GST",
+  CA: "HST",
+  AT: "VAT",
+  BE: "VAT",
+  BG: "VAT",
+  HR: "VAT",
+  CY: "VAT",
+  CZ: "VAT",
+  DK: "VAT",
+  EE: "VAT",
+  FI: "VAT",
+  FR: "VAT",
+  DE: "VAT",
+  GR: "VAT",
+  HU: "VAT",
+  IE: "VAT",
+  IT: "VAT",
+  LV: "VAT",
+  LT: "VAT",
+  LU: "VAT",
+  MT: "VAT",
+  NL: "VAT",
+  PL: "VAT",
+  PT: "VAT",
+  RO: "VAT",
+  SK: "VAT",
+  SI: "VAT",
+  ES: "VAT",
+  SE: "VAT",
+  IS: "VAT",
+  IN: "GST",
+  IL: "VAT",
+  JP: "CT",
+  MX: "VAT",
+  NO: "VAT",
+  SG: "GST",
+  ZA: "VAT",
+  KR: "VAT",
+  CH: "VAT",
+  TW: "VAT",
+  TH: "VAT",
+  PH: "VAT",
+  MY: "SST",
+  AE: "VAT",
+  TR: "VAT",
+  RU: "VAT",
+};
+
+const style$1 = {
+  Container: {
+    width: "100%",
+  },
+  InputContainer: {
+    width: "100%",
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "16px",
+    padding: "16px",
+    maxWidth: "450px",
+  },
+  ConditionalInputsContainer: {
+    width: "100%",
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "16px",
+  },
+  HR: {
+    border: "1px solid #E0E0E0",
+    margin: "10px 0",
+  },
+  Input: { maxWidth: "500px" },
+  Checkbox: {
+    "&::part(control)": {
+      borderRadius: "0 !important",
+    },
+  },
+  SearchInput: {
+    padding: "var(--sl-spacing-x-small)",
+  },
+  ErrorInput: {
+    maxWidth: "500px",
+    "&::part(base)": {
+      border: "1px solid var(--sl-color-danger-500)",
+      borderRadius: "var(--sl-input-border-radius-medium)",
+    },
+    "&::part(help-text)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
+};
+const sheet$1 = createStyleSheet(style$1);
+const styleString$1 = sheet$1.toString();
+const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+    * {
+       margin: 0;
+       padding: 0;
+       box-sizing: border-box;
+    }
+  `;
+const OtherRegionSlotView = (props) => {
+  var _a, _b, _c;
+  const { states, states: { formState }, callbacks, text, } = props;
+  const { classes } = sheet$1;
+  const getTaxFieldLabel = (taxType) => {
+    return intl.formatMessage({
+      id: `tax-field-label${taxType}`,
+      defaultMessage: text.indirectTaxNumber,
+    }, { taxType });
+  };
+  const getTaxFieldError = (taxType) => {
+    return intl.formatMessage({
+      id: `tax-field-label${taxType}`,
+      defaultMessage: text.error.indirectTaxNumber,
+    }, { taxType });
+  };
+  const IndirectTaxNumberInput = ({ label, error, name, }) => {
+    var _a;
+    return (h("sl-input", Object.assign({ required: true, exportparts: "label: input-label, base: input-base", class: classes.Input, label: label, disabled: states.loading || states.disabled, value: formState[name] }, (((_a = formState.errors) === null || _a === void 0 ? void 0 : _a[name]) && {
+      class: classes.ErrorInput,
+      helpText: error,
+    }), { id: name, name: `/${name}` })));
+  };
+  const SpainFields = () => {
+    var _a, _b;
+    return (h("div", { class: classes.ConditionalInputsContainer },
+      h("sl-select", Object.assign({ required: true, exportparts: "label: input-label, base: input-base", class: classes.Input, value: formState.subRegion, label: text.subRegion, disabled: states.loading || states.disabled }, (((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.indirectTaxNumber) && {
+        class: classes.ErrorInput,
+        helpText: formatErrorMessage(text.subRegion, text.error.fieldRequiredError),
+      }), { id: "subRegion", name: "/subRegion" }), props.data.esRegions.map((r) => (h("sl-menu-item", { value: r.regionCode }, r.displayName)))),
+      h(IndirectTaxNumberInput, { name: "indirectTaxNumber", label: getTaxFieldLabel("VAT"), error: getTaxFieldError("VAT") }),
+      h("sl-checkbox", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.hasSubRegionTaxNumber, "onSl-change": callbacks.onSpainToggle, disabled: states.disabled || states.isPartner }, text.isRegisteredSubRegionIncomeTax),
+      formState.hasSubRegionTaxNumber && (h("sl-input", Object.assign({ required: true, exportparts: "label: input-label, base: input-base", class: classes.Input, label: text.subRegionTaxNumberLabel, disabled: states.loading || states.disabled, value: formState.subRegionTaxNumber }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.subRegionTaxNumber) && {
+        class: classes.ErrorInput,
+        helpText: formatErrorMessage(text.subRegionTaxNumberLabel, text.error.fieldRequiredError),
+      }), { id: "subRegionTaxNumber", name: "/subRegionTaxNumber" })))));
+  };
+  const CanadaFields = () => {
+    var _a, _b;
+    const { classes } = sheet$1;
+    const currentTaxType = (_a = INDIRECT_TAX_PROVINCES === null || INDIRECT_TAX_PROVINCES === void 0 ? void 0 : INDIRECT_TAX_PROVINCES.find((p) => p.regionCode === formState.province)) === null || _a === void 0 ? void 0 : _a.taxType;
+    return (h("div", { class: classes.ConditionalInputsContainer },
+      h("sl-select", Object.assign({ required: true, value: formState.province, exportparts: "label: input-label, base: input-base", class: classes.Input, label: text.province, disabled: states.loading || states.disabled, "onSl-select": (e) => callbacks.onFormChange("province", e) }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.province) && {
+        class: classes.ErrorInput,
+        helpText: formatErrorMessage(text.province, text.error.fieldRequiredError),
+      }), { id: "province", name: "/province" }), props.data.provinces.map((p) => (h("sl-menu-item", { value: p.regionCode }, p.displayName)))),
+      currentTaxType === "GST" && (h(IndirectTaxNumberInput, { label: getTaxFieldLabel("GST"), error: getTaxFieldError("GST"), name: "indirectTaxNumber" })),
+      currentTaxType === "HST" && (h(IndirectTaxNumberInput, { label: getTaxFieldLabel("HST"), error: getTaxFieldError("HST"), name: "indirectTaxNumber" })),
+      formState.province === "QUEBEC" && (h("div", { class: classes.ConditionalInputsContainer },
+        h("sl-checkbox", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", "onSl-change": callbacks.onQstToggle, checked: formState.hasQst, disabled: states.isPartner || states.disabled }, text.isRegisteredQST),
+        formState.hasQst && (h(IndirectTaxNumberInput, { name: "qstNumber", label: text.qstNumber, error: formatErrorMessage(text.qstNumber, text.error.fieldRequiredError) }))))));
+  };
+  const getActiveForm = (selectedRegion) => {
+    var _a;
+    switch (selectedRegion) {
+      case "CA":
+        return h(CanadaFields, null);
+      case "ES":
+        return h(SpainFields, null);
+      default:
+        return (h("sl-input", Object.assign({ required: true, exportparts: "label: input-label, base: input-base", class: classes.Input, value: formState.indirectTaxNumber, label: getTaxFieldLabel(vatLabels[selectedRegion] || "GENERAL"), disabled: states.loading || states.disabled }, (((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.indirectTaxNumber) && {
+          class: classes.ErrorInput,
+          helpText: getTaxFieldError(vatLabels[selectedRegion] || "GENERAL"),
+        }), { id: "indirectTaxNumber", name: "/indirectTaxNumber" })));
+    }
+  };
+  const activeForm = getActiveForm(formState.selectedRegion);
+  return (h("div", { style: states.hide ? { display: "none" } : {} },
+    h("form", { class: classes.Container },
+      h("style", { type: "text/css" },
+        styleString$1,
+        vanillaStyle),
+      h("hr", { class: classes.HR }),
+      h("div", { class: classes.InputContainer },
+        h("sl-select", Object.assign({ required: true, class: classes.Input, value: formState.selectedRegion, exportparts: "label: input-label, base: input-base", label: text.selectedRegion, disabled: states.loading || states.disabled, "onSl-select": (e) => callbacks.onFormChange("selectedRegion", e) }, (((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.selectedRegion) && {
+          class: classes.ErrorInput,
+          helpText: formatErrorMessage(text.selectedRegion, text.error.fieldRequiredError),
+        }), { id: "selectedRegion", name: "/selectedRegion" }),
+          h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCountryText, onKeyDown: (e) => {
+              // Stop shoelace intercepting key presses
+              e.stopPropagation();
+            }, "onSl-input": (e) => {
+              callbacks.setCountrySearch(e.target.value);
+            } }), (_b = props.data.countries) === null || _b === void 0 ? void 0 :
+          _b.map((c) => (h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_c = props.data.allCountries) === null || _c === void 0 ? void 0 :
+          _c.map((c) => (h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
+        activeForm),
+      h("hr", { class: classes.HR }))));
+};
+
+const style$2 = {
+  Description: {
+    fontSize: "var(--sl-font-size-small)",
+    marginTop: "var(--sl-spacing-small)",
+    margin: "0 0 var(--sl-spacing-large)",
+    color: "var(--sl-color-gray-500)",
+  },
+  Header: {
+    fontSize: "var(--sl-font-size-large)",
+    fontWeight: "var(-sl-font-weight-semibold)",
+    margin: "0 0 var(--sl-spacing-xxx-small)",
+  },
+  Container: {},
+  InvoiceTableContaier: {
+    "& sl-details::part(base)": {
+      border: "none",
+    },
+    "& sl-details::part(content)": {
+      padding: 0,
+    },
+    "& sl-details::part(header)": {
+      fontSize: "var(--sl-font-size-medium)",
+      padding: "0px",
+    },
+    "& sl-details::part(summary)": {
+      fontWeight: "var(-sl-font-weight-semibold)",
+    },
+    "& sl-details::part(summary-icon)": {
+      marginRight: "100%",
+      marginLeft: "var(--sl-spacing-x-small)",
+      transform: "rotate(90deg)",
+    },
+    "& sl-details[open]::part(summary-icon)": {
+      transform: "rotate(270deg)",
+    },
+  },
+};
+function InvoiceTableView(props, children) {
+  const sheet = createStyleSheet(style$2);
+  const styleString = sheet.toString();
+  const vanillaStyle = `
+    :host{
+      display: block;
+    }`;
+  return (h("div", { class: sheet.classes.Container },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    h("div", { class: sheet.classes.InvoiceTableContaier },
+      h("sl-details", { summary: props.header },
+        h("p", { class: sheet.classes.Description }, props.description),
+        children))));
+}
+
+export { ADDRESS_REGIONS as A, GeneralLoadingView as G, InvoiceTableView as I, LoadingView as L, OtherRegionSlotView as O, TaxForm as T, INDIRECT_TAX_SPAIN_REGIONS as a, INDIRECT_TAX_PROVINCES as b, vatLabels as c, validateBillingField as d, formatErrorMessage as f, getCountryObj as g, objectIsFull as o, taxTypeToName as t, validTaxDocument as v };