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

package/dist/cjs/{ShadowViewAddon-e7267a6c.js → ShadowViewAddon-331ac9e4.js}

@@ -4292,7 +4292,7 @@ function ShareLinkView(props) {
       lineHeight: "var(--sl-input-height-medium)",
     },
     EditInput: {
-      maxWidth: "248px",
+      maxWidth: "260px",
       width: "100%",
       "&::part(base)": {
         border: "none",

package/dist/cjs/sqm-big-stat_47.cjs.entry.js

@@ -29,7 +29,7 @@ const useInstantAccessRegistration = require('./useInstantAccessRegistration-239
 const useLeadFormState = require('./useLeadFormState-bf49984b.js');
 const utilities = require('./utilities-fcdb9504.js');
 const ErrorView = require('./ErrorView-ee7b0f36.js');
-const ShadowViewAddon = require('./ShadowViewAddon-e7267a6c.js');
+const ShadowViewAddon = require('./ShadowViewAddon-331ac9e4.js');
 require('./sqm-portal-container-view-757f921b.js');
 const data = require('./data-89ac73dd.js');
 const keys = require('./keys-5a2c9ed2.js');

package/dist/cjs/sqm-email-verification_2.cjs.entry.js

@@ -11,7 +11,7 @@ const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 const data = require('./data-89ac73dd.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-243aad7b.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-46e07ba0.js');
 const keys = require('./keys-5a2c9ed2.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 const parseStates = require('./parseStates-d1effc19.js');
@@ -505,9 +505,10 @@ function usePartnerInfoModal(props) {
   const user = userData === null || userData === void 0 ? void 0 : userData.user;
   const { data: currenciesData, loading: currenciesLoading } = index_module.wn(GET_CURRENCIES, { variables: { locale } });
   const { data: countriesData, loading: countriesLoading } = index_module.wn(GET_COUNTRIES, {});
+  const [firstName, setFirstName] = domContextHooks_module.useState((user === null || user === void 0 ? void 0 : user.firstName) || "");
+  const [lastName, setLastName] = domContextHooks_module.useState((user === null || user === void 0 ? void 0 : user.lastName) || "");
   // No pre-filled country, use locale to determine countryCode instead
-  const [countryCode, setCountryCode] = domContextHooks_module.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 [countryCode, setCountryCode] = domContextHooks_module.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] = domContextHooks_module.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 } = index_module.wn(data.GET_FINANCE_NETWORK_SETTINGS, {
     variables: { filter: countryCode ? { countryCode_eq: countryCode } : {} },
@@ -583,6 +584,14 @@ function usePartnerInfoModal(props) {
     }
   }, [currencySearch, currencies]);
   const impactConnection = user === null || user === void 0 ? void 0 : user.impactConnection;
+  function onFirstNameChange(e) {
+    const value = e.target.value;
+    setFirstName(value);
+  }
+  function onLastNameChange(e) {
+    const value = e.target.value;
+    setLastName(value);
+  }
   function onCountryChange(e) {
     var _a, _b;
     const value = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
@@ -606,7 +615,7 @@ function usePartnerInfoModal(props) {
   }
   async function onSubmit() {
     var _a, _b;
-    if (!allowBankingCollection || !countryCode || !currency) {
+    if (!allowBankingCollection || !countryCode || !currency || !firstName || !lastName) {
       setError(props.missingFieldsErrorText);
       return;
     }
@@ -621,8 +630,8 @@ function usePartnerInfoModal(props) {
           id: user.id,
           accountId: user.accountId,
         },
-        firstName: user.firstName,
-        lastName: user.lastName,
+        firstName,
+        lastName,
         countryCode,
         currency,
       };
@@ -658,6 +667,8 @@ function usePartnerInfoModal(props) {
       loading: userLoading || countriesLoading || currenciesLoading,
       submitting: connectLoading,
       isExistingPartner,
+      firstName,
+      lastName,
       countryCode,
       currency,
       error,
@@ -668,6 +679,8 @@ function usePartnerInfoModal(props) {
       disabled: userLoading || connectLoading,
     },
     callbacks: {
+      onFirstNameChange,
+      onLastNameChange,
       onCountryChange,
       onCurrencyChange,
       onCheckboxChange,

package/dist/cjs/{sqm-partner-info-modal-view-243aad7b.js → sqm-partner-info-modal-view-46e07ba0.js}

@@ -30,6 +30,12 @@ const style = {
     gap: "var(--sl-spacing-medium)",
     marginTop: "var(--sl-spacing-large)",
   },
+  NameInput: {
+    "&::part(label)": {
+      fontWeight: "var(--sl-font-weight-normal)",
+      fontSize: "var(--sl-input-label-font-size-medium)",
+    },
+  },
   ErrorMessage: {
     marginTop: "var(--sl-spacing-x-small)",
   },
@@ -97,11 +103,12 @@ function PartnerInfoModalContentView(props) {
     termsAndConditionsLink: (index.h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
   });
   return (index.h("div", null,
-    index.h("style", { type: "text/css" },
-      " ",
-      styleString),
+    index.h("style", { type: "text/css" }, styleString),
     index.h("div", { class: sheet.classes.FormFields },
       description,
+      (!states.firstName || !states.lastName) && (index.h(index.Fragment, null,
+        index.h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "First Name", value: states.firstName, "onSl-input": callbacks.onFirstNameChange, disabled: states.submitting, required: true }),
+        index.h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "Last Name", value: states.lastName, "onSl-input": callbacks.onLastNameChange, disabled: states.submitting, required: true }))),
       index.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 },
         index.h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => {

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -35,12 +35,12 @@ require('./utilities-fcdb9504.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-a767b044.js');
 require('./ErrorView-ee7b0f36.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-1f2daa76.js');
-const ShadowViewAddon = require('./ShadowViewAddon-e7267a6c.js');
+const ShadowViewAddon = require('./ShadowViewAddon-331ac9e4.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-757f921b.js');
 const sqmUserInfoFormView = require('./sqm-user-info-form-view-c5f9b79b.js');
 const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-88de1b78.js');
 require('./data-89ac73dd.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-243aad7b.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-46e07ba0.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -14293,7 +14293,7 @@ const defaultCustomizeProps = {
   isSaving: false,
   characterLimit: 30,
   minCharacters: 3,
-  charactersRemaining: 15,
+  charactersRemaining: 30,
   editLimitText: "You can edit your link up to 5 times.",
   editLimitReachedText: "5 edit limit reached. To make more changes, please contact {supportLink}.",
   supportLinkText: "Support",
@@ -19290,6 +19290,8 @@ const demoCurrencies = [
   { currencyCode: "AUD", displayName: "Australian Dollar" },
 ];
 const noopCallbacks = {
+  onFirstNameChange: (e) => console.log("First name changed:", e),
+  onLastNameChange: (e) => console.log("Last name changed:", e),
   onCountryChange: (e) => console.log("Country changed:", e),
   onCurrencyChange: (e) => console.log("Currency changed:", e),
   onCheckboxChange: (e) => console.log("Checkbox changed:", e),
@@ -19322,6 +19324,8 @@ const defaultProps$y = {
     loading: false,
     submitting: false,
     isExistingPartner: false,
+    firstName: "",
+    lastName: "",
     countryCode: "",
     currency: "",
     error: "",
@@ -19439,6 +19443,28 @@ const SQMComponentNewPartner = () => {
       states: { open: true, isExistingPartner: false },
     } }));
 };
+const PartnerHasFirstAndLastName = () => {
+  const props = {
+    ...defaultProps$y,
+    states: {
+      ...defaultProps$y.states,
+      firstName: "John",
+      lastName: "Doe",
+    },
+  };
+  return index.h(sqmPartnerInfoModalView.PartnerInfoModalView, Object.assign({}, props));
+};
+const PartnerHasFirstNameOnly = () => {
+  const props = {
+    ...defaultProps$y,
+    states: {
+      ...defaultProps$y.states,
+      firstName: "John",
+      lastName: "",
+    },
+  };
+  return index.h(sqmPartnerInfoModalView.PartnerInfoModalView, Object.assign({}, props));
+};
 
 const PartnerInfoModal = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -19453,7 +19479,9 @@ const PartnerInfoModal = /*#__PURE__*/Object.freeze({
   ValidationError: ValidationError$1,
   Closed: Closed,
   SQMComponentExistingPartner: SQMComponentExistingPartner,
-  SQMComponentNewPartner: SQMComponentNewPartner
+  SQMComponentNewPartner: SQMComponentNewPartner,
+  PartnerHasFirstAndLastName: PartnerHasFirstAndLastName,
+  PartnerHasFirstNameOnly: PartnerHasFirstNameOnly
 });
 
 const WidgetVerification_stories = {

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

@@ -20,6 +20,8 @@ const demoCurrencies = [
   { currencyCode: "AUD", displayName: "Australian Dollar" },
 ];
 const noopCallbacks = {
+  onFirstNameChange: (e) => console.log("First name changed:", e),
+  onLastNameChange: (e) => console.log("Last name changed:", e),
   onCountryChange: (e) => console.log("Country changed:", e),
   onCurrencyChange: (e) => console.log("Currency changed:", e),
   onCheckboxChange: (e) => console.log("Checkbox changed:", e),
@@ -52,6 +54,8 @@ const defaultProps = {
     loading: false,
     submitting: false,
     isExistingPartner: false,
+    firstName: "",
+    lastName: "",
     countryCode: "",
     currency: "",
     error: "",
@@ -169,3 +173,25 @@ export const SQMComponentNewPartner = () => {
       states: { open: true, isExistingPartner: false },
     } }));
 };
+export const PartnerHasFirstAndLastName = () => {
+  const props = {
+    ...defaultProps,
+    states: {
+      ...defaultProps.states,
+      firstName: "John",
+      lastName: "Doe",
+    },
+  };
+  return h(PartnerInfoModalView, Object.assign({}, props));
+};
+export const PartnerHasFirstNameOnly = () => {
+  const props = {
+    ...defaultProps,
+    states: {
+      ...defaultProps.states,
+      firstName: "John",
+      lastName: "",
+    },
+  };
+  return h(PartnerInfoModalView, Object.assign({}, props));
+};

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

@@ -1,4 +1,4 @@
-import { h } from "@stencil/core";
+import { Fragment, h } from "@stencil/core";
 import { createStyleSheet } from "../../styling/JSS";
 import { intl } from "../../global/global";
 const style = {
@@ -27,6 +27,12 @@ const style = {
     gap: "var(--sl-spacing-medium)",
     marginTop: "var(--sl-spacing-large)",
   },
+  NameInput: {
+    "&::part(label)": {
+      fontWeight: "var(--sl-font-weight-normal)",
+      fontSize: "var(--sl-input-label-font-size-medium)",
+    },
+  },
   ErrorMessage: {
     marginTop: "var(--sl-spacing-x-small)",
   },
@@ -94,11 +100,12 @@ export function PartnerInfoModalContentView(props) {
     termsAndConditionsLink: (h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
   });
   return (h("div", null,
-    h("style", { type: "text/css" },
-      " ",
-      styleString),
+    h("style", { type: "text/css" }, styleString),
     h("div", { class: sheet.classes.FormFields },
       description,
+      (!states.firstName || !states.lastName) && (h(Fragment, null,
+        h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "First Name", value: states.firstName, "onSl-input": callbacks.onFirstNameChange, disabled: states.submitting, required: true }),
+        h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "Last Name", value: states.lastName, "onSl-input": callbacks.onLastNameChange, disabled: states.submitting, required: true }))),
       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) => {

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

@@ -573,7 +573,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; filteredCountries: { countryCode: string; displayName: string; }[]; filteredCurrencies: { currencyCode: string; displayName: string; }[]; allowBankingCollection: boolean; disabled: boolean; }; }",
+        "resolved": "{ states?: { open: boolean; loading: boolean; submitting: boolean; isExistingPartner: boolean; firstName: string; lastName: string; 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",

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

@@ -82,9 +82,10 @@ export function usePartnerInfoModal(props) {
   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 [firstName, setFirstName] = useState((user === null || user === void 0 ? void 0 : user.firstName) || "");
+  const [lastName, setLastName] = useState((user === null || user === void 0 ? void 0 : user.lastName) || "");
   // 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 [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: countryCode ? { countryCode_eq: countryCode } : {} },
@@ -160,6 +161,14 @@ export function usePartnerInfoModal(props) {
     }
   }, [currencySearch, currencies]);
   const impactConnection = user === null || user === void 0 ? void 0 : user.impactConnection;
+  function onFirstNameChange(e) {
+    const value = e.target.value;
+    setFirstName(value);
+  }
+  function onLastNameChange(e) {
+    const value = e.target.value;
+    setLastName(value);
+  }
   function onCountryChange(e) {
     var _a, _b;
     const value = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
@@ -183,7 +192,7 @@ export function usePartnerInfoModal(props) {
   }
   async function onSubmit() {
     var _a, _b;
-    if (!allowBankingCollection || !countryCode || !currency) {
+    if (!allowBankingCollection || !countryCode || !currency || !firstName || !lastName) {
       setError(props.missingFieldsErrorText);
       return;
     }
@@ -198,8 +207,8 @@ export function usePartnerInfoModal(props) {
           id: user.id,
           accountId: user.accountId,
         },
-        firstName: user.firstName,
-        lastName: user.lastName,
+        firstName,
+        lastName,
         countryCode,
         currency,
       };
@@ -235,6 +244,8 @@ export function usePartnerInfoModal(props) {
       loading: userLoading || countriesLoading || currenciesLoading,
       submitting: connectLoading,
       isExistingPartner,
+      firstName,
+      lastName,
       countryCode,
       currency,
       error,
@@ -245,6 +256,8 @@ export function usePartnerInfoModal(props) {
       disabled: userLoading || connectLoading,
     },
     callbacks: {
+      onFirstNameChange,
+      onLastNameChange,
       onCountryChange,
       onCurrencyChange,
       onCheckboxChange,

package/dist/collection/components/sqm-share-link/ShareLink.stories.js

@@ -121,7 +121,7 @@ const defaultCustomizeProps = {
   isSaving: false,
   characterLimit: 30,
   minCharacters: 3,
-  charactersRemaining: 15,
+  charactersRemaining: 30,
   editLimitText: "You can edit your link up to 5 times.",
   editLimitReachedText: "5 edit limit reached. To make more changes, please contact {supportLink}.",
   supportLinkText: "Support",

package/dist/collection/components/sqm-share-link/sqm-share-link-view.js

@@ -66,7 +66,7 @@ export function ShareLinkView(props) {
       lineHeight: "var(--sl-input-height-medium)",
     },
     EditInput: {
-      maxWidth: "248px",
+      maxWidth: "260px",
       width: "100%",
       "&::part(base)": {
         border: "none",

package/dist/esm/{ShadowViewAddon-86e90a47.js → ShadowViewAddon-ae0cd8b9.js}

@@ -4290,7 +4290,7 @@ function ShareLinkView(props) {
       lineHeight: "var(--sl-input-height-medium)",
     },
     EditInput: {
-      maxWidth: "248px",
+      maxWidth: "260px",
       width: "100%",
       "&::part(base)": {
         border: "none",

package/dist/esm/sqm-big-stat_47.entry.js

@@ -25,7 +25,7 @@ import { u as useInstantAccessRegistration } from './useInstantAccessRegistratio
 import { R as RequiredPropsError, L as LEAD_FORM_STATE_CONTEXT, u as useLeadFormState } from './useLeadFormState-6214b2d9.js';
 import { i as isEmpty } from './utilities-cbd8f2eb.js';
 import { E as ErrorView } from './ErrorView-74cb3af8.js';
-import { u as useDemoBigStat, W as useBigStat, B as BigStatView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as LeadDropdownFieldView, Q as LeadFormView, X as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalFrameView, c as BaseRegistrationFormView, R as ReferralIframeView, i as RewardExchangeView, Y as demoRewardExchange, G as useShareButton, a as ShareButtonView, K as useShareLink, J as ShareLinkView, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-86e90a47.js';
+import { u as useDemoBigStat, W as useBigStat, B as BigStatView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as LeadDropdownFieldView, Q as LeadFormView, X as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalFrameView, c as BaseRegistrationFormView, R as ReferralIframeView, i as RewardExchangeView, Y as demoRewardExchange, G as useShareButton, a as ShareButtonView, K as useShareLink, J as ShareLinkView, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-ae0cd8b9.js';
 import './sqm-portal-container-view-200c9df8.js';
 import { T as TAX_CONTEXT_NAMESPACE, a as TAX_FORM_CONTEXT_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE, C as CURRENCIES_NAMESPACE, b as COUNTRIES_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, G as GET_USER$2, d as COUNTRIES_QUERY_NAMESPACE, e as GET_COUNTRIES, f as FINANCE_NETWORK_SETTINGS_NAMESPACE, g as GET_FINANCE_NETWORK_SETTINGS, h as CURRENCIES_QUERY_NAMESPACE, i as GET_CURRENCIES } from './data-8698cbc6.js';
 import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, b as SHOW_PARTNER_MODAL_NAMESPACE, P as PARTNER_CREATED_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-1054056a.js';

package/dist/esm/sqm-email-verification_2.entry.js

@@ -7,7 +7,7 @@ import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-72f43dff.js';
 import { g as GET_FINANCE_NETWORK_SETTINGS } from './data-8698cbc6.js';
-import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-8f141a4f.js';
+import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-8a5ab2d0.js';
 import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, P as PARTNER_CREATED_NAMESPACE } from './keys-1054056a.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
 import { p as parseStates } from './parseStates-ed75e224.js';
@@ -501,9 +501,10 @@ function usePartnerInfoModal(props) {
   const user = userData === null || userData === void 0 ? void 0 : userData.user;
   const { data: currenciesData, loading: currenciesLoading } = wn(GET_CURRENCIES, { variables: { locale } });
   const { data: countriesData, loading: countriesLoading } = wn(GET_COUNTRIES, {});
+  const [firstName, setFirstName] = useState((user === null || user === void 0 ? void 0 : user.firstName) || "");
+  const [lastName, setLastName] = useState((user === null || user === void 0 ? void 0 : user.lastName) || "");
   // 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 [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 } = wn(GET_FINANCE_NETWORK_SETTINGS, {
     variables: { filter: countryCode ? { countryCode_eq: countryCode } : {} },
@@ -579,6 +580,14 @@ function usePartnerInfoModal(props) {
     }
   }, [currencySearch, currencies]);
   const impactConnection = user === null || user === void 0 ? void 0 : user.impactConnection;
+  function onFirstNameChange(e) {
+    const value = e.target.value;
+    setFirstName(value);
+  }
+  function onLastNameChange(e) {
+    const value = e.target.value;
+    setLastName(value);
+  }
   function onCountryChange(e) {
     var _a, _b;
     const value = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
@@ -602,7 +611,7 @@ function usePartnerInfoModal(props) {
   }
   async function onSubmit() {
     var _a, _b;
-    if (!allowBankingCollection || !countryCode || !currency) {
+    if (!allowBankingCollection || !countryCode || !currency || !firstName || !lastName) {
       setError(props.missingFieldsErrorText);
       return;
     }
@@ -617,8 +626,8 @@ function usePartnerInfoModal(props) {
           id: user.id,
           accountId: user.accountId,
         },
-        firstName: user.firstName,
-        lastName: user.lastName,
+        firstName,
+        lastName,
         countryCode,
         currency,
       };
@@ -654,6 +663,8 @@ function usePartnerInfoModal(props) {
       loading: userLoading || countriesLoading || currenciesLoading,
       submitting: connectLoading,
       isExistingPartner,
+      firstName,
+      lastName,
       countryCode,
       currency,
       error,
@@ -664,6 +675,8 @@ function usePartnerInfoModal(props) {
       disabled: userLoading || connectLoading,
     },
     callbacks: {
+      onFirstNameChange,
+      onLastNameChange,
       onCountryChange,
       onCurrencyChange,
       onCheckboxChange,

package/dist/esm/{sqm-partner-info-modal-view-8f141a4f.js → sqm-partner-info-modal-view-8a5ab2d0.js}

@@ -1,4 +1,4 @@
-import { h } from './index-38ad4957.js';
+import { h, F as Fragment } from './index-38ad4957.js';
 import { i as intl } from './global-32d00a6e.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
@@ -28,6 +28,12 @@ const style = {
     gap: "var(--sl-spacing-medium)",
     marginTop: "var(--sl-spacing-large)",
   },
+  NameInput: {
+    "&::part(label)": {
+      fontWeight: "var(--sl-font-weight-normal)",
+      fontSize: "var(--sl-input-label-font-size-medium)",
+    },
+  },
   ErrorMessage: {
     marginTop: "var(--sl-spacing-x-small)",
   },
@@ -95,11 +101,12 @@ function PartnerInfoModalContentView(props) {
     termsAndConditionsLink: (h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
   });
   return (h("div", null,
-    h("style", { type: "text/css" },
-      " ",
-      styleString),
+    h("style", { type: "text/css" }, styleString),
     h("div", { class: sheet.classes.FormFields },
       description,
+      (!states.firstName || !states.lastName) && (h(Fragment, null,
+        h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "First Name", value: states.firstName, "onSl-input": callbacks.onFirstNameChange, disabled: states.submitting, required: true }),
+        h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "Last Name", value: states.lastName, "onSl-input": callbacks.onLastNameChange, disabled: states.submitting, required: true }))),
       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) => {

package/dist/esm/sqm-stencilbook.entry.js

@@ -31,12 +31,12 @@ import './utilities-cbd8f2eb.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-f84c04cf.js';
 import './ErrorView-74cb3af8.js';
 import { Q as QrCodeView } from './sqm-qr-code-view-ce476721.js';
-import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, c as BaseRegistrationFormView, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as ShareLinkView, K as useShareLink, M as ProgressBarView, O as ProgressBar$2, Q as LeadFormView, U as LeadDropdownFieldView, V as ShadowViewAddon } from './ShadowViewAddon-86e90a47.js';
+import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, c as BaseRegistrationFormView, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as ShareLinkView, K as useShareLink, M as ProgressBarView, O as ProgressBar$2, Q as LeadFormView, U as LeadDropdownFieldView, V as ShadowViewAddon } from './ShadowViewAddon-ae0cd8b9.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-200c9df8.js';
 import { I as InvoiceTableView, T as TaxAndCashDashboardView$1, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-ceb3917a.js';
 import { L as LeadInputFieldView } from './sqm-lead-input-field-view-671ff96f.js';
 import './data-8698cbc6.js';
-import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-8f141a4f.js';
+import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-8a5ab2d0.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -14289,7 +14289,7 @@ const defaultCustomizeProps = {
   isSaving: false,
   characterLimit: 30,
   minCharacters: 3,
-  charactersRemaining: 15,
+  charactersRemaining: 30,
   editLimitText: "You can edit your link up to 5 times.",
   editLimitReachedText: "5 edit limit reached. To make more changes, please contact {supportLink}.",
   supportLinkText: "Support",
@@ -19286,6 +19286,8 @@ const demoCurrencies = [
   { currencyCode: "AUD", displayName: "Australian Dollar" },
 ];
 const noopCallbacks = {
+  onFirstNameChange: (e) => console.log("First name changed:", e),
+  onLastNameChange: (e) => console.log("Last name changed:", e),
   onCountryChange: (e) => console.log("Country changed:", e),
   onCurrencyChange: (e) => console.log("Currency changed:", e),
   onCheckboxChange: (e) => console.log("Checkbox changed:", e),
@@ -19318,6 +19320,8 @@ const defaultProps$y = {
     loading: false,
     submitting: false,
     isExistingPartner: false,
+    firstName: "",
+    lastName: "",
     countryCode: "",
     currency: "",
     error: "",
@@ -19435,6 +19439,28 @@ const SQMComponentNewPartner = () => {
       states: { open: true, isExistingPartner: false },
     } }));
 };
+const PartnerHasFirstAndLastName = () => {
+  const props = {
+    ...defaultProps$y,
+    states: {
+      ...defaultProps$y.states,
+      firstName: "John",
+      lastName: "Doe",
+    },
+  };
+  return h(PartnerInfoModalView, Object.assign({}, props));
+};
+const PartnerHasFirstNameOnly = () => {
+  const props = {
+    ...defaultProps$y,
+    states: {
+      ...defaultProps$y.states,
+      firstName: "John",
+      lastName: "",
+    },
+  };
+  return h(PartnerInfoModalView, Object.assign({}, props));
+};
 
 const PartnerInfoModal = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -19449,7 +19475,9 @@ const PartnerInfoModal = /*#__PURE__*/Object.freeze({
   ValidationError: ValidationError$1,
   Closed: Closed,
   SQMComponentExistingPartner: SQMComponentExistingPartner,
-  SQMComponentNewPartner: SQMComponentNewPartner
+  SQMComponentNewPartner: SQMComponentNewPartner,
+  PartnerHasFirstAndLastName: PartnerHasFirstAndLastName,
+  PartnerHasFirstNameOnly: PartnerHasFirstNameOnly
 });
 
 const WidgetVerification_stories = {