@saasquatch/mint-components 2.0.2-0 → 2.0.2-10
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-1b38dcfc.js → ShadowViewAddon-925a8fa6.js} +3 -3
- 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 +13 -11
- package/dist/cjs/sqm-big-stat_47.cjs.entry.js +21 -15
- package/dist/cjs/sqm-header-logo.cjs.entry.js +10 -4
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
- package/dist/cjs/{usePayoutStatus-67c78085.js → usePayoutStatus-9abe2de8.js} +16 -19
- package/dist/collection/components/sqm-header-logo/sqm-header-logo.js +18 -11
- package/dist/collection/components/sqm-portal-footer/sqm-portal-footer-view.js +3 -3
- package/dist/collection/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.js +2 -1
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js +13 -7
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js +6 -6
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.js +16 -19
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.js +6 -6
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js +5 -5
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.js +8 -8
- package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js +1 -0
- package/dist/esm/{ShadowViewAddon-1adaf077.js → ShadowViewAddon-aae27c2e.js} +3 -3
- 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 +13 -11
- package/dist/esm/sqm-big-stat_47.entry.js +21 -15
- package/dist/esm/sqm-header-logo.entry.js +10 -4
- package/dist/esm/sqm-stencilbook.entry.js +1 -1
- package/dist/esm/{usePayoutStatus-f064247b.js → usePayoutStatus-e0ef2374.js} +16 -19
- package/dist/esm-es5/{ShadowViewAddon-1adaf077.js → ShadowViewAddon-aae27c2e.js} +1 -1
- 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/esm-es5/{usePayoutStatus-f064247b.js → usePayoutStatus-e0ef2374.js} +2 -2
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/{p-612062cd.system.entry.js → p-0649123a.system.entry.js} +1 -1
- package/dist/mint-components/p-09ab53fb.system.entry.js +1 -0
- package/dist/mint-components/p-35576752.system.entry.js +1 -0
- package/dist/mint-components/{p-9f8d34d1.system.js → p-38f932ae.system.js} +1 -1
- package/dist/mint-components/{p-ef8c9f73.entry.js → p-408a3798.entry.js} +9 -9
- package/dist/mint-components/{p-0e1a1b14.js → p-57ce33dd.js} +1 -1
- package/dist/mint-components/{p-40e0251f.system.js → p-59bb2d52.system.js} +2 -2
- package/dist/mint-components/{p-f6a7d4d3.entry.js → p-5f3eafd4.entry.js} +1 -1
- package/dist/mint-components/p-7d6c3126.system.entry.js +1 -0
- package/dist/mint-components/p-967a9040.system.js +1 -1
- package/dist/mint-components/p-ab111e29.entry.js +1 -0
- package/dist/mint-components/{p-f17b6de6.js → p-c41108ae.js} +7 -7
- package/dist/mint-components/{p-3219fdbe.entry.js → p-c540c501.entry.js} +4 -4
- package/dist/types/components/sqm-header-logo/sqm-header-logo.d.ts +3 -3
- package/dist/types/components.d.ts +6 -6
- 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-014dc2be.entry.js +0 -1
- package/dist/mint-components/p-09707418.system.entry.js +0 -1
- package/dist/mint-components/p-2c86af62.system.entry.js +0 -1
- package/dist/mint-components/p-333d5597.system.entry.js +0 -1
|
@@ -27,11 +27,11 @@ const usePortalLogin = require('./usePortalLogin-1c022d8d.js');
|
|
|
27
27
|
const AsYouType = require('./AsYouType-6788393a.js');
|
|
28
28
|
const utilities = require('./utilities-9a0c5e91.js');
|
|
29
29
|
const ErrorView = require('./ErrorView-3f91e5ab.js');
|
|
30
|
-
const ShadowViewAddon = require('./ShadowViewAddon-
|
|
30
|
+
const ShadowViewAddon = require('./ShadowViewAddon-925a8fa6.js');
|
|
31
31
|
require('./sqm-portal-container-view-07e4343f.js');
|
|
32
32
|
const utils$1 = require('./utils-83d125fa.js');
|
|
33
33
|
const extractProps = require('./extractProps-e9c55ba8.js');
|
|
34
|
-
const usePayoutStatus = require('./usePayoutStatus-
|
|
34
|
+
const usePayoutStatus = require('./usePayoutStatus-9abe2de8.js');
|
|
35
35
|
|
|
36
36
|
/**
|
|
37
37
|
*
|
|
@@ -3062,7 +3062,9 @@ function PayoutStatusAlertView(props) {
|
|
|
3062
3062
|
}, {
|
|
3063
3063
|
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
3064
3064
|
}),
|
|
3065
|
-
|
|
3065
|
+
button: (index.h(index.Fragment, null,
|
|
3066
|
+
index.h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
|
|
3067
|
+
index.h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
3066
3068
|
alertType: "warning",
|
|
3067
3069
|
icon: "exclamation-triangle",
|
|
3068
3070
|
};
|
|
@@ -3075,7 +3077,9 @@ function PayoutStatusAlertView(props) {
|
|
|
3075
3077
|
}, {
|
|
3076
3078
|
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
3077
3079
|
}),
|
|
3078
|
-
|
|
3080
|
+
button: (index.h(index.Fragment, null,
|
|
3081
|
+
index.h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
|
|
3082
|
+
index.h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
3079
3083
|
alertType: "warning",
|
|
3080
3084
|
icon: "exclamation-triangle",
|
|
3081
3085
|
};
|
|
@@ -3088,7 +3092,9 @@ function PayoutStatusAlertView(props) {
|
|
|
3088
3092
|
}, {
|
|
3089
3093
|
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
3090
3094
|
}),
|
|
3091
|
-
|
|
3095
|
+
button: (index.h(index.Fragment, null,
|
|
3096
|
+
index.h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
|
|
3097
|
+
index.h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
3092
3098
|
alertType: "warning",
|
|
3093
3099
|
icon: "exclamation-triangle",
|
|
3094
3100
|
};
|
|
@@ -3101,7 +3107,8 @@ function PayoutStatusAlertView(props) {
|
|
|
3101
3107
|
}, {
|
|
3102
3108
|
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
3103
3109
|
}),
|
|
3104
|
-
|
|
3110
|
+
button: (index.h(index.Fragment, null,
|
|
3111
|
+
index.h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
|
|
3105
3112
|
alertType: "warning",
|
|
3106
3113
|
icon: "exclamation-triangle",
|
|
3107
3114
|
};
|
|
@@ -3115,9 +3122,8 @@ function PayoutStatusAlertView(props) {
|
|
|
3115
3122
|
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
3116
3123
|
}),
|
|
3117
3124
|
button: (index.h(index.Fragment, null,
|
|
3118
|
-
index.h("sl-button", { disabled: states.loading, type: "
|
|
3119
|
-
|
|
3120
|
-
alertType: "warning",
|
|
3125
|
+
index.h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
|
|
3126
|
+
alertType: "error",
|
|
3121
3127
|
icon: "exclamation-triangle",
|
|
3122
3128
|
};
|
|
3123
3129
|
case "HOLD":
|
|
@@ -3215,7 +3221,7 @@ const PayoutStatusAlert = class {
|
|
|
3215
3221
|
/**
|
|
3216
3222
|
* @uiName Verification required internal alert header
|
|
3217
3223
|
*/
|
|
3218
|
-
this.verificationRequiredInternalHeader = "Identity Verification in
|
|
3224
|
+
this.verificationRequiredInternalHeader = "Identity Verification in progress";
|
|
3219
3225
|
/**
|
|
3220
3226
|
* @uiName Verification required internal alert description
|
|
3221
3227
|
*/
|
|
@@ -3223,7 +3229,7 @@ const PayoutStatusAlert = class {
|
|
|
3223
3229
|
/**
|
|
3224
3230
|
* @uiName Verification review internal alert header
|
|
3225
3231
|
*/
|
|
3226
|
-
this.verificationReviewInternalHeader = "Identity Verification
|
|
3232
|
+
this.verificationReviewInternalHeader = "Identity Verification under review";
|
|
3227
3233
|
/**
|
|
3228
3234
|
* @uiName Verification review internal alert description
|
|
3229
3235
|
*/
|
|
@@ -3231,7 +3237,7 @@ const PayoutStatusAlert = class {
|
|
|
3231
3237
|
/**
|
|
3232
3238
|
* @uiName Verification failed internal alert header
|
|
3233
3239
|
*/
|
|
3234
|
-
this.verificationFailedInternalHeader = "Identity
|
|
3240
|
+
this.verificationFailedInternalHeader = "Identity verification unsuccessful";
|
|
3235
3241
|
/**
|
|
3236
3242
|
* @uiName Verification failed internal alert description
|
|
3237
3243
|
*/
|
|
@@ -7566,7 +7572,7 @@ const TaxAndCashMonolith = class {
|
|
|
7566
7572
|
* @uiGroup Dashboard Properties
|
|
7567
7573
|
* @uiWidget textArea
|
|
7568
7574
|
*/
|
|
7569
|
-
this.dashboard_verificationRequiredInternalHeader = "Identity
|
|
7575
|
+
this.dashboard_verificationRequiredInternalHeader = "Identity verification in progress";
|
|
7570
7576
|
/**
|
|
7571
7577
|
* @uiName Verification required internal alert description
|
|
7572
7578
|
* @uiGroup Dashboard Properties
|
|
@@ -7578,7 +7584,7 @@ const TaxAndCashMonolith = class {
|
|
|
7578
7584
|
* @uiGroup Dashboard Properties
|
|
7579
7585
|
* @uiWidget textArea
|
|
7580
7586
|
*/
|
|
7581
|
-
this.dashboard_verificationReviewInternalHeader = "Identity
|
|
7587
|
+
this.dashboard_verificationReviewInternalHeader = "Identity verification under review";
|
|
7582
7588
|
/**
|
|
7583
7589
|
* @uiName Verification review internal alert description
|
|
7584
7590
|
* @uiGroup Dashboard Properties
|
|
@@ -7590,7 +7596,7 @@ const TaxAndCashMonolith = class {
|
|
|
7590
7596
|
* @uiGroup Dashboard Properties
|
|
7591
7597
|
* @uiWidget textArea
|
|
7592
7598
|
*/
|
|
7593
|
-
this.dashboard_verificationFailedInternalHeader = "Identity
|
|
7599
|
+
this.dashboard_verificationFailedInternalHeader = "Identity verification usuccessful";
|
|
7594
7600
|
/**
|
|
7595
7601
|
* @uiName Verification failed internal alert description
|
|
7596
7602
|
* @uiGroup Dashboard Properties
|
|
@@ -9,9 +9,14 @@ const HeroImage = class {
|
|
|
9
9
|
constructor(hostRef) {
|
|
10
10
|
index.registerInstance(this, hostRef);
|
|
11
11
|
/**
|
|
12
|
-
* @uiName Logo text
|
|
12
|
+
* @uiName Logo text size
|
|
13
13
|
*/
|
|
14
|
-
this.logoTextSize =
|
|
14
|
+
this.logoTextSize = 32;
|
|
15
|
+
/**
|
|
16
|
+
* @uiWidget color
|
|
17
|
+
* @uiName Logo text color
|
|
18
|
+
*/
|
|
19
|
+
this.logoTextColor = "#555555";
|
|
15
20
|
/**
|
|
16
21
|
* Page participants are navigated to after clicking the header logo.
|
|
17
22
|
*
|
|
@@ -28,8 +33,9 @@ const HeroImage = class {
|
|
|
28
33
|
disconnectedCallback() { }
|
|
29
34
|
render() {
|
|
30
35
|
return (index.h(index.Host, null, index.h("a", { href: this.nextPage, part: "sqm-link" }, this.imageUrl ? (index.h("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl })) : (index.h("h3", { style: {
|
|
31
|
-
fontSize: this.logoTextSize
|
|
32
|
-
color: this.logoTextColor || "
|
|
36
|
+
fontSize: `${this.logoTextSize}px`,
|
|
37
|
+
color: this.logoTextColor || "#555555",
|
|
38
|
+
textDecoration: "none",
|
|
33
39
|
} }, this.logoText)))));
|
|
34
40
|
}
|
|
35
41
|
};
|
|
@@ -34,7 +34,7 @@ const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-25e
|
|
|
34
34
|
const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
|
|
35
35
|
require('./ErrorView-3f91e5ab.js');
|
|
36
36
|
const sqmQrCodeView = require('./sqm-qr-code-view-4ccf89da.js');
|
|
37
|
-
const ShadowViewAddon = require('./ShadowViewAddon-
|
|
37
|
+
const ShadowViewAddon = require('./ShadowViewAddon-925a8fa6.js');
|
|
38
38
|
const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
|
|
39
39
|
const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-e5f70b8b.js');
|
|
40
40
|
const utils = require('./utils-83d125fa.js');
|
|
@@ -1129,7 +1129,7 @@ const GET_TAX_SETTING = index_module.dist.gql `
|
|
|
1129
1129
|
}
|
|
1130
1130
|
`;
|
|
1131
1131
|
function getStatus(data) {
|
|
1132
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
|
|
1132
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
|
|
1133
1133
|
const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
|
|
1134
1134
|
const hasTransferredReward = (_e = (_d = (_c = data === null || data === void 0 ? void 0 : data.user) === null || _c === void 0 ? void 0 : _c.rewards) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.find((reward) => reward.statuses.includes("REDEEMED") &&
|
|
1135
1135
|
reward.partnerFundsTransfer.status === "TRANSFERRED");
|
|
@@ -1146,19 +1146,22 @@ function getStatus(data) {
|
|
|
1146
1146
|
return "VERIFICATION:REVIEW";
|
|
1147
1147
|
if ((_p = account.holdReasons) === null || _p === void 0 ? void 0 : _p.includes("IDV_CHECK_FAILED_INTERNAL"))
|
|
1148
1148
|
return "VERIFICATION:FAILED";
|
|
1149
|
+
// only show banner for NEW_PAYEE_REVIEW if a PFT was created
|
|
1149
1150
|
if (((_q = account.holdReasons) === null || _q === void 0 ? void 0 : _q.includes("NEW_PAYEE_REVIEW")) && hasTransferredReward)
|
|
1150
1151
|
return "NEW_PAYEE_REVIEW";
|
|
1151
|
-
if ((_r = account.holdReasons) === null || _r === void 0 ? void 0 : _r.includes("
|
|
1152
|
+
if ((_r = account.holdReasons) === null || _r === void 0 ? void 0 : _r.includes("NEW_PAYEE_REVIEW"))
|
|
1153
|
+
return "DONE";
|
|
1154
|
+
if ((_s = account.holdReasons) === null || _s === void 0 ? void 0 : _s.includes("PAYMENT_HOLD_ON_CHANGE"))
|
|
1152
1155
|
return "PAYMENT_HOLD_ON_CHANGE";
|
|
1153
|
-
if ((
|
|
1156
|
+
if ((_t = account.holdReasons) === null || _t === void 0 ? void 0 : _t.includes("BENEFICIARY_NAME_INVALID"))
|
|
1154
1157
|
return "BENEFICIARY_NAME_INVALID";
|
|
1155
|
-
if ((
|
|
1158
|
+
if ((_u = account.holdReasons) === null || _u === void 0 ? void 0 : _u.includes("BENEFICIARY_NAME_MISMATCH"))
|
|
1156
1159
|
return "BENEFICIARY_NAME_MISMATCH";
|
|
1157
|
-
if ((
|
|
1160
|
+
if ((_v = account.holdReasons) === null || _v === void 0 ? void 0 : _v.includes("BANK_TAX_NAME_MISMATCH"))
|
|
1158
1161
|
return "BANK_TAX_NAME_MISMATCH";
|
|
1159
|
-
if ((
|
|
1162
|
+
if ((_w = account.holdReasons) === null || _w === void 0 ? void 0 : _w.includes("WITHDRAWAL_SETTINGS_INVALID"))
|
|
1160
1163
|
return "WITHDRAWAL_SETTINGS_INVALID";
|
|
1161
|
-
if ((
|
|
1164
|
+
if ((_x = account.holdReasons) === null || _x === void 0 ? void 0 : _x.includes("PAYMENT_RETURNED"))
|
|
1162
1165
|
return "PAYMENT_RETURNED";
|
|
1163
1166
|
if (account.hold)
|
|
1164
1167
|
return "HOLD";
|
|
@@ -1201,20 +1204,14 @@ function usePayoutStatus(props) {
|
|
|
1201
1204
|
window.history.pushState(null, "", url);
|
|
1202
1205
|
};
|
|
1203
1206
|
const onPaymentInfoClick = () => {
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
hideSteps: true,
|
|
1208
|
-
});
|
|
1209
|
-
setStep("/4");
|
|
1207
|
+
let url = props.cashPayoutsPageUrl;
|
|
1208
|
+
url += "#4";
|
|
1209
|
+
window.history.pushState(null, "", url);
|
|
1210
1210
|
};
|
|
1211
1211
|
const onNewFormClick = () => {
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
hideSteps: true,
|
|
1216
|
-
});
|
|
1217
|
-
setStep("/3");
|
|
1212
|
+
let url = props.cashPayoutsPageUrl;
|
|
1213
|
+
url += "#3";
|
|
1214
|
+
window.history.pushState(null, "", url);
|
|
1218
1215
|
};
|
|
1219
1216
|
return {
|
|
1220
1217
|
states: {
|
|
@@ -7,9 +7,14 @@ import { Component, h, Host, Prop } from "@stencil/core";
|
|
|
7
7
|
export class HeroImage {
|
|
8
8
|
constructor() {
|
|
9
9
|
/**
|
|
10
|
-
* @uiName Logo text
|
|
10
|
+
* @uiName Logo text size
|
|
11
11
|
*/
|
|
12
|
-
this.logoTextSize =
|
|
12
|
+
this.logoTextSize = 32;
|
|
13
|
+
/**
|
|
14
|
+
* @uiWidget color
|
|
15
|
+
* @uiName Logo text color
|
|
16
|
+
*/
|
|
17
|
+
this.logoTextColor = "#555555";
|
|
13
18
|
/**
|
|
14
19
|
* Page participants are navigated to after clicking the header logo.
|
|
15
20
|
*
|
|
@@ -27,8 +32,9 @@ export class HeroImage {
|
|
|
27
32
|
render() {
|
|
28
33
|
return (h(Host, null,
|
|
29
34
|
h("a", { href: this.nextPage, part: "sqm-link" }, this.imageUrl ? (h("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl })) : (h("h3", { style: {
|
|
30
|
-
fontSize: this.logoTextSize
|
|
31
|
-
color: this.logoTextColor || "
|
|
35
|
+
fontSize: `${this.logoTextSize}px`,
|
|
36
|
+
color: this.logoTextColor || "#555555",
|
|
37
|
+
textDecoration: "none",
|
|
32
38
|
} }, this.logoText)))));
|
|
33
39
|
}
|
|
34
40
|
static get is() { return "sqm-header-logo"; }
|
|
@@ -81,25 +87,25 @@ export class HeroImage {
|
|
|
81
87
|
"reflect": false
|
|
82
88
|
},
|
|
83
89
|
"logoTextSize": {
|
|
84
|
-
"type": "
|
|
90
|
+
"type": "number",
|
|
85
91
|
"mutable": false,
|
|
86
92
|
"complexType": {
|
|
87
|
-
"original": "
|
|
88
|
-
"resolved": "
|
|
93
|
+
"original": "number",
|
|
94
|
+
"resolved": "number",
|
|
89
95
|
"references": {}
|
|
90
96
|
},
|
|
91
97
|
"required": false,
|
|
92
98
|
"optional": true,
|
|
93
99
|
"docs": {
|
|
94
100
|
"tags": [{
|
|
95
|
-
"text": "Logo text",
|
|
101
|
+
"text": "Logo text size",
|
|
96
102
|
"name": "uiName"
|
|
97
103
|
}],
|
|
98
104
|
"text": ""
|
|
99
105
|
},
|
|
100
106
|
"attribute": "logo-text-size",
|
|
101
107
|
"reflect": false,
|
|
102
|
-
"defaultValue": "
|
|
108
|
+
"defaultValue": "32"
|
|
103
109
|
},
|
|
104
110
|
"logoTextColor": {
|
|
105
111
|
"type": "string",
|
|
@@ -116,13 +122,14 @@ export class HeroImage {
|
|
|
116
122
|
"text": "color",
|
|
117
123
|
"name": "uiWidget"
|
|
118
124
|
}, {
|
|
119
|
-
"text": "Logo text",
|
|
125
|
+
"text": "Logo text color",
|
|
120
126
|
"name": "uiName"
|
|
121
127
|
}],
|
|
122
128
|
"text": ""
|
|
123
129
|
},
|
|
124
130
|
"attribute": "logo-text-color",
|
|
125
|
-
"reflect": false
|
|
131
|
+
"reflect": false,
|
|
132
|
+
"defaultValue": "\"#555555\""
|
|
126
133
|
},
|
|
127
134
|
"nextPage": {
|
|
128
135
|
"type": "string",
|
|
@@ -3,14 +3,14 @@ import { createStyleSheet } from "../../styling/JSS";
|
|
|
3
3
|
import { intl } from "../../global/global";
|
|
4
4
|
import { PoweredByImg } from "./PoweredByImg";
|
|
5
5
|
const vanillaStyle = `
|
|
6
|
-
:host{
|
|
6
|
+
:host {
|
|
7
7
|
margin: 0 auto;
|
|
8
8
|
width: 100%;
|
|
9
9
|
}
|
|
10
|
-
a{
|
|
10
|
+
a {
|
|
11
11
|
cursor:pointer;
|
|
12
12
|
color: var(--sqm-text-subdued);
|
|
13
|
-
text-decoration: none
|
|
13
|
+
text-decoration: none;
|
|
14
14
|
}
|
|
15
15
|
`;
|
|
16
16
|
export function PortalFooterView(props) {
|
|
@@ -127,7 +127,8 @@ export function useBankingInfoForm(props) {
|
|
|
127
127
|
: _paymentMethodChecked;
|
|
128
128
|
useEffect(() => {
|
|
129
129
|
// reset redirect hash
|
|
130
|
-
window.location.hash
|
|
130
|
+
if (window.location.hash !== "#4")
|
|
131
|
+
window.location.hash = "";
|
|
131
132
|
}, []);
|
|
132
133
|
useEffect(() => {
|
|
133
134
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
@@ -161,7 +161,9 @@ export function PayoutStatusAlertView(props) {
|
|
|
161
161
|
}, {
|
|
162
162
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
163
163
|
}),
|
|
164
|
-
|
|
164
|
+
button: (h(Fragment, null,
|
|
165
|
+
h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
|
|
166
|
+
h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
165
167
|
alertType: "warning",
|
|
166
168
|
icon: "exclamation-triangle",
|
|
167
169
|
};
|
|
@@ -174,7 +176,9 @@ export function PayoutStatusAlertView(props) {
|
|
|
174
176
|
}, {
|
|
175
177
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
176
178
|
}),
|
|
177
|
-
|
|
179
|
+
button: (h(Fragment, null,
|
|
180
|
+
h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
|
|
181
|
+
h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
178
182
|
alertType: "warning",
|
|
179
183
|
icon: "exclamation-triangle",
|
|
180
184
|
};
|
|
@@ -187,7 +191,9 @@ export function PayoutStatusAlertView(props) {
|
|
|
187
191
|
}, {
|
|
188
192
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
189
193
|
}),
|
|
190
|
-
|
|
194
|
+
button: (h(Fragment, null,
|
|
195
|
+
h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
|
|
196
|
+
h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
191
197
|
alertType: "warning",
|
|
192
198
|
icon: "exclamation-triangle",
|
|
193
199
|
};
|
|
@@ -200,7 +206,8 @@ export function PayoutStatusAlertView(props) {
|
|
|
200
206
|
}, {
|
|
201
207
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
202
208
|
}),
|
|
203
|
-
|
|
209
|
+
button: (h(Fragment, null,
|
|
210
|
+
h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
|
|
204
211
|
alertType: "warning",
|
|
205
212
|
icon: "exclamation-triangle",
|
|
206
213
|
};
|
|
@@ -214,9 +221,8 @@ export function PayoutStatusAlertView(props) {
|
|
|
214
221
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
215
222
|
}),
|
|
216
223
|
button: (h(Fragment, null,
|
|
217
|
-
h("sl-button", { disabled: states.loading, type: "
|
|
218
|
-
|
|
219
|
-
alertType: "warning",
|
|
224
|
+
h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
|
|
225
|
+
alertType: "error",
|
|
220
226
|
icon: "exclamation-triangle",
|
|
221
227
|
};
|
|
222
228
|
case "HOLD":
|
package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js
CHANGED
|
@@ -50,7 +50,7 @@ export class PayoutStatusAlert {
|
|
|
50
50
|
/**
|
|
51
51
|
* @uiName Verification required internal alert header
|
|
52
52
|
*/
|
|
53
|
-
this.verificationRequiredInternalHeader = "Identity Verification in
|
|
53
|
+
this.verificationRequiredInternalHeader = "Identity Verification in progress";
|
|
54
54
|
/**
|
|
55
55
|
* @uiName Verification required internal alert description
|
|
56
56
|
*/
|
|
@@ -58,7 +58,7 @@ export class PayoutStatusAlert {
|
|
|
58
58
|
/**
|
|
59
59
|
* @uiName Verification review internal alert header
|
|
60
60
|
*/
|
|
61
|
-
this.verificationReviewInternalHeader = "Identity Verification
|
|
61
|
+
this.verificationReviewInternalHeader = "Identity Verification under review";
|
|
62
62
|
/**
|
|
63
63
|
* @uiName Verification review internal alert description
|
|
64
64
|
*/
|
|
@@ -66,7 +66,7 @@ export class PayoutStatusAlert {
|
|
|
66
66
|
/**
|
|
67
67
|
* @uiName Verification failed internal alert header
|
|
68
68
|
*/
|
|
69
|
-
this.verificationFailedInternalHeader = "Identity
|
|
69
|
+
this.verificationFailedInternalHeader = "Identity verification unsuccessful";
|
|
70
70
|
/**
|
|
71
71
|
* @uiName Verification failed internal alert description
|
|
72
72
|
*/
|
|
@@ -377,7 +377,7 @@ export class PayoutStatusAlert {
|
|
|
377
377
|
},
|
|
378
378
|
"attribute": "verification-required-internal-header",
|
|
379
379
|
"reflect": false,
|
|
380
|
-
"defaultValue": "\"Identity Verification in
|
|
380
|
+
"defaultValue": "\"Identity Verification in progress\""
|
|
381
381
|
},
|
|
382
382
|
"verificationRequiredInternalDescription": {
|
|
383
383
|
"type": "string",
|
|
@@ -419,7 +419,7 @@ export class PayoutStatusAlert {
|
|
|
419
419
|
},
|
|
420
420
|
"attribute": "verification-review-internal-header",
|
|
421
421
|
"reflect": false,
|
|
422
|
-
"defaultValue": "\"Identity Verification
|
|
422
|
+
"defaultValue": "\"Identity Verification under review\""
|
|
423
423
|
},
|
|
424
424
|
"verificationReviewInternalDescription": {
|
|
425
425
|
"type": "string",
|
|
@@ -461,7 +461,7 @@ export class PayoutStatusAlert {
|
|
|
461
461
|
},
|
|
462
462
|
"attribute": "verification-failed-internal-header",
|
|
463
463
|
"reflect": false,
|
|
464
|
-
"defaultValue": "\"Identity
|
|
464
|
+
"defaultValue": "\"Identity verification unsuccessful\""
|
|
465
465
|
},
|
|
466
466
|
"verificationFailedInternalDescription": {
|
|
467
467
|
"type": "string",
|
|
@@ -40,7 +40,7 @@ const GET_TAX_SETTING = gql `
|
|
|
40
40
|
}
|
|
41
41
|
`;
|
|
42
42
|
export function getStatus(data) {
|
|
43
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
|
|
43
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
|
|
44
44
|
const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
|
|
45
45
|
const hasTransferredReward = (_e = (_d = (_c = data === null || data === void 0 ? void 0 : data.user) === null || _c === void 0 ? void 0 : _c.rewards) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.find((reward) => reward.statuses.includes("REDEEMED") &&
|
|
46
46
|
reward.partnerFundsTransfer.status === "TRANSFERRED");
|
|
@@ -57,19 +57,22 @@ export function getStatus(data) {
|
|
|
57
57
|
return "VERIFICATION:REVIEW";
|
|
58
58
|
if ((_p = account.holdReasons) === null || _p === void 0 ? void 0 : _p.includes("IDV_CHECK_FAILED_INTERNAL"))
|
|
59
59
|
return "VERIFICATION:FAILED";
|
|
60
|
+
// only show banner for NEW_PAYEE_REVIEW if a PFT was created
|
|
60
61
|
if (((_q = account.holdReasons) === null || _q === void 0 ? void 0 : _q.includes("NEW_PAYEE_REVIEW")) && hasTransferredReward)
|
|
61
62
|
return "NEW_PAYEE_REVIEW";
|
|
62
|
-
if ((_r = account.holdReasons) === null || _r === void 0 ? void 0 : _r.includes("
|
|
63
|
+
if ((_r = account.holdReasons) === null || _r === void 0 ? void 0 : _r.includes("NEW_PAYEE_REVIEW"))
|
|
64
|
+
return "DONE";
|
|
65
|
+
if ((_s = account.holdReasons) === null || _s === void 0 ? void 0 : _s.includes("PAYMENT_HOLD_ON_CHANGE"))
|
|
63
66
|
return "PAYMENT_HOLD_ON_CHANGE";
|
|
64
|
-
if ((
|
|
67
|
+
if ((_t = account.holdReasons) === null || _t === void 0 ? void 0 : _t.includes("BENEFICIARY_NAME_INVALID"))
|
|
65
68
|
return "BENEFICIARY_NAME_INVALID";
|
|
66
|
-
if ((
|
|
69
|
+
if ((_u = account.holdReasons) === null || _u === void 0 ? void 0 : _u.includes("BENEFICIARY_NAME_MISMATCH"))
|
|
67
70
|
return "BENEFICIARY_NAME_MISMATCH";
|
|
68
|
-
if ((
|
|
71
|
+
if ((_v = account.holdReasons) === null || _v === void 0 ? void 0 : _v.includes("BANK_TAX_NAME_MISMATCH"))
|
|
69
72
|
return "BANK_TAX_NAME_MISMATCH";
|
|
70
|
-
if ((
|
|
73
|
+
if ((_w = account.holdReasons) === null || _w === void 0 ? void 0 : _w.includes("WITHDRAWAL_SETTINGS_INVALID"))
|
|
71
74
|
return "WITHDRAWAL_SETTINGS_INVALID";
|
|
72
|
-
if ((
|
|
75
|
+
if ((_x = account.holdReasons) === null || _x === void 0 ? void 0 : _x.includes("PAYMENT_RETURNED"))
|
|
73
76
|
return "PAYMENT_RETURNED";
|
|
74
77
|
if (account.hold)
|
|
75
78
|
return "HOLD";
|
|
@@ -112,20 +115,14 @@ export function usePayoutStatus(props) {
|
|
|
112
115
|
window.history.pushState(null, "", url);
|
|
113
116
|
};
|
|
114
117
|
const onPaymentInfoClick = () => {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
hideSteps: true,
|
|
119
|
-
});
|
|
120
|
-
setStep("/4");
|
|
118
|
+
let url = props.cashPayoutsPageUrl;
|
|
119
|
+
url += "#4";
|
|
120
|
+
window.history.pushState(null, "", url);
|
|
121
121
|
};
|
|
122
122
|
const onNewFormClick = () => {
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
hideSteps: true,
|
|
127
|
-
});
|
|
128
|
-
setStep("/3");
|
|
123
|
+
let url = props.cashPayoutsPageUrl;
|
|
124
|
+
url += "#3";
|
|
125
|
+
window.history.pushState(null, "", url);
|
|
129
126
|
};
|
|
130
127
|
return {
|
|
131
128
|
states: {
|
|
@@ -884,7 +884,7 @@ export class TaxAndCashMonolith {
|
|
|
884
884
|
* @uiGroup Dashboard Properties
|
|
885
885
|
* @uiWidget textArea
|
|
886
886
|
*/
|
|
887
|
-
this.dashboard_verificationRequiredInternalHeader = "Identity
|
|
887
|
+
this.dashboard_verificationRequiredInternalHeader = "Identity verification in progress";
|
|
888
888
|
/**
|
|
889
889
|
* @uiName Verification required internal alert description
|
|
890
890
|
* @uiGroup Dashboard Properties
|
|
@@ -896,7 +896,7 @@ export class TaxAndCashMonolith {
|
|
|
896
896
|
* @uiGroup Dashboard Properties
|
|
897
897
|
* @uiWidget textArea
|
|
898
898
|
*/
|
|
899
|
-
this.dashboard_verificationReviewInternalHeader = "Identity
|
|
899
|
+
this.dashboard_verificationReviewInternalHeader = "Identity verification under review";
|
|
900
900
|
/**
|
|
901
901
|
* @uiName Verification review internal alert description
|
|
902
902
|
* @uiGroup Dashboard Properties
|
|
@@ -908,7 +908,7 @@ export class TaxAndCashMonolith {
|
|
|
908
908
|
* @uiGroup Dashboard Properties
|
|
909
909
|
* @uiWidget textArea
|
|
910
910
|
*/
|
|
911
|
-
this.dashboard_verificationFailedInternalHeader = "Identity
|
|
911
|
+
this.dashboard_verificationFailedInternalHeader = "Identity verification usuccessful";
|
|
912
912
|
/**
|
|
913
913
|
* @uiName Verification failed internal alert description
|
|
914
914
|
* @uiGroup Dashboard Properties
|
|
@@ -4808,7 +4808,7 @@ export class TaxAndCashMonolith {
|
|
|
4808
4808
|
},
|
|
4809
4809
|
"attribute": "dashboard_verification-required-internal-header",
|
|
4810
4810
|
"reflect": false,
|
|
4811
|
-
"defaultValue": "\"Identity
|
|
4811
|
+
"defaultValue": "\"Identity verification in progress\""
|
|
4812
4812
|
},
|
|
4813
4813
|
"dashboard_verificationRequiredInternalDescription": {
|
|
4814
4814
|
"type": "string",
|
|
@@ -4862,7 +4862,7 @@ export class TaxAndCashMonolith {
|
|
|
4862
4862
|
},
|
|
4863
4863
|
"attribute": "dashboard_verification-review-internal-header",
|
|
4864
4864
|
"reflect": false,
|
|
4865
|
-
"defaultValue": "\"Identity
|
|
4865
|
+
"defaultValue": "\"Identity verification under review\""
|
|
4866
4866
|
},
|
|
4867
4867
|
"dashboard_verificationReviewInternalDescription": {
|
|
4868
4868
|
"type": "string",
|
|
@@ -4916,7 +4916,7 @@ export class TaxAndCashMonolith {
|
|
|
4916
4916
|
},
|
|
4917
4917
|
"attribute": "dashboard_verification-failed-internal-header",
|
|
4918
4918
|
"reflect": false,
|
|
4919
|
-
"defaultValue": "\"Identity
|
|
4919
|
+
"defaultValue": "\"Identity verification usuccessful\""
|
|
4920
4920
|
},
|
|
4921
4921
|
"dashboard_verificationFailedInternalDescription": {
|
|
4922
4922
|
"type": "string",
|
|
@@ -361,7 +361,7 @@ export const TaxAndCashDashboardView = (props) => {
|
|
|
361
361
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
362
362
|
}),
|
|
363
363
|
button: (h(Fragment, null,
|
|
364
|
-
h("sl-button", { disabled: states.disabled || states.loading, type: "
|
|
364
|
+
h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
|
|
365
365
|
h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
366
366
|
alertType: "warning",
|
|
367
367
|
icon: "exclamation-triangle",
|
|
@@ -377,7 +377,7 @@ export const TaxAndCashDashboardView = (props) => {
|
|
|
377
377
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
378
378
|
}),
|
|
379
379
|
button: (h(Fragment, null,
|
|
380
|
-
h("sl-button", { disabled: states.disabled || states.loading, type: "
|
|
380
|
+
h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
|
|
381
381
|
h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
382
382
|
alertType: "warning",
|
|
383
383
|
icon: "exclamation-triangle",
|
|
@@ -393,7 +393,7 @@ export const TaxAndCashDashboardView = (props) => {
|
|
|
393
393
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
394
394
|
}),
|
|
395
395
|
button: (h(Fragment, null,
|
|
396
|
-
h("sl-button", { disabled: states.disabled || states.loading, type: "
|
|
396
|
+
h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
|
|
397
397
|
h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
398
398
|
alertType: "warning",
|
|
399
399
|
icon: "exclamation-triangle",
|
|
@@ -422,8 +422,8 @@ export const TaxAndCashDashboardView = (props) => {
|
|
|
422
422
|
}, {
|
|
423
423
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
424
424
|
}),
|
|
425
|
-
button: (h("sl-button", { disabled: states.disabled || states.loading, type: "
|
|
426
|
-
alertType: "
|
|
425
|
+
button: (h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
|
|
426
|
+
alertType: "error",
|
|
427
427
|
icon: "exclamation-triangle",
|
|
428
428
|
class: sheet.classes.WarningHoldAlertContainer,
|
|
429
429
|
};
|