@saasquatch/mint-components 2.3.0-12 → 2.3.0-14

package/dist/collection/components/tax-and-cash/sqm-user-info-form/UserInfoFormView.stories.js

@@ -12,7 +12,10 @@ const mockCountries = [
   { countryCode: "FR", displayName: "France" },
   { countryCode: "ES", displayName: "Spain" },
   // Show handling of long country names
-  { countryCode: "CD", displayName: "Congo, The Democratic Republic of the Congo" },
+  {
+    countryCode: "CD",
+    displayName: "Congo, The Democratic Republic of the Congo",
+  },
 ];
 const mockCurrencies = [
   { currencyCode: "USD", displayName: "US Dollar" },
@@ -103,6 +106,8 @@ const baseProps = {
     loading: false,
     isPartner: false,
     isUser: false,
+    isPartnerLegacy: false,
+    isUserLegacy: false,
     formState: {
       firstName: "",
       lastName: "",
@@ -215,6 +220,7 @@ export const PartnerAccount = () => {
   return (h(UserInfoFormView, Object.assign({}, baseProps, { states: {
       ...baseProps.states,
       isPartner: true,
+      isPartnerLegacy: true,
       formState: {
         ...baseProps.states.formState,
         firstName: "Jane",
@@ -234,10 +240,53 @@ export const PartnerAccount = () => {
       partnerData: mockPartnerData,
     } })));
 };
+// Early partner created via <sqm-partner-info-modal>: connectionStatus is "STARTED",
+// publisher has only countryCode + currency populated. Banner must NOT show; only
+// country + currency disabled; firstName/lastName disabled via userData; everything
+// else (phone, address, city, state, postalCode) stays editable.
+export const EarlyPartnerFromModal = () => {
+  return (h(UserInfoFormView, Object.assign({}, baseProps, { states: {
+      ...baseProps.states,
+      isPartner: true,
+      isUser: true,
+      isPartnerLegacy: false,
+      isUserLegacy: false,
+      formState: {
+        ...baseProps.states.formState,
+        firstName: "Jane",
+        lastName: "Smith",
+        email: "jane.smith@example.com",
+        countryCode: "US",
+        currency: "USD",
+        phoneNumberCountryCode: undefined,
+        phoneNumber: undefined,
+        address: undefined,
+        city: undefined,
+        state: undefined,
+        postalCode: undefined,
+      },
+    }, data: {
+      ...baseProps.data,
+      partnerData: {
+        ...mockPartnerData,
+        billingAddress: undefined,
+        billingCity: undefined,
+        billingState: undefined,
+        billingPostalCode: undefined,
+        phoneNumber: undefined,
+        phoneNumberCountryCode: undefined,
+      },
+      userData: {
+        firstName: "Jane",
+        lastName: "Smith",
+      },
+    } })));
+};
 export const UserAccount = () => {
   return (h(UserInfoFormView, Object.assign({}, baseProps, { states: {
       ...baseProps.states,
       isUser: true,
+      isUserLegacy: true,
       formState: {
         ...baseProps.states.formState,
         firstName: "Bob",
@@ -256,6 +305,7 @@ export const UserAccountMissingLastName = () => {
   return (h(UserInfoFormView, Object.assign({}, baseProps, { states: {
       ...baseProps.states,
       isUser: true,
+      isUserLegacy: true,
       formState: {
         ...baseProps.states.formState,
         firstName: "Bob",

package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js

@@ -334,6 +334,14 @@ export const UserInfoFormView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         })))),
+      (states.isPartnerLegacy || states.isUserLegacy) && (h("sqm-form-message", { loading: states.loading, type: "info" },
+        h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
+        h("p", { part: "alert-description" }, intl.formatMessage({
+          id: "isPartnerAlertDescription",
+          defaultMessage: text.isPartnerAlertDescription,
+        }, {
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        })))),
       h("div", null,
         h("div", { class: classes.InputContainer },
           h("sl-input", Object.assign({ class: "ErrorInput", exportparts: "label: input-label, base: input-base", value: formState.firstName, label: text.firstName, disabled: states.disabled || isDisabledUserInput("firstName") }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.firstName) ? {
@@ -386,7 +394,9 @@ export const UserInfoFormView = (props) => {
                     h("div", { slot: "prefix" }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
                     _b.dial_code));
                 })),
-              h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, "onSl-input": (e) => {
+              h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber !== null
+                  ? formState.phoneNumber
+                  : "", "onSl-input": (e) => {
                   var _a;
                   const target = e.target;
                   const country = (((_a = refs.phoneCountryRef.current) === null || _a === void 0 ? void 0 : _a.value) || "US");

package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.js

@@ -864,7 +864,7 @@ export class TaxForm {
       "mutable": false,
       "complexType": {
         "original": "DemoData<UseUserInfoFormResult>",
-        "resolved": "{ states?: { step: string; hideState: boolean; hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; phoneNumberCountryCode: string; phoneNumber: string; countryCode: string; currency: string; address: string; city: string; state: string; postalCode: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; phoneCountryRef: Ref<HTMLSelectElement>; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: TaxCountry[]; phoneCountries: TaxCountry[]; allCurrencies: { displayName: string; currencyCode: string; }[]; allCountries: TaxCountry[]; regionLabelEnum: \"STATE\" | \"PROVINCE\" | \"REGION\"; regions: { label: string; value: string; }[]; partnerData: ImpactPublisher; userData: ImpactUser; }; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }",
+        "resolved": "{ states?: { step: string; hideState: boolean; hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; isUserLegacy: boolean; isPartnerLegacy: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; phoneNumberCountryCode: string; phoneNumber: string; countryCode: string; currency: string; address: string; city: string; state: string; postalCode: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; phoneCountryRef: Ref<HTMLSelectElement>; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: TaxCountry[]; phoneCountries: TaxCountry[]; allCurrencies: { displayName: string; currencyCode: string; }[]; allCountries: TaxCountry[]; regionLabelEnum: \"STATE\" | \"PROVINCE\" | \"REGION\"; regions: { label: string; value: string; }[]; partnerData: ImpactPublisher; userData: ImpactUser; }; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -927,6 +927,8 @@ function useDemoUserInfoForm(props) {
       loading: false,
       isPartner: false,
       isUser: false,
+      isPartnerLegacy: false,
+      isUserLegacy: false,
       loadingError: false,
       formState: {
         errors: {

package/dist/collection/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.js

@@ -16,7 +16,7 @@ const GET_INDIRECT_TAX_COUNTRY_CODE = gql `
   }
 `;
 export function useUserInfoForm(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
   const currencyRef = useRef(undefined);
   const phoneCountryRef = useRef(undefined);
   const formRef = useRef(null);
@@ -122,7 +122,9 @@ export function useUserInfoForm(props) {
       setFilteredPhoneCountries(countries || []);
     }
     else {
-      setFilteredPhoneCountries(countries.filter((c) => c.displayName.toLowerCase().includes(phoneCountrySearch.toLowerCase())) || []);
+      setFilteredPhoneCountries(countries.filter((c) => c.displayName
+        .toLowerCase()
+        .includes(phoneCountrySearch.toLowerCase())) || []);
     }
   }, [phoneCountrySearch, countries]);
   useEffect(() => {
@@ -136,7 +138,7 @@ export function useUserInfoForm(props) {
     }
   }, [currencySearch, currencies]);
   async function connectPartner(formData) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const vars = {
       user: {
         id: user.id,
@@ -153,36 +155,31 @@ export function useUserInfoForm(props) {
       phoneNumber: toDomesticNumber(formData.phoneNumberCountryCode, formData.phoneNumber),
       phoneNumberCountryCode: formData.phoneNumberCountryCode,
     };
-    // If the partner has already been started call completeImpactPartner to
-    // update the remaining details. Otherwise create a new connection.
-    // const userData = data?.user;
+    // if user went through early partner creation, connectionStatus === "STARTED"
+    // otherwise trigger legacy partner creation
+    const userData = data === null || data === void 0 ? void 0 : data.user;
     let result = null;
     let connectionResult;
-    result = await completeImpactPartner({
-      vars,
-    });
-    connectionResult = (_a = result) === null || _a === void 0 ? void 0 : _a.completeImpactConnection;
-    // if (userData?.impactConnection?.connectionStatus === "STARTED") {
-    //   result = await completeImpactPartner({
-    //     vars,
-    //   });
-    //   connectionResult = (result as CompletePartnerResult)
-    //     ?.completeImpactConnection;
-    // } else {
-    //   result = await connectImpactPartner({
-    //     vars,
-    //   });
-    //   connectionResult = (result as ConnectPartnerResult)
-    //     ?.createImpactConnection;
-    // }
-    if (!result || ((_b = result) === null || _b === void 0 ? void 0 : _b.message))
+    if (((_a = userData === null || userData === void 0 ? void 0 : userData.impactConnection) === null || _a === void 0 ? void 0 : _a.connectionStatus) === "STARTED") {
+      result = await completeImpactPartner({
+        vars,
+      });
+      connectionResult = (_b = result) === null || _b === void 0 ? void 0 : _b.completeImpactConnection;
+    }
+    else {
+      result = await connectImpactPartner({
+        vars,
+      });
+      connectionResult = (_c = result) === null || _c === void 0 ? void 0 : _c.createImpactConnection;
+    }
+    if (!result || ((_d = result) === null || _d === void 0 ? void 0 : _d.message))
       throw new Error();
     if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
       console.error("Failed to create Impact connection: ", connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors);
       throw new Error();
     }
     await refetch();
-    const resultPublisher = (_d = (_c = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.publisher;
+    const resultPublisher = (_f = (_e = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _e === void 0 ? void 0 : _e.impactConnection) === null || _f === void 0 ? void 0 : _f.publisher;
     const hasValidCurrentDocument = validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
     // Fire form change event
     window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
@@ -316,6 +313,11 @@ export function useUserInfoForm(props) {
       loading: loading || connectLoading || completeLoading,
       isPartner: !!((_g = (_f = data === null || data === void 0 ? void 0 : data.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher),
       isUser: !!((_j = (_h = data === null || data === void 0 ? void 0 : data.user) === null || _h === void 0 ? void 0 : _h.impactConnection) === null || _j === void 0 ? void 0 : _j.user),
+      // Show banner when pre-existing partner is created with legacy mutation createImpactConnection
+      isUserLegacy: !!((_l = (_k = data === null || data === void 0 ? void 0 : data.user) === null || _k === void 0 ? void 0 : _k.impactConnection) === null || _l === void 0 ? void 0 : _l.user) &&
+        ((_o = (_m = data === null || data === void 0 ? void 0 : data.user) === null || _m === void 0 ? void 0 : _m.impactConnection) === null || _o === void 0 ? void 0 : _o.connectionStatus) !== "STARTED",
+      isPartnerLegacy: !!((_q = (_p = data === null || data === void 0 ? void 0 : data.user) === null || _p === void 0 ? void 0 : _p.impactConnection) === null || _q === void 0 ? void 0 : _q.publisher) &&
+        ((_s = (_r = data === null || data === void 0 ? void 0 : data.user) === null || _r === void 0 ? void 0 : _r.impactConnection) === null || _s === void 0 ? void 0 : _s.connectionStatus) !== "STARTED",
       formState: {
         ...userFormContext,
         errors: formErrors,

package/dist/esm/sqm-banking-info-form_10.entry.js

@@ -14,11 +14,11 @@ import { u as useRerenderListener, a as useRequestRerender } from './re-render-b
 import { u as useChildElements } from './useChildElements-06937df7.js';
 import { l as luxon } from './luxon-1be92a8e.js';
 import { g as generateUserError } from './useReferralTable-03d32c6f.js';
-import { O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, T as TaxAndCashDashboardView, U as UserInfoFormView } from './sqm-user-info-form-view-5051c1d0.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, T as TaxAndCashDashboardView, U as UserInfoFormView } from './sqm-user-info-form-view-647a2bd5.js';
 import { F as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, f as FINANCE_NETWORK_SETTINGS_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, C as CURRENCIES_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE } from './data-8698cbc6.js';
 import { c as VERIFICATION_EVENT_KEY } from './keys-1054056a.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
-import { a as useIndirectTaxForm, b as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY, c as CONNECT_PARTNER, C as COMPLETE_PARTNER } from './useIndirectTaxForm-d7d6be39.js';
+import { a as useIndirectTaxForm, b as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY, c as CONNECT_PARTNER, C as COMPLETE_PARTNER } from './useIndirectTaxForm-38cd984e.js';
 
 function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76;
@@ -866,10 +866,10 @@ const API_FIELD_TO_FORM_FIELD = {
   bankProvinceState: "bankState",
 };
 /**
- * Maps Impact API error code paths (from validationErrors[].errorPath) to short,
+ * Maps Impact API error codes (from validationErrors[].code) to short,
  * readable frontend error codes used in the ICU select props.
  */
-const API_ERROR_PATH_TO_FRONTEND = {
+const API_ERROR_CODE_TO_FRONTEND = {
   // Beneficiary account name
   "withdrawal.settings.error.empty_beneficiaryname": "empty",
   "withdrawal.settings.error.invalid_character_beneficiaryname": "invalidCharacters",
@@ -1160,7 +1160,7 @@ function useBankingInfoForm(props) {
         console.error("Validation failed: ", validationErrors);
         const mappedValidationErrors = validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.reduce((agg, error) => {
           const formField = API_FIELD_TO_FORM_FIELD[error.field] || error.field;
-          const errorCode = API_ERROR_PATH_TO_FRONTEND[error.errorPath] || error.errorPath;
+          const errorCode = API_ERROR_CODE_TO_FRONTEND[error.code] || error.code;
           return {
             ...agg,
             [formField]: {
@@ -2836,6 +2836,14 @@ const IndirectTaxFormView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         }))),
+      states.isPartnerLegacy && (h("sqm-form-message", { loading: states.loading, type: "info" },
+        h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
+        intl.formatMessage({
+          id: "isPartnerAlertDescription",
+          defaultMessage: text.isPartnerAlertDescription,
+        }, {
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        }))),
       h("div", null,
         h("h4", null, text.indirectTaxDetails))),
     states.loading ? (h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } })) : (h("div", null,
@@ -3075,6 +3083,7 @@ function useDemoIndirectTaxForm(props) {
       disabled: false,
       loading: false,
       isPartner: false,
+      isPartnerLegacy: false,
       loadingError: false,
       errors: {},
       formState: {
@@ -4432,7 +4441,7 @@ const GET_INDIRECT_TAX_COUNTRY_CODE = dist.gql `
   }
 `;
 function useUserInfoForm(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
   const currencyRef = useRef(undefined);
   const phoneCountryRef = useRef(undefined);
   const formRef = useRef(null);
@@ -4538,7 +4547,9 @@ function useUserInfoForm(props) {
       setFilteredPhoneCountries(countries || []);
     }
     else {
-      setFilteredPhoneCountries(countries.filter((c) => c.displayName.toLowerCase().includes(phoneCountrySearch.toLowerCase())) || []);
+      setFilteredPhoneCountries(countries.filter((c) => c.displayName
+        .toLowerCase()
+        .includes(phoneCountrySearch.toLowerCase())) || []);
     }
   }, [phoneCountrySearch, countries]);
   useEffect(() => {
@@ -4552,7 +4563,7 @@ function useUserInfoForm(props) {
     }
   }, [currencySearch, currencies]);
   async function connectPartner(formData) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const vars = {
       user: {
         id: user.id,
@@ -4569,36 +4580,31 @@ function useUserInfoForm(props) {
       phoneNumber: toDomesticNumber(formData.phoneNumberCountryCode, formData.phoneNumber),
       phoneNumberCountryCode: formData.phoneNumberCountryCode,
     };
-    // If the partner has already been started call completeImpactPartner to
-    // update the remaining details. Otherwise create a new connection.
-    // const userData = data?.user;
+    // if user went through early partner creation, connectionStatus === "STARTED"
+    // otherwise trigger legacy partner creation
+    const userData = data === null || data === void 0 ? void 0 : data.user;
     let result = null;
     let connectionResult;
-    result = await completeImpactPartner({
-      vars,
-    });
-    connectionResult = (_a = result) === null || _a === void 0 ? void 0 : _a.completeImpactConnection;
-    // if (userData?.impactConnection?.connectionStatus === "STARTED") {
-    //   result = await completeImpactPartner({
-    //     vars,
-    //   });
-    //   connectionResult = (result as CompletePartnerResult)
-    //     ?.completeImpactConnection;
-    // } else {
-    //   result = await connectImpactPartner({
-    //     vars,
-    //   });
-    //   connectionResult = (result as ConnectPartnerResult)
-    //     ?.createImpactConnection;
-    // }
-    if (!result || ((_b = result) === null || _b === void 0 ? void 0 : _b.message))
+    if (((_a = userData === null || userData === void 0 ? void 0 : userData.impactConnection) === null || _a === void 0 ? void 0 : _a.connectionStatus) === "STARTED") {
+      result = await completeImpactPartner({
+        vars,
+      });
+      connectionResult = (_b = result) === null || _b === void 0 ? void 0 : _b.completeImpactConnection;
+    }
+    else {
+      result = await connectImpactPartner({
+        vars,
+      });
+      connectionResult = (_c = result) === null || _c === void 0 ? void 0 : _c.createImpactConnection;
+    }
+    if (!result || ((_d = result) === null || _d === void 0 ? void 0 : _d.message))
       throw new Error();
     if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
       console.error("Failed to create Impact connection: ", connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors);
       throw new Error();
     }
     await refetch();
-    const resultPublisher = (_d = (_c = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.publisher;
+    const resultPublisher = (_f = (_e = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _e === void 0 ? void 0 : _e.impactConnection) === null || _f === void 0 ? void 0 : _f.publisher;
     const hasValidCurrentDocument = validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
     // Fire form change event
     window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
@@ -4732,6 +4738,11 @@ function useUserInfoForm(props) {
       loading: loading || connectLoading || completeLoading,
       isPartner: !!((_g = (_f = data === null || data === void 0 ? void 0 : data.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher),
       isUser: !!((_j = (_h = data === null || data === void 0 ? void 0 : data.user) === null || _h === void 0 ? void 0 : _h.impactConnection) === null || _j === void 0 ? void 0 : _j.user),
+      // Show banner when pre-existing partner is created with legacy mutation createImpactConnection
+      isUserLegacy: !!((_l = (_k = data === null || data === void 0 ? void 0 : data.user) === null || _k === void 0 ? void 0 : _k.impactConnection) === null || _l === void 0 ? void 0 : _l.user) &&
+        ((_o = (_m = data === null || data === void 0 ? void 0 : data.user) === null || _m === void 0 ? void 0 : _m.impactConnection) === null || _o === void 0 ? void 0 : _o.connectionStatus) !== "STARTED",
+      isPartnerLegacy: !!((_q = (_p = data === null || data === void 0 ? void 0 : data.user) === null || _p === void 0 ? void 0 : _p.impactConnection) === null || _q === void 0 ? void 0 : _q.publisher) &&
+        ((_s = (_r = data === null || data === void 0 ? void 0 : data.user) === null || _r === void 0 ? void 0 : _r.impactConnection) === null || _s === void 0 ? void 0 : _s.connectionStatus) !== "STARTED",
       formState: {
         ...userFormContext,
         errors: formErrors,
@@ -4949,6 +4960,8 @@ function useDemoUserInfoForm(props) {
       loading: false,
       isPartner: false,
       isUser: false,
+      isPartnerLegacy: false,
+      isUserLegacy: false,
       loadingError: false,
       formState: {
         errors: {

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

@@ -30,7 +30,7 @@ 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';
 import './eventKeys-f76b6a03.js';
-import { u as usePayoutStatus, C as COMPLETE_PARTNER } from './useIndirectTaxForm-d7d6be39.js';
+import { u as usePayoutStatus, C as COMPLETE_PARTNER } from './useIndirectTaxForm-38cd984e.js';
 import { p as parseStates } from './parseStates-ed75e224.js';
 
 /**
@@ -6797,7 +6797,6 @@ function useTaxAndCash() {
       setCurrenciesContext(supportedCurrencies);
   }, [supportedCurrencies]);
   useEffect(() => {
-    var _a;
     if (errors) {
       setStep("/error");
       return;
@@ -6841,13 +6840,19 @@ function useTaxAndCash() {
       const user = data === null || data === void 0 ? void 0 : data.user;
       if (!user || step !== "/loading")
         return;
-      if (((_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) &&
-        (user === null || user === void 0 ? void 0 : user.impactConnection.connectionStatus) === "STARTED") {
-        completeConnection(user);
-        refetch();
+      async function routeAfterMaybeCompleting() {
+        var _a;
+        if (((_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) &&
+          (user === null || user === void 0 ? void 0 : user.impactConnection.connectionStatus) === "STARTED") {
+          // Finish the early-created connection before routing so the next
+          // step sees the completed status
+          await completeConnection(user);
+          await refetch();
+        }
+        const currentStep = getCurrentStep(user);
+        setStep(currentStep);
       }
-      const currentStep = getCurrentStep(user);
-      setStep(currentStep);
+      routeAfterMaybeCompleting();
     }
   }, [host, user, (_e = data === null || data === void 0 ? void 0 : data.user) === null || _e === void 0 ? void 0 : _e.email, errors]);
   function getFinanceNetworkFilter() {
@@ -8392,9 +8397,11 @@ function useWidgetVerification() {
   };
   const onPartnerModalComplete = () => {
     setShowPartnerModal(false);
+    // Reset the latch so a later partner creation can re-trigger this effect
     setPartnerCreated(false);
     setContext(true);
   };
+  // The modal signals completion by flipping partnerCreated; advance the flow here
   useEffect(() => {
     if (partnerCreated)
       onPartnerModalComplete();

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-bc843d7d.js';
+import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-6b9c512f.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';
@@ -502,7 +502,8 @@ function usePartnerInfoModal(props) {
   const { data: currenciesData, loading: currenciesLoading } = wn(GET_CURRENCIES, { variables: { locale } });
   const { data: countriesData, loading: countriesLoading } = wn(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 [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 } : {} },
@@ -601,11 +602,7 @@ function usePartnerInfoModal(props) {
   }
   async function onSubmit() {
     var _a, _b;
-    if (!allowBankingCollection) {
-      setError(props.missingFieldsErrorText);
-      return;
-    }
-    if (!countryCode || !currency) {
+    if (!allowBankingCollection || !countryCode || !currency) {
       setError(props.missingFieldsErrorText);
       return;
     }

package/dist/esm/{sqm-partner-info-modal-view-bc843d7d.js → sqm-partner-info-modal-view-6b9c512f.js}

@@ -129,13 +129,14 @@ function PartnerInfoModalView(props) {
   const styleString = sheet.toString();
   if (!states.open)
     return h("div", null);
+  const modalHeader = states.isExistingPartner
+    ? text.modalHeaderExistingPartner
+    : text.modalHeader;
   return (h("div", null,
     h("style", { type: "text/css" },
       " ",
       styleString),
-    h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
-        ? text.modalHeaderExistingPartner
-        : text.modalHeader, "onSl-request-close": (e) => {
+    h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: modalHeader, "onSl-request-close": (e) => {
         e.preventDefault();
       }, "onSl-hide": (e) => {
         var _a;
@@ -143,9 +144,7 @@ function PartnerInfoModalView(props) {
           e.preventDefault();
         }
       }, "onSl-initial-focus": callbacks.onInitialFocus },
-      h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
-        ? text.modalHeaderExistingPartner
-        : text.modalHeader),
+      h("h2", { class: sheet.classes.DialogTitle }, modalHeader),
       h(PartnerInfoModalContentView, Object.assign({}, props)))));
 }
 

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

@@ -33,10 +33,10 @@ 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-e115fa1c.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-5051c1d0.js';
+import { I as InvoiceTableView, T as TaxAndCashDashboardView$1, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-647a2bd5.js';
 import { L as LeadInputFieldView } from './sqm-lead-input-field-view-b945edf4.js';
 import './data-8698cbc6.js';
-import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-bc843d7d.js';
+import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-6b9c512f.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -16699,6 +16699,8 @@ const stepOneProps = {
     disabled: false,
     isPartner: false,
     isUser: false,
+    isPartnerLegacy: false,
+    isUserLegacy: false,
     loadingError: false,
     formState: {
       firstName: "Bob",
@@ -16819,6 +16821,7 @@ const stepTwoProps = {
     disabled: false,
     loading: false,
     isPartner: false,
+    isPartnerLegacy: false,
     loadingError: false,
     formState: {
       checked: undefined,
@@ -18881,7 +18884,10 @@ const mockCountries = [
   { countryCode: "FR", displayName: "France" },
   { countryCode: "ES", displayName: "Spain" },
   // Show handling of long country names
-  { countryCode: "CD", displayName: "Congo, The Democratic Republic of the Congo" },
+  {
+    countryCode: "CD",
+    displayName: "Congo, The Democratic Republic of the Congo",
+  },
 ];
 const mockCurrencies = [
   { currencyCode: "USD", displayName: "US Dollar" },
@@ -18972,6 +18978,8 @@ const baseProps = {
     loading: false,
     isPartner: false,
     isUser: false,
+    isPartnerLegacy: false,
+    isUserLegacy: false,
     formState: {
       firstName: "",
       lastName: "",
@@ -19084,6 +19092,7 @@ const PartnerAccount = () => {
   return (h(UserInfoFormView$1, Object.assign({}, baseProps, { states: {
       ...baseProps.states,
       isPartner: true,
+      isPartnerLegacy: true,
       formState: {
         ...baseProps.states.formState,
         firstName: "Jane",
@@ -19103,10 +19112,53 @@ const PartnerAccount = () => {
       partnerData: mockPartnerData,
     } })));
 };
+// Early partner created via <sqm-partner-info-modal>: connectionStatus is "STARTED",
+// publisher has only countryCode + currency populated. Banner must NOT show; only
+// country + currency disabled; firstName/lastName disabled via userData; everything
+// else (phone, address, city, state, postalCode) stays editable.
+const EarlyPartnerFromModal = () => {
+  return (h(UserInfoFormView$1, Object.assign({}, baseProps, { states: {
+      ...baseProps.states,
+      isPartner: true,
+      isUser: true,
+      isPartnerLegacy: false,
+      isUserLegacy: false,
+      formState: {
+        ...baseProps.states.formState,
+        firstName: "Jane",
+        lastName: "Smith",
+        email: "jane.smith@example.com",
+        countryCode: "US",
+        currency: "USD",
+        phoneNumberCountryCode: undefined,
+        phoneNumber: undefined,
+        address: undefined,
+        city: undefined,
+        state: undefined,
+        postalCode: undefined,
+      },
+    }, data: {
+      ...baseProps.data,
+      partnerData: {
+        ...mockPartnerData,
+        billingAddress: undefined,
+        billingCity: undefined,
+        billingState: undefined,
+        billingPostalCode: undefined,
+        phoneNumber: undefined,
+        phoneNumberCountryCode: undefined,
+      },
+      userData: {
+        firstName: "Jane",
+        lastName: "Smith",
+      },
+    } })));
+};
 const UserAccount = () => {
   return (h(UserInfoFormView$1, Object.assign({}, baseProps, { states: {
       ...baseProps.states,
       isUser: true,
+      isUserLegacy: true,
       formState: {
         ...baseProps.states.formState,
         firstName: "Bob",
@@ -19125,6 +19177,7 @@ const UserAccountMissingLastName = () => {
   return (h(UserInfoFormView$1, Object.assign({}, baseProps, { states: {
       ...baseProps.states,
       isUser: true,
+      isUserLegacy: true,
       formState: {
         ...baseProps.states.formState,
         firstName: "Bob",
@@ -19204,6 +19257,7 @@ const UserInfoFormView = /*#__PURE__*/Object.freeze({
   WithValidationErrors: WithValidationErrors,
   WithGeneralError: WithGeneralError,
   PartnerAccount: PartnerAccount,
+  EarlyPartnerFromModal: EarlyPartnerFromModal,
   UserAccount: UserAccount,
   UserAccountMissingLastName: UserAccountMissingLastName,
   CanadianAddress: CanadianAddress,