@saasquatch/mint-components 2.1.9-17 → 2.1.9-18

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

@@ -1,8 +1,9 @@
 import { useLocale, useMutation, useQuery, useSetParent, } from "@saasquatch/component-boilerplate";
-import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { useEffect, useMemo, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import { TAX_FORM_UPDATED_EVENT_KEY } from "../tax-and-cash/eventKeys";
 import { VERIFICATION_PARENT_NAMESPACE } from "../sqm-widget-verification/keys";
+import { GET_FINANCE_NETWORK_SETTINGS, } from "../tax-and-cash/data";
 // new field under impactConnection:{ resolvedByEmail: boolean } - determines if connection came from managed identity
 export const GET_USER_PARTNER_INFO = gql `
   query getUserPartnerInfo {
@@ -91,7 +92,7 @@ const GET_BRAND_NAME = gql `
   }
 `;
 export function usePartnerInfoModal(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  var _a, _b, _c, _d, _e, _f, _g;
   const locale = useLocale();
   const setVerificationContext = useSetParent(VERIFICATION_PARENT_NAMESPACE);
   const { data: userData, loading: userLoading, refetch, } = useQuery(GET_USER_PARTNER_INFO, {});
@@ -99,19 +100,36 @@ export function usePartnerInfoModal(props) {
   const { data: currenciesData, loading: currenciesLoading } = useQuery(GET_CURRENCIES, { variables: { locale } });
   const { data: countriesData, loading: countriesLoading } = useQuery(GET_COUNTRIES, {});
   const { data: tenantSettingsData } = useQuery(GET_BRAND_NAME, {});
+  const { data: financeNetworkData } = useQuery(GET_FINANCE_NETWORK_SETTINGS, {
+    variables: { filter: {} },
+  });
   const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = useMutation(CONNECT_PARTNER);
-  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) || "");
+  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) || "US");
   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 countries = ((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || [];
+  // copied from useTaxAndCash for displaying currencies based on country - could be in helper?
+  const currencies = useMemo(() => {
+    var _a, _b;
+    const allValidCurrencies = (_b = (_a = financeNetworkData === null || financeNetworkData === void 0 ? void 0 : financeNetworkData.impactFinanceNetworkSettings) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.reduce((agg, settings) => {
+      var _a, _b;
+      const currency = (_b = (_a = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.find((c) => c.currencyCode === settings.currency);
+      if (!currency)
+        return agg;
+      if (agg.find((c) => c.currencyCode === settings.currency))
+        return agg;
+      if (countryCode && settings.countryCode !== countryCode)
+        return agg;
+      return [...agg, currency];
+    }, []);
+    return (allValidCurrencies || []).sort((a, b) => a.displayName.localeCompare(b.displayName));
+  }, [financeNetworkData, currenciesData, countryCode]);
   console.log(countryCode, currency, "initial country and currency state"); // TEMP
   const [countrySearch, setCountrySearch] = useState("");
   const [currencySearch, setCurrencySearch] = useState("");
-  const [filteredCountries, setFilteredCountries] = useState(((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || []);
-  const [filteredCurrencies, setFilteredCurrencies] = useState(((_f = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _f === void 0 ? void 0 : _f.data) || []);
+  const [filteredCountries, setFilteredCountries] = useState(((_f = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _f === void 0 ? void 0 : _f.data) || []);
+  const [filteredCurrencies, setFilteredCurrencies] = useState(currencies || []);
   const [error, setError] = useState("");
   const [success, setSuccess] = useState(false);
-  const countries = ((_g = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _g === void 0 ? void 0 : _g.data) || [];
-  const currencies = ((_h = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _h === void 0 ? void 0 : _h.data) || [];
-  console.log(user, "user data from partner info query"); // TEMP
   useEffect(() => {
     var _a;
     if (userData && ((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher)) {
@@ -201,11 +219,11 @@ export function usePartnerInfoModal(props) {
       setError(props.networkErrorText);
     }
   }
-  console.log(success, "success state in partner info modal");
   const showModal = !success &&
     !userLoading &&
     (!(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connected) || !(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher));
   console.log(showModal, "showModal condition in partner info modal"); // TEMP
+  console.log(filteredCurrencies, "filtered curricneis");
   return {
     states: {
       open: showModal,
@@ -216,7 +234,7 @@ export function usePartnerInfoModal(props) {
       currency,
       error,
       success,
-      brandName: ((_j = tenantSettingsData === null || tenantSettingsData === void 0 ? void 0 : tenantSettingsData.tenantSettings) === null || _j === void 0 ? void 0 : _j.companyName) || "",
+      brandName: ((_g = tenantSettingsData === null || tenantSettingsData === void 0 ? void 0 : tenantSettingsData.tenantSettings) === null || _g === void 0 ? void 0 : _g.companyName) || "",
       filteredCountries: filteredCountries || [],
       filteredCurrencies: filteredCurrencies || [],
     },

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

@@ -211,6 +211,7 @@ export class WidgetVerification {
       : useWidgetVerification();
     if (props.loading)
       return h("sl-spinner", null);
+    // for handling state previews in content editor
     const partnerState = typeof props["sqm-partner-info-modal_stateController"] === "string"
       ? parseStates(props["sqm-partner-info-modal_stateController"])
       : props["sqm-partner-info-modal_stateController"];

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

@@ -32,6 +32,32 @@ export const CONNECT_PARTNER = gql `
     }
   }
 `;
+export const COMPLETE_PARTNER = gql `
+  mutation completeImpactConnection($vars: ImpactConnectionInput!) {
+    completeImpactConnection(impactConnectionInput: $vars) {
+      success
+      validationErrors {
+        field
+        message
+      }
+      user {
+        id
+        accountId
+        impactConnection {
+          connected
+          publisher {
+            brandedSignup
+            requiredTaxDocumentType
+            currentTaxDocument {
+              type
+              status
+            }
+          }
+        }
+      }
+    }
+  }
+`;
 function getOption(countries, countryCode) {
   if (!countries)
     return;
@@ -50,6 +76,7 @@ export function useIndirectTaxForm(props) {
   const context = useParentValue(TAX_FORM_CONTEXT_NAMESPACE);
   const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
   const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = useMutation(CONNECT_PARTNER);
+  const [completeImpactPartner, { loading: completeLoading, errors: completeErrors },] = useMutation(COMPLETE_PARTNER);
   const userForm = useParentValue(USER_FORM_CONTEXT_NAMESPACE);
   const { data: userData, refetch, errors: userError, } = useParentQueryValue(USER_QUERY_NAMESPACE);
   const { data: _countriesRes, loading: countriesLoading } = useParentQueryValue(COUNTRIES_QUERY_NAMESPACE);
@@ -112,7 +139,7 @@ export function useIndirectTaxForm(props) {
     setFormState((p) => ({ ...p, [field]: value }));
   };
   async function connectPartner(formData) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     const vars = {
       user: {
         id: user.id,
@@ -134,19 +161,30 @@ export function useIndirectTaxForm(props) {
       additionalTaxId: formData.qstNumber,
       withholdingTaxId: formData.subRegionTaxNumber,
     };
-    const result = await connectImpactPartner({
-      vars,
-    });
-    if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
+    //AL: TODO completePartnerMutation might change
+    let result = null;
+    let connectionResult;
+    if ((_b = (_a = userData === null || userData === void 0 ? void 0 : userData.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.connected) {
+      result = await completeImpactPartner({
+        vars,
+      });
+      connectionResult = (_c = result) === null || _c === void 0 ? void 0 : _c.completeImpactConnection;
+    }
+    else {
+      result = await connectImpactPartner({
+        vars,
+      });
+      connectionResult = (_d = result) === null || _d === void 0 ? void 0 : _d.createImpactConnection;
+    }
+    if (!result || ((_e = result) === null || _e === void 0 ? void 0 : _e.message))
       throw new Error();
-    if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
+    if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
       // Output backend errors to console for now
-      console.error("Failed to create Impact connection: ", result.createImpactConnection.validationErrors);
+      console.error("Failed to create Impact connection: ", connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors);
       throw new Error();
     }
     await refetch();
-    const resultPublisher = (_e = (_d = (_c = result
-      .createImpactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher;
+    const resultPublisher = (_g = (_f = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher;
     const hasValidCurrentDocument = validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
     // Fire form change event
     window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
@@ -212,8 +250,8 @@ export function useIndirectTaxForm(props) {
     states: {
       step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
       hideSteps: context.hideSteps,
-      disabled: loading || countriesLoading || connectLoading,
-      loading: loading || connectLoading || countriesLoading,
+      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),
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
       formState: {

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

@@ -5,7 +5,7 @@ import { CURRENCIES_NAMESPACE, SORTED_COUNTRIES_NAMESPACE, TAX_CONTEXT_NAMESPACE
 import { ADDRESS_REGIONS } from "../subregions";
 import { objectIsFull, validTaxDocument } from "../utils";
 import { TAX_FORM_UPDATED_EVENT_KEY } from "../eventKeys";
-import { CONNECT_PARTNER, } from "../sqm-indirect-tax-form/useIndirectTaxForm";
+import { CONNECT_PARTNER, COMPLETE_PARTNER, } from "../sqm-indirect-tax-form/useIndirectTaxForm";
 import { gql } from "graphql-request";
 const GET_INDIRECT_TAX_COUNTRY_CODE = gql `
   query getIndirectTaxCountryCode {
@@ -26,6 +26,7 @@ export function useUserInfoForm(props) {
   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 { data: tenantData } = useQuery(GET_INDIRECT_TAX_COUNTRY_CODE, {});
   const { data, loading, refetch, errors: userError, } = useParentQueryValue(USER_QUERY_NAMESPACE);
   const _currencies = useParentValue(CURRENCIES_NAMESPACE);
@@ -137,7 +138,7 @@ export function useUserInfoForm(props) {
     }
   }, [currencySearch, currencies]);
   async function connectPartner(formData) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const vars = {
       user: {
         id: user.id,
@@ -154,20 +155,32 @@ export function useUserInfoForm(props) {
       phoneNumber: formData.phoneNumber,
       phoneNumberCountryCode: formData.phoneNumberCountryCode,
     };
-    const result = await connectImpactPartner({
-      vars,
-    });
-    if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
+    //AL: TODO completePartnerMutation might change
+    // if user already has an impact connection, call completeImpactPartner to update their information instead of connectPartner
+    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.connected) {
+      console.log(vars, "values for completeImpactPartner");
+      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 (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
-      // Output backend errors to console for now
-      console.error("Failed to create Impact connection: ", result.createImpactConnection
-        .validationErrors);
+    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 = (_e = (_d = (_c = result
-      .createImpactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher;
+    const resultPublisher = (_f = (_e = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _e === void 0 ? void 0 : _e.impactConnection) === null || _f === void 0 ? void 0 : _f.publisher;
     const hasValidCurrentDocument = validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
     // Fire form change event
     window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
@@ -292,9 +305,9 @@ export function useUserInfoForm(props) {
       step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
       hideState: !hasStates,
       hideSteps: !!context.hideSteps,
-      disabled: loading || connectLoading,
+      disabled: loading || connectLoading || completeLoading,
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
-      loading: loading || connectLoading,
+      loading: loading || connectLoading || completeLoading,
       isPartner: !!((_g = (_f = data === null || data === void 0 ? void 0 : data.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher),
       isUser: !!((_j = (_h = data === null || data === void 0 ? void 0 : data.user) === null || _h === void 0 ? void 0 : _h.impactConnection) === null || _j === void 0 ? void 0 : _j.user),
       formState: {

package/dist/{mint-components/p-a5912b2f.js → esm/data-2380309a.js}

@@ -1,4 +1,16 @@
-import{h as e}from"./p-083180bf.js";import{i as t}from"./p-438f6702.js";import{d as i}from"./p-d20188db.js";import{c as s}from"./p-cef45012.js";const n=s({Container:{display:"flex",flexDirection:"column",gap:"35px"},HeaderContainer:{display:"flex",flexDirection:"column",gap:"10px"}}),a=n.toString(),r=()=>e("div",{class:n.classes.Container},e("style",{type:"text/css"},a),e("sqm-skeleton",{width:"45%",height:"40px !important"}),e("div",{class:n.classes.HeaderContainer},e("sqm-skeleton",{width:"15%"}),e("sqm-skeleton",{width:"25%",height:"30px !important"})),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"75%",height:"35px"}),e("sqm-skeleton",{width:"15%"}),e("sqm-skeleton",{width:"80px",height:"30px !important"}));function o(e){return!!["W9","W8BENE","W8BEN"].includes(e)}const d=e=>!Object.keys(e).find((t=>null==e[t])),l=e=>{switch(e){case"W9":return"W-9";case"W8BEN":case"W8BENE":return"W-8";default:return""}};function c(e,t){return t.trim().search(e)>-1}const u=(e,i)=>t.formatMessage({id:e,defaultMessage:i},{fieldName:e});function h({countryCode:e,locale:t}){return{countryCode:e,displayName:new Intl.DisplayNames([t],{type:"region"}).of(e)}}const m="sq:tax-and-cash",p="sq:tax-form-context",y="sq:user-info-query",g="sq:user-form-context",x="sq:finance-network-settings",f="sq:countries:list",q="sq:countries:sorted",w="sq:countries:query",C="sq:currencies:list",k="sq:currencies:query",N=i.gql`
+import { d as dist } from './index.module-cede12c6.js';
+
+const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
+const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
+const USER_QUERY_NAMESPACE = "sq:user-info-query";
+const USER_FORM_CONTEXT_NAMESPACE = "sq:user-form-context";
+const FINANCE_NETWORK_SETTINGS_NAMESPACE = "sq:finance-network-settings";
+const COUNTRIES_NAMESPACE = "sq:countries:list";
+const SORTED_COUNTRIES_NAMESPACE = "sq:countries:sorted";
+const COUNTRIES_QUERY_NAMESPACE = "sq:countries:query";
+const CURRENCIES_NAMESPACE = "sq:currencies:list";
+const CURRENCIES_QUERY_NAMESPACE = "sq:currencies:query";
+const GET_USER = dist.gql `
   query getUserTaxInfo {
     user: viewer {
       ... on User {
@@ -76,7 +88,8 @@ import{h as e}from"./p-083180bf.js";import{i as t}from"./p-438f6702.js";import{d
       }
     }
   }
-`,b=i.gql`
+`;
+const GET_COUNTRIES = dist.gql `
   query getCountries {
     impactPayoutCountries(limit: 1000) {
       data {
@@ -85,7 +98,8 @@ import{h as e}from"./p-083180bf.js";import{i as t}from"./p-438f6702.js";import{d
       }
     }
   }
-`,T=i.gql`
+`;
+const GET_CURRENCIES = dist.gql `
   query currencies($locale: RSLocale) {
     currencies(limit: 300) {
       data {
@@ -94,7 +108,8 @@ import{h as e}from"./p-083180bf.js";import{i as t}from"./p-438f6702.js";import{d
       }
     }
   }
-`,F=i.gql`
+`;
+const GET_FINANCE_NETWORK_SETTINGS = dist.gql `
   query impactFinanceNetworkSettings(
     $filter: ImpactFinanceNetworkSettingsFilterInput
   ) {
@@ -112,4 +127,7 @@ import{h as e}from"./p-083180bf.js";import{i as t}from"./p-438f6702.js";import{d
       totalCount
     }
   }
-`,I=4;export{C,I as F,N as G,r as L,q as S,m as T,g as U,p as a,f as b,y as c,w as d,b as e,u as f,h as g,x as h,F as i,k as j,T as k,o as l,d as o,l as t,c as v}
+`;
+const FORM_STEPS = 4;
+
+export { CURRENCIES_NAMESPACE as C, FORM_STEPS as F, GET_USER as G, SORTED_COUNTRIES_NAMESPACE as S, TAX_CONTEXT_NAMESPACE as T, USER_FORM_CONTEXT_NAMESPACE as U, TAX_FORM_CONTEXT_NAMESPACE as a, COUNTRIES_NAMESPACE as b, USER_QUERY_NAMESPACE as c, COUNTRIES_QUERY_NAMESPACE as d, GET_COUNTRIES as e, FINANCE_NETWORK_SETTINGS_NAMESPACE as f, GET_FINANCE_NETWORK_SETTINGS as g, CURRENCIES_QUERY_NAMESPACE as h, GET_CURRENCIES as i };

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

@@ -12,8 +12,9 @@ import { u as useRerenderListener, a as useRequestRerender } from './re-render-7
 import { u as useChildElements } from './useChildElements-c26d7347.js';
 import { l as luxon } from './luxon-1be92a8e.js';
 import { g as generateUserError } from './useReferralTable-35e6d4c1.js';
-import { a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, A as ADDRESS_REGIONS, U as UserInfoFormView } from './sqm-user-info-form-view-f9026468.js';
-import { F as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, h as FINANCE_NETWORK_SETTINGS_NAMESPACE, t as taxTypeToName, l as validTaxDocument, U as USER_FORM_CONTEXT_NAMESPACE, d as COUNTRIES_QUERY_NAMESPACE, g as getCountryObj, C as CURRENCIES_NAMESPACE, o as objectIsFull } from './data-2b0feb3f.js';
+import { a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, A as ADDRESS_REGIONS, U as UserInfoFormView } from './sqm-user-info-form-view-ff8e47ad.js';
+import { t as taxTypeToName, a as validTaxDocument, g as getCountryObj, o as objectIsFull } from './utils-8267d3d8.js';
+import { F as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, f as FINANCE_NETWORK_SETTINGS_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE, d as COUNTRIES_QUERY_NAMESPACE, C as CURRENCIES_NAMESPACE } from './data-2380309a.js';
 import { b as VERIFICATION_EVENT_KEY } from './keys-db1897ae.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
 import { a as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY } from './usePayoutStatus-fa504d49.js';
@@ -2867,6 +2868,32 @@ const CONNECT_PARTNER = dist.gql `
     }
   }
 `;
+const COMPLETE_PARTNER = dist.gql `
+  mutation completeImpactConnection($vars: ImpactConnectionInput!) {
+    completeImpactConnection(impactConnectionInput: $vars) {
+      success
+      validationErrors {
+        field
+        message
+      }
+      user {
+        id
+        accountId
+        impactConnection {
+          connected
+          publisher {
+            brandedSignup
+            requiredTaxDocumentType
+            currentTaxDocument {
+              type
+              status
+            }
+          }
+        }
+      }
+    }
+  }
+`;
 function getOption(countries, countryCode) {
   if (!countries)
     return;
@@ -2885,6 +2912,7 @@ function useIndirectTaxForm(props) {
   const context = Fn(TAX_FORM_CONTEXT_NAMESPACE);
   const [step, setStep] = Pn(TAX_CONTEXT_NAMESPACE);
   const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = $e(CONNECT_PARTNER);
+  const [completeImpactPartner, { loading: completeLoading, errors: completeErrors },] = $e(COMPLETE_PARTNER);
   const userForm = Fn(USER_FORM_CONTEXT_NAMESPACE);
   const { data: userData, refetch, errors: userError, } = $n(USER_QUERY_NAMESPACE);
   const { data: _countriesRes, loading: countriesLoading } = $n(COUNTRIES_QUERY_NAMESPACE);
@@ -2947,7 +2975,7 @@ function useIndirectTaxForm(props) {
     setFormState((p) => ({ ...p, [field]: value }));
   };
   async function connectPartner(formData) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     const vars = {
       user: {
         id: user.id,
@@ -2969,19 +2997,30 @@ function useIndirectTaxForm(props) {
       additionalTaxId: formData.qstNumber,
       withholdingTaxId: formData.subRegionTaxNumber,
     };
-    const result = await connectImpactPartner({
-      vars,
-    });
-    if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
+    //AL: TODO completePartnerMutation might change
+    let result = null;
+    let connectionResult;
+    if ((_b = (_a = userData === null || userData === void 0 ? void 0 : userData.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.connected) {
+      result = await completeImpactPartner({
+        vars,
+      });
+      connectionResult = (_c = result) === null || _c === void 0 ? void 0 : _c.completeImpactConnection;
+    }
+    else {
+      result = await connectImpactPartner({
+        vars,
+      });
+      connectionResult = (_d = result) === null || _d === void 0 ? void 0 : _d.createImpactConnection;
+    }
+    if (!result || ((_e = result) === null || _e === void 0 ? void 0 : _e.message))
       throw new Error();
-    if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
+    if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
       // Output backend errors to console for now
-      console.error("Failed to create Impact connection: ", result.createImpactConnection.validationErrors);
+      console.error("Failed to create Impact connection: ", connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors);
       throw new Error();
     }
     await refetch();
-    const resultPublisher = (_e = (_d = (_c = result
-      .createImpactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher;
+    const resultPublisher = (_g = (_f = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher;
     const hasValidCurrentDocument = validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
     // Fire form change event
     window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
@@ -3047,8 +3086,8 @@ function useIndirectTaxForm(props) {
     states: {
       step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
       hideSteps: context.hideSteps,
-      disabled: loading || countriesLoading || connectLoading,
-      loading: loading || connectLoading || countriesLoading,
+      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),
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
       formState: {
@@ -5361,6 +5400,7 @@ function useUserInfoForm(props) {
   const [userFormContext, setUserFormContext] = Pn(USER_FORM_CONTEXT_NAMESPACE);
   const user = J();
   const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = $e(CONNECT_PARTNER);
+  const [completeImpactPartner, { loading: completeLoading, errors: completeErrors },] = $e(COMPLETE_PARTNER);
   const { data: tenantData } = wn(GET_INDIRECT_TAX_COUNTRY_CODE, {});
   const { data, loading, refetch, errors: userError, } = $n(USER_QUERY_NAMESPACE);
   const _currencies = Fn(CURRENCIES_NAMESPACE);
@@ -5472,7 +5512,7 @@ function useUserInfoForm(props) {
     }
   }, [currencySearch, currencies]);
   async function connectPartner(formData) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const vars = {
       user: {
         id: user.id,
@@ -5489,20 +5529,32 @@ function useUserInfoForm(props) {
       phoneNumber: formData.phoneNumber,
       phoneNumberCountryCode: formData.phoneNumberCountryCode,
     };
-    const result = await connectImpactPartner({
-      vars,
-    });
-    if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
+    //AL: TODO completePartnerMutation might change
+    // if user already has an impact connection, call completeImpactPartner to update their information instead of connectPartner
+    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.connected) {
+      console.log(vars, "values for completeImpactPartner");
+      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 (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
-      // Output backend errors to console for now
-      console.error("Failed to create Impact connection: ", result.createImpactConnection
-        .validationErrors);
+    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 = (_e = (_d = (_c = result
-      .createImpactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher;
+    const resultPublisher = (_f = (_e = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _e === void 0 ? void 0 : _e.impactConnection) === null || _f === void 0 ? void 0 : _f.publisher;
     const hasValidCurrentDocument = validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
     // Fire form change event
     window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
@@ -5627,9 +5679,9 @@ function useUserInfoForm(props) {
       step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
       hideState: !hasStates,
       hideSteps: !!context.hideSteps,
-      disabled: loading || connectLoading,
+      disabled: loading || connectLoading || completeLoading,
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
-      loading: loading || connectLoading,
+      loading: loading || connectLoading || completeLoading,
       isPartner: !!((_g = (_f = data === null || data === void 0 ? void 0 : data.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher),
       isUser: !!((_j = (_h = data === null || data === void 0 ? void 0 : data.user) === null || _h === void 0 ? void 0 : _h.impactConnection) === null || _j === void 0 ? void 0 : _j.user),
       formState: {

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

@@ -25,7 +25,8 @@ import { i as isEmpty } from './utilities-c9e730ed.js';
 import { E as ErrorView } from './ErrorView-74cb3af8.js';
 import { u as useDemoBigStat, V as useBigStat, B as BigStatView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, Q as LeadDropdownFieldView, O as LeadFormView, W as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalFrameView, c as BaseRegistrationFormView, R as ReferralIframeView, i as RewardExchangeView, X as demoRewardExchange, G as useShareButton, a as ShareButtonView, J as useShareLink, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-657d18f0.js';
 import './sqm-portal-container-view-a8c708cd.js';
-import { T as TAX_CONTEXT_NAMESPACE, a as TAX_FORM_CONTEXT_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE, C as CURRENCIES_NAMESPACE, b as COUNTRIES_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, g as getCountryObj, c as USER_QUERY_NAMESPACE, G as GET_USER$2, d as COUNTRIES_QUERY_NAMESPACE, e as GET_COUNTRIES, h as FINANCE_NETWORK_SETTINGS_NAMESPACE, i as GET_FINANCE_NETWORK_SETTINGS, j as CURRENCIES_QUERY_NAMESPACE, k as GET_CURRENCIES, L as LoadingView } from './data-2b0feb3f.js';
+import { g as getCountryObj, L as LoadingView } from './utils-8267d3d8.js';
+import { T as TAX_CONTEXT_NAMESPACE, a as TAX_FORM_CONTEXT_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE, C as CURRENCIES_NAMESPACE, b as COUNTRIES_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, G as GET_USER$2, d as COUNTRIES_QUERY_NAMESPACE, e as GET_COUNTRIES, f as FINANCE_NETWORK_SETTINGS_NAMESPACE, g as GET_FINANCE_NETWORK_SETTINGS, h as CURRENCIES_QUERY_NAMESPACE, i as GET_CURRENCIES } from './data-2380309a.js';
 import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.js';
 import './eventKeys-f76b6a03.js';
 import { u as usePayoutStatus } from './usePayoutStatus-fa504d49.js';
@@ -8225,6 +8226,7 @@ const WidgetVerification = class {
       : useWidgetVerification();
     if (props.loading)
       return h$1("sl-spinner", null);
+    // for handling state previews in content editor
     const partnerState = typeof props["sqm-partner-info-modal_stateController"] === "string"
       ? parseStates(props["sqm-partner-info-modal_stateController"])
       : props["sqm-partner-info-modal_stateController"];

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

@@ -1,12 +1,13 @@
 import { h, r as registerInstance } from './index-38ad4957.js';
 import { i as intl } from './global-39f55ec2.js';
-import { k as useState, f as useEffect, n as h$1 } from './dom-context-hooks.module-50442785.js';
+import { k as useState, f as useEffect, n as h$1, u as useMemo } from './dom-context-hooks.module-50442785.js';
 import { d as dist, t as Pn, w as wn, J, $ as $e, i as isDemo, r as En, L } from './index.module-cede12c6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
-import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-b0f31f8a.js';
+import { g as GET_FINANCE_NETWORK_SETTINGS } from './data-2380309a.js';
+import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-78d2bc6e.js';
 import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
 import { p as parseStates } from './parseStates-ed75e224.js';
@@ -500,7 +501,7 @@ const GET_BRAND_NAME = dist.gql `
   }
 `;
 function usePartnerInfoModal(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  var _a, _b, _c, _d, _e, _f, _g;
   const locale = L();
   const setVerificationContext = En(VERIFICATION_PARENT_NAMESPACE);
   const { data: userData, loading: userLoading, refetch, } = wn(GET_USER_PARTNER_INFO, {});
@@ -508,19 +509,36 @@ function usePartnerInfoModal(props) {
   const { data: currenciesData, loading: currenciesLoading } = wn(GET_CURRENCIES, { variables: { locale } });
   const { data: countriesData, loading: countriesLoading } = wn(GET_COUNTRIES, {});
   const { data: tenantSettingsData } = wn(GET_BRAND_NAME, {});
+  const { data: financeNetworkData } = wn(GET_FINANCE_NETWORK_SETTINGS, {
+    variables: { filter: {} },
+  });
   const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = $e(CONNECT_PARTNER);
-  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) || "");
+  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) || "US");
   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 countries = ((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || [];
+  // copied from useTaxAndCash for displaying currencies based on country - could be in helper?
+  const currencies = useMemo(() => {
+    var _a, _b;
+    const allValidCurrencies = (_b = (_a = financeNetworkData === null || financeNetworkData === void 0 ? void 0 : financeNetworkData.impactFinanceNetworkSettings) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.reduce((agg, settings) => {
+      var _a, _b;
+      const currency = (_b = (_a = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.find((c) => c.currencyCode === settings.currency);
+      if (!currency)
+        return agg;
+      if (agg.find((c) => c.currencyCode === settings.currency))
+        return agg;
+      if (countryCode && settings.countryCode !== countryCode)
+        return agg;
+      return [...agg, currency];
+    }, []);
+    return (allValidCurrencies || []).sort((a, b) => a.displayName.localeCompare(b.displayName));
+  }, [financeNetworkData, currenciesData, countryCode]);
   console.log(countryCode, currency, "initial country and currency state"); // TEMP
   const [countrySearch, setCountrySearch] = useState("");
   const [currencySearch, setCurrencySearch] = useState("");
-  const [filteredCountries, setFilteredCountries] = useState(((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || []);
-  const [filteredCurrencies, setFilteredCurrencies] = useState(((_f = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _f === void 0 ? void 0 : _f.data) || []);
+  const [filteredCountries, setFilteredCountries] = useState(((_f = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _f === void 0 ? void 0 : _f.data) || []);
+  const [filteredCurrencies, setFilteredCurrencies] = useState(currencies || []);
   const [error, setError] = useState("");
   const [success, setSuccess] = useState(false);
-  const countries = ((_g = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _g === void 0 ? void 0 : _g.data) || [];
-  const currencies = ((_h = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _h === void 0 ? void 0 : _h.data) || [];
-  console.log(user, "user data from partner info query"); // TEMP
   useEffect(() => {
     var _a;
     if (userData && ((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher)) {
@@ -610,11 +628,11 @@ function usePartnerInfoModal(props) {
       setError(props.networkErrorText);
     }
   }
-  console.log(success, "success state in partner info modal");
   const showModal = !success &&
     !userLoading &&
     (!(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connected) || !(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher));
   console.log(showModal, "showModal condition in partner info modal"); // TEMP
+  console.log(filteredCurrencies, "filtered curricneis");
   return {
     states: {
       open: showModal,
@@ -625,7 +643,7 @@ function usePartnerInfoModal(props) {
       currency,
       error,
       success,
-      brandName: ((_j = tenantSettingsData === null || tenantSettingsData === void 0 ? void 0 : tenantSettingsData.tenantSettings) === null || _j === void 0 ? void 0 : _j.companyName) || "",
+      brandName: ((_g = tenantSettingsData === null || tenantSettingsData === void 0 ? void 0 : tenantSettingsData.tenantSettings) === null || _g === void 0 ? void 0 : _g.companyName) || "",
       filteredCountries: filteredCountries || [],
       filteredCurrencies: filteredCurrencies || [],
     },