@saasquatch/mint-components 1.15.0-5 → 1.15.0-50

package/dist/esm/IndirectTaxDetailsView-2eff2cc8.js

@@ -0,0 +1,639 @@
+import { h } from './index-b3a06de8.js';
+import { i as intl } from './global-64286824.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { f as formatErrorMessage } from './utils-517e9b20.js';
+
+const style = {
+  Description: {
+    fontSize: "var(--sl-font-size-small)",
+    marginTop: "var(--sl-spacing-small)",
+    margin: "0 0 var(--sl-spacing-large)",
+    color: "var(--sqm-text-subdued)",
+  },
+  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);
+  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))));
+}
+
+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",
+      },
+    ],
+  },
+};
+
+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 = createStyleSheet(style$1);
+const styleString = sheet.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;
+  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;
+    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,
+        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 }))));
+};
+
+export { ADDRESS_REGIONS as A, InvoiceTableView as I, OtherRegionSlotView as O, INDIRECT_TAX_SPAIN_REGIONS as a, INDIRECT_TAX_PROVINCES as b, vatLabels as v };