@saasquatch/mint-components 2.0.5-1 → 2.0.5-3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "2.0.5-1",
+  "version": "2.0.5-3",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
@@ -36,7 +36,7 @@
     "postinstall": "patch-package"
   },
   "devDependencies": {
-    "@formatjs/intl": "^3.1.8",
+    "@formatjs/intl": "1.8.4",
     "@formatjs/intl-pluralrules": "^1.5.8",
     "@formatjs/intl-relativetimeformat": "4.5.15",
     "@formatjs/intl-utils": "^2.2.5",

package/dist/cjs/IndirectTaxDetailsView-d339f4a2.js

@@ -1,660 +0,0 @@
-'use strict';
-
-const index = require('./index-8277cbb3.js');
-const global = require('./global-d90f3195.js');
-const JSS = require('./JSS-8503a151.js');
-const utils = require('./utils-064a7c83.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 = JSS.createStyleSheet(style);
-  const styleString = sheet.toString();
-  const vanillaStyle = `
-    :host{
-      display: block;
-    }`;
-  return (index.h("div", { class: sheet.classes.Container },
-    index.h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    index.h("div", { class: sheet.classes.InvoiceTableContaier },
-      index.h("sl-details", { summary: props.header },
-        index.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: "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",
-    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: "var(--sqm-border-thickness, 1px) solid var(--sqm-danger-color-border)",
-      borderRadius: "var(--sl-input-border-radius-medium)",
-    },
-    "&::part(help-text)": {
-      color: "var(--sqm-danger-color-text)",
-    },
-  },
-};
-const sheet = JSS.createStyleSheet(style$1);
-const styleString = sheet.toString();
-const vanillaStyle = `
-    :host{
-      display: block;   
-    }
-    * {
-       margin: 0;
-       padding: 0;
-       box-sizing: border-box;
-    }
-    sl-menu-item::part(base) {
-      color: var(--sqm-input-color);
-    }
-
-    sl-menu-item::part(base):hover {
-      background-color: var(--sqm-input-border-color-hover);
-    }
-    sl-checkbox[checked]::part(control){
-      background-color: var(--sqm-input-border-color-focus);
-    }
-
-    sl-checkbox[checked]::part(checked-icon){
-      color: var(--sqm-input-background);
-    }
-  `;
-const OtherRegionSlotView = (props) => {
-  var _a, _b, _c;
-  const { states, states: { formState }, callbacks, text, } = props;
-  const { classes } = sheet;
-  const getTaxFieldLabel = (taxType) => {
-    return global.intl.formatMessage({
-      id: `tax-field-label${taxType}`,
-      defaultMessage: text.indirectTaxNumber,
-    }, { taxType });
-  };
-  const getTaxFieldError = (taxType) => {
-    return global.intl.formatMessage({
-      id: `tax-field-label${taxType}`,
-      defaultMessage: text.error.indirectTaxNumber,
-    }, { taxType });
-  };
-  const IndirectTaxNumberInput = ({ label, error, name, }) => {
-    var _a;
-    return (index.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 (index.h("div", { class: classes.ConditionalInputsContainer },
-      index.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: utils.formatErrorMessage(text.subRegion, text.error.fieldRequiredError),
-      }), { id: "subRegion", name: "/subRegion" }), props.data.esRegions.map((r) => (index.h("sl-menu-item", { value: r.regionCode }, r.displayName)))),
-      index.h(IndirectTaxNumberInput, { name: "indirectTaxNumber", label: getTaxFieldLabel("VAT"), error: getTaxFieldError("VAT") }),
-      index.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 && (index.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: utils.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 (index.h("div", { class: classes.ConditionalInputsContainer },
-      index.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: utils.formatErrorMessage(text.province, text.error.fieldRequiredError),
-      }), { id: "province", name: "/province" }), props.data.provinces.map((p) => (index.h("sl-menu-item", { value: p.regionCode }, p.displayName)))),
-      currentTaxType === "GST" && (index.h(IndirectTaxNumberInput, { label: getTaxFieldLabel("GST"), error: getTaxFieldError("GST"), name: "indirectTaxNumber" })),
-      currentTaxType === "HST" && (index.h(IndirectTaxNumberInput, { label: getTaxFieldLabel("HST"), error: getTaxFieldError("HST"), name: "indirectTaxNumber" })),
-      formState.province === "QUEBEC" && (index.h("div", { class: classes.ConditionalInputsContainer },
-        index.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 && (index.h(IndirectTaxNumberInput, { name: "qstNumber", label: text.qstNumber, error: utils.formatErrorMessage(text.qstNumber, text.error.fieldRequiredError) }))))));
-  };
-  const getActiveForm = (selectedRegion) => {
-    var _a;
-    switch (selectedRegion) {
-      case "CA":
-        return index.h(CanadaFields, null);
-      case "ES":
-        return index.h(SpainFields, null);
-      default:
-        return (index.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 (index.h("div", { style: states.hide ? { display: "none" } : {} },
-    index.h("form", { class: classes.Container },
-      index.h("style", { type: "text/css" },
-        styleString,
-        vanillaStyle),
-      index.h("hr", { class: classes.HR }),
-      index.h("div", { class: classes.InputContainer },
-        index.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: utils.formatErrorMessage(text.selectedRegion, text.error.fieldRequiredError),
-        }), { id: "selectedRegion", name: "/selectedRegion" }),
-          index.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) => (index.h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_c = props.data.allCountries) === null || _c === void 0 ? void 0 :
-          _c.map((c) => (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
-        activeForm),
-      index.h("hr", { class: classes.HR }))));
-};
-
-exports.ADDRESS_REGIONS = ADDRESS_REGIONS;
-exports.INDIRECT_TAX_PROVINCES = INDIRECT_TAX_PROVINCES;
-exports.INDIRECT_TAX_SPAIN_REGIONS = INDIRECT_TAX_SPAIN_REGIONS;
-exports.InvoiceTableView = InvoiceTableView;
-exports.OtherRegionSlotView = OtherRegionSlotView;
-exports.vatLabels = vatLabels;