@saasquatch/mint-components 2.2.0-0 → 2.2.0-2

package/dist/cjs/{sqm-user-info-form-view-01bf2f41.js → sqm-user-info-form-view-f1127a60.js}

@@ -1906,7 +1906,7 @@ const UserInfoFormView = (props) => {
     default:
       regionLabel = text.state;
   }
-  // when creating an impact connection without sending phoneNumber data, the impactAPI defaults the value to "000000" and the phoneNumberCountryCode to "DZ"
+  // when creating an impact connection without sending phoneNumber data, the impactAPI defaults the value to "0000000" and the phoneNumberCountryCode to "DZ"
   function isDisabledPartnerInput(field) {
     var _a, _b;
     if (((_a = data$1.partnerData) === null || _a === void 0 ? void 0 : _a.phoneNumber) === "0000000" &&
@@ -2036,7 +2036,7 @@ const UserInfoFormView = (props) => {
             helpText: utils.formatErrorMessage(text.postalCode, formState.errors.postalCode),
           }
             : {}), { required: true })),
-          index.h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label, base: input-base", name: "/currency", label: text.currency, menu: true, value: formState.currency, disabled: states.disabled || isDisabledPartnerInput("currency"), helpText: text.currencyHelpText }, (((_r = formState.errors) === null || _r === void 0 ? void 0 : _r.currency) ? {
+          index.h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label, base: input-base", name: "/currency", label: text.currency, menu: true, value: formState.currency, disabled: states.disabled || isDisabledPartnerInput("currency") }, (((_r = formState.errors) === null || _r === void 0 ? void 0 : _r.currency) ? {
             class: classes.ErrorInput,
             helpText: utils.formatErrorMessage(text.currency, formState.errors.currency),
           }

package/dist/cjs/sqm-widget-verification-controller.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 const index_module = require('./index.module-42d413d9.js');
-const keys = require('./keys-cff24974.js');
+const keys = require('./keys-5a2c9ed2.js');
 
 const debug = domContextHooks_module.browser("sq:widget-verification");
 function useTemplateChildren({ parent, callback }) {

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

@@ -51,15 +51,13 @@ const defaultProps = {
     loading: false,
     submitting: false,
     isExistingPartner: false,
-    countryCode: "",
-    currency: "",
+    countryCode: null,
+    currency: null,
     error: "",
     success: false,
-    brandName: "Test Brand",
     filteredCountries: demoCountries,
     filteredCurrencies: demoCurrencies,
     allowBankingCollection: false,
-    checkboxError: "",
     disabled: false,
   },
   callbacks: noopCallbacks,
@@ -102,6 +100,18 @@ export const ExistingPartnerConfirm = () => {
   };
   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,

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

@@ -28,8 +28,6 @@ const style = {
     marginTop: "var(--sl-spacing-large)",
   },
   ErrorMessage: {
-    color: "var(--sqm-danger-color-text, #d32f2f)",
-    fontSize: "var(--sl-font-size-small)",
     marginTop: "var(--sl-spacing-x-small)",
   },
   SearchInput: {
@@ -56,6 +54,11 @@ const style = {
     justifyContent: "flex-start",
     flexDirection: "column",
   },
+  Checkbox: {
+    "&::part(label)": {
+      fontSize: "var(--sl-font-size-small)",
+    },
+  },
   SubmitButton: {
     width: "100%",
     marginTop: "var(--sl-spacing-large)",
@@ -84,22 +87,24 @@ export function PartnerInfoModalContentView(props) {
       styleString),
     h("div", { class: sheet.classes.FormFields },
       description,
-      h("sl-select", { exportparts: "label: input-label, base: input-base, menu: select-menu", label: text.countryLabel, value: states.countryCode, disabled: states.submitting || !!states.isExistingPartner, required: true, hoist: true, "onSl-select": callbacks.onCountryChange },
+      h("sl-select", { exportparts: "label: input-label, base: input-base, menu: select-menu", label: text.countryLabel, value: states.countryCode, disabled: states.submitting ||
+          (!!states.countryCode && states.isExistingPartner), required: true, hoist: true, "onSl-select": callbacks.onCountryChange },
         h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => {
             var _a;
             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.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); } }), (_b = states.filteredCurrencies) === null || _b === void 0 ? void 0 :
-        _b.map((c) => (h("sl-menu-item", { value: c.currencyCode },
+      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-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,
           " - ",
-          c.displayName)))),
+          c.displayName))))),
       h("div", { class: sheet.classes.CheckboxWrapper },
-        h("sl-checkbox", { checked: states.allowBankingCollection === true, "onSl-change": callbacks.onCheckboxChange, disabled: states.submitting, required: true, value: states.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText),
-        states.checkboxError && (h("p", { class: sheet.classes.ErrorMessage }, states.checkboxError)))),
-    states.error && h("p", { class: sheet.classes.ErrorMessage }, states.error),
+        h("sl-checkbox", { class: sheet.classes.Checkbox, checked: states.allowBankingCollection === true, "onSl-change": callbacks.onCheckboxChange, disabled: states.submitting, required: true, value: states.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText))),
+    states.error && (h("div", { class: sheet.classes.ErrorMessage },
+      h("sqm-form-message", { class: sheet.classes.ErrorMessage, type: "error" },
+        h("p", { part: "alert-description" }, states.error)))),
     h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting ||
         !states.countryCode ||
         !states.currency ||

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

@@ -14,12 +14,6 @@ import { usePartnerInfoModal, } from "./usePartnerInfoModal";
  */
 export class PartnerInfoModal {
   constructor() {
-    /**
-     * Brand name shown in the modal header
-     *
-     * @uiName Brand name
-     */
-    this.brandName = "";
     /**
      * Header text when user has no existing partner
      *
@@ -135,27 +129,6 @@ export class PartnerInfoModal {
   static get is() { return "sqm-partner-info-modal"; }
   static get encapsulation() { return "shadow"; }
   static get properties() { return {
-    "brandName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Brand name",
-            "name": "uiName"
-          }],
-        "text": "Brand name shown in the modal header"
-      },
-      "attribute": "brand-name",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
     "modalHeader": {
       "type": "string",
       "mutable": false,
@@ -572,7 +545,7 @@ export class PartnerInfoModal {
       "mutable": false,
       "complexType": {
         "original": "DemoData<PartnerInfoModalResult>",
-        "resolved": "{ states?: { open: boolean; loading: boolean; submitting: boolean; isExistingPartner: boolean; countryCode: string; currency: string; error: string; success: boolean; brandName: string; filteredCountries: { countryCode: string; displayName: string; }[]; filteredCurrencies: { currencyCode: string; displayName: string; }[]; allowBankingCollection: boolean; checkboxError: string; disabled: boolean; }; }",
+        "resolved": "{ states?: { open: boolean; loading: boolean; submitting: boolean; isExistingPartner: boolean; countryCode: string; currency: string; error: string; success: boolean; filteredCountries: { countryCode: string; displayName: string; }[]; filteredCurrencies: { currencyCode: string; displayName: string; }[]; allowBankingCollection: boolean; disabled: boolean; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -609,7 +582,6 @@ function useDemoPartnerInfoModal(props) {
   // @ts-ignore
   return deepmerge({
     states: {
-      brandName: "Test Brand",
       open: false,
       loading: false,
       submitting: false,
@@ -621,7 +593,6 @@ function useDemoPartnerInfoModal(props) {
       filteredCountries: [],
       filteredCurrencies: [],
       allowBankingCollection,
-      checkboxError: "",
       disabled: false,
     },
     callbacks: {

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

@@ -2,9 +2,8 @@ import { useLocale, useMutation, useQuery, useSetParent, } from "@saasquatch/com
 import { useEffect, useMemo, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import { TAX_FORM_UPDATED_EVENT_KEY } from "../tax-and-cash/eventKeys";
-import { VERIFICATION_PARENT_NAMESPACE } from "../sqm-widget-verification/keys";
+import { PARTNER_CREATED_NAMESPACE } from "../sqm-widget-verification/keys";
 import { GET_FINANCE_NETWORK_SETTINGS, } from "../tax-and-cash/data";
-// new field under impactConnection:{ resolvedByEmail: boolean } - determines if connection came from managed identity
 export const GET_USER_PARTNER_INFO = gql `
   query getUserPartnerInfo {
     user: viewer {
@@ -101,30 +100,22 @@ const START_IMPACT_CONNECTION = gql `
     }
   }
 `;
-const GET_BRAND_NAME = gql `
-  query getTenantSettings {
-    tenantSettings {
-      companyName
-    }
-  }
-`;
 export function usePartnerInfoModal(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f;
   const locale = useLocale();
-  const setVerificationContext = useSetParent(VERIFICATION_PARENT_NAMESPACE);
+  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, {});
-  const { data: tenantSettingsData } = useQuery(GET_BRAND_NAME, {});
   const { data: financeNetworkData } = useQuery(GET_FINANCE_NETWORK_SETTINGS, {
     variables: { filter: {} },
   });
-  const [startImpactConnection, { loading: connectLoading, errors: connectErrors },] = useMutation(START_IMPACT_CONNECTION);
+  const [startImpactConnection, { loading: connectLoading }] = useMutation(START_IMPACT_CONNECTION);
   const [allowBankingCollection, setAllowBankingCollection] = useState(false);
-  const [checkboxError, setCheckboxError] = useState("");
   // 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) || "");
+  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?
@@ -198,13 +189,11 @@ export function usePartnerInfoModal(props) {
   function onCheckboxChange(e) {
     const checked = e.target.checked;
     setAllowBankingCollection(checked);
-    if (checked)
-      setCheckboxError("");
   }
   async function onSubmit() {
     var _a, _b;
     if (!allowBankingCollection) {
-      setCheckboxError(props.missingFieldsErrorText);
+      setError(props.missingFieldsErrorText);
       return;
     }
     if (!countryCode || !currency) {
@@ -212,7 +201,10 @@ export function usePartnerInfoModal(props) {
       return;
     }
     setError("");
-    setCheckboxError("");
+    if (!user) {
+      setError(props.networkErrorText);
+      return;
+    }
     try {
       const vars = {
         user: {
@@ -221,8 +213,6 @@ export function usePartnerInfoModal(props) {
         },
         firstName: user.firstName,
         lastName: user.lastName,
-        // phoneNumber: null,
-        // phoneNumberCountryCode: null,
         countryCode,
         currency,
       };
@@ -233,7 +223,6 @@ export function usePartnerInfoModal(props) {
       }
       const connectionResult = result
         .startImpactConnection;
-      console.log(result, connectionResult, "result and connectionResult from creating partner from modal");
       if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
         const validationMsg = (_b = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors) === null || _b === void 0 ? void 0 : _b.map((e) => e.message).join(". ");
         setError(validationMsg || props.networkErrorText);
@@ -242,8 +231,8 @@ export function usePartnerInfoModal(props) {
       }
       window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
       await refetch();
+      setPartnerCreated === null || setPartnerCreated === void 0 ? void 0 : setPartnerCreated(true);
       setSuccess(true);
-      setVerificationContext(true);
     }
     catch (e) {
       console.error("Partner creation error:", e);
@@ -258,16 +247,14 @@ export function usePartnerInfoModal(props) {
       open: showModal,
       loading: userLoading || countriesLoading || currenciesLoading,
       submitting: connectLoading,
-      isExistingPartner: impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher,
+      isExistingPartner: !!(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher),
       countryCode,
       currency,
       error,
       success,
-      brandName: ((_g = tenantSettingsData === null || tenantSettingsData === void 0 ? void 0 : tenantSettingsData.tenantSettings) === null || _g === void 0 ? void 0 : _g.companyName) || "",
       filteredCountries: filteredCountries || [],
       filteredCurrencies: filteredCurrencies || [],
       allowBankingCollection,
-      checkboxError,
       disabled: userLoading || connectLoading,
     },
     callbacks: {

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,