@saasquatch/mint-components 2.0.2 → 2.0.3-1
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-fbc33c53.js → ShadowViewAddon-ae3a32c3.js} +3 -3
- package/dist/cjs/{data-16106637.js → data-44260010.js} +29 -2
- 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 +340 -75
- package/dist/cjs/sqm-big-stat_47.cjs.entry.js +211 -10
- package/dist/cjs/sqm-header-logo.cjs.entry.js +14 -1
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +23 -2
- package/dist/collection/components/sqm-header-logo/sqm-header-logo.js +83 -3
- package/dist/collection/components/sqm-portal-footer/sqm-portal-footer-view.js +3 -3
- package/dist/collection/components/tax-and-cash/TaxForm.stories.js +1 -0
- package/dist/collection/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.js +10 -5
- package/dist/collection/components/tax-and-cash/sqm-docusign-form/useDocusignForm.js +11 -5
- package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.js +46 -40
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/PayoutStatusAlert.stories.js +13 -0
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js +95 -1
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js +360 -7
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.js +29 -2
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.js +307 -7
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js +96 -1
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.js +308 -8
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.js +7 -1
- package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js +23 -12
- 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 +100 -9
- package/dist/esm/{ShadowViewAddon-7a242b65.js → ShadowViewAddon-78a1c35c.js} +3 -3
- package/dist/esm/{data-acdb790f.js → data-68816061.js} +29 -2
- 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 +340 -75
- package/dist/esm/sqm-big-stat_47.entry.js +211 -10
- package/dist/esm/sqm-header-logo.entry.js +14 -1
- package/dist/esm/sqm-stencilbook.entry.js +23 -2
- package/dist/esm-es5/{ShadowViewAddon-7a242b65.js → ShadowViewAddon-78a1c35c.js} +1 -1
- package/dist/esm-es5/{data-acdb790f.js → data-68816061.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-42760067.system.entry.js +1 -0
- package/dist/mint-components/p-7fb4470e.entry.js +1 -0
- package/dist/mint-components/p-8fa77acf.system.entry.js +1 -0
- package/dist/mint-components/p-92b5c376.js +157 -0
- package/dist/mint-components/p-947bacd1.system.js +1 -1
- package/dist/mint-components/p-a2dbc9ad.system.js +6 -0
- package/dist/mint-components/{p-6976099f.entry.js → p-aabfb90f.entry.js} +2 -2
- package/dist/mint-components/{p-97747228.system.entry.js → p-bbdf93b6.system.entry.js} +1 -1
- package/dist/mint-components/{p-2ea6e2fa.entry.js → p-be0ca483.entry.js} +21 -21
- package/dist/mint-components/p-c0d60c61.entry.js +106 -0
- package/dist/mint-components/{p-d7635535.system.js → p-e3ee8c37.system.js} +1 -1
- package/dist/mint-components/{p-ffc3cd7c.js → p-ee83de0e.js} +1 -1
- package/dist/mint-components/p-ffef3f95.system.entry.js +1 -0
- package/dist/types/components/sqm-header-logo/sqm-header-logo.d.ts +15 -1
- package/dist/types/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.d.ts +24 -0
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/PayoutStatusAlert.stories.d.ts +7 -0
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.d.ts +16 -0
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.d.ts +57 -0
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.d.ts +3 -1
- package/dist/types/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.d.ts +48 -0
- package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.d.ts +12 -0
- package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.d.ts +48 -0
- package/dist/types/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.d.ts +2 -0
- package/dist/types/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.d.ts +1 -0
- package/dist/types/components.d.ts +333 -1
- 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-012d31bc.entry.js +0 -99
- package/dist/mint-components/p-303b84d7.system.entry.js +0 -1
- package/dist/mint-components/p-469a6450.system.js +0 -6
- package/dist/mint-components/p-752ede25.system.entry.js +0 -1
- package/dist/mint-components/p-a7ee19dc.entry.js +0 -1
- package/dist/mint-components/p-e1e7d01c.js +0 -157
- package/dist/mint-components/p-eea87fdc.system.entry.js +0 -1
- package/shoelace/assets/icons/twitter-x.svg +0 -4
|
@@ -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-ae3a32c3.js');
|
|
31
31
|
require('./sqm-portal-container-view-07e4343f.js');
|
|
32
32
|
const utils$1 = require('./utils-4eb18a29.js');
|
|
33
33
|
const extractProps = require('./extractProps-e9c55ba8.js');
|
|
34
|
-
const data = require('./data-
|
|
34
|
+
const data = require('./data-44260010.js');
|
|
35
35
|
|
|
36
36
|
/**
|
|
37
37
|
*
|
|
@@ -2903,6 +2903,12 @@ function useDemoPayoutButtonScroll(props) {
|
|
|
2903
2903
|
}
|
|
2904
2904
|
|
|
2905
2905
|
const style$2 = {
|
|
2906
|
+
ButtonContainer: {
|
|
2907
|
+
display: "flex",
|
|
2908
|
+
gap: "var(--sl-spacing-medium)",
|
|
2909
|
+
marginTop: "var(--sl-spacing-medium)",
|
|
2910
|
+
flexWrap: "wrap",
|
|
2911
|
+
},
|
|
2906
2912
|
SkeletonOne: {
|
|
2907
2913
|
width: "50%",
|
|
2908
2914
|
height: "16px",
|
|
@@ -3027,7 +3033,7 @@ function PayoutStatusAlertView(props) {
|
|
|
3027
3033
|
icon: "exclamation-triangle",
|
|
3028
3034
|
};
|
|
3029
3035
|
}
|
|
3030
|
-
case "
|
|
3036
|
+
case "NEW_PAYEE_REVIEW":
|
|
3031
3037
|
return {
|
|
3032
3038
|
header: text.accountReviewHeader,
|
|
3033
3039
|
description: global.intl.formatMessage({
|
|
@@ -3040,6 +3046,92 @@ function PayoutStatusAlertView(props) {
|
|
|
3040
3046
|
alertType: "warning",
|
|
3041
3047
|
icon: "exclamation-triangle",
|
|
3042
3048
|
};
|
|
3049
|
+
case "PAYMENT_HOLD_ON_CHANGE":
|
|
3050
|
+
return {
|
|
3051
|
+
header: text.paymentHoldOnChangeHeader,
|
|
3052
|
+
description: global.intl.formatMessage({
|
|
3053
|
+
id: "accountReviewDescription",
|
|
3054
|
+
defaultMessage: text.paymentHoldOnChangeDescription,
|
|
3055
|
+
}, {
|
|
3056
|
+
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
3057
|
+
}),
|
|
3058
|
+
buttonText: null,
|
|
3059
|
+
alertType: "warning",
|
|
3060
|
+
icon: "exclamation-triangle",
|
|
3061
|
+
};
|
|
3062
|
+
case "BENEFICIARY_NAME_INVALID":
|
|
3063
|
+
return {
|
|
3064
|
+
header: text.beneficiaryNameInvalidHeader,
|
|
3065
|
+
description: global.intl.formatMessage({
|
|
3066
|
+
id: "accountReviewDescription",
|
|
3067
|
+
defaultMessage: text.beneficiaryNameInvalidDescription,
|
|
3068
|
+
}, {
|
|
3069
|
+
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
3070
|
+
}),
|
|
3071
|
+
button: (index.h("div", { class: sheet$2.classes.ButtonContainer },
|
|
3072
|
+
index.h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
|
|
3073
|
+
index.h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
3074
|
+
alertType: "warning",
|
|
3075
|
+
icon: "exclamation-triangle",
|
|
3076
|
+
};
|
|
3077
|
+
case "BENEFICIARY_NAME_MISMATCH":
|
|
3078
|
+
return {
|
|
3079
|
+
header: text.beneficiaryNameMismatchHeader,
|
|
3080
|
+
description: global.intl.formatMessage({
|
|
3081
|
+
id: "accountReviewDescription",
|
|
3082
|
+
defaultMessage: text.beneficiaryNameMismatchDescription,
|
|
3083
|
+
}, {
|
|
3084
|
+
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
3085
|
+
}),
|
|
3086
|
+
button: (index.h("div", { class: sheet$2.classes.ButtonContainer },
|
|
3087
|
+
index.h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
|
|
3088
|
+
index.h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
3089
|
+
alertType: "warning",
|
|
3090
|
+
icon: "exclamation-triangle",
|
|
3091
|
+
};
|
|
3092
|
+
case "BANK_TAX_NAME_MISMATCH":
|
|
3093
|
+
return {
|
|
3094
|
+
header: text.bankTaxNameMismatchHeader,
|
|
3095
|
+
description: global.intl.formatMessage({
|
|
3096
|
+
id: "accountReviewDescription",
|
|
3097
|
+
defaultMessage: text.bankTaxNameMismatchDescription,
|
|
3098
|
+
}, {
|
|
3099
|
+
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
3100
|
+
}),
|
|
3101
|
+
button: (index.h("div", { class: sheet$2.classes.ButtonContainer },
|
|
3102
|
+
index.h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
|
|
3103
|
+
index.h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
3104
|
+
alertType: "warning",
|
|
3105
|
+
icon: "exclamation-triangle",
|
|
3106
|
+
};
|
|
3107
|
+
case "WITHDRAWAL_SETTINGS_INVALID":
|
|
3108
|
+
return {
|
|
3109
|
+
header: text.withdrawalSettingsInvalidHeader,
|
|
3110
|
+
description: global.intl.formatMessage({
|
|
3111
|
+
id: "accountReviewDescription",
|
|
3112
|
+
defaultMessage: text.withdrawalSettingsInvalidDescription,
|
|
3113
|
+
}, {
|
|
3114
|
+
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
3115
|
+
}),
|
|
3116
|
+
button: (index.h("div", { class: sheet$2.classes.ButtonContainer },
|
|
3117
|
+
index.h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
|
|
3118
|
+
alertType: "warning",
|
|
3119
|
+
icon: "exclamation-triangle",
|
|
3120
|
+
};
|
|
3121
|
+
case "PAYMENT_RETURNED":
|
|
3122
|
+
return {
|
|
3123
|
+
header: text.paymentReturnedHeader,
|
|
3124
|
+
description: global.intl.formatMessage({
|
|
3125
|
+
id: "accountReviewDescription",
|
|
3126
|
+
defaultMessage: text.paymentReturnedDescription,
|
|
3127
|
+
}, {
|
|
3128
|
+
supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
3129
|
+
}),
|
|
3130
|
+
button: (index.h("div", { class: sheet$2.classes.ButtonContainer },
|
|
3131
|
+
index.h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
|
|
3132
|
+
alertType: "error",
|
|
3133
|
+
icon: "exclamation-triangle",
|
|
3134
|
+
};
|
|
3043
3135
|
case "HOLD":
|
|
3044
3136
|
return {
|
|
3045
3137
|
header: text.holdHeader,
|
|
@@ -3075,6 +3167,8 @@ function PayoutStatusAlertView(props) {
|
|
|
3075
3167
|
return (index.h("div", { style: { paddingTop: "10px" } },
|
|
3076
3168
|
index.h("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", loading: states.veriffLoading, onClick: callbacks.onClick }, text.verificationRequiredButtonText)));
|
|
3077
3169
|
default:
|
|
3170
|
+
if (alertDetails.button)
|
|
3171
|
+
return alertDetails.button;
|
|
3078
3172
|
return;
|
|
3079
3173
|
}
|
|
3080
3174
|
}
|
|
@@ -3101,6 +3195,15 @@ const PayoutStatusAlert = class {
|
|
|
3101
3195
|
* @uiName Info required alert header
|
|
3102
3196
|
*/
|
|
3103
3197
|
this.informationRequiredHeader = "Payout and tax information required";
|
|
3198
|
+
/**
|
|
3199
|
+
*
|
|
3200
|
+
* @uiName Edit payment info button label
|
|
3201
|
+
*/
|
|
3202
|
+
this.editPaymentInformationButton = "Edit Payout Information";
|
|
3203
|
+
/**
|
|
3204
|
+
* @uiName Submit new tax form button label
|
|
3205
|
+
*/
|
|
3206
|
+
this.newFormButton = "Submit new form";
|
|
3104
3207
|
/**
|
|
3105
3208
|
* @uiName Info required alert description
|
|
3106
3209
|
*/
|
|
@@ -3124,7 +3227,7 @@ const PayoutStatusAlert = class {
|
|
|
3124
3227
|
/**
|
|
3125
3228
|
* @uiName Verification required internal alert header
|
|
3126
3229
|
*/
|
|
3127
|
-
this.verificationRequiredInternalHeader = "Identity Verification in
|
|
3230
|
+
this.verificationRequiredInternalHeader = "Identity Verification in progress";
|
|
3128
3231
|
/**
|
|
3129
3232
|
* @uiName Verification required internal alert description
|
|
3130
3233
|
*/
|
|
@@ -3132,7 +3235,7 @@ const PayoutStatusAlert = class {
|
|
|
3132
3235
|
/**
|
|
3133
3236
|
* @uiName Verification review internal alert header
|
|
3134
3237
|
*/
|
|
3135
|
-
this.verificationReviewInternalHeader = "Identity Verification
|
|
3238
|
+
this.verificationReviewInternalHeader = "Identity Verification under review";
|
|
3136
3239
|
/**
|
|
3137
3240
|
* @uiName Verification review internal alert description
|
|
3138
3241
|
*/
|
|
@@ -3140,7 +3243,7 @@ const PayoutStatusAlert = class {
|
|
|
3140
3243
|
/**
|
|
3141
3244
|
* @uiName Verification failed internal alert header
|
|
3142
3245
|
*/
|
|
3143
|
-
this.verificationFailedInternalHeader = "Identity
|
|
3246
|
+
this.verificationFailedInternalHeader = "Identity verification unsuccessful";
|
|
3144
3247
|
/**
|
|
3145
3248
|
* @uiName Verification failed internal alert description
|
|
3146
3249
|
*/
|
|
@@ -3153,6 +3256,54 @@ const PayoutStatusAlert = class {
|
|
|
3153
3256
|
* @uiName Account review alert description
|
|
3154
3257
|
*/
|
|
3155
3258
|
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}.";
|
|
3259
|
+
/**
|
|
3260
|
+
* @uiName Payment on hold alert header
|
|
3261
|
+
*/
|
|
3262
|
+
this.paymentHoldOnChangeHeader = "We are reviewing your new payout settings";
|
|
3263
|
+
/**
|
|
3264
|
+
* @uiName Payment on hold alert description
|
|
3265
|
+
*/
|
|
3266
|
+
this.paymentHoldOnChangeDescription = "Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.";
|
|
3267
|
+
/**
|
|
3268
|
+
* @uiName Beneficiary name invalid alert header
|
|
3269
|
+
*/
|
|
3270
|
+
this.beneficiaryNameInvalidHeader = "Your payment information does not match your tax form";
|
|
3271
|
+
/**
|
|
3272
|
+
* @uiName Beneficiary name invalid description
|
|
3273
|
+
*/
|
|
3274
|
+
this.beneficiaryNameInvalidDescription = "The 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.";
|
|
3275
|
+
/**
|
|
3276
|
+
* @uiName Beneficiary name mismatch alert header
|
|
3277
|
+
*/
|
|
3278
|
+
this.beneficiaryNameMismatchHeader = "Your payment information does not match your tax form";
|
|
3279
|
+
/**
|
|
3280
|
+
* @uiName Beneficiary name mismatch alert description
|
|
3281
|
+
*/
|
|
3282
|
+
this.beneficiaryNameMismatchDescription = "The 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.";
|
|
3283
|
+
/**
|
|
3284
|
+
* @uiName Bank name mismatch alert header
|
|
3285
|
+
*/
|
|
3286
|
+
this.bankTaxNameMismatchHeader = "Your payment information does not match your tax form";
|
|
3287
|
+
/**
|
|
3288
|
+
* @uiName Bank name mismatch alert description
|
|
3289
|
+
*/
|
|
3290
|
+
this.bankTaxNameMismatchDescription = "The bank 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.";
|
|
3291
|
+
/**
|
|
3292
|
+
* @uiName Withdrawal settings invalid alert header
|
|
3293
|
+
*/
|
|
3294
|
+
this.withdrawalSettingsInvalidHeader = "Your payment information is incomplete or includes invalid characters";
|
|
3295
|
+
/**
|
|
3296
|
+
* @uiName Withdrawal settings invalid alert description
|
|
3297
|
+
*/
|
|
3298
|
+
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.";
|
|
3299
|
+
/**
|
|
3300
|
+
* @uiName Payment returned alert header
|
|
3301
|
+
*/
|
|
3302
|
+
this.paymentReturnedHeader = "Payout unsuccessful";
|
|
3303
|
+
/**
|
|
3304
|
+
* @uiName Payment returned alert description
|
|
3305
|
+
*/
|
|
3306
|
+
this.paymentReturnedDescription = "Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.";
|
|
3156
3307
|
/**
|
|
3157
3308
|
* @uiName W-9 payment threshold alert header
|
|
3158
3309
|
*/
|
|
@@ -3222,7 +3373,7 @@ function useDemoPayoutStatusAlert(props) {
|
|
|
3222
3373
|
return cjs.cjs({
|
|
3223
3374
|
states: {
|
|
3224
3375
|
error: false,
|
|
3225
|
-
status:
|
|
3376
|
+
status: props.demoData.states.status,
|
|
3226
3377
|
loading: false,
|
|
3227
3378
|
veriffLoading: false,
|
|
3228
3379
|
},
|
|
@@ -3231,6 +3382,8 @@ function useDemoPayoutStatusAlert(props) {
|
|
|
3231
3382
|
callbacks: {
|
|
3232
3383
|
onTermsClick: () => { },
|
|
3233
3384
|
onClick: () => console.log("show"),
|
|
3385
|
+
onPaymentInfoClick: () => { },
|
|
3386
|
+
onNewFormClick: () => { },
|
|
3234
3387
|
},
|
|
3235
3388
|
}, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
|
|
3236
3389
|
}
|
|
@@ -7425,7 +7578,7 @@ const TaxAndCashMonolith = class {
|
|
|
7425
7578
|
* @uiGroup Dashboard Properties
|
|
7426
7579
|
* @uiWidget textArea
|
|
7427
7580
|
*/
|
|
7428
|
-
this.dashboard_verificationRequiredInternalHeader = "Identity
|
|
7581
|
+
this.dashboard_verificationRequiredInternalHeader = "Identity verification in progress";
|
|
7429
7582
|
/**
|
|
7430
7583
|
* @uiName Verification required internal alert description
|
|
7431
7584
|
* @uiGroup Dashboard Properties
|
|
@@ -7437,7 +7590,7 @@ const TaxAndCashMonolith = class {
|
|
|
7437
7590
|
* @uiGroup Dashboard Properties
|
|
7438
7591
|
* @uiWidget textArea
|
|
7439
7592
|
*/
|
|
7440
|
-
this.dashboard_verificationReviewInternalHeader = "Identity
|
|
7593
|
+
this.dashboard_verificationReviewInternalHeader = "Identity verification under review";
|
|
7441
7594
|
/**
|
|
7442
7595
|
* @uiName Verification review internal alert description
|
|
7443
7596
|
* @uiGroup Dashboard Properties
|
|
@@ -7449,7 +7602,7 @@ const TaxAndCashMonolith = class {
|
|
|
7449
7602
|
* @uiGroup Dashboard Properties
|
|
7450
7603
|
* @uiWidget textArea
|
|
7451
7604
|
*/
|
|
7452
|
-
this.dashboard_verificationFailedInternalHeader = "Identity
|
|
7605
|
+
this.dashboard_verificationFailedInternalHeader = "Identity verification usuccessful";
|
|
7453
7606
|
/**
|
|
7454
7607
|
* @uiName Verification failed internal alert description
|
|
7455
7608
|
* @uiGroup Dashboard Properties
|
|
@@ -7483,6 +7636,54 @@ const TaxAndCashMonolith = class {
|
|
|
7483
7636
|
* @uiName Account review alert description
|
|
7484
7637
|
*/
|
|
7485
7638
|
this.dashboard_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}.";
|
|
7639
|
+
/**
|
|
7640
|
+
* @uiName Payment on hold alert header
|
|
7641
|
+
*/
|
|
7642
|
+
this.dashboard_paymentOnHoldHeader = "We are reviewing your new payout settings";
|
|
7643
|
+
/**
|
|
7644
|
+
* @uiName Payment on hold alert description
|
|
7645
|
+
*/
|
|
7646
|
+
this.dashboard_paymentOnHoldDescription = "Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.";
|
|
7647
|
+
/**
|
|
7648
|
+
* @uiName Beneficiary name invalid alert header
|
|
7649
|
+
*/
|
|
7650
|
+
this.dashboard_beneficiaryNameInvalidHeader = "Your payment information does not match your tax form";
|
|
7651
|
+
/**
|
|
7652
|
+
* @uiName Beneficiary name invalid description
|
|
7653
|
+
*/
|
|
7654
|
+
this.dashboard_beneficiaryNameInvalidDescription = "The 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.";
|
|
7655
|
+
/**
|
|
7656
|
+
* @uiName Beneficiary name mismatch alert header
|
|
7657
|
+
*/
|
|
7658
|
+
this.dashboard_beneficiaryNameMismatchHeader = "Your payment information does not match your tax form";
|
|
7659
|
+
/**
|
|
7660
|
+
* @uiName Beneficiary name mismatch alert description
|
|
7661
|
+
*/
|
|
7662
|
+
this.dashboard_beneficiaryNameMismatchDescription = "The 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.";
|
|
7663
|
+
/**
|
|
7664
|
+
* @uiName Bank name mismatch alert header
|
|
7665
|
+
*/
|
|
7666
|
+
this.dashboard_bankNameMismatchHeader = "Your payment information does not match your tax form";
|
|
7667
|
+
/**
|
|
7668
|
+
* @uiName Bank name mismatch alert description
|
|
7669
|
+
*/
|
|
7670
|
+
this.dashboard_bankNameMismatchDescription = "The bank 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.";
|
|
7671
|
+
/**
|
|
7672
|
+
* @uiName Withdrawal settings invalid alert header
|
|
7673
|
+
*/
|
|
7674
|
+
this.dashboard_withdrawalSettingsInvalidHeader = "Your payment information is incomplete or includes invalid characters";
|
|
7675
|
+
/**
|
|
7676
|
+
* @uiName Withdrawal settings invalid alert description
|
|
7677
|
+
*/
|
|
7678
|
+
this.dashboard_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.";
|
|
7679
|
+
/**
|
|
7680
|
+
* @uiName Payment returned alert header
|
|
7681
|
+
*/
|
|
7682
|
+
this.dashboard_paymentReturnedHeader = "Payout unsuccessful";
|
|
7683
|
+
/**
|
|
7684
|
+
* @uiName Payment returned alert description
|
|
7685
|
+
*/
|
|
7686
|
+
this.dashboard_paymentReturnedDescription = "Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.";
|
|
7486
7687
|
/**
|
|
7487
7688
|
* @uiName Terms and Conditions text
|
|
7488
7689
|
* @uiGroup Dashboard Properties
|
|
@@ -8,6 +8,16 @@ const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js')
|
|
|
8
8
|
const HeroImage = class {
|
|
9
9
|
constructor(hostRef) {
|
|
10
10
|
index.registerInstance(this, hostRef);
|
|
11
|
+
/**
|
|
12
|
+
* @uiName Logo text size
|
|
13
|
+
*/
|
|
14
|
+
this.logoTextSize = 32;
|
|
15
|
+
/**
|
|
16
|
+
* @uiWidget color
|
|
17
|
+
* @uiName Logo text color
|
|
18
|
+
* @default #555555
|
|
19
|
+
*/
|
|
20
|
+
this.logoTextColor = "#555555";
|
|
11
21
|
/**
|
|
12
22
|
* Page participants are navigated to after clicking the header logo.
|
|
13
23
|
*
|
|
@@ -23,7 +33,10 @@ const HeroImage = class {
|
|
|
23
33
|
}
|
|
24
34
|
disconnectedCallback() { }
|
|
25
35
|
render() {
|
|
26
|
-
return (index.h(index.Host, null, index.h("a", { href: this.nextPage, part: "sqm-link" }, 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 }))
|
|
36
|
+
return (index.h(index.Host, null, index.h("a", { href: this.nextPage, part: "sqm-link", style: { textDecoration: "none" } }, 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: {
|
|
37
|
+
fontSize: `${this.logoTextSize}px`,
|
|
38
|
+
color: this.logoTextColor || "#555555",
|
|
39
|
+
} }, this.logoText)))));
|
|
27
40
|
}
|
|
28
41
|
};
|
|
29
42
|
|
|
@@ -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-ae3a32c3.js');
|
|
38
38
|
const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
|
|
39
39
|
const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-659a139c.js');
|
|
40
40
|
const utils = require('./utils-4eb18a29.js');
|
|
@@ -15650,6 +15650,7 @@ const stepOneProps = {
|
|
|
15650
15650
|
},
|
|
15651
15651
|
},
|
|
15652
15652
|
data: {
|
|
15653
|
+
partnerData: {},
|
|
15653
15654
|
regionLabelEnum: "STATE",
|
|
15654
15655
|
regions: [],
|
|
15655
15656
|
phoneCountries: [
|
|
@@ -17019,6 +17020,19 @@ const W9ThresholdReached = () => (index.h("sqm-payout-status-alert", { demoData:
|
|
|
17019
17020
|
const Hold = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "HOLD" } } }));
|
|
17020
17021
|
const Loading$b = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, loading: true } } }));
|
|
17021
17022
|
const Error$b = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, error: true } } }));
|
|
17023
|
+
const NewPayeeReview = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "NEW_PAYEE_REVIEW" } } }));
|
|
17024
|
+
const PaymentHoldOnChange = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "PAYMENT_HOLD_ON_CHANGE" } } }));
|
|
17025
|
+
const BeneficiaryNameInvalid = () => (index.h("sqm-payout-status-alert", { demoData: {
|
|
17026
|
+
states: { ...defaultProps$r, status: "BENEFICIARY_NAME_INVALID" },
|
|
17027
|
+
} }));
|
|
17028
|
+
const BeneficiaryNameMismatch = () => (index.h("sqm-payout-status-alert", { demoData: {
|
|
17029
|
+
states: { ...defaultProps$r, status: "BENEFICIARY_NAME_MISMATCH" },
|
|
17030
|
+
} }));
|
|
17031
|
+
const BankTaxNameMismatch = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "BANK_TAX_NAME_MISMATCH" } } }));
|
|
17032
|
+
const WithdrawalSettingsInvalid = () => (index.h("sqm-payout-status-alert", { demoData: {
|
|
17033
|
+
states: { ...defaultProps$r, status: "WITHDRAWAL_SETTINGS_INVALID" },
|
|
17034
|
+
} }));
|
|
17035
|
+
const PaymentReturned = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$r, status: "PAYMENT_RETURNED" } } }));
|
|
17022
17036
|
|
|
17023
17037
|
const PayoutStatusAlert = /*#__PURE__*/Object.freeze({
|
|
17024
17038
|
__proto__: null,
|
|
@@ -17031,7 +17045,14 @@ const PayoutStatusAlert = /*#__PURE__*/Object.freeze({
|
|
|
17031
17045
|
W9ThresholdReached: W9ThresholdReached,
|
|
17032
17046
|
Hold: Hold,
|
|
17033
17047
|
Loading: Loading$b,
|
|
17034
|
-
Error: Error$b
|
|
17048
|
+
Error: Error$b,
|
|
17049
|
+
NewPayeeReview: NewPayeeReview,
|
|
17050
|
+
PaymentHoldOnChange: PaymentHoldOnChange,
|
|
17051
|
+
BeneficiaryNameInvalid: BeneficiaryNameInvalid,
|
|
17052
|
+
BeneficiaryNameMismatch: BeneficiaryNameMismatch,
|
|
17053
|
+
BankTaxNameMismatch: BankTaxNameMismatch,
|
|
17054
|
+
WithdrawalSettingsInvalid: WithdrawalSettingsInvalid,
|
|
17055
|
+
PaymentReturned: PaymentReturned
|
|
17035
17056
|
});
|
|
17036
17057
|
|
|
17037
17058
|
// ! IMPORTANT: These objects cannot be used as default values for component props
|
|
@@ -6,6 +6,16 @@ import { Component, h, Host, Prop } from "@stencil/core";
|
|
|
6
6
|
*/
|
|
7
7
|
export class HeroImage {
|
|
8
8
|
constructor() {
|
|
9
|
+
/**
|
|
10
|
+
* @uiName Logo text size
|
|
11
|
+
*/
|
|
12
|
+
this.logoTextSize = 32;
|
|
13
|
+
/**
|
|
14
|
+
* @uiWidget color
|
|
15
|
+
* @uiName Logo text color
|
|
16
|
+
* @default #555555
|
|
17
|
+
*/
|
|
18
|
+
this.logoTextColor = "#555555";
|
|
9
19
|
/**
|
|
10
20
|
* Page participants are navigated to after clicking the header logo.
|
|
11
21
|
*
|
|
@@ -22,8 +32,10 @@ export class HeroImage {
|
|
|
22
32
|
disconnectedCallback() { }
|
|
23
33
|
render() {
|
|
24
34
|
return (h(Host, null,
|
|
25
|
-
h("a", { href: this.nextPage, part: "sqm-link" },
|
|
26
|
-
|
|
35
|
+
h("a", { href: this.nextPage, part: "sqm-link", style: { textDecoration: "none" } }, 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: {
|
|
36
|
+
fontSize: `${this.logoTextSize}px`,
|
|
37
|
+
color: this.logoTextColor || "#555555",
|
|
38
|
+
} }, this.logoText)))));
|
|
27
39
|
}
|
|
28
40
|
static get is() { return "sqm-header-logo"; }
|
|
29
41
|
static get encapsulation() { return "shadow"; }
|
|
@@ -37,7 +49,7 @@ export class HeroImage {
|
|
|
37
49
|
"references": {}
|
|
38
50
|
},
|
|
39
51
|
"required": false,
|
|
40
|
-
"optional":
|
|
52
|
+
"optional": true,
|
|
41
53
|
"docs": {
|
|
42
54
|
"tags": [{
|
|
43
55
|
"text": "ImageUpload",
|
|
@@ -54,6 +66,74 @@ export class HeroImage {
|
|
|
54
66
|
"attribute": "image-url",
|
|
55
67
|
"reflect": false
|
|
56
68
|
},
|
|
69
|
+
"logoText": {
|
|
70
|
+
"type": "string",
|
|
71
|
+
"mutable": false,
|
|
72
|
+
"complexType": {
|
|
73
|
+
"original": "string",
|
|
74
|
+
"resolved": "string",
|
|
75
|
+
"references": {}
|
|
76
|
+
},
|
|
77
|
+
"required": false,
|
|
78
|
+
"optional": true,
|
|
79
|
+
"docs": {
|
|
80
|
+
"tags": [{
|
|
81
|
+
"text": "Logo text",
|
|
82
|
+
"name": "uiName"
|
|
83
|
+
}],
|
|
84
|
+
"text": ""
|
|
85
|
+
},
|
|
86
|
+
"attribute": "logo-text",
|
|
87
|
+
"reflect": false
|
|
88
|
+
},
|
|
89
|
+
"logoTextSize": {
|
|
90
|
+
"type": "number",
|
|
91
|
+
"mutable": false,
|
|
92
|
+
"complexType": {
|
|
93
|
+
"original": "number",
|
|
94
|
+
"resolved": "number",
|
|
95
|
+
"references": {}
|
|
96
|
+
},
|
|
97
|
+
"required": false,
|
|
98
|
+
"optional": true,
|
|
99
|
+
"docs": {
|
|
100
|
+
"tags": [{
|
|
101
|
+
"text": "Logo text size",
|
|
102
|
+
"name": "uiName"
|
|
103
|
+
}],
|
|
104
|
+
"text": ""
|
|
105
|
+
},
|
|
106
|
+
"attribute": "logo-text-size",
|
|
107
|
+
"reflect": false,
|
|
108
|
+
"defaultValue": "32"
|
|
109
|
+
},
|
|
110
|
+
"logoTextColor": {
|
|
111
|
+
"type": "string",
|
|
112
|
+
"mutable": false,
|
|
113
|
+
"complexType": {
|
|
114
|
+
"original": "string",
|
|
115
|
+
"resolved": "string",
|
|
116
|
+
"references": {}
|
|
117
|
+
},
|
|
118
|
+
"required": false,
|
|
119
|
+
"optional": true,
|
|
120
|
+
"docs": {
|
|
121
|
+
"tags": [{
|
|
122
|
+
"text": "color",
|
|
123
|
+
"name": "uiWidget"
|
|
124
|
+
}, {
|
|
125
|
+
"text": "Logo text color",
|
|
126
|
+
"name": "uiName"
|
|
127
|
+
}, {
|
|
128
|
+
"text": "#555555",
|
|
129
|
+
"name": "default"
|
|
130
|
+
}],
|
|
131
|
+
"text": ""
|
|
132
|
+
},
|
|
133
|
+
"attribute": "logo-text-color",
|
|
134
|
+
"reflect": false,
|
|
135
|
+
"defaultValue": "\"#555555\""
|
|
136
|
+
},
|
|
57
137
|
"nextPage": {
|
|
58
138
|
"type": "string",
|
|
59
139
|
"mutable": false,
|
|
@@ -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) {
|
|
@@ -125,10 +125,6 @@ export function useBankingInfoForm(props) {
|
|
|
125
125
|
const paymentMethodChecked = !hasPayPal
|
|
126
126
|
? "toBankAccount"
|
|
127
127
|
: _paymentMethodChecked;
|
|
128
|
-
useEffect(() => {
|
|
129
|
-
// reset redirect hash
|
|
130
|
-
window.location.hash = "";
|
|
131
|
-
}, []);
|
|
132
128
|
useEffect(() => {
|
|
133
129
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
134
130
|
if (!userData)
|
|
@@ -300,6 +296,7 @@ export function useBankingInfoForm(props) {
|
|
|
300
296
|
}
|
|
301
297
|
await runMutation(formData, token);
|
|
302
298
|
setShowModal(false);
|
|
299
|
+
window.location.hash = "";
|
|
303
300
|
};
|
|
304
301
|
const onVerification = async (token) => {
|
|
305
302
|
host.dispatchEvent(new CustomEvent(VERIFICATION_EVENT_KEY, {
|
|
@@ -329,7 +326,15 @@ export function useBankingInfoForm(props) {
|
|
|
329
326
|
setBankCountry: updateBankCountry,
|
|
330
327
|
setPaymentMethodChecked,
|
|
331
328
|
setPaymentScheduleChecked,
|
|
332
|
-
onBack: () =>
|
|
329
|
+
onBack: () => {
|
|
330
|
+
// return to dashboard
|
|
331
|
+
if (window.location.hash) {
|
|
332
|
+
window.location.hash = "";
|
|
333
|
+
}
|
|
334
|
+
else {
|
|
335
|
+
setStep("/dashboard");
|
|
336
|
+
}
|
|
337
|
+
},
|
|
333
338
|
setCountrySearch,
|
|
334
339
|
onVerification,
|
|
335
340
|
onVerificationHide: () => onVerification(null),
|
|
@@ -115,11 +115,17 @@ export function useDocusignForm(props) {
|
|
|
115
115
|
}
|
|
116
116
|
};
|
|
117
117
|
const progressStep = () => {
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
118
|
+
// return to dashboard
|
|
119
|
+
if (window.location.hash) {
|
|
120
|
+
window.location.hash = "";
|
|
121
|
+
}
|
|
122
|
+
else {
|
|
123
|
+
setStep(context.overrideNextStep ||
|
|
124
|
+
!!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) ||
|
|
125
|
+
!(publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup)
|
|
126
|
+
? "/dashboard"
|
|
127
|
+
: "/4");
|
|
128
|
+
}
|
|
123
129
|
};
|
|
124
130
|
const allLoading = userLoading || documentLoading || loading;
|
|
125
131
|
return {
|