@saasquatch/mint-components 2.2.0-0 → 2.2.0-10

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

@@ -1,15 +1,21 @@
-import { getContextValueName, useHost, useLocale, useParentQuery, useParentState, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { getContextValueName, useHost, useLocale, useMutation, useParentQuery, useParentState, useUserIdentity, } from "@saasquatch/component-boilerplate";
 import { useEffect, useMemo } from "@saasquatch/universal-hooks";
 import { getCountryObj } 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) {
   var _a, _b;
   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, } = user.impactConnection.publisher;
-  console.log(user.impactConnection, "publisher data in useTaxAndCash to determine step new new");
-  if (user.impactConnection.connectionStatus === "STARTED") {
+  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";
   }
   // If they do have a required document, look at current document
@@ -29,6 +35,7 @@ export function useTaxAndCash() {
   const host = useHost();
   const user = useUserIdentity();
   const locale = useLocale();
+  const [completeImpactPartner, { loading: completeLoading }] = useMutation(COMPLETE_PARTNER);
   // State for current step of form
   const [step, setStep] = useParentState({
     namespace: TAX_CONTEXT_NAMESPACE,
@@ -136,16 +143,54 @@ export function useTaxAndCash() {
       setCurrenciesContext(supportedCurrencies);
   }, [supportedCurrencies]);
   useEffect(() => {
+    var _a;
     if (errors) {
       setStep("/error");
       return;
     }
     if (!host || !user)
       return;
+    async function completeConnection(user) {
+      var _a, _b, _c, _d, _e, _f;
+      const publisher = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher;
+      const hasBillingInfo = publisher.billingAddress &&
+        publisher.billingCity &&
+        publisher.billingCountryCode &&
+        publisher.billingPostalCode &&
+        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 = {
+          user: {
+            id: (_c = data === null || data === void 0 ? void 0 : data.user) === null || _c === void 0 ? void 0 : _c.id,
+            accountId: (_d = data === null || data === void 0 ? void 0 : data.user) === null || _d === void 0 ? void 0 : _d.accountId,
+          },
+          firstName: (_e = data === null || data === void 0 ? void 0 : data.user) === null || _e === void 0 ? void 0 : _e.firstName,
+          lastName: (_f = data === null || data === void 0 ? void 0 : data.user) === null || _f === void 0 ? void 0 : _f.lastName,
+          countryCode: publisher.billingCountryCode,
+          currency: publisher.currency,
+          address: publisher.billingAddress,
+          city: publisher.billingCity,
+          state: publisher.billingState,
+          postalCode: publisher.billingPostalCode,
+          phoneNumber: publisher.phoneNumber,
+          phoneNumberCountryCode: publisher.phoneNumberCountryCode,
+        };
+        await completeImpactPartner({
+          vars,
+        });
+      }
+    }
     if (data) {
       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();
+      }
       const currentStep = getCurrentStep(user);
       setStep(currentStep);
     }

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

@@ -168,7 +168,7 @@ export class TaxAndCashDashboard {
     /**
      * @uiName Payout status badge
      */
-    this.statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
+    this.statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} other {Failed} }";
     /**
      * Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid.
      * @uiName Payout schedule by threshold text
@@ -1049,7 +1049,7 @@ export class TaxAndCashDashboard {
       },
       "attribute": "status-badge-text",
       "reflect": false,
-      "defaultValue": "\"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }\""
+      "defaultValue": "\"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} other {Failed} }\""
     },
     "thresholdPayoutText": {
       "type": "string",

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

@@ -70,7 +70,6 @@ const defaultText = {
   region: "Region",
   postalCode: "Postal Code",
   currency: "Currency",
-  currencyHelpText: "Select your preferred currency for payouts",
   allowBankingCollection: "I agree to the {termsAndConditionsLink}",
   personalInformation: "Personal Information",
   continueButton: "Continue",

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

@@ -287,7 +287,7 @@ export const UserInfoFormView = (props) => {
     default:
       regionLabel = text.state;
   }
-  // when creating an impact connection without sending phoneNumber data, the impactAPI defaults the value to "000000" and the phoneNumberCountryCode to "DZ"
+  // when creating an impact connection without sending phoneNumber data, the impactAPI defaults the value to "0000000" and the phoneNumberCountryCode to "DZ"
   function isDisabledPartnerInput(field) {
     var _a, _b;
     if (((_a = data.partnerData) === null || _a === void 0 ? void 0 : _a.phoneNumber) === "0000000" &&
@@ -417,7 +417,7 @@ export const UserInfoFormView = (props) => {
             helpText: formatErrorMessage(text.postalCode, formState.errors.postalCode),
           }
             : {}), { required: true })),
-          h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label, base: input-base", name: "/currency", label: text.currency, menu: true, value: formState.currency, disabled: states.disabled || isDisabledPartnerInput("currency"), helpText: text.currencyHelpText }, (((_r = formState.errors) === null || _r === void 0 ? void 0 : _r.currency) ? {
+          h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label, base: input-base", name: "/currency", label: text.currency, menu: true, value: formState.currency, disabled: states.disabled || isDisabledPartnerInput("currency") }, (((_r = formState.errors) === null || _r === void 0 ? void 0 : _r.currency) ? {
             class: classes.ErrorInput,
             helpText: formatErrorMessage(text.currency, formState.errors.currency),
           }

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

@@ -61,10 +61,6 @@ export class TaxForm {
      * @uiName Currency field label
      */
     this.currency = "Currency";
-    /**
-     * @uiName Currency field help text
-     */
-    this.currencyHelpText = "Choose your preferred payout currency";
     /**
      * @uiName Setup progress
      */
@@ -443,27 +439,6 @@ export class TaxForm {
       "reflect": false,
       "defaultValue": "\"Currency\""
     },
-    "currencyHelpText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Currency field help text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "currency-help-text",
-      "reflect": false,
-      "defaultValue": "\"Choose your preferred payout currency\""
-    },
     "formStep": {
       "type": "string",
       "mutable": false,

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

@@ -25,8 +25,8 @@ export function useUserInfoForm(props) {
   const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
   const [userFormContext, setUserFormContext] = useParent(USER_FORM_CONTEXT_NAMESPACE);
   const user = useUserIdentity();
-  const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = useMutation(CONNECT_PARTNER);
-  const [completeImpactPartner, { loading: completeLoading, errors: completeErrors },] = useMutation(COMPLETE_PARTNER);
+  const [connectImpactPartner, { loading: connectLoading }] = useMutation(CONNECT_PARTNER);
+  const [completeImpactPartner, { loading: completeLoading }] = useMutation(COMPLETE_PARTNER);
   const { data: tenantData } = useQuery(GET_INDIRECT_TAX_COUNTRY_CODE, {});
   const { data, loading, refetch, errors: userError, } = useParentQueryValue(USER_QUERY_NAMESPACE);
   const _currencies = useParentValue(CURRENCIES_NAMESPACE);
@@ -61,7 +61,7 @@ export function useUserInfoForm(props) {
         lastName: user.impactConnection.user.lastName,
         countryCode: user.impactConnection.publisher.countryCode,
         currency: user.impactConnection.publisher.currency,
-        // when creating an impact connection without sending phoneNumber data, the impactAPI defaults the value to "000000" and the phoneNumberCountryCode to "DZ"
+        // when creating an impact connection without sending phoneNumber data, the impactAPI defaults the value to "0000000" and the phoneNumberCountryCode to "DZ"
         phoneNumberCountryCode: user.impactConnection.publisher.phoneNumber === "0000000"
           ? null
           : user.impactConnection.publisher.phoneNumberCountryCode,
@@ -155,13 +155,12 @@ export function useUserInfoForm(props) {
       phoneNumber: formData.phoneNumber,
       phoneNumberCountryCode: formData.phoneNumberCountryCode,
     };
-    //AL: TODO completePartnerMutation might change
-    // if user already has an impact connection, call completeImpactPartner to update their information instead of connectPartner
+    // If the partner has already been started call completeImpactPartner to
+    // update the remaining details. Otherwise create a new connection.
     const userData = data === null || data === void 0 ? void 0 : data.user;
     let result = null;
     let connectionResult;
     if (((_a = userData === null || userData === void 0 ? void 0 : userData.impactConnection) === null || _a === void 0 ? void 0 : _a.connectionStatus) === "STARTED") {
-      console.log(vars, "values for completeImpactPartner");
       result = await completeImpactPartner({
         vars,
       });