@saasquatch/mint-components 1.14.3-6 → 1.14.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/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/{mockRewardData-272e22d6.js → mockRewardData-7815f10f.js} +1 -1
- package/dist/cjs/sqm-banking-info-form_17.cjs.entry.js +5 -158
- package/dist/cjs/{sqm-invoice-table-view-0f7fa309.js → sqm-invoice-table-view-16ac73d0.js} +0 -17
- package/dist/cjs/sqm-referral-table_11.cjs.entry.js +3 -3
- package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +2 -2
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +895 -511
- package/dist/collection/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.js +1 -1
- package/dist/collection/components/sqm-referral-table/mockReferralData.js +1 -1
- package/dist/collection/components/sqm-rewards-table/RewardsTableCell.stories.js +2 -2
- package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.js +1 -1
- package/dist/collection/components/sqm-rewards-table/mockRewardData.js +1 -1
- package/dist/collection/components/tax-and-cash/BankingForm.stories.js +0 -12
- package/dist/collection/components/tax-and-cash/TaxForm.stories.js +0 -16
- package/dist/collection/components/tax-and-cash/sqm-banking-info-form/formDefinitions.js +1 -1
- package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.js +1 -36
- package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.js +3 -106
- package/dist/collection/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.js +0 -7
- package/dist/collection/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.js +0 -38
- package/dist/collection/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.js +1 -79
- package/dist/collection/components/tax-and-cash/sqm-docusign-form/useDocusignForm.js +0 -4
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.js +2 -205
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mint-components.js +1 -1
- package/dist/esm/{mockRewardData-8bd1b356.js → mockRewardData-a3cdb832.js} +1 -1
- package/dist/esm/sqm-banking-info-form_17.entry.js +5 -158
- package/dist/esm/{sqm-invoice-table-view-7f376a75.js → sqm-invoice-table-view-2c726568.js} +0 -17
- package/dist/esm/sqm-referral-table_11.entry.js +3 -3
- package/dist/esm/sqm-rewards-table_9.entry.js +2 -2
- package/dist/esm/sqm-stencilbook.entry.js +2880 -2496
- 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_17.entry.js +1 -1
- package/dist/esm-es5/sqm-invoice-table-view-2c726568.js +1 -0
- package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
- package/dist/esm-es5/sqm-rewards-table_9.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-693942df.entry.js → p-08090b99.entry.js} +2 -2
- package/dist/mint-components/p-0d68b3b1.entry.js +205 -0
- package/dist/mint-components/{p-c82859b2.system.entry.js → p-207da855.system.entry.js} +1 -1
- package/dist/mint-components/p-37996351.system.js +1 -1
- package/dist/mint-components/p-3f067fd5.js +1 -0
- package/dist/mint-components/{p-fe2e2f4a.entry.js → p-89104bc4.entry.js} +1 -1
- package/dist/mint-components/p-a6178052.system.entry.js +1 -0
- package/dist/mint-components/p-a7746488.system.js +1 -0
- package/dist/mint-components/{p-805446b1.entry.js → p-b06add5c.entry.js} +2 -2
- package/dist/mint-components/{p-de8e9981.system.entry.js → p-cc833efb.system.entry.js} +1 -1
- package/dist/mint-components/{p-5d7e308c.system.entry.js → p-fc7a2647.system.entry.js} +1 -1
- package/dist/mint-components/sqm-stencilbook.entry.js +18989 -0
- package/dist/mint-components/sqm-stencilbook.system.entry.js +1 -0
- package/dist/types/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.d.ts +1 -1
- package/dist/types/components/tax-and-cash/BankingForm.stories.d.ts +0 -1
- package/dist/types/components/tax-and-cash/TaxForm.stories.d.ts +0 -1
- package/dist/types/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.d.ts +0 -6
- package/dist/types/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.d.ts +0 -16
- package/dist/types/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.d.ts +0 -6
- package/dist/types/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.d.ts +0 -12
- package/dist/types/components/tax-and-cash/sqm-docusign-form/useDocusignForm.d.ts +0 -3
- package/dist/types/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.d.ts +0 -35
- package/dist/types/components.d.ts +0 -126
- package/docs/docs.docx +0 -0
- package/docs/raisins.json +1 -1
- package/grapesjs/grapesjs.js +1 -1
- package/package.json +1 -1
- package/shoelace/assets/icons/twitter-x.svg +4 -0
- package/dist/esm-es5/sqm-invoice-table-view-7f376a75.js +0 -1
- package/dist/mint-components/p-7e07418c.system.entry.js +0 -1
- package/dist/mint-components/p-9a1843cb.system.js +0 -1
- package/dist/mint-components/p-b03ef82f.entry.js +0 -205
- package/dist/mint-components/p-ccd60c4b.js +0 -1
- /package/dist/esm-es5/{mockRewardData-8bd1b356.js → mockRewardData-a3cdb832.js} +0 -0
- /package/dist/mint-components/{p-726a9924.js → p-938f64d9.js} +0 -0
- /package/dist/mint-components/{p-8413ade9.system.js → p-ae1ea5ac.system.js} +0 -0
package/dist/collection/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.js
CHANGED
|
@@ -123,7 +123,7 @@ export class ReferralTableRewardsCell {
|
|
|
123
123
|
if (!((_l = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _l === void 0 ? void 0 : _l.withdrawalSettings))
|
|
124
124
|
return "PENDING_PARTNER_CREATION";
|
|
125
125
|
}
|
|
126
|
-
if ((_m = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _m === void 0 ? void 0 : _m.includes("
|
|
126
|
+
if ((_m = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _m === void 0 ? void 0 : _m.includes("MISSING_PAYOUT_CONFIGURATION")) {
|
|
127
127
|
return "PENDING_PARTNER_CREATION";
|
|
128
128
|
}
|
|
129
129
|
if (reward.statuses.length === 1)
|
|
@@ -96,7 +96,7 @@ const getMockData = () => {
|
|
|
96
96
|
prettyValue: "1 Point",
|
|
97
97
|
statuses: statuses[Math.floor(Math.random() * statuses.length)],
|
|
98
98
|
// statuses: ["PENDING"],
|
|
99
|
-
// pendingReasons: ["US_TAX", "
|
|
99
|
+
// pendingReasons: ["US_TAX", "MISSING_PAYOUT_CONFIGURATION"],
|
|
100
100
|
globalRewardKey: null,
|
|
101
101
|
programRewardKey: "partnerReward",
|
|
102
102
|
meta: {
|
|
@@ -30,7 +30,7 @@ const rewardsData = {
|
|
|
30
30
|
prettyAvailableNumber: "19",
|
|
31
31
|
prettyRedeemedNumber: "0",
|
|
32
32
|
statuses: ["AVAILABLE", "PENDING"],
|
|
33
|
-
pendingReasons: ["US_TAX", "
|
|
33
|
+
pendingReasons: ["US_TAX", "MISSING_PAYOUT_CONFIGURATION"],
|
|
34
34
|
globalRewardKey: null,
|
|
35
35
|
rewardSource: "MANUAL",
|
|
36
36
|
prettyRedeemedCredit: "0 Points",
|
|
@@ -323,7 +323,7 @@ export const StatusCellPendingTaxSubmission = () => {
|
|
|
323
323
|
export const StatusCellPendingPartnerCreation = () => {
|
|
324
324
|
return (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
|
|
325
325
|
...rewardsData,
|
|
326
|
-
pendingReasons: ["
|
|
326
|
+
pendingReasons: ["MISSING_PAYOUT_CONFIGURATION"],
|
|
327
327
|
} }));
|
|
328
328
|
};
|
|
329
329
|
export const StatusCellPayoutSent = () => {
|
|
@@ -104,7 +104,7 @@ export class RewardTableStatusCell {
|
|
|
104
104
|
if (!((_d = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _d === void 0 ? void 0 : _d.withdrawalSettings))
|
|
105
105
|
return this.pendingPartnerCreation;
|
|
106
106
|
}
|
|
107
|
-
if ((_e = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _e === void 0 ? void 0 : _e.includes("
|
|
107
|
+
if ((_e = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _e === void 0 ? void 0 : _e.includes("MISSING_PAYOUT_CONFIGURATION")) {
|
|
108
108
|
return this.pendingPartnerCreation;
|
|
109
109
|
}
|
|
110
110
|
return "";
|
|
@@ -83,7 +83,7 @@ const getMockData = (status) => {
|
|
|
83
83
|
dateExpires = today.minus({ days: 1 }).toMillis();
|
|
84
84
|
}
|
|
85
85
|
else if (randomStatus === "PENDING") {
|
|
86
|
-
// pendingReason = ["
|
|
86
|
+
// pendingReason = ["MISSING_PAYOUT_CONFIGURATION"];
|
|
87
87
|
const reason = pendingReasons[Math.floor(Math.random() * 3)];
|
|
88
88
|
pendingReason = [reason];
|
|
89
89
|
if (reason === "SCHEDULED") {
|
|
@@ -20,7 +20,6 @@ const bankingFormProps = {
|
|
|
20
20
|
currency: "USD",
|
|
21
21
|
loadingError: false,
|
|
22
22
|
email: "test@example.com",
|
|
23
|
-
showModal: false,
|
|
24
23
|
},
|
|
25
24
|
callbacks: {
|
|
26
25
|
onVerificationHide: () => { },
|
|
@@ -30,8 +29,6 @@ const bankingFormProps = {
|
|
|
30
29
|
setPaymentScheduleChecked: () => { },
|
|
31
30
|
setCountrySearch: () => { },
|
|
32
31
|
onBack: async () => console.log("back"),
|
|
33
|
-
onModalOpen: () => { },
|
|
34
|
-
onModalClose: () => { },
|
|
35
32
|
},
|
|
36
33
|
refs: { formRef: { current: null } },
|
|
37
34
|
};
|
|
@@ -352,12 +349,3 @@ export const BankingInfoFormVerififyIdentityModal = () => {
|
|
|
352
349
|
},
|
|
353
350
|
} }));
|
|
354
351
|
};
|
|
355
|
-
export const BankingInfoFormModalOpen = () => {
|
|
356
|
-
return (h("sqm-banking-info-form", { demoData: {
|
|
357
|
-
...bankingFormProps,
|
|
358
|
-
states: {
|
|
359
|
-
...bankingFormProps.states,
|
|
360
|
-
showModal: true,
|
|
361
|
-
},
|
|
362
|
-
} }));
|
|
363
|
-
};
|
|
@@ -209,7 +209,6 @@ const stepFourProps = {
|
|
|
209
209
|
formState: {
|
|
210
210
|
paymentMethodChecked: "toBankAccount",
|
|
211
211
|
},
|
|
212
|
-
showModal: false,
|
|
213
212
|
},
|
|
214
213
|
callbacks: {
|
|
215
214
|
onVerificationHide: () => { },
|
|
@@ -219,8 +218,6 @@ const stepFourProps = {
|
|
|
219
218
|
setPaymentScheduleChecked: () => { },
|
|
220
219
|
onBack: async () => console.log("back"),
|
|
221
220
|
setCountrySearch: () => { },
|
|
222
|
-
onModalOpen: () => { },
|
|
223
|
-
onModalClose: () => { },
|
|
224
221
|
},
|
|
225
222
|
refs: { formRef: { current: null } },
|
|
226
223
|
};
|
|
@@ -242,15 +239,12 @@ const docusignFormProps = {
|
|
|
242
239
|
errors: {},
|
|
243
240
|
taxFormExpired: false,
|
|
244
241
|
},
|
|
245
|
-
showModal: false,
|
|
246
242
|
},
|
|
247
243
|
callbacks: {
|
|
248
244
|
onExit: () => { },
|
|
249
245
|
completeDocument: async () => { },
|
|
250
246
|
setParticipantType: (p) => console.log({ p }),
|
|
251
247
|
setDocusignStatus: (status) => console.log(status),
|
|
252
|
-
onModalOpen: () => { },
|
|
253
|
-
onModalClose: () => { },
|
|
254
248
|
},
|
|
255
249
|
};
|
|
256
250
|
const dashboardProps = {
|
|
@@ -727,16 +721,6 @@ export const StepThreeDocusignDisabled = () => {
|
|
|
727
721
|
},
|
|
728
722
|
} }));
|
|
729
723
|
};
|
|
730
|
-
export const StepThreeWithDocusignModalOpen = () => {
|
|
731
|
-
return (h("sqm-docusign-form", { demoData: {
|
|
732
|
-
states: {
|
|
733
|
-
documentType: "W9",
|
|
734
|
-
documentTypeString: taxTypeToName("W9"),
|
|
735
|
-
...docusignFormProps.states,
|
|
736
|
-
showModal: true,
|
|
737
|
-
},
|
|
738
|
-
} }));
|
|
739
|
-
};
|
|
740
724
|
// STEP 4
|
|
741
725
|
export const StepFourDefault = () => {
|
|
742
726
|
return h("sqm-banking-info-form", null);
|
|
@@ -5,7 +5,7 @@ export function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
|
|
|
5
5
|
const { errors, ...formState } = props.states.formState;
|
|
6
6
|
return {
|
|
7
7
|
0: {
|
|
8
|
-
input: (h("sl-input", Object.assign({ required: true, label: props.text.beneficiaryAccountNameLabel, name: "/beneficiaryAccountName", id: "beneficiaryAccountName", key: "beneficiaryAccountName", type: "text"
|
|
8
|
+
input: (h("sl-input", Object.assign({ required: true, label: props.text.beneficiaryAccountNameLabel, name: "/beneficiaryAccountName", id: "beneficiaryAccountName", key: "beneficiaryAccountName", type: "text" }, (((_a = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _a === void 0 ? void 0 : _a.beneficiaryAccountName) && {
|
|
9
9
|
class: "error-input",
|
|
10
10
|
helpText: getValidationErrorMessage({
|
|
11
11
|
type: (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _b === void 0 ? void 0 : _b.beneficiaryAccountName) === null || _c === void 0 ? void 0 : _c.type,
|
package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.js
CHANGED
|
@@ -3,11 +3,6 @@ import { intl } from "../../../global/global";
|
|
|
3
3
|
import { createStyleSheet } from "../../../styling/JSS";
|
|
4
4
|
import { FORM_STEPS } from "../sqm-tax-and-cash/data";
|
|
5
5
|
const style = {
|
|
6
|
-
ModalTitleContainer: {
|
|
7
|
-
display: "flex",
|
|
8
|
-
gap: "var(--sl-spacing-small)",
|
|
9
|
-
alignItems: "center",
|
|
10
|
-
},
|
|
11
6
|
FormWrapper: {
|
|
12
7
|
display: "flex",
|
|
13
8
|
justifyContent: "flex-start",
|
|
@@ -147,28 +142,6 @@ const style = {
|
|
|
147
142
|
height: "26px",
|
|
148
143
|
width: "26px",
|
|
149
144
|
},
|
|
150
|
-
Dialog: {
|
|
151
|
-
"&::part(panel)": {
|
|
152
|
-
maxWidth: "420px",
|
|
153
|
-
},
|
|
154
|
-
"&::part(title)": {
|
|
155
|
-
fontSize: "var(--sl-font-size-large)",
|
|
156
|
-
fontWeight: "600",
|
|
157
|
-
},
|
|
158
|
-
"&::part(body)": {
|
|
159
|
-
padding: "0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
|
|
160
|
-
fontSize: "var(--sl-font-size-small)",
|
|
161
|
-
},
|
|
162
|
-
"&::part(footer)": {
|
|
163
|
-
display: "flex",
|
|
164
|
-
flexDirection: "column",
|
|
165
|
-
gap: "var(--sl-spacing-small)",
|
|
166
|
-
marginBottom: "var(--sl-spacing-xx-small)",
|
|
167
|
-
alignItems: "center",
|
|
168
|
-
flex: "1",
|
|
169
|
-
},
|
|
170
|
-
},
|
|
171
|
-
DialogButton: { margin: "auto", width: "100%" },
|
|
172
145
|
};
|
|
173
146
|
const sheet = createStyleSheet(style);
|
|
174
147
|
const styleString = sheet.toString();
|
|
@@ -238,12 +211,6 @@ export const BankingInfoFormView = (props) => {
|
|
|
238
211
|
h("style", { type: "text/css" },
|
|
239
212
|
styleString,
|
|
240
213
|
vanillaStyle),
|
|
241
|
-
h("sl-dialog", { class: sheet.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
|
|
242
|
-
h("div", { class: classes.ModalTitleContainer, slot: "label" },
|
|
243
|
-
h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } }),
|
|
244
|
-
h("h2", { style: { fontSize: "var(--sl-font-size-large)" } }, text.modalTitle)),
|
|
245
|
-
h("p", null, text.modalDescription),
|
|
246
|
-
h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, submit: true, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
|
|
247
214
|
h("div", { class: classes.TextContainer },
|
|
248
215
|
h("div", null,
|
|
249
216
|
!states.hideSteps && (h("p", null, intl.formatMessage({
|
|
@@ -303,8 +270,6 @@ export const BankingInfoFormView = (props) => {
|
|
|
303
270
|
? getLoadingSkeleton("toPayPalAccount")
|
|
304
271
|
: slots.paymentFixedDaySelectSlot))))),
|
|
305
272
|
h("div", { class: classes.BtnContainer },
|
|
306
|
-
h("sl-button",
|
|
307
|
-
? { onClick: callbacks.onModalOpen }
|
|
308
|
-
: { submit: "submit" }), { exportparts: "base: primarybutton-base" }), text.continueButton),
|
|
273
|
+
h("sl-button", { type: "primary", disabled: states.disabled || states.saveDisabled, loading: states.saveLoading, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
|
|
309
274
|
!states.hideBackButton && (h("sl-button", { exportparts: "base: secondarybutton-base", class: classes.SecondaryBtn, type: "text", onClick: callbacks.onBack }, text.backButton))))));
|
|
310
275
|
};
|
package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.js
CHANGED
|
@@ -92,11 +92,7 @@ export class BankingInfoForm {
|
|
|
92
92
|
/**
|
|
93
93
|
* @uiName Beneficiary account field label
|
|
94
94
|
*/
|
|
95
|
-
this.beneficiaryAccountNameLabel = "
|
|
96
|
-
/**
|
|
97
|
-
* @uiName Beneficiary account field description
|
|
98
|
-
*/
|
|
99
|
-
this.beneficiaryAccountNameDescription = "The beneficiary name of your bank account. Ensure this matches the name on your tax form.";
|
|
95
|
+
this.beneficiaryAccountNameLabel = "Beneficiary account name";
|
|
100
96
|
/**
|
|
101
97
|
* @uiName Bank account type field label
|
|
102
98
|
*/
|
|
@@ -275,18 +271,6 @@ export class BankingInfoForm {
|
|
|
275
271
|
* @uiWidget textArea
|
|
276
272
|
*/
|
|
277
273
|
this.loadingErrorAlertDescription = "Please refresh the page and try again. If this problem continues, contact Support.";
|
|
278
|
-
/**
|
|
279
|
-
* @uiName Information modal title
|
|
280
|
-
*/
|
|
281
|
-
this.modalTitle = "Important Note";
|
|
282
|
-
/**
|
|
283
|
-
* @uiName Information modal description text
|
|
284
|
-
*/
|
|
285
|
-
this.modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
|
|
286
|
-
/**
|
|
287
|
-
* @uiName Information modal button text
|
|
288
|
-
*/
|
|
289
|
-
this.modalButtonText = "I understand, update my information";
|
|
290
274
|
withHooks(this);
|
|
291
275
|
}
|
|
292
276
|
disconnectedCallback() { }
|
|
@@ -784,28 +768,7 @@ export class BankingInfoForm {
|
|
|
784
768
|
},
|
|
785
769
|
"attribute": "beneficiary-account-name-label",
|
|
786
770
|
"reflect": false,
|
|
787
|
-
"defaultValue": "\"
|
|
788
|
-
},
|
|
789
|
-
"beneficiaryAccountNameDescription": {
|
|
790
|
-
"type": "string",
|
|
791
|
-
"mutable": false,
|
|
792
|
-
"complexType": {
|
|
793
|
-
"original": "string",
|
|
794
|
-
"resolved": "string",
|
|
795
|
-
"references": {}
|
|
796
|
-
},
|
|
797
|
-
"required": false,
|
|
798
|
-
"optional": false,
|
|
799
|
-
"docs": {
|
|
800
|
-
"tags": [{
|
|
801
|
-
"text": "Beneficiary account field description",
|
|
802
|
-
"name": "uiName"
|
|
803
|
-
}],
|
|
804
|
-
"text": ""
|
|
805
|
-
},
|
|
806
|
-
"attribute": "beneficiary-account-name-description",
|
|
807
|
-
"reflect": false,
|
|
808
|
-
"defaultValue": "\"The beneficiary name of your bank account. Ensure this matches the name on your tax form.\""
|
|
771
|
+
"defaultValue": "\"Beneficiary account name\""
|
|
809
772
|
},
|
|
810
773
|
"bankAccountTypeLabel": {
|
|
811
774
|
"type": "string",
|
|
@@ -1644,75 +1607,12 @@ export class BankingInfoForm {
|
|
|
1644
1607
|
"reflect": false,
|
|
1645
1608
|
"defaultValue": "\"Please refresh the page and try again. If this problem continues, contact Support.\""
|
|
1646
1609
|
},
|
|
1647
|
-
"modalTitle": {
|
|
1648
|
-
"type": "string",
|
|
1649
|
-
"mutable": false,
|
|
1650
|
-
"complexType": {
|
|
1651
|
-
"original": "string",
|
|
1652
|
-
"resolved": "string",
|
|
1653
|
-
"references": {}
|
|
1654
|
-
},
|
|
1655
|
-
"required": false,
|
|
1656
|
-
"optional": false,
|
|
1657
|
-
"docs": {
|
|
1658
|
-
"tags": [{
|
|
1659
|
-
"text": "Information modal title",
|
|
1660
|
-
"name": "uiName"
|
|
1661
|
-
}],
|
|
1662
|
-
"text": ""
|
|
1663
|
-
},
|
|
1664
|
-
"attribute": "modal-title",
|
|
1665
|
-
"reflect": false,
|
|
1666
|
-
"defaultValue": "\"Important Note\""
|
|
1667
|
-
},
|
|
1668
|
-
"modalDescription": {
|
|
1669
|
-
"type": "string",
|
|
1670
|
-
"mutable": false,
|
|
1671
|
-
"complexType": {
|
|
1672
|
-
"original": "string",
|
|
1673
|
-
"resolved": "string",
|
|
1674
|
-
"references": {}
|
|
1675
|
-
},
|
|
1676
|
-
"required": false,
|
|
1677
|
-
"optional": false,
|
|
1678
|
-
"docs": {
|
|
1679
|
-
"tags": [{
|
|
1680
|
-
"text": "Information modal description text",
|
|
1681
|
-
"name": "uiName"
|
|
1682
|
-
}],
|
|
1683
|
-
"text": ""
|
|
1684
|
-
},
|
|
1685
|
-
"attribute": "modal-description",
|
|
1686
|
-
"reflect": false,
|
|
1687
|
-
"defaultValue": "\"Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.\""
|
|
1688
|
-
},
|
|
1689
|
-
"modalButtonText": {
|
|
1690
|
-
"type": "string",
|
|
1691
|
-
"mutable": false,
|
|
1692
|
-
"complexType": {
|
|
1693
|
-
"original": "string",
|
|
1694
|
-
"resolved": "string",
|
|
1695
|
-
"references": {}
|
|
1696
|
-
},
|
|
1697
|
-
"required": false,
|
|
1698
|
-
"optional": false,
|
|
1699
|
-
"docs": {
|
|
1700
|
-
"tags": [{
|
|
1701
|
-
"text": "Information modal button text",
|
|
1702
|
-
"name": "uiName"
|
|
1703
|
-
}],
|
|
1704
|
-
"text": ""
|
|
1705
|
-
},
|
|
1706
|
-
"attribute": "modal-button-text",
|
|
1707
|
-
"reflect": false,
|
|
1708
|
-
"defaultValue": "\"I understand, update my information\""
|
|
1709
|
-
},
|
|
1710
1610
|
"demoData": {
|
|
1711
1611
|
"type": "unknown",
|
|
1712
1612
|
"mutable": false,
|
|
1713
1613
|
"complexType": {
|
|
1714
1614
|
"original": "DemoData<BankingInfoFormViewProps>",
|
|
1715
|
-
"resolved": "{ states?: { showVerification: boolean; step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: \"toBankAccount\" | \"toPayPalAccount\"; paymentScheduleChecked?: \"BALANCE_THRESHOLD\" | \"FIXED_DAY\"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: \"required\" | \"invalid\"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { countryCode: string; displayName: string; }[]; allCountries?: { countryCode: string; displayName: string; }[]; currentPaymentOption?: any; showInputs?: boolean; bankCountry?: string; countrySearch?: string; email?: string;
|
|
1615
|
+
"resolved": "{ states?: { showVerification: boolean; step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: \"toBankAccount\" | \"toPayPalAccount\"; paymentScheduleChecked?: \"BALANCE_THRESHOLD\" | \"FIXED_DAY\"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: \"required\" | \"invalid\"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { countryCode: string; displayName: string; }[]; allCountries?: { countryCode: string; displayName: string; }[]; currentPaymentOption?: any; showInputs?: boolean; bankCountry?: string; countrySearch?: string; email?: string; }; slots?: { verificationDialogSlot?: VNode; formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }",
|
|
1716
1616
|
"references": {
|
|
1717
1617
|
"DemoData": {
|
|
1718
1618
|
"location": "import",
|
|
@@ -1821,7 +1721,6 @@ function useDemoBankingInfoForm(props) {
|
|
|
1821
1721
|
currency,
|
|
1822
1722
|
setCurrency,
|
|
1823
1723
|
hasPayPal: true,
|
|
1824
|
-
showModal: false,
|
|
1825
1724
|
},
|
|
1826
1725
|
callbacks: {
|
|
1827
1726
|
onVerificationHide: () => { },
|
|
@@ -1834,8 +1733,6 @@ function useDemoBankingInfoForm(props) {
|
|
|
1834
1733
|
setCountrySearch: () => { },
|
|
1835
1734
|
onBack: async () => setStep("/dashboard"),
|
|
1836
1735
|
onVerification: () => { },
|
|
1837
|
-
onModalOpen: () => { },
|
|
1838
|
-
onModalClose: () => { },
|
|
1839
1736
|
},
|
|
1840
1737
|
text: props.getTextProps(),
|
|
1841
1738
|
refs: {
|
|
@@ -105,7 +105,6 @@ export function useBankingInfoForm(props) {
|
|
|
105
105
|
const [paymentScheduleChecked, setPaymentScheduleChecked] = useState(undefined);
|
|
106
106
|
const [countrySearch, setCountrySearch] = useState("");
|
|
107
107
|
const [filteredCountries, setFilteredCountries] = useState(countries || []);
|
|
108
|
-
const [showModal, setShowModal] = useState(false);
|
|
109
108
|
const currency = ((_c = (_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.publisher) === null || _c === void 0 ? void 0 : _c.currency) || "";
|
|
110
109
|
const isPartner = !!((_f = (_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) === null || _f === void 0 ? void 0 : _f.withdrawalSettings);
|
|
111
110
|
const feeCap = paypalFeeMap[currency] || "";
|
|
@@ -277,12 +276,10 @@ export function useBankingInfoForm(props) {
|
|
|
277
276
|
});
|
|
278
277
|
setErrors({ inputErrors: validationErrors });
|
|
279
278
|
if (Object.keys(validationErrors).length) {
|
|
280
|
-
setShowModal(false);
|
|
281
279
|
return;
|
|
282
280
|
}
|
|
283
281
|
let token = undefined;
|
|
284
282
|
if (isPartner) {
|
|
285
|
-
setShowModal(false);
|
|
286
283
|
setShowVerification(true);
|
|
287
284
|
token = await new Promise((res) => {
|
|
288
285
|
const cb = (e) => {
|
|
@@ -295,7 +292,6 @@ export function useBankingInfoForm(props) {
|
|
|
295
292
|
setShowVerification(false);
|
|
296
293
|
}
|
|
297
294
|
await runMutation(formData, token);
|
|
298
|
-
setShowModal(false);
|
|
299
295
|
};
|
|
300
296
|
const onVerification = async (token) => {
|
|
301
297
|
host.dispatchEvent(new CustomEvent(VERIFICATION_EVENT_KEY, {
|
|
@@ -329,8 +325,6 @@ export function useBankingInfoForm(props) {
|
|
|
329
325
|
setCountrySearch,
|
|
330
326
|
onVerification,
|
|
331
327
|
onVerificationHide: () => onVerification(null),
|
|
332
|
-
onModalClose: () => setShowModal(false),
|
|
333
|
-
onModalOpen: () => setShowModal(true),
|
|
334
328
|
},
|
|
335
329
|
states: {
|
|
336
330
|
showVerification,
|
|
@@ -364,7 +358,6 @@ export function useBankingInfoForm(props) {
|
|
|
364
358
|
bankCountry: formState.bankCountry,
|
|
365
359
|
countrySearch,
|
|
366
360
|
email: (_j = userData === null || userData === void 0 ? void 0 : userData.user) === null || _j === void 0 ? void 0 : _j.email,
|
|
367
|
-
showModal,
|
|
368
361
|
},
|
|
369
362
|
refs: {
|
|
370
363
|
formRef,
|
|
@@ -3,11 +3,6 @@ import { intl } from "../../../global/global";
|
|
|
3
3
|
import { createStyleSheet } from "../../../styling/JSS";
|
|
4
4
|
import { FORM_STEPS } from "../sqm-tax-and-cash/data";
|
|
5
5
|
const style = {
|
|
6
|
-
ModalTitleContainer: {
|
|
7
|
-
display: "flex",
|
|
8
|
-
gap: "var(--sl-spacing-small)",
|
|
9
|
-
alignItems: "center",
|
|
10
|
-
},
|
|
11
6
|
FormWrapper: {
|
|
12
7
|
display: "flex",
|
|
13
8
|
justifyContent: "flex-start",
|
|
@@ -119,28 +114,6 @@ const style = {
|
|
|
119
114
|
color: "var(--sl-color-neutral-500)",
|
|
120
115
|
fontSize: "var(--sl-font-size-medium)",
|
|
121
116
|
},
|
|
122
|
-
Dialog: {
|
|
123
|
-
"&::part(panel)": {
|
|
124
|
-
maxWidth: "420px",
|
|
125
|
-
},
|
|
126
|
-
"&::part(title)": {
|
|
127
|
-
fontSize: "var(--sl-font-size-large)",
|
|
128
|
-
fontWeight: "600",
|
|
129
|
-
},
|
|
130
|
-
"&::part(body)": {
|
|
131
|
-
padding: "0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
|
|
132
|
-
fontSize: "var(--sl-font-size-small)",
|
|
133
|
-
},
|
|
134
|
-
"&::part(footer)": {
|
|
135
|
-
display: "flex",
|
|
136
|
-
flexDirection: "column",
|
|
137
|
-
gap: "var(--sl-spacing-small)",
|
|
138
|
-
marginBottom: "var(--sl-spacing-xx-small)",
|
|
139
|
-
alignItems: "center",
|
|
140
|
-
flex: "1",
|
|
141
|
-
},
|
|
142
|
-
},
|
|
143
|
-
DialogButton: { margin: "auto", width: "100%" },
|
|
144
117
|
};
|
|
145
118
|
const sheet = createStyleSheet(style);
|
|
146
119
|
const styleString = sheet.toString();
|
|
@@ -174,17 +147,6 @@ export const DocusignFormView = (props) => {
|
|
|
174
147
|
h("style", { type: "text/css" },
|
|
175
148
|
styleString,
|
|
176
149
|
vanillaStyle),
|
|
177
|
-
h("sl-dialog", { class: sheet.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
|
|
178
|
-
h("div", { class: classes.ModalTitleContainer, slot: "label" },
|
|
179
|
-
h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } }),
|
|
180
|
-
h("h2", { style: { fontSize: "var(--sl-font-size-large)" } }, text.modalTitle)),
|
|
181
|
-
h("p", null, intl.formatMessage({
|
|
182
|
-
id: "modalText",
|
|
183
|
-
defaultMessage: text.modalDescription,
|
|
184
|
-
}, {
|
|
185
|
-
br: h("br", null),
|
|
186
|
-
})),
|
|
187
|
-
h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, onClick: callbacks.onModalClose, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
|
|
188
150
|
h("div", { class: classes.TextContainer },
|
|
189
151
|
h("div", null,
|
|
190
152
|
!states.hideSteps && (h("p", null, intl.formatMessage({
|
|
@@ -120,18 +120,6 @@ export class DocusignForm {
|
|
|
120
120
|
* @uiName Exit button text
|
|
121
121
|
*/
|
|
122
122
|
this.exitButton = "Exit";
|
|
123
|
-
/**
|
|
124
|
-
* @uiName Information modal title
|
|
125
|
-
*/
|
|
126
|
-
this.modalTitle = "Important Note";
|
|
127
|
-
/**
|
|
128
|
-
* @uiName Information modal description text
|
|
129
|
-
*/
|
|
130
|
-
this.modalDescription = "Ensure the name you enter in your tax form matches the name on your bank account, also known as the beneficiary name.{br}{br}Otherwise you will have to resubmit your form again and there will be delays receiving your payout.";
|
|
131
|
-
/**
|
|
132
|
-
* @uiName Information modal button text
|
|
133
|
-
*/
|
|
134
|
-
this.modalButtonText = "I understand";
|
|
135
123
|
withHooks(this);
|
|
136
124
|
}
|
|
137
125
|
disconnectedCallback() { }
|
|
@@ -619,75 +607,12 @@ export class DocusignForm {
|
|
|
619
607
|
"reflect": false,
|
|
620
608
|
"defaultValue": "\"Exit\""
|
|
621
609
|
},
|
|
622
|
-
"modalTitle": {
|
|
623
|
-
"type": "string",
|
|
624
|
-
"mutable": false,
|
|
625
|
-
"complexType": {
|
|
626
|
-
"original": "string",
|
|
627
|
-
"resolved": "string",
|
|
628
|
-
"references": {}
|
|
629
|
-
},
|
|
630
|
-
"required": false,
|
|
631
|
-
"optional": false,
|
|
632
|
-
"docs": {
|
|
633
|
-
"tags": [{
|
|
634
|
-
"text": "Information modal title",
|
|
635
|
-
"name": "uiName"
|
|
636
|
-
}],
|
|
637
|
-
"text": ""
|
|
638
|
-
},
|
|
639
|
-
"attribute": "modal-title",
|
|
640
|
-
"reflect": false,
|
|
641
|
-
"defaultValue": "\"Important Note\""
|
|
642
|
-
},
|
|
643
|
-
"modalDescription": {
|
|
644
|
-
"type": "string",
|
|
645
|
-
"mutable": false,
|
|
646
|
-
"complexType": {
|
|
647
|
-
"original": "string",
|
|
648
|
-
"resolved": "string",
|
|
649
|
-
"references": {}
|
|
650
|
-
},
|
|
651
|
-
"required": false,
|
|
652
|
-
"optional": false,
|
|
653
|
-
"docs": {
|
|
654
|
-
"tags": [{
|
|
655
|
-
"text": "Information modal description text",
|
|
656
|
-
"name": "uiName"
|
|
657
|
-
}],
|
|
658
|
-
"text": ""
|
|
659
|
-
},
|
|
660
|
-
"attribute": "modal-description",
|
|
661
|
-
"reflect": false,
|
|
662
|
-
"defaultValue": "\"Ensure the name you enter in your tax form matches the name on your bank account, also known as the beneficiary name.{br}{br}Otherwise you will have to resubmit your form again and there will be delays receiving your payout.\""
|
|
663
|
-
},
|
|
664
|
-
"modalButtonText": {
|
|
665
|
-
"type": "string",
|
|
666
|
-
"mutable": false,
|
|
667
|
-
"complexType": {
|
|
668
|
-
"original": "string",
|
|
669
|
-
"resolved": "string",
|
|
670
|
-
"references": {}
|
|
671
|
-
},
|
|
672
|
-
"required": false,
|
|
673
|
-
"optional": false,
|
|
674
|
-
"docs": {
|
|
675
|
-
"tags": [{
|
|
676
|
-
"text": "Information modal button text",
|
|
677
|
-
"name": "uiName"
|
|
678
|
-
}],
|
|
679
|
-
"text": ""
|
|
680
|
-
},
|
|
681
|
-
"attribute": "modal-button-text",
|
|
682
|
-
"reflect": false,
|
|
683
|
-
"defaultValue": "\"I understand\""
|
|
684
|
-
},
|
|
685
610
|
"demoData": {
|
|
686
611
|
"type": "unknown",
|
|
687
612
|
"mutable": false,
|
|
688
613
|
"complexType": {
|
|
689
614
|
"original": "DemoData<UseDocusignFormResult>",
|
|
690
|
-
"resolved": "{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; showExitButton: boolean;
|
|
615
|
+
"resolved": "{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; showExitButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }",
|
|
691
616
|
"references": {
|
|
692
617
|
"DemoData": {
|
|
693
618
|
"location": "import",
|
|
@@ -736,7 +661,6 @@ function useDocusignFormDemo(props) {
|
|
|
736
661
|
errors: {},
|
|
737
662
|
},
|
|
738
663
|
documentType: "W9",
|
|
739
|
-
showModal: false,
|
|
740
664
|
},
|
|
741
665
|
data: {
|
|
742
666
|
taxForm: "W9",
|
|
@@ -747,8 +671,6 @@ function useDocusignFormDemo(props) {
|
|
|
747
671
|
demo: {
|
|
748
672
|
onSubmit: () => setStep("/4"),
|
|
749
673
|
onBack: () => setStep("/3"),
|
|
750
|
-
onModalOpen: () => { },
|
|
751
|
-
onModalClose: () => { },
|
|
752
674
|
},
|
|
753
675
|
setParticipantType: (p) => console.log({ p }),
|
|
754
676
|
setDocusignStatus: (status) => console.log(status),
|
|
@@ -44,7 +44,6 @@ export function useDocusignForm(props) {
|
|
|
44
44
|
const [errors, setErrors] = useState({});
|
|
45
45
|
const [loading, setLoading] = useState(false);
|
|
46
46
|
const [showExitButton, setShowExitButton] = useState(false);
|
|
47
|
-
const [showModal, setShowModal] = useState(true);
|
|
48
47
|
// Only look at current document if it's valid (same as required type)
|
|
49
48
|
const existingDocumentType = validTaxDocument(publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType) && (publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument)
|
|
50
49
|
? publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType : undefined;
|
|
@@ -140,7 +139,6 @@ export function useDocusignForm(props) {
|
|
|
140
139
|
documentType: actualDocumentType,
|
|
141
140
|
documentTypeString: taxTypeToName(actualDocumentType),
|
|
142
141
|
showExitButton,
|
|
143
|
-
showModal,
|
|
144
142
|
},
|
|
145
143
|
data: {
|
|
146
144
|
taxForm: actualDocumentType,
|
|
@@ -151,8 +149,6 @@ export function useDocusignForm(props) {
|
|
|
151
149
|
completeDocument,
|
|
152
150
|
onExit: progressStep,
|
|
153
151
|
setParticipantType,
|
|
154
|
-
onModalClose: () => setShowModal(false),
|
|
155
|
-
onModalOpen: () => setShowModal(true),
|
|
156
152
|
},
|
|
157
153
|
text: props.getTextProps(),
|
|
158
154
|
};
|