@saasquatch/mint-components 2.3.0-9 → 2.3.0

package/dist/cjs/{ShadowViewAddon-3b477e58.js → ShadowViewAddon-05c6968d.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-258c36b8.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
@@ -2369,7 +2369,7 @@ const vanillaStyle$2 = `
 }
 sl-select::part(label){
   font-size: var(--sl-input-label-font-size-small);
-  font-weight: var(--sl-font-weight-semibold);
+  font-weight: var(--sl-font-weight-bold);
 }
 `;
 JSS.jss.setup(JSS.create());
@@ -2774,7 +2774,7 @@ const vanillaStyle$4 = `
 
 *::part(input-label), *::part(select-label), *::part(textarea-label){
   font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
-  font-weight: var(--sl-font-weight-semibold);
+  font-weight: var(--sl-font-weight-bold);
   color: var(--sqm-input-label-color, var(--sqm-text), black);
 }
 
@@ -4828,7 +4828,7 @@ const vanillaStyle$8 = `
 }
 sl-select::part(label){
   font-size: var(--sl-input-label-font-size-small);
-  font-weight: var(--sl-font-weight-semibold);
+  font-weight: var(--sl-font-weight-bold);
 }
 sl-select::part(menu){
   max-height: 300px;

package/dist/cjs/{global-b7b1b8fe.js → global-258c36b8.js}

@@ -26526,7 +26526,7 @@ html {
   --sqm-input-border-color-focus: ${((_68 = config === null || config === void 0 ? void 0 : config.formFields) === null || _68 === void 0 ? void 0 : _68.selectedStateColor) || "hsl(0, 0%, 7%)"};
   --sqm-input-border-color-hover: ${((_69 = config === null || config === void 0 ? void 0 : config.formFields) === null || _69 === void 0 ? void 0 : _69.hoverStateColor) || "hsl(0, 0%, 91%)"};
 
-  --sqm-input-label-font-size: inherit;
+  --sqm-input-label-font-size: var(--sl-input-label-font-size-small);
   --sqm-input-disabled-color: var(--sqm-text-subdued);
   --sqm-input-disabled-background: ${((_70 = config === null || config === void 0 ? void 0 : config.formFields) === null || _70 === void 0 ? void 0 : _70.disabledBackgroundColor) || "#F4F4F5"};
 
@@ -26722,7 +26722,6 @@ sl-button[type="primary"]::part(base):hover{
   color: var(--sqm-primary-button-color-hover);
 }
 
-
 *::part(primarybutton-base):focus,
 sl-button[type="primary"]::part(base):focus {
   box-shadow: none;
@@ -26747,10 +26746,15 @@ sl-button[type="secondary"]::part(base):hover {
 *::part(input-label), *::part(select-label), *::part(textarea-label){
   font-family: var(--sqm-primary-font);
   font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
-  font-weight: var(--sl-font-weight-semibold);
+  font-weight: var(--sl-font-weight-bold);
   color: var(--sqm-input-label-color, var(--sqm-text), black);
 }
 
+sl-input::part(label) {
+  font-weight: var(--sl-font-weight-bold);
+  font-size: var(--sl-input-font-size-small);
+}
+
 *::part(input-base), *::part(select-base), *::part(textarea-base){
   font-family: var(--sqm-primary-font);
   background-color: var(--sqm-input-background, #fff);

package/dist/cjs/loader.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-require('./global-b7b1b8fe.js');
+require('./global-258c36b8.js');
 require('./dom-context-hooks.module-e7b6727c.js');
 require('./index.module-f8c8495f.js');
 

package/dist/cjs/mint-components.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-require('./global-b7b1b8fe.js');
+require('./global-258c36b8.js');
 require('./dom-context-hooks.module-e7b6727c.js');
 require('./index.module-f8c8495f.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-258c36b8.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 const index_module = require('./index.module-f8c8495f.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
@@ -11,17 +11,18 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
+require('./AsYouType-d15caac8.js');
+const subregions = require('./subregions-3d27e279.js');
 const GenericTableView = require('./GenericTableView-be5648e4.js');
 const reRender = require('./re-render-72a0ef45.js');
 const useChildElements = require('./useChildElements-041127d7.js');
 const luxon = require('./luxon-c1ad356a.js');
 const useReferralTable = require('./useReferralTable-6e9de0d5.js');
-const sqmUserInfoFormView = require('./sqm-user-info-form-view-374a3f01.js');
-const subregions = require('./subregions-984e30d7.js');
+const sqmUserInfoFormView = require('./sqm-user-info-form-view-c5f9b79b.js');
 const data = require('./data-89ac73dd.js');
 const keys = require('./keys-5a2c9ed2.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
-const useIndirectTaxForm = require('./useIndirectTaxForm-112914a0.js');
+const useIndirectTaxForm = require('./useIndirectTaxForm-5211013b.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;
@@ -869,10 +870,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",
@@ -1163,7 +1164,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]: {
@@ -2839,7 +2840,7 @@ const IndirectTaxFormView = (props) => {
         }, {
           supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         }))),
-      states.isPartner && (index.h("sqm-form-message", { loading: states.loading, type: "info" },
+      states.isPartnerLegacy && (index.h("sqm-form-message", { loading: states.loading, type: "info" },
         index.h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
         global.intl.formatMessage({
           id: "isPartnerAlertDescription",
@@ -2852,11 +2853,11 @@ const IndirectTaxFormView = (props) => {
     states.loading ? (index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } })) : (index.h("div", null,
       index.h("div", { class: classes.RadioContainer },
         index.h("div", { class: classes.InnerRadioContainer },
-          index.h("sl-radio", { exportparts: "base: radio-base", name: "/checked", value: "notRegistered", id: "notRegistered", checked: formState.checked === "notRegistered", onInput: () => callbacks.onChange("notRegistered"), disabled: states.disabled || states.isPartner },
+          index.h("sl-radio", { exportparts: "base: radio-base", name: "/checked", value: "notRegistered", id: "notRegistered", checked: formState.checked === "notRegistered", onInput: () => callbacks.onChange("notRegistered"), disabled: states.disabled },
             index.h("div", { class: classes.RadioContent },
               text.notRegistered,
               index.h("p", { class: classes.DescriptionText }, text.notRegisteredSubtext))),
-          index.h("sl-radio", { exportparts: "base: radio-base", name: "/checked", value: "otherRegion", id: "otherRegion", checked: formState.checked === "otherRegion", onInput: () => callbacks.onChange("otherRegion"), disabled: states.disabled || states.isPartner },
+          index.h("sl-radio", { exportparts: "base: radio-base", name: "/checked", value: "otherRegion", id: "otherRegion", checked: formState.checked === "otherRegion", onInput: () => callbacks.onChange("otherRegion"), disabled: states.disabled },
             index.h("div", { class: classes.RadioContent },
               text.otherRegion,
               index.h("p", { class: classes.DescriptionText }, text.otherRegionSubtext))),
@@ -3061,7 +3062,7 @@ const IndirectTaxForm = class {
       : useIndirectTaxForm.useIndirectTaxForm(this);
     const registeredInDifferentCountryDetailsSlot = (index.h(sqmUserInfoFormView.OtherRegionSlotView, { states: {
         hide: props.states.formState.checked !== "otherRegion",
-        disabled: props.states.disabled || props.states.isPartner,
+        disabled: props.states.disabled,
         formState: props.slotProps.formState,
         loading: props.states.loading,
         isPartner: props.states.isPartner,
@@ -3086,6 +3087,7 @@ function useDemoIndirectTaxForm(props) {
       disabled: false,
       loading: false,
       isPartner: false,
+      isPartnerLegacy: false,
       loadingError: false,
       errors: {},
       formState: {
@@ -4443,7 +4445,7 @@ const GET_INDIRECT_TAX_COUNTRY_CODE = index_module.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 = domContextHooks_module.useRef(undefined);
   const phoneCountryRef = domContextHooks_module.useRef(undefined);
   const formRef = domContextHooks_module.useRef(null);
@@ -4549,7 +4551,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]);
   domContextHooks_module.useEffect(() => {
@@ -4563,7 +4567,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,
@@ -4577,36 +4581,34 @@ function useUserInfoForm(props) {
       city: formData.city,
       state: formData.state,
       postalCode: formData.postalCode,
-      phoneNumber: formData.phoneNumber,
+      phoneNumber: subregions.toDomesticNumber(formData.phoneNumberCountryCode, formData.phoneNumber),
       phoneNumberCountryCode: formData.phoneNumberCountryCode,
     };
+    // if user went through early partner creation, connectionStatus === "STARTED"
+    // otherwise trigger legacy partner creation
+    const userData = data$1 === null || data$1 === void 0 ? void 0 : data$1.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 = subregions.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(eventKeys.TAX_FORM_UPDATED_EVENT_KEY));
@@ -4644,12 +4646,13 @@ function useUserInfoForm(props) {
       return;
     }
     const { allowBankingCollection, ...userData } = formData;
+    const normalizedPhoneNumber = subregions.toDomesticNumber(userData.phoneNumberCountryCode, userData.phoneNumber);
     setUserFormContext({
       ...userFormContext,
       firstName: userData.firstName,
       lastName: userData.lastName,
       phoneNumberCountryCode: userData.phoneNumberCountryCode,
-      phoneNumber: userData.phoneNumber,
+      phoneNumber: normalizedPhoneNumber,
       countryCode: userData.countryCode,
       address: userData.address,
       city: userData.city,
@@ -4660,7 +4663,10 @@ function useUserInfoForm(props) {
     const skipNextStep = getSkipNextStep(userData);
     if (skipNextStep) {
       try {
-        const { resultPublisher, hasValidCurrentDocument } = await connectPartner(formData);
+        const { resultPublisher, hasValidCurrentDocument } = await connectPartner({
+          ...formData,
+          phoneNumber: normalizedPhoneNumber,
+        });
         if ((resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) &&
           !hasValidCurrentDocument) {
           // Go to docusign form
@@ -4736,6 +4742,11 @@ function useUserInfoForm(props) {
       loading: loading || connectLoading || completeLoading,
       isPartner: !!((_g = (_f = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher),
       isUser: !!((_j = (_h = data$1 === null || data$1 === void 0 ? void 0 : data$1.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$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _k === void 0 ? void 0 : _k.impactConnection) === null || _l === void 0 ? void 0 : _l.user) &&
+        ((_o = (_m = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _m === void 0 ? void 0 : _m.impactConnection) === null || _o === void 0 ? void 0 : _o.connectionStatus) !== "STARTED",
+      isPartnerLegacy: !!((_q = (_p = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _p === void 0 ? void 0 : _p.impactConnection) === null || _q === void 0 ? void 0 : _q.publisher) &&
+        ((_s = (_r = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _r === void 0 ? void 0 : _r.impactConnection) === null || _s === void 0 ? void 0 : _s.connectionStatus) !== "STARTED",
       formState: {
         ...userFormContext,
         errors: formErrors,
@@ -4953,6 +4964,8 @@ function useDemoUserInfoForm(props) {
       loading: false,
       isPartner: false,
       isUser: false,
+      isPartnerLegacy: false,
+      isUserLegacy: false,
       loadingError: false,
       formState: {
         errors: {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-258c36b8.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 const index_module = require('./index.module-f8c8495f.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
@@ -14,9 +14,11 @@ require('./useReferralCodes-0f7948af.js');
 require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-bb2c0ea7.js');
 require('./sqm-text-span-view-b9e10f5d.js');
-const usePortalRegistrationForm = require('./usePortalRegistrationForm-23ee2d62.js');
+const AsYouType = require('./AsYouType-d15caac8.js');
+const subregions = require('./subregions-3d27e279.js');
 const useRegistrationFormState = require('./useRegistrationFormState-4fe5b770.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-a45f7a52.js');
+const usePortalRegistrationForm = require('./usePortalRegistrationForm-8a3a14ac.js');
 const reRender = require('./re-render-72a0ef45.js');
 const useChildElements = require('./useChildElements-041127d7.js');
 const luxon = require('./luxon-c1ad356a.js');
@@ -24,16 +26,15 @@ const index$1 = require('./index-8c6255f5.js');
 const imageUrl = require('./imageUrl-a7880cab.js');
 const emailRegistrationView = require('./email-registration-view-306c8878.js');
 const useInstantAccessRegistration = require('./useInstantAccessRegistration-2398df36.js');
-const useLeadFormState = require('./useLeadFormState-b4c2ab5b.js');
+const useLeadFormState = require('./useLeadFormState-bf49984b.js');
 const utilities = require('./utilities-fcdb9504.js');
 const ErrorView = require('./ErrorView-ee7b0f36.js');
-const ShadowViewAddon = require('./ShadowViewAddon-3b477e58.js');
+const ShadowViewAddon = require('./ShadowViewAddon-05c6968d.js');
 require('./sqm-portal-container-view-757f921b.js');
-const subregions = require('./subregions-984e30d7.js');
 const data = require('./data-89ac73dd.js');
 const keys = require('./keys-5a2c9ed2.js');
 require('./eventKeys-7af4df4d.js');
-const useIndirectTaxForm = require('./useIndirectTaxForm-112914a0.js');
+const useIndirectTaxForm = require('./useIndirectTaxForm-5211013b.js');
 const parseStates = require('./parseStates-d1effc19.js');
 
 /**
@@ -2145,7 +2146,7 @@ function useLeadForm(props) {
     const name = (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toLowerCase();
     if (name !== "tel")
       return;
-    const asYouType = new usePortalRegistrationForm.AsYouType("US");
+    const asYouType = new AsYouType.AsYouType("US");
     e.target.value = asYouType.input(e.target.value);
   }, []);
   function resetForm() {
@@ -6661,15 +6662,19 @@ function getCurrentStep(user) {
   if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected) || !((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher)) {
     return "/1";
   }
-  const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, payoutsAccount, billingAddress, billingCity, billingCountryCode, billingPostalCode, billingState, phoneNumber, phoneNumberCountryCode, } = user.impactConnection.publisher;
-  const hasBillingInfo = billingAddress &&
-    billingCity &&
-    billingCountryCode &&
-    billingPostalCode &&
-    phoneNumberCountryCode &&
-    phoneNumber;
-  if (!hasBillingInfo) {
-    return "/1";
+  const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, payoutsAccount, billingAddress, billingCity, billingCountryCode, billingPostalCode, phoneNumber, phoneNumberCountryCode, } = user.impactConnection.publisher;
+  const isCompleted = user.impactConnection.connectionStatus === "COMPLETED";
+  if (!isCompleted) {
+    const hasBillingInfo = billingAddress &&
+      billingCity &&
+      billingCountryCode &&
+      billingPostalCode &&
+      phoneNumberCountryCode &&
+      phoneNumber &&
+      subregions.isValidI18nPhoneNumber(phoneNumberCountryCode, phoneNumber);
+    if (!hasBillingInfo) {
+      return "/1";
+    }
   }
   // If they do have a required document, look at current document
   if (requiredTaxDocumentType && !currentTaxDocument) {
@@ -6688,7 +6693,7 @@ function useTaxAndCash() {
   const host = index_module._();
   const user = index_module.J();
   const locale = index_module.L();
-  const [completeImpactPartner, { loading: completeLoading }] = index_module.$e(useIndirectTaxForm.COMPLETE_PARTNER);
+  const [completeImpactPartner] = index_module.$e(useIndirectTaxForm.COMPLETE_PARTNER);
   // State for current step of form
   const [step, setStep] = index_module.In({
     namespace: data.TAX_CONTEXT_NAMESPACE,
@@ -6796,7 +6801,6 @@ function useTaxAndCash() {
       setCurrenciesContext(supportedCurrencies);
   }, [supportedCurrencies]);
   domContextHooks_module.useEffect(() => {
-    var _a;
     if (errors) {
       setStep("/error");
       return;
@@ -6811,7 +6815,8 @@ function useTaxAndCash() {
         publisher.billingCountryCode &&
         publisher.billingPostalCode &&
         publisher.phoneNumberCountryCode &&
-        publisher.phoneNumber;
+        publisher.phoneNumber &&
+        subregions.isValidI18nPhoneNumber(publisher.phoneNumberCountryCode, publisher.phoneNumber);
       if (hasBillingInfo &&
         ((_b = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _b === void 0 ? void 0 : _b.connectionStatus) === "STARTED") {
         const vars = {
@@ -6839,13 +6844,19 @@ function useTaxAndCash() {
       const user = data$1 === null || data$1 === void 0 ? void 0 : data$1.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$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _e === void 0 ? void 0 : _e.email, errors]);
   function getFinanceNetworkFilter() {
@@ -8390,9 +8401,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
   domContextHooks_module.useEffect(() => {
     if (partnerCreated)
       onPartnerModalComplete();

package/dist/cjs/sqm-code-verification.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-258c36b8.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-258c36b8.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.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-2b6fee0f.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-243aad7b.js');
 const keys = require('./keys-5a2c9ed2.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 const parseStates = require('./parseStates-d1effc19.js');
@@ -243,7 +243,7 @@ sl-button[type="secondary"]::part(base):hover {
 *::part(input-label), *::part(select-label), *::part(textarea-label){
   font-family: var(--sqm-primary-font);
   font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
-  font-weight: var(--sl-font-weight-semibold);
+  font-weight: var(--sl-font-weight-bold);
   color: var(--sqm-input-label-color, var(--sqm-text), black);
 }
 
@@ -506,7 +506,8 @@ function usePartnerInfoModal(props) {
   const { data: currenciesData, loading: currenciesLoading } = index_module.wn(GET_CURRENCIES, { variables: { locale } });
   const { data: countriesData, loading: countriesLoading } = index_module.wn(GET_COUNTRIES, {});
   // 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 } : {} },
@@ -605,11 +606,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/cjs/sqm-empty_4.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-258c36b8.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 require('./index.module-f8c8495f.js');
 const utils = require('./utils-6847bc06.js');

package/dist/cjs/{sqm-lead-checkbox-field-view-0af2a157.js → sqm-lead-checkbox-field-view-b3a85029.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-258c36b8.js');
 const JSS = require('./JSS-8503a151.js');
 
 const style = {

package/dist/cjs/sqm-lead-checkbox-field.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-require('./global-b7b1b8fe.js');
+require('./global-258c36b8.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-const useLeadFormState = require('./useLeadFormState-b4c2ab5b.js');
-const sqmLeadCheckboxFieldView = require('./sqm-lead-checkbox-field-view-0af2a157.js');
+const useLeadFormState = require('./useLeadFormState-bf49984b.js');
+const sqmLeadCheckboxFieldView = require('./sqm-lead-checkbox-field-view-b3a85029.js');
 
 function useLeadCheckboxField() {
   const leadFormState = domContextHooks_module.d(useLeadFormState.LEAD_FORM_STATE_CONTEXT);

package/dist/cjs/{sqm-lead-input-field-view-0cd7ebdb.js → sqm-lead-input-field-view-88de1b78.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-258c36b8.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
 

package/dist/cjs/sqm-lead-input-field.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-require('./global-b7b1b8fe.js');
+require('./global-258c36b8.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-const useLeadFormState = require('./useLeadFormState-b4c2ab5b.js');
-const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-0cd7ebdb.js');
+const useLeadFormState = require('./useLeadFormState-bf49984b.js');
+const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-88de1b78.js');
 
 function useLeadInputField() {
   const leadFormState = domContextHooks_module.d(useLeadFormState.LEAD_FORM_STATE_CONTEXT);

package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-258c36b8.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-258c36b8.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-258c36b8.js');
 const JSS = require('./JSS-8503a151.js');
 
 const style = {
@@ -131,13 +131,14 @@ function PartnerInfoModalView(props) {
   const styleString = sheet.toString();
   if (!states.open)
     return index.h("div", null);
+  const modalHeader = states.isExistingPartner
+    ? text.modalHeaderExistingPartner
+    : text.modalHeader;
   return (index.h("div", null,
     index.h("style", { type: "text/css" },
       " ",
       styleString),
-    index.h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
-        ? text.modalHeaderExistingPartner
-        : text.modalHeader, "onSl-request-close": (e) => {
+    index.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;
@@ -145,9 +146,7 @@ function PartnerInfoModalView(props) {
           e.preventDefault();
         }
       }, "onSl-initial-focus": callbacks.onInitialFocus },
-      index.h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
-        ? text.modalHeaderExistingPartner
-        : text.modalHeader),
+      index.h("h2", { class: sheet.classes.DialogTitle }, modalHeader),
       index.h(PartnerInfoModalContentView, Object.assign({}, props)))));
 }