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

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

@@ -11,6 +11,7 @@ import { usePartnerInfoModal, } from "./usePartnerInfoModal";
  * @exampleGroup Tax and Cash
  * @validParents ["sqm-portal-container", "sqm-portal-frame", "div", "sqm-divided-layout", "sqb-program-section", "sqb-conditional-section"]
  * @example Partner Info Modal - <sqm-partner-info-modal></sqm-partner-info-modal>
+ * @hidden
  */
 export class PartnerInfoModal {
   constructor() {
@@ -48,7 +49,13 @@ export class PartnerInfoModal {
      * @uiName Existing partner support description
      * @uiWidget textArea
      */
-    this.supportDescriptionExistingPartner = "If this is a mistake, please contact Support or sign up for this referral program with a different email.";
+    this.supportDescriptionExistingPartner = "If this is a mistake, please contact {supportLink} or sign up for this referral program with a different email.";
+    /**
+     * Support description for existing partner confirmation
+     *
+     * @uiName Existing partner support description
+     */
+    this.supportLink = "Support";
     /**
      * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
      * @uiName Terms and conditions checkbox
@@ -98,7 +105,7 @@ export class PartnerInfoModal {
      * @uiName Missing fields error text
      * @uiWidget textArea
      */
-    this.missingFieldsErrorText = "Please select both a country and currency.";
+    this.missingFieldsErrorText = "Please fill out all fields.";
     /**
      * Used to render in another modal.
      * @undocumented
@@ -106,11 +113,11 @@ export class PartnerInfoModal {
     this.inModal = false;
     /**
      * @undocumented
+     * @componentState { "title": "Connected (hidden)", "default": true, "props": { "states": { "open": false } } }
      * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } }
      * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true, "countryCode": "US", "currency": "USD" } } }
-     * @componentState { "title": "Connected (hidden)", "props": { "states": { "open": false } } }
      */
-    this.stateController = "{}";
+    this.stateController = '{"sqm-partner-info-modal":{"states":{"open":false}}}';
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -247,7 +254,28 @@ export class PartnerInfoModal {
       },
       "attribute": "support-description-existing-partner",
       "reflect": false,
-      "defaultValue": "\"If this is a mistake, please contact Support or sign up for this referral program with a different email.\""
+      "defaultValue": "\"If this is a mistake, please contact {supportLink} or sign up for this referral program with a different email.\""
+    },
+    "supportLink": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Existing partner support description",
+            "name": "uiName"
+          }],
+        "text": "Support description for existing partner confirmation"
+      },
+      "attribute": "support-link",
+      "reflect": false,
+      "defaultValue": "\"Support\""
     },
     "allowBankingCollection": {
       "type": "string",
@@ -487,7 +515,7 @@ export class PartnerInfoModal {
       },
       "attribute": "missing-fields-error-text",
       "reflect": false,
-      "defaultValue": "\"Please select both a country and currency.\""
+      "defaultValue": "\"Please fill out all fields.\""
     },
     "inModal": {
       "type": "boolean",
@@ -525,20 +553,20 @@ export class PartnerInfoModal {
             "text": undefined,
             "name": "undocumented"
           }, {
-            "text": "{ \"title\": \"New partner\", \"props\": { \"states\": { \"open\": true, \"isExistingPartner\": false } } }",
+            "text": "{ \"title\": \"Connected (hidden)\", \"default\": true, \"props\": { \"states\": { \"open\": false } } }",
             "name": "componentState"
           }, {
-            "text": "{ \"title\": \"Existing partner\", \"props\": { \"states\": { \"open\": true, \"isExistingPartner\": true, \"countryCode\": \"US\", \"currency\": \"USD\" } } }",
+            "text": "{ \"title\": \"New partner\", \"props\": { \"states\": { \"open\": true, \"isExistingPartner\": false } } }",
             "name": "componentState"
           }, {
-            "text": "{ \"title\": \"Connected (hidden)\", \"props\": { \"states\": { \"open\": false } } }",
+            "text": "{ \"title\": \"Existing partner\", \"props\": { \"states\": { \"open\": true, \"isExistingPartner\": true, \"countryCode\": \"US\", \"currency\": \"USD\" } } }",
             "name": "componentState"
           }],
         "text": ""
       },
       "attribute": "state-controller",
       "reflect": false,
-      "defaultValue": "\"{}\""
+      "defaultValue": "'{\"sqm-partner-info-modal\":{\"states\":{\"open\":false}}}'"
     },
     "demoData": {
       "type": "unknown",
@@ -635,6 +663,7 @@ function useDemoPartnerInfoModal(props) {
       searchCountryPlaceholder: props.searchCountryPlaceholder,
       searchCurrencyPlaceholder: props.searchCurrencyPlaceholder,
       supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
+      supportLink: props.supportLink,
       modalHeaderExistingPartner: props.modalHeaderExistingPartner,
     },
   }, props.demoData || stateOverride, { arrayMerge: (_, a) => a });

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

@@ -101,42 +101,46 @@ const START_IMPACT_CONNECTION = gql `
   }
 `;
 export function usePartnerInfoModal(props) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   const locale = useLocale();
   const setPartnerCreated = useSetParent(PARTNER_CREATED_NAMESPACE);
   const { data: userData, loading: userLoading, refetch, } = useQuery(GET_USER_PARTNER_INFO, {});
   const user = userData === null || userData === void 0 ? void 0 : userData.user;
   const { data: currenciesData, loading: currenciesLoading } = useQuery(GET_CURRENCIES, { variables: { locale } });
   const { data: countriesData, loading: countriesLoading } = useQuery(GET_COUNTRIES, {});
+  // No pre-filled country, use locale to determine countryCode instead
+  const [countryCode, setCountryCode] = useState(((_b = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.countryCode) || locale.replace(/^.*_/, ""));
+  const [currency, setCurrency] = useState(((_d = (_c = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher) === null || _d === void 0 ? void 0 : _d.currency) || "");
   const { data: financeNetworkData } = useQuery(GET_FINANCE_NETWORK_SETTINGS, {
-    variables: { filter: {} },
+    variables: { filter: countryCode ? { countryCode_eq: countryCode } : {} },
   });
   const [startImpactConnection, { loading: connectLoading }] = useMutation(START_IMPACT_CONNECTION);
   const [allowBankingCollection, setAllowBankingCollection] = useState(false);
-  // No pre-filled country, use locale to determine countryCode instead
-  const [countryCode, setCountryCode] = useState(((_b = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.countryCode) ||
-    locale.replace(/^.*_/, ""));
-  const [currency, setCurrency] = useState(((_d = (_c = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher) === null || _d === void 0 ? void 0 : _d.currency) || "");
   const countries = ((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || [];
-  // copied from useTaxAndCash for displaying currencies based on country - could be in helper?
-  const currencies = useMemo(() => {
-    var _a, _b;
-    const allValidCurrencies = (_b = (_a = financeNetworkData === null || financeNetworkData === void 0 ? void 0 : financeNetworkData.impactFinanceNetworkSettings) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.reduce((agg, settings) => {
+  const isExistingPartner = !!((_f = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _f === void 0 ? void 0 : _f.publisher);
+  const _currencies = useMemo(() => {
+    var _a, _b, _c;
+    // if isExistingPartner, grab all currencies since select is disabled anyways
+    if (isExistingPartner) {
+      return ((_a = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _a === void 0 ? void 0 : _a.data) || [];
+    }
+    const allValidCurrencies = (_c = (_b = financeNetworkData === null || financeNetworkData === void 0 ? void 0 : financeNetworkData.impactFinanceNetworkSettings) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.reduce((agg, settings) => {
       var _a, _b;
-      const currency = (_b = (_a = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.find((c) => c.currencyCode === settings.currency);
-      if (!currency)
+      if (countryCode && settings.countryCode !== countryCode)
         return agg;
-      if (agg.find((c) => c.currencyCode === settings.currency))
+      const c = (_b = (_a = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.find((cur) => cur.currencyCode === settings.currency);
+      if (!c)
         return agg;
-      if (countryCode && settings.countryCode !== countryCode)
+      if (agg.find((cur) => cur.currencyCode === settings.currency))
         return agg;
-      return [...agg, currency];
+      return [...agg, c];
     }, []);
-    return (allValidCurrencies || []).sort((a, b) => a.displayName.localeCompare(b.displayName));
-  }, [financeNetworkData, currenciesData, countryCode]);
+    return allValidCurrencies || [];
+  }, [financeNetworkData, currenciesData, countryCode, isExistingPartner]);
+  const currencies = useMemo(() => [..._currencies].sort((a, b) => a.displayName.localeCompare(b.displayName)), [_currencies]);
   const [countrySearch, setCountrySearch] = useState("");
   const [currencySearch, setCurrencySearch] = useState("");
-  const [filteredCountries, setFilteredCountries] = useState(((_f = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _f === void 0 ? void 0 : _f.data) || []);
+  const [filteredCountries, setFilteredCountries] = useState(((_g = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _g === void 0 ? void 0 : _g.data) || []);
   const [filteredCurrencies, setFilteredCurrencies] = useState(currencies || []);
   const [error, setError] = useState("");
   const [success, setSuccess] = useState(false);
@@ -239,6 +243,7 @@ export function usePartnerInfoModal(props) {
       setError(props.networkErrorText);
     }
   }
+  console.log(impactConnection, "impactConnection in partner modal");
   const showModal = !success &&
     !userLoading &&
     (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connectionStatus) === "NOT_STARTED";
@@ -247,7 +252,7 @@ export function usePartnerInfoModal(props) {
       open: showModal,
       loading: userLoading || countriesLoading || currenciesLoading,
       submitting: connectLoading,
-      isExistingPartner: !!(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher),
+      isExistingPartner,
       countryCode,
       currency,
       error,

package/dist/collection/components/sqm-portal-container/sqm-portal-container-view.js

@@ -1,4 +1,4 @@
-import { h, Host } from "@stencil/core";
+import { h } from "@stencil/core";
 import { createStyleSheet } from "../../styling/JSS";
 export function PortalContainerView(props, children) {
   const style = {
@@ -24,10 +24,9 @@ export function PortalContainerView(props, children) {
   }`;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  return (h(Host, null,
-    h("div", { class: sheet.classes.Container, part: "sqm-base" },
-      h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      children)));
+  return (h("div", { class: sheet.classes.Container, part: "sqm-base" },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
 }

package/dist/collection/components/sqm-portal-google-login/sqm-portal-google-login.js

@@ -87,7 +87,7 @@ export class PortalGoogleLogin {
     const styleString = sheet.toString();
     const content = {
       forgotPasswordButton: (h("slot", { name: "forgotPassword" },
-        h("a", { onClick: () => navigation.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
+        h("a", { part: "forgot-password-link", onClick: () => navigation.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
       googleButton: (h("sqm-google-sign-in", { onInitComplete: callbacks.googleSubmit })),
       secondaryButton: (h("slot", { name: "secondaryButton" },
         h("style", null, styleString),

package/dist/collection/components/sqm-portal-login/sqm-portal-login.js

@@ -79,7 +79,7 @@ export class PortalLogin {
     const styleString = sheet.toString();
     const content = {
       forgotPasswordButton: (h("slot", { name: "forgotPassword" },
-        h("a", { onClick: () => navigation.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
+        h("a", { part: "forgot-password-link", onClick: () => navigation.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
       googleButton: null,
       secondaryButton: (h("slot", { name: "secondaryButton" },
         h("style", null, styleString),

package/dist/collection/components/sqm-referral-iframe/ReferralIframe.stories.js

@@ -16,6 +16,7 @@ const props = {
       iframeSrc: "https://example.com",
       iframeHeight: "100%",
       iframeWidth: "100%",
+      codeParam: "rsCode",
     },
   },
 };

package/dist/collection/components/sqm-referral-iframe/sqm-referral-iframe-view.js

@@ -25,5 +25,5 @@ export function ReferralIframeView(props) {
   const styleString = sheet.toString();
   return (h("div", { class: sheet.classes.Container },
     h("style", { type: "text/css" }, styleString),
-    h("iframe", { class: sheet.classes.IFrame, src: `${content.iframeSrc}?rsCode=${data.shareCode}` })));
+    h("iframe", { class: sheet.classes.IFrame, src: `${content.iframeSrc}?${encodeURIComponent(content.codeParam)}=${data.shareCode}` })));
 }

package/dist/collection/components/sqm-referral-iframe/sqm-referral-iframe.js

@@ -22,6 +22,11 @@ export class SqmReferralIframe {
      * @uiName IFrame width
      */
     this.iframeWidth = "100%";
+    /**
+     * Override the default parameter name used in the iframe
+     * @uiName Referral code parameter name
+     */
+    this.codeParam = "rsCode";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -108,12 +113,33 @@ export class SqmReferralIframe {
       "reflect": false,
       "defaultValue": "\"100%\""
     },
+    "codeParam": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Referral code parameter name",
+            "name": "uiName"
+          }],
+        "text": "Override the default parameter name used in the iframe"
+      },
+      "attribute": "code-param",
+      "reflect": false,
+      "defaultValue": "\"rsCode\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<ReferralIframeViewProps>",
-        "resolved": "{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }",
+        "resolved": "{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; codeParam: string; }; }; data?: { shareCode: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-referral-table/ReferralTable.stories.js

@@ -59,6 +59,7 @@ const baseReward = {
       },
     ],
   },
+  rewardedCash: false,
 };
 // Reward Status Cases
 const pendingReward = {

package/dist/collection/components/sqm-referral-table/ReferralTableRewardsCell.stories.js

@@ -82,6 +82,7 @@ const cashPayoutSentReward = {
   statuses: ["AVAILABLE"],
   globalRewardKey: "Key",
   rewardRedemptionTransactions: null,
+  rewardedCash: true,
 };
 const nullExpiresIn = {
   dateExpires: null,