@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.
Files changed (79) hide show
  1. package/dist/cjs/{ShadowViewAddon-fbc33c53.js → ShadowViewAddon-ae3a32c3.js} +3 -3
  2. package/dist/cjs/{data-16106637.js → data-44260010.js} +29 -2
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/mint-components.cjs.js +1 -1
  5. package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +340 -75
  6. package/dist/cjs/sqm-big-stat_47.cjs.entry.js +211 -10
  7. package/dist/cjs/sqm-header-logo.cjs.entry.js +14 -1
  8. package/dist/cjs/sqm-stencilbook.cjs.entry.js +23 -2
  9. package/dist/collection/components/sqm-header-logo/sqm-header-logo.js +83 -3
  10. package/dist/collection/components/sqm-portal-footer/sqm-portal-footer-view.js +3 -3
  11. package/dist/collection/components/tax-and-cash/TaxForm.stories.js +1 -0
  12. package/dist/collection/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.js +10 -5
  13. package/dist/collection/components/tax-and-cash/sqm-docusign-form/useDocusignForm.js +11 -5
  14. package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.js +46 -40
  15. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/PayoutStatusAlert.stories.js +13 -0
  16. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js +95 -1
  17. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js +360 -7
  18. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.js +29 -2
  19. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.js +307 -7
  20. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js +96 -1
  21. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.js +308 -8
  22. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.js +7 -1
  23. package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js +23 -12
  24. package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.js +1 -1
  25. package/dist/collection/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.js +100 -9
  26. package/dist/esm/{ShadowViewAddon-7a242b65.js → ShadowViewAddon-78a1c35c.js} +3 -3
  27. package/dist/esm/{data-acdb790f.js → data-68816061.js} +29 -2
  28. package/dist/esm/loader.js +1 -1
  29. package/dist/esm/mint-components.js +1 -1
  30. package/dist/esm/sqm-banking-info-form_10.entry.js +340 -75
  31. package/dist/esm/sqm-big-stat_47.entry.js +211 -10
  32. package/dist/esm/sqm-header-logo.entry.js +14 -1
  33. package/dist/esm/sqm-stencilbook.entry.js +23 -2
  34. package/dist/esm-es5/{ShadowViewAddon-7a242b65.js → ShadowViewAddon-78a1c35c.js} +1 -1
  35. package/dist/esm-es5/{data-acdb790f.js → data-68816061.js} +2 -2
  36. package/dist/esm-es5/loader.js +1 -1
  37. package/dist/esm-es5/mint-components.js +1 -1
  38. package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
  39. package/dist/esm-es5/sqm-big-stat_47.entry.js +1 -1
  40. package/dist/esm-es5/sqm-header-logo.entry.js +1 -1
  41. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  42. package/dist/mint-components/mint-components.esm.js +1 -1
  43. package/dist/mint-components/p-42760067.system.entry.js +1 -0
  44. package/dist/mint-components/p-7fb4470e.entry.js +1 -0
  45. package/dist/mint-components/p-8fa77acf.system.entry.js +1 -0
  46. package/dist/mint-components/p-92b5c376.js +157 -0
  47. package/dist/mint-components/p-947bacd1.system.js +1 -1
  48. package/dist/mint-components/p-a2dbc9ad.system.js +6 -0
  49. package/dist/mint-components/{p-6976099f.entry.js → p-aabfb90f.entry.js} +2 -2
  50. package/dist/mint-components/{p-97747228.system.entry.js → p-bbdf93b6.system.entry.js} +1 -1
  51. package/dist/mint-components/{p-2ea6e2fa.entry.js → p-be0ca483.entry.js} +21 -21
  52. package/dist/mint-components/p-c0d60c61.entry.js +106 -0
  53. package/dist/mint-components/{p-d7635535.system.js → p-e3ee8c37.system.js} +1 -1
  54. package/dist/mint-components/{p-ffc3cd7c.js → p-ee83de0e.js} +1 -1
  55. package/dist/mint-components/p-ffef3f95.system.entry.js +1 -0
  56. package/dist/types/components/sqm-header-logo/sqm-header-logo.d.ts +15 -1
  57. package/dist/types/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.d.ts +24 -0
  58. package/dist/types/components/tax-and-cash/sqm-payout-status-alert/PayoutStatusAlert.stories.d.ts +7 -0
  59. package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.d.ts +16 -0
  60. package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.d.ts +57 -0
  61. package/dist/types/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.d.ts +3 -1
  62. package/dist/types/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.d.ts +48 -0
  63. package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.d.ts +12 -0
  64. package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.d.ts +48 -0
  65. package/dist/types/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.d.ts +2 -0
  66. package/dist/types/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.d.ts +1 -0
  67. package/dist/types/components.d.ts +333 -1
  68. package/docs/docs.docx +0 -0
  69. package/docs/raisins.json +1 -1
  70. package/grapesjs/grapesjs.js +1 -1
  71. package/package.json +1 -1
  72. package/dist/mint-components/p-012d31bc.entry.js +0 -99
  73. package/dist/mint-components/p-303b84d7.system.entry.js +0 -1
  74. package/dist/mint-components/p-469a6450.system.js +0 -6
  75. package/dist/mint-components/p-752ede25.system.entry.js +0 -1
  76. package/dist/mint-components/p-a7ee19dc.entry.js +0 -1
  77. package/dist/mint-components/p-e1e7d01c.js +0 -157
  78. package/dist/mint-components/p-eea87fdc.system.entry.js +0 -1
  79. 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-fbc33c53.js');
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-16106637.js');
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 "ACCOUNT_REVIEW":
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 Progress";
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 Under Review";
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 Verification Unsuccessful";
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: "INFORMATION_REQUIRED",
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 Verification in Progress";
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 Verification Under Review";
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 Verification Unsuccessful";
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-fbc33c53.js');
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
- h("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl }))));
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": false,
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) {
@@ -31,6 +31,7 @@ const stepOneProps = {
31
31
  },
32
32
  },
33
33
  data: {
34
+ partnerData: {},
34
35
  regionLabelEnum: "STATE",
35
36
  regions: [],
36
37
  phoneCountries: [
@@ -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: () => setStep("/dashboard"),
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
- setStep(context.overrideNextStep ||
119
- !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) ||
120
- !(publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup)
121
- ? "/dashboard"
122
- : "/4");
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 {