@saasquatch/mint-components 2.0.3-2 → 2.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{ShadowViewAddon-ae3a32c3.js → ShadowViewAddon-fbc33c53.js} +3 -3
- package/dist/cjs/{data-44260010.js → data-16106637.js} +2 -29
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +76 -341
- package/dist/cjs/sqm-big-stat_47.cjs.entry.js +12 -213
- package/dist/cjs/sqm-header-logo.cjs.entry.js +2 -15
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +3 -24
- package/dist/collection/components/sqm-header-logo/sqm-header-logo.js +5 -85
- package/dist/collection/components/sqm-hero-image/sqm-hero-image.js +1 -1
- package/dist/collection/components/sqm-image/sqm-image.js +1 -1
- package/dist/collection/components/sqm-portal-footer/sqm-portal-footer-view.js +3 -3
- package/dist/collection/components/tax-and-cash/TaxForm.stories.js +0 -1
- package/dist/collection/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.js +5 -10
- package/dist/collection/components/tax-and-cash/sqm-docusign-form/useDocusignForm.js +5 -11
- package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.js +40 -46
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/PayoutStatusAlert.stories.js +0 -13
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js +1 -95
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js +7 -360
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.js +2 -29
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.js +11 -311
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js +1 -96
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.js +10 -310
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.js +1 -7
- package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js +12 -23
- package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.js +1 -1
- package/dist/collection/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.js +9 -100
- package/dist/esm/{ShadowViewAddon-78a1c35c.js → ShadowViewAddon-7a242b65.js} +3 -3
- package/dist/esm/{data-68816061.js → data-acdb790f.js} +2 -29
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mint-components.js +1 -1
- package/dist/esm/sqm-banking-info-form_10.entry.js +76 -341
- package/dist/esm/sqm-big-stat_47.entry.js +12 -213
- package/dist/esm/sqm-header-logo.entry.js +2 -15
- package/dist/esm/sqm-stencilbook.entry.js +3 -24
- package/dist/esm-es5/{ShadowViewAddon-78a1c35c.js → ShadowViewAddon-7a242b65.js} +1 -1
- package/dist/esm-es5/{data-68816061.js → data-acdb790f.js} +2 -2
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mint-components.js +1 -1
- package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
- package/dist/esm-es5/sqm-big-stat_47.entry.js +1 -1
- package/dist/esm-es5/sqm-header-logo.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/p-012d31bc.entry.js +99 -0
- package/dist/mint-components/p-2ea6e2fa.entry.js +273 -0
- package/dist/mint-components/p-303b84d7.system.entry.js +1 -0
- package/dist/mint-components/p-469a6450.system.js +6 -0
- package/dist/mint-components/p-6976099f.entry.js +9 -0
- package/dist/mint-components/p-752ede25.system.entry.js +1 -0
- package/dist/mint-components/p-947bacd1.system.js +1 -1
- package/dist/mint-components/p-97747228.system.entry.js +1 -0
- package/dist/mint-components/p-a7ee19dc.entry.js +1 -0
- package/dist/mint-components/{p-e3ee8c37.system.js → p-d7635535.system.js} +1 -1
- package/dist/mint-components/p-e1e7d01c.js +157 -0
- package/dist/mint-components/p-eea87fdc.system.entry.js +1 -0
- package/dist/mint-components/{p-ee83de0e.js → p-ffc3cd7c.js} +1 -1
- package/dist/types/components/sqm-header-logo/sqm-header-logo.d.ts +2 -17
- package/dist/types/components/sqm-hero-image/sqm-hero-image.d.ts +1 -1
- package/dist/types/components/sqm-image/sqm-image.d.ts +1 -1
- package/dist/types/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.d.ts +0 -24
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/PayoutStatusAlert.stories.d.ts +0 -7
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.d.ts +0 -16
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.d.ts +0 -57
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.d.ts +1 -3
- package/dist/types/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.d.ts +0 -48
- package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.d.ts +0 -12
- package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.d.ts +0 -48
- package/dist/types/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.d.ts +0 -2
- package/dist/types/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.d.ts +0 -1
- package/dist/types/components.d.ts +43 -335
- package/docs/docs.docx +0 -0
- package/docs/raisins.json +1 -1
- package/grapesjs/grapesjs.js +1 -1
- package/package.json +1 -1
- package/dist/mint-components/p-18790f90.entry.js +0 -106
- package/dist/mint-components/p-38a100b4.system.entry.js +0 -1
- package/dist/mint-components/p-3f661133.system.entry.js +0 -1
- package/dist/mint-components/p-775214ef.entry.js +0 -273
- package/dist/mint-components/p-7e550c3b.system.entry.js +0 -1
- package/dist/mint-components/p-92b5c376.js +0 -157
- package/dist/mint-components/p-9a3ff9b9.entry.js +0 -9
- package/dist/mint-components/p-a2dbc9ad.system.js +0 -6
- package/dist/mint-components/p-bdb6194c.entry.js +0 -1
- package/dist/mint-components/p-c7ac295d.system.entry.js +0 -1
- package/dist/types/global/android.d.ts +0 -7
- package/dist/types/global/demo.d.ts +0 -2
- package/dist/types/stories/features.d.ts +0 -4
- package/dist/types/stories/templates.d.ts +0 -4
|
@@ -19,7 +19,7 @@ const useReferralTable = require('./useReferralTable-90d4d6e9.js');
|
|
|
19
19
|
const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-659a139c.js');
|
|
20
20
|
const utils$1 = require('./utils-4eb18a29.js');
|
|
21
21
|
const keys = require('./keys-cff24974.js');
|
|
22
|
-
const data = require('./data-
|
|
22
|
+
const data = require('./data-16106637.js');
|
|
23
23
|
|
|
24
24
|
function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
25
25
|
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;
|
|
@@ -903,6 +903,10 @@ function useBankingInfoForm(props) {
|
|
|
903
903
|
const paymentMethodChecked = !hasPayPal
|
|
904
904
|
? "toBankAccount"
|
|
905
905
|
: _paymentMethodChecked;
|
|
906
|
+
domContextHooks_module.useEffect(() => {
|
|
907
|
+
// reset redirect hash
|
|
908
|
+
window.location.hash = "";
|
|
909
|
+
}, []);
|
|
906
910
|
domContextHooks_module.useEffect(() => {
|
|
907
911
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
908
912
|
if (!userData)
|
|
@@ -1074,7 +1078,6 @@ function useBankingInfoForm(props) {
|
|
|
1074
1078
|
}
|
|
1075
1079
|
await runMutation(formData, token);
|
|
1076
1080
|
setShowModal(false);
|
|
1077
|
-
window.location.hash = "";
|
|
1078
1081
|
};
|
|
1079
1082
|
const onVerification = async (token) => {
|
|
1080
1083
|
host.dispatchEvent(new CustomEvent(keys.VERIFICATION_EVENT_KEY, {
|
|
@@ -1104,15 +1107,7 @@ function useBankingInfoForm(props) {
|
|
|
1104
1107
|
setBankCountry: updateBankCountry,
|
|
1105
1108
|
setPaymentMethodChecked,
|
|
1106
1109
|
setPaymentScheduleChecked,
|
|
1107
|
-
onBack: () =>
|
|
1108
|
-
// return to dashboard
|
|
1109
|
-
if (window.location.hash) {
|
|
1110
|
-
window.location.hash = "";
|
|
1111
|
-
}
|
|
1112
|
-
else {
|
|
1113
|
-
setStep("/dashboard");
|
|
1114
|
-
}
|
|
1115
|
-
},
|
|
1110
|
+
onBack: () => setStep("/dashboard"),
|
|
1116
1111
|
setCountrySearch,
|
|
1117
1112
|
onVerification,
|
|
1118
1113
|
onVerificationHide: () => onVerification(null),
|
|
@@ -1785,17 +1780,11 @@ function useDocusignForm(props) {
|
|
|
1785
1780
|
}
|
|
1786
1781
|
};
|
|
1787
1782
|
const progressStep = () => {
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1792
|
-
|
|
1793
|
-
setStep(context.overrideNextStep ||
|
|
1794
|
-
!!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) ||
|
|
1795
|
-
!(publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup)
|
|
1796
|
-
? "/dashboard"
|
|
1797
|
-
: "/4");
|
|
1798
|
-
}
|
|
1783
|
+
setStep(context.overrideNextStep ||
|
|
1784
|
+
!!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) ||
|
|
1785
|
+
!(publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup)
|
|
1786
|
+
? "/dashboard"
|
|
1787
|
+
: "/4");
|
|
1799
1788
|
};
|
|
1800
1789
|
const allLoading = userLoading || documentLoading || loading;
|
|
1801
1790
|
return {
|
|
@@ -2622,51 +2611,8 @@ function useIndirectTaxForm(props) {
|
|
|
2622
2611
|
console.error("Could not detect select change");
|
|
2623
2612
|
setFormState((p) => ({ ...p, [field]: value }));
|
|
2624
2613
|
};
|
|
2625
|
-
async function connectPartner(formData) {
|
|
2626
|
-
var _a, _b, _c, _d, _e;
|
|
2627
|
-
const vars = {
|
|
2628
|
-
user: {
|
|
2629
|
-
id: user.id,
|
|
2630
|
-
accountId: user.accountId,
|
|
2631
|
-
},
|
|
2632
|
-
firstName: userForm.firstName,
|
|
2633
|
-
lastName: userForm.lastName,
|
|
2634
|
-
countryCode: userForm.countryCode,
|
|
2635
|
-
currency: userForm.currency,
|
|
2636
|
-
address: userForm.address,
|
|
2637
|
-
city: userForm.city,
|
|
2638
|
-
state: userForm.state,
|
|
2639
|
-
postalCode: userForm.postalCode,
|
|
2640
|
-
phoneNumber: userForm.phoneNumber,
|
|
2641
|
-
phoneNumberCountryCode: userForm.phoneNumberCountryCode,
|
|
2642
|
-
indirectTaxCountryCode: formData.selectedRegion,
|
|
2643
|
-
indirectTaxRegion: formData.province || formData.subRegion,
|
|
2644
|
-
indirectTaxId: formData.indirectTaxNumber,
|
|
2645
|
-
additionalTaxId: formData.qstNumber,
|
|
2646
|
-
withholdingTaxId: formData.subRegionTaxNumber,
|
|
2647
|
-
};
|
|
2648
|
-
const result = await connectImpactPartner({
|
|
2649
|
-
vars,
|
|
2650
|
-
});
|
|
2651
|
-
if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
|
|
2652
|
-
throw new Error();
|
|
2653
|
-
if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
|
|
2654
|
-
// Output backend errors to console for now
|
|
2655
|
-
console.error("Failed to create Impact connection: ", result.createImpactConnection.validationErrors);
|
|
2656
|
-
throw new Error();
|
|
2657
|
-
}
|
|
2658
|
-
await refetch();
|
|
2659
|
-
const resultPublisher = (_e = (_d = (_c = result
|
|
2660
|
-
.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;
|
|
2661
|
-
const hasValidCurrentDocument = utils$1.validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
|
|
2662
|
-
// Fire form change event
|
|
2663
|
-
window.dispatchEvent(new Event(data.TAX_FORM_UPDATED_EVENT_KEY));
|
|
2664
|
-
return {
|
|
2665
|
-
resultPublisher,
|
|
2666
|
-
hasValidCurrentDocument,
|
|
2667
|
-
};
|
|
2668
|
-
}
|
|
2669
2614
|
const onSubmit = async (event) => {
|
|
2615
|
+
var _a, _b, _c, _d, _e;
|
|
2670
2616
|
if (!option) {
|
|
2671
2617
|
setErrors({ taxDetails: true });
|
|
2672
2618
|
return;
|
|
@@ -2692,7 +2638,44 @@ function useIndirectTaxForm(props) {
|
|
|
2692
2638
|
}
|
|
2693
2639
|
setLoading(true);
|
|
2694
2640
|
try {
|
|
2695
|
-
const
|
|
2641
|
+
const vars = {
|
|
2642
|
+
user: {
|
|
2643
|
+
id: user.id,
|
|
2644
|
+
accountId: user.accountId,
|
|
2645
|
+
},
|
|
2646
|
+
firstName: userForm.firstName,
|
|
2647
|
+
lastName: userForm.lastName,
|
|
2648
|
+
countryCode: userForm.countryCode,
|
|
2649
|
+
currency: userForm.currency,
|
|
2650
|
+
address: userForm.address,
|
|
2651
|
+
city: userForm.city,
|
|
2652
|
+
state: userForm.state,
|
|
2653
|
+
postalCode: userForm.postalCode,
|
|
2654
|
+
phoneNumber: userForm.phoneNumber,
|
|
2655
|
+
phoneNumberCountryCode: userForm.phoneNumberCountryCode,
|
|
2656
|
+
indirectTaxCountryCode: formData.selectedRegion,
|
|
2657
|
+
indirectTaxRegion: formData.province || formData.subRegion,
|
|
2658
|
+
indirectTaxId: formData.indirectTaxNumber,
|
|
2659
|
+
additionalTaxId: formData.qstNumber,
|
|
2660
|
+
withholdingTaxId: formData.subRegionTaxNumber,
|
|
2661
|
+
};
|
|
2662
|
+
const result = await connectImpactPartner({
|
|
2663
|
+
vars,
|
|
2664
|
+
});
|
|
2665
|
+
if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
|
|
2666
|
+
throw new Error();
|
|
2667
|
+
if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
|
|
2668
|
+
// Output backend errors to console for now
|
|
2669
|
+
console.error("Failed to create Impact connection: ", result.createImpactConnection
|
|
2670
|
+
.validationErrors);
|
|
2671
|
+
throw new Error();
|
|
2672
|
+
}
|
|
2673
|
+
await refetch();
|
|
2674
|
+
const resultPublisher = (_e = (_d = (_c = result
|
|
2675
|
+
.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;
|
|
2676
|
+
const hasValidCurrentDocument = utils$1.validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
|
|
2677
|
+
// Fire form change event
|
|
2678
|
+
window.dispatchEvent(new Event(data.TAX_FORM_UPDATED_EVENT_KEY));
|
|
2696
2679
|
if ((resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) &&
|
|
2697
2680
|
!hasValidCurrentDocument) {
|
|
2698
2681
|
// Go to docusign form
|
|
@@ -3933,11 +3916,6 @@ const style$5 = {
|
|
|
3933
3916
|
SubduedText: {
|
|
3934
3917
|
color: "var(--sqm-text-subdued)",
|
|
3935
3918
|
},
|
|
3936
|
-
ButtonContainer: {
|
|
3937
|
-
display: "flex",
|
|
3938
|
-
gap: "var(--sl-spacing-medium)",
|
|
3939
|
-
flexWrap: "wrap",
|
|
3940
|
-
},
|
|
3941
3919
|
};
|
|
3942
3920
|
const sheet$4 = JSS.createStyleSheet(style$5);
|
|
3943
3921
|
const styleString$4 = sheet$4.toString();
|
|
@@ -4050,7 +4028,7 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
4050
4028
|
icon: "exclamation-octagon",
|
|
4051
4029
|
class: sheet$4.classes.ErrorHoldAlertContainer,
|
|
4052
4030
|
};
|
|
4053
|
-
case "
|
|
4031
|
+
case "ACCOUNT_REVIEW":
|
|
4054
4032
|
return {
|
|
4055
4033
|
header: text.accountReviewHeader,
|
|
4056
4034
|
description: global.intl.formatMessage({
|
|
@@ -4064,96 +4042,6 @@ const TaxAndCashDashboardView = (props) => {
|
|
|
4064
4042
|
icon: "exclamation-triangle",
|
|
4065
4043
|
class: sheet$4.classes.WarningHoldAlertContainer,
|
|
4066
4044
|
};
|
|
4067
|
-
case "PAYMENT_HOLD_ON_CHANGE":
|
|
4068
|
-
return {
|
|
4069
|
-
header: text.paymentHoldOnChangeHeader,
|
|
4070
|
-
description: global.intl.formatMessage({
|
|
4071
|
-
id: "accountReviewDescription",
|
|
4072
|
-
defaultMessage: text.paymentHoldOnChangeDescription,
|
|
4073
|
-
}, {
|
|
4074
|
-
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
4075
|
-
}),
|
|
4076
|
-
buttonText: null,
|
|
4077
|
-
alertType: "warning",
|
|
4078
|
-
icon: "exclamation-triangle",
|
|
4079
|
-
class: sheet$4.classes.WarningHoldAlertContainer,
|
|
4080
|
-
};
|
|
4081
|
-
case "BENEFICIARY_NAME_INVALID":
|
|
4082
|
-
return {
|
|
4083
|
-
header: text.beneficiaryNameInvalidHeader,
|
|
4084
|
-
description: global.intl.formatMessage({
|
|
4085
|
-
id: "accountReviewDescription",
|
|
4086
|
-
defaultMessage: text.beneficiaryNameInvalidDescription,
|
|
4087
|
-
}, {
|
|
4088
|
-
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
4089
|
-
}),
|
|
4090
|
-
button: (index.h("div", { class: sheet$4.classes.ButtonContainer },
|
|
4091
|
-
index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
|
|
4092
|
-
index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
4093
|
-
alertType: "warning",
|
|
4094
|
-
icon: "exclamation-triangle",
|
|
4095
|
-
class: sheet$4.classes.WarningHoldAlertContainer,
|
|
4096
|
-
};
|
|
4097
|
-
case "BENEFICIARY_NAME_MISMATCH":
|
|
4098
|
-
return {
|
|
4099
|
-
header: text.beneficiaryNameMismatchHeader,
|
|
4100
|
-
description: global.intl.formatMessage({
|
|
4101
|
-
id: "accountReviewDescription",
|
|
4102
|
-
defaultMessage: text.beneficiaryNameMismatchDescription,
|
|
4103
|
-
}, {
|
|
4104
|
-
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
4105
|
-
}),
|
|
4106
|
-
button: (index.h("div", { class: sheet$4.classes.ButtonContainer },
|
|
4107
|
-
index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
|
|
4108
|
-
index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
4109
|
-
alertType: "warning",
|
|
4110
|
-
icon: "exclamation-triangle",
|
|
4111
|
-
class: sheet$4.classes.WarningHoldAlertContainer,
|
|
4112
|
-
};
|
|
4113
|
-
case "BANK_TAX_NAME_MISMATCH":
|
|
4114
|
-
return {
|
|
4115
|
-
header: text.bankTaxNameMismatchHeader,
|
|
4116
|
-
description: global.intl.formatMessage({
|
|
4117
|
-
id: "accountReviewDescription",
|
|
4118
|
-
defaultMessage: text.bankTaxNameMismatchDescription,
|
|
4119
|
-
}, {
|
|
4120
|
-
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
4121
|
-
}),
|
|
4122
|
-
button: (index.h("div", { class: sheet$4.classes.ButtonContainer },
|
|
4123
|
-
index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
|
|
4124
|
-
index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
4125
|
-
alertType: "warning",
|
|
4126
|
-
icon: "exclamation-triangle",
|
|
4127
|
-
class: sheet$4.classes.WarningHoldAlertContainer,
|
|
4128
|
-
};
|
|
4129
|
-
case "WITHDRAWAL_SETTINGS_INVALID":
|
|
4130
|
-
return {
|
|
4131
|
-
header: text.withdrawalSettingsInvalidHeader,
|
|
4132
|
-
description: global.intl.formatMessage({
|
|
4133
|
-
id: "accountReviewDescription",
|
|
4134
|
-
defaultMessage: text.withdrawalSettingsInvalidDescription,
|
|
4135
|
-
}, {
|
|
4136
|
-
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
4137
|
-
}),
|
|
4138
|
-
button: (index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
|
|
4139
|
-
alertType: "warning",
|
|
4140
|
-
icon: "exclamation-triangle",
|
|
4141
|
-
class: sheet$4.classes.WarningHoldAlertContainer,
|
|
4142
|
-
};
|
|
4143
|
-
case "PAYMENT_RETURNED":
|
|
4144
|
-
return {
|
|
4145
|
-
header: text.paymentReturnedHeader,
|
|
4146
|
-
description: global.intl.formatMessage({
|
|
4147
|
-
id: "accountReviewDescription",
|
|
4148
|
-
defaultMessage: text.paymentReturnedDescription,
|
|
4149
|
-
}, {
|
|
4150
|
-
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
4151
|
-
}),
|
|
4152
|
-
button: (index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
|
|
4153
|
-
alertType: "error",
|
|
4154
|
-
icon: "exclamation-triangle",
|
|
4155
|
-
class: sheet$4.classes.WarningHoldAlertContainer,
|
|
4156
|
-
};
|
|
4157
4045
|
case "HOLD":
|
|
4158
4046
|
return {
|
|
4159
4047
|
header: text.payoutHoldAlertHeader,
|
|
@@ -4410,14 +4298,8 @@ const useTaxAndCashDashboard = (props) => {
|
|
|
4410
4298
|
domContextHooks_module.useEffect(() => {
|
|
4411
4299
|
// Clear override context once on submitted
|
|
4412
4300
|
setContext({});
|
|
4413
|
-
if (window.location.hash)
|
|
4414
|
-
setContext({
|
|
4415
|
-
overrideNextStep: "/dashboard",
|
|
4416
|
-
overrideBackStep: "/dashboard",
|
|
4417
|
-
hideSteps: true,
|
|
4418
|
-
});
|
|
4301
|
+
if (window.location.hash)
|
|
4419
4302
|
setStep(`/${window.location.hash.replace("#", "")}`);
|
|
4420
|
-
}
|
|
4421
4303
|
}, []);
|
|
4422
4304
|
const { data: data$1, loading, errors: userError, refetch, } = index_module.$n(data.USER_QUERY_NAMESPACE);
|
|
4423
4305
|
const publisher = (_b = (_a = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
|
|
@@ -4622,12 +4504,12 @@ const TaxAndCashDashboard = class {
|
|
|
4622
4504
|
/**
|
|
4623
4505
|
* @uiName Submit new tax form button label
|
|
4624
4506
|
*/
|
|
4625
|
-
this.newFormButton = "Submit new
|
|
4507
|
+
this.newFormButton = "Submit new form";
|
|
4626
4508
|
/**
|
|
4627
4509
|
*
|
|
4628
4510
|
* @uiName Edit payment info button label
|
|
4629
4511
|
*/
|
|
4630
|
-
this.editPaymentInformationButton = "Edit
|
|
4512
|
+
this.editPaymentInformationButton = "Edit Payout Information";
|
|
4631
4513
|
/**
|
|
4632
4514
|
* @uiName Not registered for indirect tax text
|
|
4633
4515
|
* @uiWidget textArea
|
|
@@ -4688,7 +4570,7 @@ const TaxAndCashDashboard = class {
|
|
|
4688
4570
|
/**
|
|
4689
4571
|
* @uiName Verification required internal alert header
|
|
4690
4572
|
*/
|
|
4691
|
-
this.verificationRequiredInternalHeader = "Identity
|
|
4573
|
+
this.verificationRequiredInternalHeader = "Identity Verification in Progress";
|
|
4692
4574
|
/**
|
|
4693
4575
|
* @uiName Verification required internal alert description
|
|
4694
4576
|
*/
|
|
@@ -4696,7 +4578,7 @@ const TaxAndCashDashboard = class {
|
|
|
4696
4578
|
/**
|
|
4697
4579
|
* @uiName Verification review internal alert header
|
|
4698
4580
|
*/
|
|
4699
|
-
this.verificationReviewInternalHeader = "Identity
|
|
4581
|
+
this.verificationReviewInternalHeader = "Identity Verification Under Review";
|
|
4700
4582
|
/**
|
|
4701
4583
|
* @uiName Verification review internal alert description
|
|
4702
4584
|
*/
|
|
@@ -4704,7 +4586,7 @@ const TaxAndCashDashboard = class {
|
|
|
4704
4586
|
/**
|
|
4705
4587
|
* @uiName Verification failed internal alert header
|
|
4706
4588
|
*/
|
|
4707
|
-
this.verificationFailedInternalHeader = "Identity
|
|
4589
|
+
this.verificationFailedInternalHeader = "Identity Verification Unsuccessful";
|
|
4708
4590
|
/**
|
|
4709
4591
|
* @uiName Verification failed internal alert description
|
|
4710
4592
|
*/
|
|
@@ -4730,54 +4612,6 @@ const TaxAndCashDashboard = class {
|
|
|
4730
4612
|
* @uiName Account review alert description
|
|
4731
4613
|
*/
|
|
4732
4614
|
this.accountReviewDescription = "This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise. It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.";
|
|
4733
|
-
/**
|
|
4734
|
-
* @uiName Payment hold on change alert header
|
|
4735
|
-
*/
|
|
4736
|
-
this.paymentHoldOnChangeHeader = "We are reviewing your new payout settings";
|
|
4737
|
-
/**
|
|
4738
|
-
* @uiName Payment hold on change alert description
|
|
4739
|
-
*/
|
|
4740
|
-
this.paymentHoldOnChangeDescription = "Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.";
|
|
4741
|
-
/**
|
|
4742
|
-
* @uiName Beneficiary name invalid alert header
|
|
4743
|
-
*/
|
|
4744
|
-
this.beneficiaryNameInvalidHeader = "Your payment information does not match your tax form";
|
|
4745
|
-
/**
|
|
4746
|
-
* @uiName Beneficiary name invalid description
|
|
4747
|
-
*/
|
|
4748
|
-
this.beneficiaryNameInvalidDescription = "The account holder (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
|
|
4749
|
-
/**
|
|
4750
|
-
* @uiName Beneficiary name mismatch alert header
|
|
4751
|
-
*/
|
|
4752
|
-
this.beneficiaryNameMismatchHeader = "Your payment information does not match your tax form";
|
|
4753
|
-
/**
|
|
4754
|
-
* @uiName Beneficiary name mismatch alert description
|
|
4755
|
-
*/
|
|
4756
|
-
this.beneficiaryNameMismatchDescription = "The account holder (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
|
|
4757
|
-
/**
|
|
4758
|
-
* @uiName Bank name mismatch alert header
|
|
4759
|
-
*/
|
|
4760
|
-
this.bankTaxNameMismatchHeader = "Your payment information does not match your tax form";
|
|
4761
|
-
/**
|
|
4762
|
-
* @uiName Bank name mismatch alert description
|
|
4763
|
-
*/
|
|
4764
|
-
this.bankTaxNameMismatchDescription = "The bank account (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
|
|
4765
|
-
/**
|
|
4766
|
-
* @uiName Withdrawal settings invalid alert header
|
|
4767
|
-
*/
|
|
4768
|
-
this.withdrawalSettingsInvalidHeader = "Your payment information is incomplete or includes invalid characters";
|
|
4769
|
-
/**
|
|
4770
|
-
* @uiName Withdrawal settings invalid alert description
|
|
4771
|
-
*/
|
|
4772
|
-
this.withdrawalSettingsInvalidDescription = "There are missing fields or invalid characters in your payment information. Please review your information and make sure it is correct. Your payouts are on hold until this is resolved.";
|
|
4773
|
-
/**
|
|
4774
|
-
* @uiName Payment returned alert header
|
|
4775
|
-
*/
|
|
4776
|
-
this.paymentReturnedHeader = "Payout unsuccessful";
|
|
4777
|
-
/**
|
|
4778
|
-
* @uiName Payment returned alert description
|
|
4779
|
-
*/
|
|
4780
|
-
this.paymentReturnedDescription = "Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.";
|
|
4781
4615
|
/**
|
|
4782
4616
|
* @uiName Terms and Conditions text
|
|
4783
4617
|
*/
|
|
@@ -6196,12 +6030,6 @@ const UserInfoFormView = (props) => {
|
|
|
6196
6030
|
default:
|
|
6197
6031
|
regionLabel = text.state;
|
|
6198
6032
|
}
|
|
6199
|
-
function isDisabledInput(field) {
|
|
6200
|
-
var _a;
|
|
6201
|
-
if (states.isPartner && !!((_a = data$1.partnerData) === null || _a === void 0 ? void 0 : _a[field]))
|
|
6202
|
-
return true;
|
|
6203
|
-
return false;
|
|
6204
|
-
}
|
|
6205
6033
|
return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
|
|
6206
6034
|
index.h("style", { type: "text/css" },
|
|
6207
6035
|
styleString$5,
|
|
@@ -6242,22 +6070,18 @@ const UserInfoFormView = (props) => {
|
|
|
6242
6070
|
})))),
|
|
6243
6071
|
index.h("div", null,
|
|
6244
6072
|
index.h("div", { class: classes.InputContainer },
|
|
6245
|
-
index.h("sl-input", Object.assign({ class: "ErrorInput", exportparts: "label: input-label, base: input-base", value: formState.firstName, label: text.firstName, disabled: states.disabled ||
|
|
6246
|
-
states.isUser ||
|
|
6247
|
-
isDisabledInput("firstName") }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.firstName) ? {
|
|
6073
|
+
index.h("sl-input", Object.assign({ class: "ErrorInput", exportparts: "label: input-label, base: input-base", value: formState.firstName, label: text.firstName, disabled: states.disabled || states.isUser || states.isPartner }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.firstName) ? {
|
|
6248
6074
|
class: classes.ErrorInput,
|
|
6249
6075
|
helpText: utils$1.formatErrorMessage(text.firstName, formState.errors.firstName),
|
|
6250
6076
|
}
|
|
6251
6077
|
: {}), { id: "firstName", name: "/firstName", required: true })),
|
|
6252
|
-
index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", value: formState.lastName, label: text.lastName, disabled: states.disabled ||
|
|
6253
|
-
states.isUser ||
|
|
6254
|
-
isDisabledInput("lastName") }, (((_c = formState.errors) === null || _c === void 0 ? void 0 : _c.lastName) ? {
|
|
6078
|
+
index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", value: formState.lastName, label: text.lastName, disabled: states.disabled || states.isUser || states.isPartner }, (((_c = formState.errors) === null || _c === void 0 ? void 0 : _c.lastName) ? {
|
|
6255
6079
|
class: classes.ErrorInput,
|
|
6256
6080
|
helpText: utils$1.formatErrorMessage(text.lastName, formState.errors.lastName),
|
|
6257
6081
|
}
|
|
6258
6082
|
: {}), { id: "lastName", name: "/lastName", required: true })),
|
|
6259
6083
|
index.h("sl-input", { exportparts: "label: input-label, base: input-base", value: formState.email, label: text.email, disabled: true, id: "email", name: "/email", required: true }),
|
|
6260
|
-
index.h("sl-select", Object.assign({ id: "countryCode", exportparts: "label: input-label, base: input-base", name: "/countryCode", label: text.country, value: formState.countryCode, disabled: states.disabled ||
|
|
6084
|
+
index.h("sl-select", Object.assign({ id: "countryCode", exportparts: "label: input-label, base: input-base", name: "/countryCode", label: text.country, value: formState.countryCode, disabled: states.disabled || states.isPartner }, (((_d = formState.errors) === null || _d === void 0 ? void 0 : _d.countryCode) ? {
|
|
6261
6085
|
class: classes.ErrorInput,
|
|
6262
6086
|
helpText: utils$1.formatErrorMessage(text.country, formState.errors.countryCode),
|
|
6263
6087
|
}
|
|
@@ -6273,8 +6097,7 @@ const UserInfoFormView = (props) => {
|
|
|
6273
6097
|
index.h("div", { class: classes.PhoneInputsSection },
|
|
6274
6098
|
index.h("p", null, text.phoneNumber),
|
|
6275
6099
|
index.h("div", { class: classes.PhoneInputsContainer },
|
|
6276
|
-
index.h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", value: formState.phoneNumberCountryCode, disabled: states.disabled ||
|
|
6277
|
-
isDisabledInput("phoneNumberCountryCode"), ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
|
|
6100
|
+
index.h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
|
|
6278
6101
|
class: classes.ErrorInput,
|
|
6279
6102
|
}
|
|
6280
6103
|
: {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("phoneCountry", e) }),
|
|
@@ -6300,7 +6123,7 @@ const UserInfoFormView = (props) => {
|
|
|
6300
6123
|
// Naive phone number validation
|
|
6301
6124
|
utils$1.validateBillingField(/[a-zA-Z]+/, value) &&
|
|
6302
6125
|
utils$1.formatErrorMessage(text.phoneNumber, text.error.fieldInvalidError);
|
|
6303
|
-
}, disabled: states.disabled ||
|
|
6126
|
+
}, disabled: states.disabled || states.isPartner }, (((_k = formState.errors) === null || _k === void 0 ? void 0 : _k.phoneNumber) ? {
|
|
6304
6127
|
class: classes.ErrorInput,
|
|
6305
6128
|
helpText: utils$1.formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
|
|
6306
6129
|
}
|
|
@@ -6308,7 +6131,7 @@ const UserInfoFormView = (props) => {
|
|
|
6308
6131
|
index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.address, id: "address", name: "/address", value: formState.address, validationError: ({ value }) =>
|
|
6309
6132
|
// Checks for non-ASCII characters
|
|
6310
6133
|
!utils$1.validateBillingField(/^[\x20-\xFF]+$/, value) &&
|
|
6311
|
-
utils$1.formatErrorMessage(text.address, text.error.invalidCharacterError), disabled: states.disabled ||
|
|
6134
|
+
utils$1.formatErrorMessage(text.address, text.error.invalidCharacterError), disabled: states.disabled || states.isPartner }, (((_l = formState.errors) === null || _l === void 0 ? void 0 : _l.address) ? {
|
|
6312
6135
|
class: classes.ErrorInput,
|
|
6313
6136
|
helpText: utils$1.formatErrorMessage(text.address, formState.errors.address),
|
|
6314
6137
|
}
|
|
@@ -6316,22 +6139,22 @@ const UserInfoFormView = (props) => {
|
|
|
6316
6139
|
index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.city, id: "city", name: "/city", value: formState.city, validationError: ({ value }) =>
|
|
6317
6140
|
// Checks for non-ASCII characters
|
|
6318
6141
|
!utils$1.validateBillingField(/^[\x20-\xFF]+$/, value) &&
|
|
6319
|
-
utils$1.formatErrorMessage(text.city, text.error.invalidCharacterError), disabled: states.disabled ||
|
|
6142
|
+
utils$1.formatErrorMessage(text.city, text.error.invalidCharacterError), disabled: states.disabled || states.isPartner }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
|
|
6320
6143
|
class: classes.ErrorInput,
|
|
6321
6144
|
helpText: utils$1.formatErrorMessage(text.city, formState.errors.city),
|
|
6322
6145
|
}
|
|
6323
6146
|
: {}), { required: true })),
|
|
6324
|
-
!states.hideState && (index.h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label, base: input-base", id: "state", name: "/state", value: formState.state, disabled: states.disabled ||
|
|
6147
|
+
!states.hideState && (index.h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label, base: input-base", id: "state", name: "/state", value: formState.state, disabled: states.disabled || states.isPartner }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
|
|
6325
6148
|
class: classes.ErrorInput,
|
|
6326
6149
|
helpText: utils$1.formatErrorMessage(text.state, formState.errors.state),
|
|
6327
6150
|
}
|
|
6328
6151
|
: {}), { required: true }), (_p = data$1.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (index.h("sl-menu-item", { value: r.value }, r.label))))),
|
|
6329
|
-
index.h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label, base: input-base", id: "postalCode", name: "/postalCode", value: formState.postalCode, disabled: states.disabled ||
|
|
6152
|
+
index.h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label, base: input-base", id: "postalCode", name: "/postalCode", value: formState.postalCode, disabled: states.disabled || states.isPartner }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
|
|
6330
6153
|
class: classes.ErrorInput,
|
|
6331
6154
|
helpText: utils$1.formatErrorMessage(text.postalCode, formState.errors.postalCode),
|
|
6332
6155
|
}
|
|
6333
6156
|
: {}), { required: true })),
|
|
6334
|
-
index.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 ||
|
|
6157
|
+
index.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 || states.isPartner, helpText: text.currencyHelpText }, (((_r = formState.errors) === null || _r === void 0 ? void 0 : _r.currency) ? {
|
|
6335
6158
|
class: classes.ErrorInput,
|
|
6336
6159
|
helpText: utils$1.formatErrorMessage(text.currency, formState.errors.currency),
|
|
6337
6160
|
}
|
|
@@ -6353,21 +6176,13 @@ const UserInfoFormView = (props) => {
|
|
|
6353
6176
|
index.h("div", { class: classes.CheckboxWrapper },
|
|
6354
6177
|
index.h("sl-checkbox", { checked: formState.allowBankingCollection === true, "onSl-change": (e) => {
|
|
6355
6178
|
e.target.value = e.target.checked;
|
|
6356
|
-
}, disabled: states.disabled, required: true, value: formState.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText),
|
|
6179
|
+
}, disabled: states.isPartner ? false : states.disabled, required: true, value: formState.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText),
|
|
6357
6180
|
((_u = formState.errors) === null || _u === void 0 ? void 0 : _u.allowBankingCollection) && (index.h("p", { class: classes.ErrorText }, utils$1.formatErrorMessage(text.termsAndConditionsLabel, formState.errors.allowBankingCollection))))),
|
|
6358
|
-
index.h("sl-button", { type: "primary", disabled: states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton))))));
|
|
6181
|
+
index.h("sl-button", { type: "primary", disabled: states.isPartner ? false : states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton))))));
|
|
6359
6182
|
};
|
|
6360
6183
|
|
|
6361
|
-
const GET_INDIRECT_TAX_COUNTRY_CODE = index_module.dist.gql `
|
|
6362
|
-
query getIndirectTaxCountryCode {
|
|
6363
|
-
tenantSettings {
|
|
6364
|
-
impactBrandCountryCode
|
|
6365
|
-
impactBrandIndirectTaxCountryCode
|
|
6366
|
-
}
|
|
6367
|
-
}
|
|
6368
|
-
`;
|
|
6369
6184
|
function useUserInfoForm(props) {
|
|
6370
|
-
var _a, _b, _c, _d
|
|
6185
|
+
var _a, _b, _c, _d;
|
|
6371
6186
|
const currencyRef = domContextHooks_module.useRef(undefined);
|
|
6372
6187
|
const phoneCountryRef = domContextHooks_module.useRef(undefined);
|
|
6373
6188
|
const formRef = domContextHooks_module.useRef(null);
|
|
@@ -6375,10 +6190,7 @@ function useUserInfoForm(props) {
|
|
|
6375
6190
|
const countries = index_module.Fn(data.SORTED_COUNTRIES_NAMESPACE);
|
|
6376
6191
|
const [step, setStep] = index_module.Pn(data.TAX_CONTEXT_NAMESPACE);
|
|
6377
6192
|
const [userFormContext, setUserFormContext] = index_module.Pn(data.USER_FORM_CONTEXT_NAMESPACE);
|
|
6378
|
-
const
|
|
6379
|
-
const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = index_module.$e(CONNECT_PARTNER);
|
|
6380
|
-
const { data: tenantData } = index_module.wn(GET_INDIRECT_TAX_COUNTRY_CODE, {});
|
|
6381
|
-
const { data: data$1, loading, refetch, errors: userError, } = index_module.$n(data.USER_QUERY_NAMESPACE);
|
|
6193
|
+
const { data: data$1, loading, errors: userError, } = index_module.$n(data.USER_QUERY_NAMESPACE);
|
|
6382
6194
|
const _currencies = index_module.Fn(data.CURRENCIES_NAMESPACE);
|
|
6383
6195
|
const currencies = domContextHooks_module.useMemo(() => [...(_currencies || [])].sort((a, b) => a.displayName.localeCompare(b.displayName)), [_currencies]);
|
|
6384
6196
|
const [countrySearch, setCountrySearch] = domContextHooks_module.useState("");
|
|
@@ -6480,45 +6292,6 @@ function useUserInfoForm(props) {
|
|
|
6480
6292
|
setFilteredCurrencies(currencies.filter((c) => c.currencyCode.toLowerCase().includes(currencySearch.toLowerCase())) || []);
|
|
6481
6293
|
}
|
|
6482
6294
|
}, [currencySearch, currencies]);
|
|
6483
|
-
async function connectPartner(formData) {
|
|
6484
|
-
var _a, _b, _c, _d, _e;
|
|
6485
|
-
const vars = {
|
|
6486
|
-
user: {
|
|
6487
|
-
id: user.id,
|
|
6488
|
-
accountId: user.accountId,
|
|
6489
|
-
},
|
|
6490
|
-
firstName: formData.firstName,
|
|
6491
|
-
lastName: formData.lastName,
|
|
6492
|
-
countryCode: formData.countryCode,
|
|
6493
|
-
currency: formData.currency,
|
|
6494
|
-
address: formData.address,
|
|
6495
|
-
city: formData.city,
|
|
6496
|
-
state: formData.state,
|
|
6497
|
-
postalCode: formData.postalCode,
|
|
6498
|
-
phoneNumber: formData.phoneNumber,
|
|
6499
|
-
phoneNumberCountryCode: formData.phoneNumberCountryCode,
|
|
6500
|
-
};
|
|
6501
|
-
const result = await connectImpactPartner({
|
|
6502
|
-
vars,
|
|
6503
|
-
});
|
|
6504
|
-
if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
|
|
6505
|
-
throw new Error();
|
|
6506
|
-
if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
|
|
6507
|
-
// Output backend errors to console for now
|
|
6508
|
-
console.error("Failed to create Impact connection: ", result.createImpactConnection.validationErrors);
|
|
6509
|
-
throw new Error();
|
|
6510
|
-
}
|
|
6511
|
-
await refetch();
|
|
6512
|
-
const resultPublisher = (_e = (_d = (_c = result
|
|
6513
|
-
.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;
|
|
6514
|
-
const hasValidCurrentDocument = utils$1.validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
|
|
6515
|
-
// Fire form change event
|
|
6516
|
-
window.dispatchEvent(new Event(data.TAX_FORM_UPDATED_EVENT_KEY));
|
|
6517
|
-
return {
|
|
6518
|
-
resultPublisher,
|
|
6519
|
-
hasValidCurrentDocument,
|
|
6520
|
-
};
|
|
6521
|
-
}
|
|
6522
6295
|
async function onSubmit(event) {
|
|
6523
6296
|
let formControls = event.target.getFormControls();
|
|
6524
6297
|
let formData = {};
|
|
@@ -6561,46 +6334,9 @@ function useUserInfoForm(props) {
|
|
|
6561
6334
|
postalCode: userData.postalCode,
|
|
6562
6335
|
currency: userData.currency,
|
|
6563
6336
|
});
|
|
6564
|
-
const
|
|
6565
|
-
if (skipNextStep) {
|
|
6566
|
-
try {
|
|
6567
|
-
const { resultPublisher, hasValidCurrentDocument } = await connectPartner(formData);
|
|
6568
|
-
if ((resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) &&
|
|
6569
|
-
!hasValidCurrentDocument) {
|
|
6570
|
-
// Go to docusign form
|
|
6571
|
-
setStep("/3");
|
|
6572
|
-
}
|
|
6573
|
-
else {
|
|
6574
|
-
if (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.brandedSignup) {
|
|
6575
|
-
// Go to banking information form
|
|
6576
|
-
setStep("/4");
|
|
6577
|
-
}
|
|
6578
|
-
else {
|
|
6579
|
-
// Go right to the dashboard
|
|
6580
|
-
setStep("/dashboard");
|
|
6581
|
-
}
|
|
6582
|
-
}
|
|
6583
|
-
return;
|
|
6584
|
-
}
|
|
6585
|
-
catch (e) {
|
|
6586
|
-
setErrors({ general: true });
|
|
6587
|
-
return;
|
|
6588
|
-
}
|
|
6589
|
-
}
|
|
6590
|
-
const nextStep = context.overrideNextStep || skipNextStep ? "/3" : "/2";
|
|
6337
|
+
const nextStep = context.overrideNextStep || "/2";
|
|
6591
6338
|
setStep(nextStep);
|
|
6592
6339
|
}
|
|
6593
|
-
const indirectTaxCountry = (_a = tenantData === null || tenantData === void 0 ? void 0 : tenantData.tenantSettings) === null || _a === void 0 ? void 0 : _a.impactBrandIndirectTaxCountryCode;
|
|
6594
|
-
const hasIndirectTax = !!indirectTaxCountry;
|
|
6595
|
-
function getSkipNextStep(userData) {
|
|
6596
|
-
if (!hasIndirectTax)
|
|
6597
|
-
return true;
|
|
6598
|
-
if (userData.countryCode === "US")
|
|
6599
|
-
return true;
|
|
6600
|
-
if (hasIndirectTax && userData.countryCode !== indirectTaxCountry)
|
|
6601
|
-
return true;
|
|
6602
|
-
return false;
|
|
6603
|
-
}
|
|
6604
6340
|
const hasStates = ["ES", "AU", "US", "CA"].includes(userFormContext.countryCode);
|
|
6605
6341
|
const regionObj = hasStates
|
|
6606
6342
|
? IndirectTaxDetailsView.ADDRESS_REGIONS[userFormContext === null || userFormContext === void 0 ? void 0 : userFormContext.countryCode]
|
|
@@ -6628,17 +6364,16 @@ function useUserInfoForm(props) {
|
|
|
6628
6364
|
allCountries: countries,
|
|
6629
6365
|
regionLabelEnum: regionObj === null || regionObj === void 0 ? void 0 : regionObj.labelEnum,
|
|
6630
6366
|
regions: (regionObj === null || regionObj === void 0 ? void 0 : regionObj.regions) || [],
|
|
6631
|
-
partnerData: (_c = (_b = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _b === void 0 ? void 0 : _b.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher,
|
|
6632
6367
|
},
|
|
6633
6368
|
states: {
|
|
6634
6369
|
step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
|
|
6635
6370
|
hideState: !hasStates,
|
|
6636
6371
|
hideSteps: !!context.hideSteps,
|
|
6637
|
-
disabled: loading
|
|
6372
|
+
disabled: loading,
|
|
6638
6373
|
loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
|
|
6639
|
-
loading: loading
|
|
6640
|
-
isPartner: !!((
|
|
6641
|
-
isUser: !!((
|
|
6374
|
+
loading: loading,
|
|
6375
|
+
isPartner: !!((_b = (_a = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher),
|
|
6376
|
+
isUser: !!((_d = (_c = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.user),
|
|
6642
6377
|
formState: {
|
|
6643
6378
|
...userFormContext,
|
|
6644
6379
|
errors: formErrors,
|