@saasquatch/mint-components 2.3.0-8 → 2.3.0

package/dist/cjs/{useIndirectTaxForm-112914a0.js → useIndirectTaxForm-5211013b.js}

@@ -3,7 +3,7 @@
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 const index_module = require('./index.module-f8c8495f.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const subregions = require('./subregions-984e30d7.js');
+const subregions = require('./subregions-3d27e279.js');
 const data = require('./data-89ac73dd.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 
@@ -1151,6 +1151,8 @@ const COMPLETE_PARTNER = index_module.dist.gql `
         impactConnection {
           connected
           publisher {
+            phoneNumber
+            phoneNumberCountryCode
             brandedSignup
             requiredTaxDocumentType
             currentTaxDocument {
@@ -1174,7 +1176,7 @@ function getOption(countries, countryCode) {
   }
 }
 function useIndirectTaxForm(props) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   const user = index_module.J();
   const locale = index_module.L();
   const formRef = domContextHooks_module.useRef(null);
@@ -1359,6 +1361,8 @@ function useIndirectTaxForm(props) {
       disabled: loading || countriesLoading || connectLoading || completeLoading,
       loading: loading || connectLoading || countriesLoading || completeLoading,
       isPartner: !!((_e = (_d = userData === null || userData === void 0 ? void 0 : userData.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher),
+      isPartnerLegacy: !!((_g = (_f = userData === null || userData === void 0 ? void 0 : userData.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher) &&
+        ((_j = (_h = userData === null || userData === void 0 ? void 0 : userData.user) === null || _h === void 0 ? void 0 : _h.impactConnection) === null || _j === void 0 ? void 0 : _j.connectionStatus) !== "STARTED",
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
       formState: {
         checked: option,

package/dist/cjs/{useLeadFormState-b4c2ab5b.js → useLeadFormState-bf49984b.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 JSS = require('./JSS-8503a151.js');

package/dist/cjs/usePortalRegistrationForm-8a3a14ac.js

@@ -0,0 +1,215 @@
+'use strict';
+
+const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
+const index_module = require('./index.module-f8c8495f.js');
+const jsonpointer = require('./jsonpointer-11327262.js');
+const AsYouType = require('./AsYouType-d15caac8.js');
+const useRegistrationFormState = require('./useRegistrationFormState-4fe5b770.js');
+
+const RegistrationFormQuery = index_module.dist.gql `
+  query RegistrationFormQuery($key: String!) {
+    form(key: $key) {
+      key
+      type
+      initialData {
+        initialData
+        isEnabled
+        isEnabledErrorMessage
+      }
+    }
+  }
+`;
+function usePortalRegistrationForm(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  const formRef = domContextHooks_module.useRef(null);
+  const locale = index_module.L();
+  const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState({});
+  const [request, { loading, errors, data, formError }] = index_module.Oe();
+  const queryResponse = index_module.wn(RegistrationFormQuery, { key: props.formKey });
+  const formLoading = loading || queryResponse.loading;
+  domContextHooks_module.useEffect(() => {
+    var _a, _b, _c;
+    const initialData = (_a = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _a === void 0 ? void 0 : _a.form.initialData.initialData;
+    const disabled = ((_b = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _b === void 0 ? void 0 : _b.form.initialData.isEnabled) === false;
+    const disabledMessage = ((_c = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _c === void 0 ? void 0 : _c.form.initialData.isEnabledErrorMessage) ||
+      props.formDisabledErrorMessage;
+    const formState = {
+      loading: formLoading,
+      disabled,
+      disabledMessage,
+      initialData,
+    };
+    setRegistrationFormState(formState);
+  }, [(_a = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _a === void 0 ? void 0 : _a.form.initialData]);
+  domContextHooks_module.useEffect(() => {
+    if (!formRef.current)
+      return;
+    const form = formRef.current;
+    form.addEventListener("sl-input", inputFunction);
+    return () => {
+      form.removeEventListener("sl-input", inputFunction);
+    };
+  }, [formRef.current]);
+  const submit = async (event) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    let formControls = event.target.getFormControls();
+    let formData = {};
+    let validationErrors = {};
+    formControls === null || formControls === void 0 ? void 0 : formControls.forEach((control) => {
+      if (!control.name)
+        return;
+      const key = control.name;
+      const value = control.value;
+      // control.value = initialData[key] || control.value;
+      jsonpointer.jsonpointer.set(formData, key, value);
+      // required validation
+      if (control.required && !value) {
+        jsonpointer.jsonpointer.set(validationErrors, key, props.requiredFieldErrorMessage);
+      }
+      // custom validation
+      if (typeof control.validationError === "function") {
+        const validate = control.validationError;
+        const validationError = validate({ control, key, value });
+        if (validationError)
+          jsonpointer.jsonpointer.set(validationErrors, key, validationError);
+      }
+    });
+    if ((props.confirmPassword || formData.confirmPassword) &&
+      formData.password !== formData.confirmPassword) {
+      validationErrors = {
+        ...validationErrors,
+        confirmPassword: props.passwordMismatchErrorMessage,
+      };
+    }
+    if (Object.keys(validationErrors).length) {
+      // early return for validation errors
+      setRegistrationFormState({
+        ...registrationFormState,
+        loading: false,
+        error: "",
+        validationErrors,
+      });
+      return;
+    }
+    setRegistrationFormState({
+      ...registrationFormState,
+      loading: true,
+      error: "",
+      validationErrors: {},
+    });
+    const { email, password } = formData;
+    delete formData.email;
+    delete formData.password;
+    delete formData.confirmPassword;
+    const redirectPath = props.redirectPath;
+    const _googleOAuthIdToken = registrationFormState._googleOAuthIdToken;
+    const variables = {
+      key: props.formKey,
+      formData: {
+        ...(_googleOAuthIdToken ? { _googleOAuthIdToken } : {}),
+        locale,
+        email,
+        password,
+        redirectPath,
+        ...formData,
+      },
+    };
+    try {
+      const result = await request(variables);
+      if (result instanceof Error) {
+        throw result;
+      }
+      setRegistrationFormState({
+        ...registrationFormState,
+        loading: false,
+        error: "",
+        validationErrors: {},
+      });
+      const managedIdentityResponse = (_a = result.submitForm) === null || _a === void 0 ? void 0 : _a.results.find((result) => { var _a; return ((_a = result === null || result === void 0 ? void 0 : result.formHandler) === null || _a === void 0 ? void 0 : _a.namespace) === "identity"; });
+      if (managedIdentityResponse &&
+        managedIdentityResponse.result.results.length &&
+        managedIdentityResponse.result.results[0].success &&
+        managedIdentityResponse.result.results[0].data.token) {
+        index_module.jn.push(props.nextPage);
+      }
+      else if (
+      // check for blocked email error response
+      ((_b = result.submitForm) === null || _b === void 0 ? void 0 : _b.results.length) === 1 &&
+        ((_f = (_e = (_d = (_c = result.submitForm) === null || _c === void 0 ? void 0 : _c.results[0]) === null || _d === void 0 ? void 0 : _d.result) === null || _e === void 0 ? void 0 : _e.results) === null || _f === void 0 ? void 0 : _f.length) === 1 &&
+        ((_l = (_k = (_j = (_h = (_g = result.submitForm) === null || _g === void 0 ? void 0 : _g.results[0]) === null || _h === void 0 ? void 0 : _h.result) === null || _j === void 0 ? void 0 : _j.results) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.success) ===
+          false && ((_s = (_r = (_q = (_p = (_o = (_m = result.submitForm) === null || _m === void 0 ? void 0 : _m.results[0]) === null || _o === void 0 ? void 0 : _o.result) === null || _p === void 0 ? void 0 : _p.results) === null || _q === void 0 ? void 0 : _q[0]) === null || _r === void 0 ? void 0 : _r.message) === null || _s === void 0 ? void 0 : _s.startsWith("Blocked email"))) {
+        setRegistrationFormState({
+          ...registrationFormState,
+          loading: false,
+          error: "",
+          validationErrors: {
+            email: props.invalidEmailErrorMessage,
+          },
+        });
+      }
+    }
+    catch (error) {
+      // check for invalid email
+      if ((_t = error === null || error === void 0 ? void 0 : error.message) === null || _t === void 0 ? void 0 : _t.includes("is not a valid email address")) {
+        setRegistrationFormState({
+          ...registrationFormState,
+          loading: false,
+          error: "",
+          validationErrors: { email: props.invalidEmailErrorMessage },
+        });
+      }
+      else {
+        setRegistrationFormState({
+          ...registrationFormState,
+          loading: false,
+          error: props.networkErrorMessage,
+          validationErrors: {},
+        });
+      }
+    }
+  };
+  const inputFunction = index_module.useCallback((e) => {
+    var _a, _b;
+    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 AsYouType.AsYouType("US");
+    e.target.value = asYouType.input(e.target.value);
+  }, []);
+  let errorMessage = "";
+  if (((_b = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _b === void 0 ? void 0 : _b.form.initialData.isEnabled) === false) {
+    errorMessage =
+      ((_c = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _c === void 0 ? void 0 : _c.form.initialData.isEnabledErrorMessage) ||
+        props.formDisabledErrorMessage;
+  }
+  else if ((_d = errors === null || errors === void 0 ? void 0 : errors.response) === null || _d === void 0 ? void 0 : _d["error"]) {
+    errorMessage = props.networkErrorMessage;
+  }
+  else if ((errors === null || errors === void 0 ? void 0 : errors.message) && !((_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors.length)) {
+    errorMessage = props.networkErrorMessage;
+  }
+  else {
+    errorMessage =
+      formError || ((_j = (_h = (_g = (_f = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.errors) === null || _f === void 0 ? void 0 : _f.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) || (registrationFormState === null || registrationFormState === void 0 ? void 0 : registrationFormState.error);
+  }
+  return {
+    states: {
+      loading: loading || queryResponse.loading,
+      error: errorMessage,
+      registrationFormState,
+      confirmPassword: props.confirmPassword,
+      hideInputs: props.hideInputs,
+      loginPath: props.loginPath,
+      enablePasswordValidation: !props.disablePasswordValidation,
+    },
+    callbacks: {
+      submit,
+      inputFunction,
+    },
+    refs: {
+      formRef,
+    },
+  };
+}
+
+exports.usePortalRegistrationForm = usePortalRegistrationForm;

package/dist/collection/components/sqm-dropdown-field/sqm-dropdown-field-view.js

@@ -26,7 +26,7 @@ const vanillaStyle = `
 }
 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.setup(preset());

package/dist/collection/components/sqm-lead-form/sqm-lead-dropdown-field-view.js

@@ -26,7 +26,7 @@ const vanillaStyle = `
 }
 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/collection/components/sqm-name-fields/sqm-name-fields-view.js

@@ -18,7 +18,7 @@ const vanillaStyle = `
 
 *::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);
 }
 

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

@@ -52,8 +52,8 @@ const defaultProps = {
     loading: false,
     submitting: false,
     isExistingPartner: false,
-    countryCode: null,
-    currency: null,
+    countryCode: "",
+    currency: "",
     error: "",
     success: false,
     filteredCountries: demoCountries,

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

@@ -128,22 +128,21 @@ export 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;
         if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
           e.preventDefault();
         }
-      } },
-      h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
-        ? text.modalHeaderExistingPartner
-        : text.modalHeader),
+      }, "onSl-initial-focus": callbacks.onInitialFocus },
+      h("h2", { class: sheet.classes.DialogTitle }, modalHeader),
       h(PartnerInfoModalContentView, Object.assign({}, props)))));
 }

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

@@ -651,6 +651,7 @@ function useDemoPartnerInfoModal(props) {
         setError("");
       },
       onClose: () => { },
+      onInitialFocus: (e) => e.preventDefault(),
     },
     text: {
       modalHeader: props.modalHeader,

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

@@ -83,7 +83,8 @@ export function usePartnerInfoModal(props) {
   const { data: currenciesData, loading: currenciesLoading } = useQuery(GET_CURRENCIES, { variables: { locale } });
   const { data: countriesData, loading: countriesLoading } = useQuery(GET_COUNTRIES, {});
   // No pre-filled country, use locale to determine countryCode instead
-  const [countryCode, setCountryCode] = useState(((_b = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.countryCode) || locale.replace(/^.*_/, ""));
+  const [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 } : {} },
@@ -182,11 +183,7 @@ export 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/collection/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.js

@@ -90,7 +90,6 @@ export class RewardTableStatusCell {
     if (fraudStatus === "PENDING")
       return "PENDING_REVIEW";
     const isCashReward = reward.rewardedCash;
-    console.log(this.reward, "reward in status cell");
     // pft can now be created before withdrawal settings exist
     if (isCashReward) {
       if (!((_e = this.taxConnection) === null || _e === void 0 ? void 0 : _e.connected) ||

package/dist/collection/components/sqm-widget-verification/sqm-email-verification/sqm-email-verification-view.js

@@ -96,7 +96,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);
 }
 

package/dist/collection/components/sqm-widget-verification/useWidgetVerification.js

@@ -75,9 +75,11 @@ export 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/collection/components/tax-and-cash/TaxForm.stories.js

@@ -14,6 +14,8 @@ const stepOneProps = {
     disabled: false,
     isPartner: false,
     isUser: false,
+    isPartnerLegacy: false,
+    isUserLegacy: false,
     loadingError: false,
     formState: {
       firstName: "Bob",
@@ -134,6 +136,7 @@ const stepTwoProps = {
     disabled: false,
     loading: false,
     isPartner: false,
+    isPartnerLegacy: false,
     loadingError: false,
     formState: {
       checked: undefined,

package/dist/collection/components/tax-and-cash/phoneExtensions.js

@@ -219,6 +219,10 @@ export const PHONE_EXTENSIONS = {
     name: "Cuba",
     dial_code: "+53",
   },
+  CW: {
+    name: "Curaçao",
+    dial_code: "+599",
+  },
   CY: {
     name: "Cyprus",
     dial_code: "+357",
@@ -299,6 +303,10 @@ export const PHONE_EXTENSIONS = {
     name: "French Polynesia",
     dial_code: "+689",
   },
+  TF: {
+    name: "French Southern Territories",
+    dial_code: "+262",
+  },
   GA: {
     name: "Gabon",
     dial_code: "+241",
@@ -955,6 +963,10 @@ export const PHONE_EXTENSIONS = {
     name: "Wallis and Futuna",
     dial_code: "+681",
   },
+  EH: {
+    name: "Western Sahara",
+    dial_code: "+212",
+  },
   YE: {
     name: "Yemen",
     dial_code: "+967",

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

@@ -33,10 +33,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",
@@ -327,7 +327,7 @@ export 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]: {

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

@@ -157,7 +157,7 @@ export const IndirectTaxFormView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         }))),
-      states.isPartner && (h("sqm-form-message", { loading: states.loading, type: "info" },
+      states.isPartnerLegacy && (h("sqm-form-message", { loading: states.loading, type: "info" },
         h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
         intl.formatMessage({
           id: "isPartnerAlertDescription",
@@ -170,11 +170,11 @@ export const IndirectTaxFormView = (props) => {
     states.loading ? (h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } })) : (h("div", null,
       h("div", { class: classes.RadioContainer },
         h("div", { class: classes.InnerRadioContainer },
-          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 },
+          h("sl-radio", { exportparts: "base: radio-base", name: "/checked", value: "notRegistered", id: "notRegistered", checked: formState.checked === "notRegistered", onInput: () => callbacks.onChange("notRegistered"), disabled: states.disabled },
             h("div", { class: classes.RadioContent },
               text.notRegistered,
               h("p", { class: classes.DescriptionText }, text.notRegisteredSubtext))),
-          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 },
+          h("sl-radio", { exportparts: "base: radio-base", name: "/checked", value: "otherRegion", id: "otherRegion", checked: formState.checked === "otherRegion", onInput: () => callbacks.onChange("otherRegion"), disabled: states.disabled },
             h("div", { class: classes.RadioContent },
               text.otherRegion,
               h("p", { class: classes.DescriptionText }, text.otherRegionSubtext))),

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

@@ -201,7 +201,7 @@ export class IndirectTaxForm {
       : useIndirectTaxForm(this);
     const registeredInDifferentCountryDetailsSlot = (h(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,
@@ -887,7 +887,7 @@ export class IndirectTaxForm {
       "mutable": false,
       "complexType": {
         "original": "DemoData<UseIndirectTaxFormResult>",
-        "resolved": "{ states?: { step: string; hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; loadingError: boolean; formState: { checked: \"hstCanada\" | \"otherRegion\" | \"notRegistered\"; errors: {}; }; }; refs?: { formRef: Ref<HTMLFormElement>; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: { countryCode: string; displayName: any; }[]; allCountries: { countryCode: string; displayName: any; }[]; provinces: { regionCode: string; taxType: string; displayName: string; }[]; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: string; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }",
+        "resolved": "{ states?: { step: string; hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; isPartnerLegacy: boolean; loadingError: boolean; formState: { checked: \"hstCanada\" | \"otherRegion\" | \"notRegistered\"; errors: {}; }; }; refs?: { formRef: Ref<HTMLFormElement>; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: { countryCode: string; displayName: any; }[]; allCountries: { countryCode: string; displayName: any; }[]; provinces: { regionCode: string; taxType: string; displayName: string; }[]; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: string; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -921,6 +921,7 @@ function useDemoIndirectTaxForm(props) {
       disabled: false,
       loading: false,
       isPartner: false,
+      isPartnerLegacy: false,
       loadingError: false,
       errors: {},
       formState: {

package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.js

@@ -46,6 +46,8 @@ export const COMPLETE_PARTNER = gql `
         impactConnection {
           connected
           publisher {
+            phoneNumber
+            phoneNumberCountryCode
             brandedSignup
             requiredTaxDocumentType
             currentTaxDocument {
@@ -69,7 +71,7 @@ function getOption(countries, countryCode) {
   }
 }
 export function useIndirectTaxForm(props) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   const user = useUserIdentity();
   const locale = useLocale();
   const formRef = useRef(null);
@@ -254,6 +256,8 @@ export function useIndirectTaxForm(props) {
       disabled: loading || countriesLoading || connectLoading || completeLoading,
       loading: loading || connectLoading || countriesLoading || completeLoading,
       isPartner: !!((_e = (_d = userData === null || userData === void 0 ? void 0 : userData.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher),
+      isPartnerLegacy: !!((_g = (_f = userData === null || userData === void 0 ? void 0 : userData.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher) &&
+        ((_j = (_h = userData === null || userData === void 0 ? void 0 : userData.user) === null || _h === void 0 ? void 0 : _h.impactConnection) === null || _j === void 0 ? void 0 : _j.connectionStatus) !== "STARTED",
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
       formState: {
         checked: option,

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.js

@@ -1,6 +1,6 @@
 import { getContextValueName, useHost, useLocale, useMutation, useParentQuery, useParentState, useUserIdentity, } from "@saasquatch/component-boilerplate";
 import { useEffect, useMemo } from "@saasquatch/universal-hooks";
-import { getCountryObj } from "../utils";
+import { getCountryObj, isValidI18nPhoneNumber } from "../utils";
 import { COUNTRIES_NAMESPACE, COUNTRIES_QUERY_NAMESPACE, CURRENCIES_NAMESPACE, CURRENCIES_QUERY_NAMESPACE, FINANCE_NETWORK_SETTINGS_NAMESPACE, GET_COUNTRIES, GET_CURRENCIES, GET_FINANCE_NETWORK_SETTINGS, GET_USER, SORTED_COUNTRIES_NAMESPACE, TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE, } from "../data";
 import { COMPLETE_PARTNER, } from "../sqm-indirect-tax-form/useIndirectTaxForm";
 function getCurrentStep(user) {
@@ -8,15 +8,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 &&
+      isValidI18nPhoneNumber(phoneNumberCountryCode, phoneNumber);
+    if (!hasBillingInfo) {
+      return "/1";
+    }
   }
   // If they do have a required document, look at current document
   if (requiredTaxDocumentType && !currentTaxDocument) {
@@ -35,7 +39,7 @@ export function useTaxAndCash() {
   const host = useHost();
   const user = useUserIdentity();
   const locale = useLocale();
-  const [completeImpactPartner, { loading: completeLoading }] = useMutation(COMPLETE_PARTNER);
+  const [completeImpactPartner] = useMutation(COMPLETE_PARTNER);
   // State for current step of form
   const [step, setStep] = useParentState({
     namespace: TAX_CONTEXT_NAMESPACE,
@@ -143,7 +147,6 @@ export function useTaxAndCash() {
       setCurrenciesContext(supportedCurrencies);
   }, [supportedCurrencies]);
   useEffect(() => {
-    var _a;
     if (errors) {
       setStep("/error");
       return;
@@ -158,7 +161,8 @@ export function useTaxAndCash() {
         publisher.billingCountryCode &&
         publisher.billingPostalCode &&
         publisher.phoneNumberCountryCode &&
-        publisher.phoneNumber;
+        publisher.phoneNumber &&
+        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 = {
@@ -186,13 +190,19 @@ export 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() {