@saasquatch/mint-components 2.2.0-1 → 2.2.0-10

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

@@ -122,6 +122,7 @@
     "./components/sqm-timeline/sqm-timeline-entry.js",
     "./components/sqm-timeline/sqm-timeline.js",
     "./components/sqm-titled-section/sqm-titled-section.js",
+    "./components/sqm-user-attribute/sqm-user-attribute.js",
     "./components/sqm-user-name/sqm-user-name.js",
     "./components/sqm-widget-verification/sqm-widget-verification-controller.js",
     "./components/sqm-widget-verification/sqm-widget-verification.js",

package/dist/collection/components/sqm-big-stat/useBigStat.js

@@ -188,7 +188,7 @@ _, type, unit, status, global = "") => {
         $programId: ID
         $unit: String
         $type: RewardType
-        $statusFilter: RewardStatusFilterInput
+        ${statusFilter ? "$statusFilter: RewardStatusFilterInput" : ""}
       ) {
         viewer {
           ... on User {
@@ -197,7 +197,7 @@ _, type, unit, status, global = "") => {
                 programId_eq: $programId
                 type_eq: $type
                 unit_eq: $unit
-                statuses_eq: $statusFilter
+                ${statusFilter ? "statuses_eq: $statusFilter" : "statuses_nin: [{status: CANCELLED}, {status: EXPIRED}]"}
               }
             ) {
               totalCount
@@ -223,14 +223,14 @@ const integrationRewardsCountFilteredQuery = (programId,
 _, status, global = "") => {
   const statusFilter = status ? { status } : null;
   return debugQuery(gql `
-      query ($programId: ID, $statusFilter: RewardStatusFilterInput) {
+      query ($programId: ID, ${statusFilter ? "$statusFilter: RewardStatusFilterInput" : ""}) {
         viewer {
           ... on User {
             rewards(
               filter: {
                 programId_eq: $programId
                 type_eq: INTEGRATION
-                statuses_eq: $statusFilter
+                ${statusFilter ? "statuses_eq: $statusFilter" : "statuses_nin: [{status: CANCELLED}, {status: EXPIRED}]"}
               }
             ) {
               totalCount
@@ -729,8 +729,7 @@ const rewardsBalanceQuery = (programId, locale, type, unit, format = "prettyValu
     const fallback = (_c = res.data) === null || _c === void 0 ? void 0 : _c.fallback;
     const balance = arr === null || arr === void 0 ? void 0 : arr[0];
     const totalEarned = balance
-      ? (balance.totalAssignedCredit || 0) +
-        (balance.totalPendingCredit || 0)
+      ? (balance.totalAssignedCredit || 0) + (balance.totalPendingCredit || 0)
       : 0;
     const result = useQuery(gql `
           query (

package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field-view.js

@@ -60,7 +60,7 @@ export function CheckboxFieldView(props) {
     h("sl-checkbox", Object.assign({ exportparts: "label: input-label, base: input-base", name: `/${content.checkboxName}`, checked: states.checked, "onSl-change": (e) => {
         e.target.value = e.target.checked;
         callbacks.setChecked(e.target.value);
-      } }, (!content.checkboxOptional ? { required: false } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled), validationError: ({ value }) => {
+      } }, (!content.checkboxOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled), validationError: ({ value }) => {
         if (!value && !content.checkboxOptional) {
           return content.errorMessage;
         }

package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field.js

@@ -27,7 +27,7 @@ export class CheckboxField {
      */
     this.checkboxLabelLink = "https://example.com";
     /**
-     * @uiName Checkbox label link lext
+     * @uiName Checkbox label link text
      */
     this.checkboxLabelLinkText = "Terms and Conditions";
     /**
@@ -60,7 +60,6 @@ export class CheckboxField {
     return (h(CheckboxFieldView, { states: states, content: content, callbacks: callbacks }));
   }
   static get is() { return "sqm-checkbox-field"; }
-  static get encapsulation() { return "shadow"; }
   static get properties() { return {
     "checkboxName": {
       "type": "string",
@@ -142,7 +141,7 @@ export class CheckboxField {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Checkbox label link lext",
+            "text": "Checkbox label link text",
             "name": "uiName"
           }],
         "text": ""

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

@@ -34,6 +34,7 @@ const defaultText = {
   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",
@@ -158,3 +159,13 @@ export const Closed = () => {
   };
   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 },
+    } }));
+};

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

@@ -69,9 +69,15 @@ export function PartnerInfoModalContentView(props) {
   const { states, callbacks, text } = props;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
+  const supportMessage = intl.formatMessage({
+    id: "supportDescriptionExistingPartner",
+    defaultMessage: text.supportDescriptionExistingPartner,
+  }, {
+    supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+  });
   const description = states.isExistingPartner ? (h("span", { class: sheet.classes.DescriptionContainer },
     h("p", null, text.descriptionExistingPartner),
-    h("p", null, text.supportDescriptionExistingPartner))) : (h("p", { class: sheet.classes.DescriptionContainer }, text.descriptionNewPartner));
+    h("p", null, supportMessage))) : (h("p", { class: sheet.classes.DescriptionContainer }, text.descriptionNewPartner));
   const buttonLabel = states.isExistingPartner
     ? text.confirmButtonLabel
     : text.submitButtonLabel;
@@ -94,7 +100,7 @@ export function PartnerInfoModalContentView(props) {
             callbacks.setCountrySearch((_a = e.target) === null || _a === void 0 ? void 0 : _a.value);
           } }),
         h("div", { class: sheet.classes.SelectMenu }, (_a = states.filteredCountries) === null || _a === void 0 ? void 0 : _a.map((c) => (h("sl-menu-item", { value: c.countryCode }, c.displayName))))),
-      h("sl-select", { exportparts: "label: input-label, base: input-base", label: text.currencyLabel, value: states.currency, disabled: states.submitting || !!states.currency, required: true, hoist: true, "onSl-select": callbacks.onCurrencyChange },
+      h("sl-select", { exportparts: "label: input-label, base: input-base", label: text.currencyLabel, value: states.currency, disabled: states.submitting || (!!states.currency && states.isExistingPartner), required: true, hoist: true, "onSl-select": callbacks.onCurrencyChange },
         h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCurrencyPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => { var _a; return callbacks.setCurrencySearch((_a = e.target) === null || _a === void 0 ? void 0 : _a.value); } }),
         h("div", { class: sheet.classes.SelectMenu }, (_b = states.filteredCurrencies) === null || _b === void 0 ? void 0 : _b.map((c) => (h("sl-menu-item", { value: c.currencyCode },
           c.currencyCode,