@saasquatch/mint-components 2.3.0-11 → 2.3.0-13

package/dist/cjs/sqm-banking-info-form_10.cjs.entry.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-3542b0b8.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-8f7186b8.js');
-const subregions = require('./subregions-984e30d7.js');
+const sqmUserInfoFormView = require('./sqm-user-info-form-view-60e09262.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-c439eb81.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;
@@ -2839,6 +2840,14 @@ const IndirectTaxFormView = (props) => {
         }, {
           supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         }))),
+      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",
+          defaultMessage: text.isPartnerAlertDescription,
+        }, {
+          supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        }))),
       index.h("div", null,
         index.h("h4", null, text.indirectTaxDetails))),
     states.loading ? (index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } })) : (index.h("div", null,
@@ -3078,6 +3087,7 @@ function useDemoIndirectTaxForm(props) {
       disabled: false,
       loading: false,
       isPartner: false,
+      isPartnerLegacy: false,
       loadingError: false,
       errors: {},
       formState: {
@@ -4435,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);
@@ -4555,7 +4565,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 +4579,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));
@@ -4636,12 +4644,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,
@@ -4652,7 +4661,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
@@ -4728,6 +4740,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,
@@ -4945,6 +4962,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

@@ -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-3542b0b8.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');
@@ -29,11 +31,10 @@ const utilities = require('./utilities-fcdb9504.js');
 const ErrorView = require('./ErrorView-ee7b0f36.js');
 const ShadowViewAddon = require('./ShadowViewAddon-3b477e58.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-c439eb81.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() {
@@ -6662,15 +6663,18 @@ function getCurrentStep(user) {
     return "/1";
   }
   const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, payoutsAccount, billingAddress, billingCity, billingCountryCode, billingPostalCode, phoneNumber, phoneNumberCountryCode, } = user.impactConnection.publisher;
-  const hasBillingInfo = billingAddress &&
-    billingCity &&
-    billingCountryCode &&
-    billingPostalCode &&
-    phoneNumberCountryCode &&
-    phoneNumber &&
-    subregions.isValidI18nPhoneNumber(phoneNumberCountryCode, phoneNumber);
-  if (!hasBillingInfo) {
-    return "/1";
+  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) {

package/dist/cjs/sqm-portal-forgot-password_6.cjs.entry.js

@@ -12,9 +12,10 @@ const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 require('./sqm-text-span-view-b9e10f5d.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-717d0633.js');
-const usePortalRegistrationForm = require('./usePortalRegistrationForm-23ee2d62.js');
+const AsYouType = require('./AsYouType-d15caac8.js');
 const useRegistrationFormState = require('./useRegistrationFormState-4fe5b770.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-a45f7a52.js');
+const usePortalRegistrationForm = require('./usePortalRegistrationForm-8a3a14ac.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -534,7 +535,7 @@ function usePortalRegister(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);
   }, []);
   let errorMessage = "";

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

@@ -14,6 +14,8 @@ require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-bb2c0ea7.js');
 require('./sqm-text-span-view-b9e10f5d.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-717d0633.js');
+require('./AsYouType-d15caac8.js');
+const subregions = require('./subregions-3542b0b8.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-a45f7a52.js');
 const GenericTableView = require('./GenericTableView-be5648e4.js');
 require('./useChildElements-041127d7.js');
@@ -35,8 +37,7 @@ require('./ErrorView-ee7b0f36.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-1f2daa76.js');
 const ShadowViewAddon = require('./ShadowViewAddon-3b477e58.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-757f921b.js');
-const sqmUserInfoFormView = require('./sqm-user-info-form-view-8f7186b8.js');
-const subregions = require('./subregions-984e30d7.js');
+const sqmUserInfoFormView = require('./sqm-user-info-form-view-60e09262.js');
 const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-0cd7ebdb.js');
 require('./data-89ac73dd.js');
 const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-2b6fee0f.js');
@@ -16702,6 +16703,8 @@ const stepOneProps = {
     disabled: false,
     isPartner: false,
     isUser: false,
+    isPartnerLegacy: false,
+    isUserLegacy: false,
     loadingError: false,
     formState: {
       firstName: "Bob",
@@ -16822,6 +16825,7 @@ const stepTwoProps = {
     disabled: false,
     loading: false,
     isPartner: false,
+    isPartnerLegacy: false,
     loadingError: false,
     formState: {
       checked: undefined,
@@ -18883,6 +18887,11 @@ const mockCountries = [
   { countryCode: "DE", displayName: "Germany" },
   { countryCode: "FR", displayName: "France" },
   { countryCode: "ES", displayName: "Spain" },
+  // Show handling of long country names
+  {
+    countryCode: "CD",
+    displayName: "Congo, The Democratic Republic of the Congo",
+  },
 ];
 const mockCurrencies = [
   { currencyCode: "USD", displayName: "US Dollar" },
@@ -18973,6 +18982,8 @@ const baseProps = {
     loading: false,
     isPartner: false,
     isUser: false,
+    isPartnerLegacy: false,
+    isUserLegacy: false,
     formState: {
       firstName: "",
       lastName: "",
@@ -19085,6 +19096,7 @@ const PartnerAccount = () => {
   return (index.h(sqmUserInfoFormView.UserInfoFormView, Object.assign({}, baseProps, { states: {
       ...baseProps.states,
       isPartner: true,
+      isPartnerLegacy: true,
       formState: {
         ...baseProps.states.formState,
         firstName: "Jane",
@@ -19104,10 +19116,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 (index.h(sqmUserInfoFormView.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",
+      },
+    } })));
+};
 const UserAccount = () => {
   return (index.h(sqmUserInfoFormView.UserInfoFormView, Object.assign({}, baseProps, { states: {
       ...baseProps.states,
       isUser: true,
+      isUserLegacy: true,
       formState: {
         ...baseProps.states.formState,
         firstName: "Bob",
@@ -19126,6 +19181,7 @@ const UserAccountMissingLastName = () => {
   return (index.h(sqmUserInfoFormView.UserInfoFormView, Object.assign({}, baseProps, { states: {
       ...baseProps.states,
       isUser: true,
+      isUserLegacy: true,
       formState: {
         ...baseProps.states.formState,
         firstName: "Bob",
@@ -19205,6 +19261,7 @@ const UserInfoFormView = /*#__PURE__*/Object.freeze({
   WithValidationErrors: WithValidationErrors,
   WithGeneralError: WithGeneralError,
   PartnerAccount: PartnerAccount,
+  EarlyPartnerFromModal: EarlyPartnerFromModal,
   UserAccount: UserAccount,
   UserAccountMissingLastName: UserAccountMissingLastName,
   CanadianAddress: CanadianAddress,