@saasquatch/mint-components 2.0.2-1 → 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.
Files changed (39) hide show
  1. package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +13 -11
  2. package/dist/cjs/sqm-big-stat_47.cjs.entry.js +20 -14
  3. package/dist/cjs/sqm-header-logo.cjs.entry.js +3 -3
  4. package/dist/cjs/{usePayoutStatus-67c78085.js → usePayoutStatus-9abe2de8.js} +16 -19
  5. package/dist/collection/components/sqm-header-logo/sqm-header-logo.js +6 -6
  6. package/dist/collection/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.js +2 -1
  7. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js +13 -7
  8. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js +6 -6
  9. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.js +16 -19
  10. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.js +6 -6
  11. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js +5 -5
  12. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.js +8 -8
  13. package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js +1 -0
  14. package/dist/esm/sqm-banking-info-form_10.entry.js +13 -11
  15. package/dist/esm/sqm-big-stat_47.entry.js +20 -14
  16. package/dist/esm/sqm-header-logo.entry.js +3 -3
  17. package/dist/esm/{usePayoutStatus-f064247b.js → usePayoutStatus-e0ef2374.js} +16 -19
  18. package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
  19. package/dist/esm-es5/sqm-big-stat_47.entry.js +1 -1
  20. package/dist/esm-es5/sqm-header-logo.entry.js +1 -1
  21. package/dist/esm-es5/{usePayoutStatus-f064247b.js → usePayoutStatus-e0ef2374.js} +2 -2
  22. package/dist/mint-components/mint-components.esm.js +1 -1
  23. package/dist/mint-components/{p-2933bbe9.system.entry.js → p-09ab53fb.system.entry.js} +1 -1
  24. package/dist/mint-components/p-35576752.system.entry.js +1 -0
  25. package/dist/mint-components/{p-b1c4500e.entry.js → p-408a3798.entry.js} +9 -9
  26. package/dist/mint-components/{p-40e0251f.system.js → p-59bb2d52.system.js} +2 -2
  27. package/dist/mint-components/p-7d6c3126.system.entry.js +1 -0
  28. package/dist/mint-components/p-967a9040.system.js +1 -1
  29. package/dist/mint-components/{p-2ed300e9.entry.js → p-ab111e29.entry.js} +1 -1
  30. package/dist/mint-components/{p-f17b6de6.js → p-c41108ae.js} +7 -7
  31. package/dist/mint-components/{p-3219fdbe.entry.js → p-c540c501.entry.js} +4 -4
  32. package/dist/types/components/sqm-header-logo/sqm-header-logo.d.ts +2 -2
  33. package/dist/types/components.d.ts +4 -4
  34. package/docs/docs.docx +0 -0
  35. package/docs/raisins.json +1 -1
  36. package/grapesjs/grapesjs.js +1 -1
  37. package/package.json +1 -1
  38. package/dist/mint-components/p-2c86af62.system.entry.js +0 -1
  39. package/dist/mint-components/p-2e87159a.system.entry.js +0 -1
@@ -19,7 +19,7 @@ const useReferralTable = require('./useReferralTable-90d4d6e9.js');
19
19
  const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-e5f70b8b.js');
20
20
  const utils$1 = require('./utils-83d125fa.js');
21
21
  const keys = require('./keys-cff24974.js');
22
- const usePayoutStatus = require('./usePayoutStatus-67c78085.js');
22
+ const usePayoutStatus = require('./usePayoutStatus-9abe2de8.js');
23
23
 
24
24
  function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
25
25
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32;
@@ -905,7 +905,8 @@ function useBankingInfoForm(props) {
905
905
  : _paymentMethodChecked;
906
906
  domContextHooks_module.useEffect(() => {
907
907
  // reset redirect hash
908
- window.location.hash = "";
908
+ if (window.location.hash !== "#4")
909
+ window.location.hash = "";
909
910
  }, []);
910
911
  domContextHooks_module.useEffect(() => {
911
912
  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -4072,7 +4073,7 @@ const TaxAndCashDashboardView = (props) => {
4072
4073
  supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
4073
4074
  }),
4074
4075
  button: (index.h(index.Fragment, null,
4075
- index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
4076
+ index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
4076
4077
  index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
4077
4078
  alertType: "warning",
4078
4079
  icon: "exclamation-triangle",
@@ -4088,7 +4089,7 @@ const TaxAndCashDashboardView = (props) => {
4088
4089
  supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
4089
4090
  }),
4090
4091
  button: (index.h(index.Fragment, null,
4091
- index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
4092
+ index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
4092
4093
  index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
4093
4094
  alertType: "warning",
4094
4095
  icon: "exclamation-triangle",
@@ -4104,7 +4105,7 @@ const TaxAndCashDashboardView = (props) => {
4104
4105
  supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
4105
4106
  }),
4106
4107
  button: (index.h(index.Fragment, null,
4107
- index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
4108
+ index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
4108
4109
  index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
4109
4110
  alertType: "warning",
4110
4111
  icon: "exclamation-triangle",
@@ -4133,8 +4134,8 @@ const TaxAndCashDashboardView = (props) => {
4133
4134
  }, {
4134
4135
  supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
4135
4136
  }),
4136
- button: (index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
4137
- alertType: "warning",
4137
+ button: (index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
4138
+ alertType: "error",
4138
4139
  icon: "exclamation-triangle",
4139
4140
  class: sheet$4.classes.WarningHoldAlertContainer,
4140
4141
  };
@@ -4605,7 +4606,7 @@ const TaxAndCashDashboard = class {
4605
4606
  *
4606
4607
  * @uiName Edit payment info button label
4607
4608
  */
4608
- this.editPaymentInformationButton = "Edit Payout Information";
4609
+ this.editPaymentInformationButton = "Edit payout information";
4609
4610
  /**
4610
4611
  * @uiName Not registered for indirect tax text
4611
4612
  * @uiWidget textArea
@@ -4666,7 +4667,7 @@ const TaxAndCashDashboard = class {
4666
4667
  /**
4667
4668
  * @uiName Verification required internal alert header
4668
4669
  */
4669
- this.verificationRequiredInternalHeader = "Identity Verification in Progress";
4670
+ this.verificationRequiredInternalHeader = "Identity verification in progress";
4670
4671
  /**
4671
4672
  * @uiName Verification required internal alert description
4672
4673
  */
@@ -4674,7 +4675,7 @@ const TaxAndCashDashboard = class {
4674
4675
  /**
4675
4676
  * @uiName Verification review internal alert header
4676
4677
  */
4677
- this.verificationReviewInternalHeader = "Identity Verification Under Review";
4678
+ this.verificationReviewInternalHeader = "Identity verification under review";
4678
4679
  /**
4679
4680
  * @uiName Verification review internal alert description
4680
4681
  */
@@ -4682,7 +4683,7 @@ const TaxAndCashDashboard = class {
4682
4683
  /**
4683
4684
  * @uiName Verification failed internal alert header
4684
4685
  */
4685
- this.verificationFailedInternalHeader = "Identity Verification Unsuccessful";
4686
+ this.verificationFailedInternalHeader = "Identity verification unsuccessful";
4686
4687
  /**
4687
4688
  * @uiName Verification failed internal alert description
4688
4689
  */
@@ -6176,6 +6177,7 @@ const UserInfoFormView = (props) => {
6176
6177
  }
6177
6178
  function isDisabledInput(field) {
6178
6179
  var _a;
6180
+ console.log({ data, states });
6179
6181
  if (states.isPartner && !!((_a = data.partnerData) === null || _a === void 0 ? void 0 : _a[field]))
6180
6182
  return true;
6181
6183
  return false;
@@ -31,7 +31,7 @@ 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-67c78085.js');
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
- buttonText: text.editPaymentInformationButton,
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
- buttonText: text.editPaymentInformationButton,
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
- buttonText: text.editPaymentInformationButton,
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
- buttonText: text.editPaymentInformationButton,
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: "default", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
3119
- index.h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
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 Progress";
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 Under Review";
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 Verification Unsuccessful";
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 Verification in Progress";
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 Verification Under Review";
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 Verification Unsuccessful";
7599
+ this.dashboard_verificationFailedInternalHeader = "Identity verification usuccessful";
7594
7600
  /**
7595
7601
  * @uiName Verification failed internal alert description
7596
7602
  * @uiGroup Dashboard Properties
@@ -9,12 +9,12 @@ 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 = 24;
14
+ this.logoTextSize = 32;
15
15
  /**
16
16
  * @uiWidget color
17
- * @uiName Logo text
17
+ * @uiName Logo text color
18
18
  */
19
19
  this.logoTextColor = "#555555";
20
20
  /**
@@ -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("PAYMENT_HOLD_ON_CHANGE"))
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 ((_s = account.holdReasons) === null || _s === void 0 ? void 0 : _s.includes("BENEFICIARY_NAME_INVALID"))
1156
+ if ((_t = account.holdReasons) === null || _t === void 0 ? void 0 : _t.includes("BENEFICIARY_NAME_INVALID"))
1154
1157
  return "BENEFICIARY_NAME_INVALID";
1155
- if ((_t = account.holdReasons) === null || _t === void 0 ? void 0 : _t.includes("BENEFICIARY_NAME_MISMATCH"))
1158
+ if ((_u = account.holdReasons) === null || _u === void 0 ? void 0 : _u.includes("BENEFICIARY_NAME_MISMATCH"))
1156
1159
  return "BENEFICIARY_NAME_MISMATCH";
1157
- if ((_u = account.holdReasons) === null || _u === void 0 ? void 0 : _u.includes("BANK_TAX_NAME_MISMATCH"))
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 ((_v = account.holdReasons) === null || _v === void 0 ? void 0 : _v.includes("WITHDRAWAL_SETTINGS_INVALID"))
1162
+ if ((_w = account.holdReasons) === null || _w === void 0 ? void 0 : _w.includes("WITHDRAWAL_SETTINGS_INVALID"))
1160
1163
  return "WITHDRAWAL_SETTINGS_INVALID";
1161
- if ((_w = account.holdReasons) === null || _w === void 0 ? void 0 : _w.includes("PAYMENT_RETURNED"))
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
- setContext({
1205
- overrideNextStep: "/dashboard",
1206
- overrideBackStep: "/dashboard",
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
- setContext({
1213
- overrideNextStep: "/dashboard",
1214
- overrideBackStep: "/dashboard",
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,12 +7,12 @@ 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 = 24;
12
+ this.logoTextSize = 32;
13
13
  /**
14
14
  * @uiWidget color
15
- * @uiName Logo text
15
+ * @uiName Logo text color
16
16
  */
17
17
  this.logoTextColor = "#555555";
18
18
  /**
@@ -98,14 +98,14 @@ export class HeroImage {
98
98
  "optional": true,
99
99
  "docs": {
100
100
  "tags": [{
101
- "text": "Logo text",
101
+ "text": "Logo text size",
102
102
  "name": "uiName"
103
103
  }],
104
104
  "text": ""
105
105
  },
106
106
  "attribute": "logo-text-size",
107
107
  "reflect": false,
108
- "defaultValue": "24"
108
+ "defaultValue": "32"
109
109
  },
110
110
  "logoTextColor": {
111
111
  "type": "string",
@@ -122,7 +122,7 @@ export class HeroImage {
122
122
  "text": "color",
123
123
  "name": "uiWidget"
124
124
  }, {
125
- "text": "Logo text",
125
+ "text": "Logo text color",
126
126
  "name": "uiName"
127
127
  }],
128
128
  "text": ""
@@ -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
- buttonText: text.editPaymentInformationButton,
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
- buttonText: text.editPaymentInformationButton,
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
- buttonText: text.editPaymentInformationButton,
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
- buttonText: text.editPaymentInformationButton,
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: "default", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
218
- h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
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":
@@ -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 Progress";
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 Under Review";
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 Verification Unsuccessful";
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 Progress\""
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 Under Review\""
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 Verification Unsuccessful\""
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("PAYMENT_HOLD_ON_CHANGE"))
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 ((_s = account.holdReasons) === null || _s === void 0 ? void 0 : _s.includes("BENEFICIARY_NAME_INVALID"))
67
+ if ((_t = account.holdReasons) === null || _t === void 0 ? void 0 : _t.includes("BENEFICIARY_NAME_INVALID"))
65
68
  return "BENEFICIARY_NAME_INVALID";
66
- if ((_t = account.holdReasons) === null || _t === void 0 ? void 0 : _t.includes("BENEFICIARY_NAME_MISMATCH"))
69
+ if ((_u = account.holdReasons) === null || _u === void 0 ? void 0 : _u.includes("BENEFICIARY_NAME_MISMATCH"))
67
70
  return "BENEFICIARY_NAME_MISMATCH";
68
- if ((_u = account.holdReasons) === null || _u === void 0 ? void 0 : _u.includes("BANK_TAX_NAME_MISMATCH"))
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 ((_v = account.holdReasons) === null || _v === void 0 ? void 0 : _v.includes("WITHDRAWAL_SETTINGS_INVALID"))
73
+ if ((_w = account.holdReasons) === null || _w === void 0 ? void 0 : _w.includes("WITHDRAWAL_SETTINGS_INVALID"))
71
74
  return "WITHDRAWAL_SETTINGS_INVALID";
72
- if ((_w = account.holdReasons) === null || _w === void 0 ? void 0 : _w.includes("PAYMENT_RETURNED"))
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
- setContext({
116
- overrideNextStep: "/dashboard",
117
- overrideBackStep: "/dashboard",
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
- setContext({
124
- overrideNextStep: "/dashboard",
125
- overrideBackStep: "/dashboard",
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 Verification in Progress";
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 Verification Under Review";
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 Verification Unsuccessful";
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 Verification in Progress\""
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 Verification Under Review\""
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 Verification Unsuccessful\""
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: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
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: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
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: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
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: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
426
- alertType: "warning",
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
  };