@saasquatch/mint-components 2.2.0 → 2.3.0-2

package/dist/cjs/utils-a3b3d05b.js

@@ -0,0 +1,478 @@
+'use strict';
+
+const index = require('./index-8277cbb3.js');
+const global = require('./global-b7b1b8fe.js');
+const JSS = require('./JSS-8503a151.js');
+
+const style = {
+  Container: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "35px",
+  },
+  HeaderContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "10px",
+  },
+};
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
+const LoadingView = () => {
+  return (index.h("div", { class: sheet.classes.Container },
+    index.h("style", { type: "text/css" }, styleString),
+    index.h("sqm-skeleton", { width: "45%", height: "40px !important" }),
+    index.h("div", { class: sheet.classes.HeaderContainer },
+      index.h("sqm-skeleton", { width: "15%" }),
+      index.h("sqm-skeleton", { width: "25%", height: "30px !important" })),
+    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
+    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
+    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
+    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
+    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
+    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
+    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
+    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
+    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
+    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
+    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
+    index.h("sqm-skeleton", { width: "15%" }),
+    index.h("sqm-skeleton", { width: "80px", height: "30px !important" })));
+};
+
+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 global.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,
+  };
+}
+
+exports.ADDRESS_REGIONS = ADDRESS_REGIONS;
+exports.INDIRECT_TAX_PROVINCES = INDIRECT_TAX_PROVINCES;
+exports.INDIRECT_TAX_SPAIN_REGIONS = INDIRECT_TAX_SPAIN_REGIONS;
+exports.LoadingView = LoadingView;
+exports.formatErrorMessage = formatErrorMessage;
+exports.getCountryObj = getCountryObj;
+exports.objectIsFull = objectIsFull;
+exports.taxTypeToName = taxTypeToName;
+exports.validTaxDocument = validTaxDocument;
+exports.validateBillingField = validateBillingField;

package/dist/collection/collection-manifest.json

@@ -5,6 +5,7 @@
     "./components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.js",
     "./components/sqm-referral-codes/sqm-referral-codes.js",
     "./components/sqm-pagination/sqm-pagination.js",
+    "./components/sqm-partner-info-modal/sqm-partner-info-modal.js",
     "./components/sqm-password-field/sqm-password-field.js",
     "./components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js",
     "./components/sqm-referral-table/sqm-referral-table.js",

package/dist/collection/components/sqm-partner-info-modal/PartnerInfoModal.stories.js

@@ -0,0 +1,171 @@
+import { h } from "@stencil/core";
+import { PartnerInfoModalView, } from "./sqm-partner-info-modal-view";
+export default {
+  title: "Components/Partner Info Modal",
+};
+const demoCountries = [
+  { countryCode: "US", displayName: "United States" },
+  { countryCode: "CA", displayName: "Canada" },
+  { countryCode: "GB", displayName: "United Kingdom" },
+  { countryCode: "AU", displayName: "Australia" },
+  { countryCode: "DE", displayName: "Germany" },
+  { countryCode: "FR", displayName: "France" },
+  { countryCode: "JP", displayName: "Japan" },
+];
+const demoCurrencies = [
+  { currencyCode: "USD", displayName: "US Dollar" },
+  { currencyCode: "CAD", displayName: "Canadian Dollar" },
+  { currencyCode: "GBP", displayName: "British Pound" },
+  { currencyCode: "EUR", displayName: "Euro" },
+  { currencyCode: "AUD", displayName: "Australian Dollar" },
+];
+const noopCallbacks = {
+  onCountryChange: (e) => console.log("Country changed:", e),
+  onCurrencyChange: (e) => console.log("Currency changed:", e),
+  onCheckboxChange: (e) => console.log("Checkbox changed:", e),
+  setCountrySearch: (v) => console.log("Country search:", v),
+  setCurrencySearch: (v) => console.log("Currency search:", v),
+  onSubmit: () => console.log("Submit"),
+  onClose: () => console.log("Close"),
+};
+const defaultText = {
+  modalHeader: "Let's get you ready for rewards",
+  modalHeaderExistingPartner: "We found an existing account",
+  descriptionNewPartner: "Confirm your country and currency now to get your future rewards faster.",
+  descriptionExistingPartner: "We noticed you are already an Impact.com partner, please confirm your information.",
+  supportDescriptionExistingPartner: "If this is a mistake, please contact Support or sign up for this referral program with a different email.",
+  supportLink: "Support",
+  countryLabel: "Country",
+  currencyLabel: "Currency",
+  submitButtonLabel: "Submit",
+  confirmButtonLabel: "Confirm",
+  searchCountryPlaceholder: "Search for a country",
+  searchCurrencyPlaceholder: "Search for a currency",
+  bankingCollectionText: "",
+  allowBankingCollection: "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information",
+  termsAndConditionsLabel: "terms and conditions",
+  termsAndConditionsLink: "https://terms.advocate.impact.com/PayoutTermsAndConditions.html",
+};
+const defaultProps = {
+  states: {
+    open: true,
+    loading: false,
+    submitting: false,
+    isExistingPartner: false,
+    countryCode: null,
+    currency: null,
+    error: "",
+    success: false,
+    filteredCountries: demoCountries,
+    filteredCurrencies: demoCurrencies,
+    allowBankingCollection: false,
+    disabled: false,
+  },
+  callbacks: noopCallbacks,
+  text: defaultText,
+};
+export const NewPartnerEmpty = () => {
+  return h(PartnerInfoModalView, Object.assign({}, defaultProps));
+};
+export const NewPartnerPrefilled = () => {
+  const props = {
+    ...defaultProps,
+    states: {
+      ...defaultProps.states,
+      countryCode: "US",
+      currency: "",
+    },
+  };
+  return h(PartnerInfoModalView, Object.assign({}, props));
+};
+export const NewPartnerFullySelected = () => {
+  const props = {
+    ...defaultProps,
+    states: {
+      ...defaultProps.states,
+      countryCode: "US",
+      currency: "USD",
+    },
+  };
+  return h(PartnerInfoModalView, Object.assign({}, props));
+};
+export const ExistingPartnerConfirm = () => {
+  const props = {
+    ...defaultProps,
+    states: {
+      ...defaultProps.states,
+      isExistingPartner: true,
+      countryCode: "CA",
+      currency: "CAD",
+    },
+  };
+  return h(PartnerInfoModalView, Object.assign({}, props));
+};
+export const ExistingPartnerEmpty = () => {
+  const props = {
+    ...defaultProps,
+    states: {
+      ...defaultProps.states,
+      isExistingPartner: true,
+      countryCode: "",
+      currency: "",
+    },
+  };
+  return h(PartnerInfoModalView, Object.assign({}, props));
+};
+export const Submitting = () => {
+  const props = {
+    ...defaultProps,
+    states: {
+      ...defaultProps.states,
+      countryCode: "GB",
+      currency: "GBP",
+      submitting: true,
+    },
+  };
+  return h(PartnerInfoModalView, Object.assign({}, props));
+};
+export const WithError = () => {
+  const props = {
+    ...defaultProps,
+    states: {
+      ...defaultProps.states,
+      countryCode: "US",
+      currency: "USD",
+      error: "An error occurred while creating your partner account. Please try again.",
+    },
+  };
+  return h(PartnerInfoModalView, Object.assign({}, props));
+};
+export const ValidationError = () => {
+  const props = {
+    ...defaultProps,
+    states: {
+      ...defaultProps.states,
+      countryCode: "",
+      currency: "",
+      error: "Please select both a country and currency.",
+    },
+  };
+  return h(PartnerInfoModalView, Object.assign({}, props));
+};
+export const Closed = () => {
+  const props = {
+    ...defaultProps,
+    states: {
+      ...defaultProps.states,
+      open: false,
+    },
+  };
+  return h(PartnerInfoModalView, Object.assign({}, props));
+};
+export const SQMComponentExistingPartner = () => {
+  return (h("sqm-partner-info-modal", { "support-link": "Support", "support-description-existing-partner": "If this is a mistake, please contact {supportLink} or sign up for this referral program with a different email.", "allow-banking-collection": "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information", "terms-and-conditions-label": "terms and conditions", "terms-and-conditions-link": "https://terms.advocate.impact.com/PayoutTermsAndConditions.html", demoData: {
+      states: { open: true, isExistingPartner: true },
+    } }));
+};
+export const SQMComponentNewPartner = () => {
+  return (h("sqm-partner-info-modal", { demoData: {
+      states: { open: true, isExistingPartner: false },
+    } }));
+};