@saasquatch/mint-components 2.0.2-0 → 2.0.2-10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/dist/cjs/{ShadowViewAddon-1b38dcfc.js → ShadowViewAddon-925a8fa6.js} +3 -3
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/mint-components.cjs.js +1 -1
  4. package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +13 -11
  5. package/dist/cjs/sqm-big-stat_47.cjs.entry.js +21 -15
  6. package/dist/cjs/sqm-header-logo.cjs.entry.js +10 -4
  7. package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
  8. package/dist/cjs/{usePayoutStatus-67c78085.js → usePayoutStatus-9abe2de8.js} +16 -19
  9. package/dist/collection/components/sqm-header-logo/sqm-header-logo.js +18 -11
  10. package/dist/collection/components/sqm-portal-footer/sqm-portal-footer-view.js +3 -3
  11. package/dist/collection/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.js +2 -1
  12. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js +13 -7
  13. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js +6 -6
  14. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.js +16 -19
  15. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.js +6 -6
  16. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js +5 -5
  17. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.js +8 -8
  18. package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js +1 -0
  19. package/dist/esm/{ShadowViewAddon-1adaf077.js → ShadowViewAddon-aae27c2e.js} +3 -3
  20. package/dist/esm/loader.js +1 -1
  21. package/dist/esm/mint-components.js +1 -1
  22. package/dist/esm/sqm-banking-info-form_10.entry.js +13 -11
  23. package/dist/esm/sqm-big-stat_47.entry.js +21 -15
  24. package/dist/esm/sqm-header-logo.entry.js +10 -4
  25. package/dist/esm/sqm-stencilbook.entry.js +1 -1
  26. package/dist/esm/{usePayoutStatus-f064247b.js → usePayoutStatus-e0ef2374.js} +16 -19
  27. package/dist/esm-es5/{ShadowViewAddon-1adaf077.js → ShadowViewAddon-aae27c2e.js} +1 -1
  28. package/dist/esm-es5/loader.js +1 -1
  29. package/dist/esm-es5/mint-components.js +1 -1
  30. package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
  31. package/dist/esm-es5/sqm-big-stat_47.entry.js +1 -1
  32. package/dist/esm-es5/sqm-header-logo.entry.js +1 -1
  33. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  34. package/dist/esm-es5/{usePayoutStatus-f064247b.js → usePayoutStatus-e0ef2374.js} +2 -2
  35. package/dist/mint-components/mint-components.esm.js +1 -1
  36. package/dist/mint-components/{p-612062cd.system.entry.js → p-0649123a.system.entry.js} +1 -1
  37. package/dist/mint-components/p-09ab53fb.system.entry.js +1 -0
  38. package/dist/mint-components/p-35576752.system.entry.js +1 -0
  39. package/dist/mint-components/{p-9f8d34d1.system.js → p-38f932ae.system.js} +1 -1
  40. package/dist/mint-components/{p-ef8c9f73.entry.js → p-408a3798.entry.js} +9 -9
  41. package/dist/mint-components/{p-0e1a1b14.js → p-57ce33dd.js} +1 -1
  42. package/dist/mint-components/{p-40e0251f.system.js → p-59bb2d52.system.js} +2 -2
  43. package/dist/mint-components/{p-f6a7d4d3.entry.js → p-5f3eafd4.entry.js} +1 -1
  44. package/dist/mint-components/p-7d6c3126.system.entry.js +1 -0
  45. package/dist/mint-components/p-967a9040.system.js +1 -1
  46. package/dist/mint-components/p-ab111e29.entry.js +1 -0
  47. package/dist/mint-components/{p-f17b6de6.js → p-c41108ae.js} +7 -7
  48. package/dist/mint-components/{p-3219fdbe.entry.js → p-c540c501.entry.js} +4 -4
  49. package/dist/types/components/sqm-header-logo/sqm-header-logo.d.ts +3 -3
  50. package/dist/types/components.d.ts +6 -6
  51. package/docs/docs.docx +0 -0
  52. package/docs/raisins.json +1 -1
  53. package/grapesjs/grapesjs.js +1 -1
  54. package/package.json +1 -1
  55. package/dist/mint-components/p-014dc2be.entry.js +0 -1
  56. package/dist/mint-components/p-09707418.system.entry.js +0 -1
  57. package/dist/mint-components/p-2c86af62.system.entry.js +0 -1
  58. package/dist/mint-components/p-333d5597.system.entry.js +0 -1
@@ -27,11 +27,11 @@ const usePortalLogin = require('./usePortalLogin-1c022d8d.js');
27
27
  const AsYouType = require('./AsYouType-6788393a.js');
28
28
  const utilities = require('./utilities-9a0c5e91.js');
29
29
  const ErrorView = require('./ErrorView-3f91e5ab.js');
30
- const ShadowViewAddon = require('./ShadowViewAddon-1b38dcfc.js');
30
+ const ShadowViewAddon = require('./ShadowViewAddon-925a8fa6.js');
31
31
  require('./sqm-portal-container-view-07e4343f.js');
32
32
  const utils$1 = require('./utils-83d125fa.js');
33
33
  const extractProps = require('./extractProps-e9c55ba8.js');
34
- const usePayoutStatus = require('./usePayoutStatus-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,9 +9,14 @@ const HeroImage = class {
9
9
  constructor(hostRef) {
10
10
  index.registerInstance(this, hostRef);
11
11
  /**
12
- * @uiName Logo text
12
+ * @uiName Logo text size
13
13
  */
14
- this.logoTextSize = "24px";
14
+ this.logoTextSize = 32;
15
+ /**
16
+ * @uiWidget color
17
+ * @uiName Logo text color
18
+ */
19
+ this.logoTextColor = "#555555";
15
20
  /**
16
21
  * Page participants are navigated to after clicking the header logo.
17
22
  *
@@ -28,8 +33,9 @@ const HeroImage = class {
28
33
  disconnectedCallback() { }
29
34
  render() {
30
35
  return (index.h(index.Host, null, index.h("a", { href: this.nextPage, part: "sqm-link" }, this.imageUrl ? (index.h("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl })) : (index.h("h3", { style: {
31
- fontSize: this.logoTextSize,
32
- color: this.logoTextColor || "inherit",
36
+ fontSize: `${this.logoTextSize}px`,
37
+ color: this.logoTextColor || "#555555",
38
+ textDecoration: "none",
33
39
  } }, this.logoText)))));
34
40
  }
35
41
  };
@@ -34,7 +34,7 @@ const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-25e
34
34
  const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
35
35
  require('./ErrorView-3f91e5ab.js');
36
36
  const sqmQrCodeView = require('./sqm-qr-code-view-4ccf89da.js');
37
- const ShadowViewAddon = require('./ShadowViewAddon-1b38dcfc.js');
37
+ const ShadowViewAddon = require('./ShadowViewAddon-925a8fa6.js');
38
38
  const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
39
39
  const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-e5f70b8b.js');
40
40
  const utils = require('./utils-83d125fa.js');
@@ -1129,7 +1129,7 @@ const GET_TAX_SETTING = index_module.dist.gql `
1129
1129
  }
1130
1130
  `;
1131
1131
  function getStatus(data) {
1132
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
1132
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
1133
1133
  const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
1134
1134
  const hasTransferredReward = (_e = (_d = (_c = data === null || data === void 0 ? void 0 : data.user) === null || _c === void 0 ? void 0 : _c.rewards) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.find((reward) => reward.statuses.includes("REDEEMED") &&
1135
1135
  reward.partnerFundsTransfer.status === "TRANSFERRED");
@@ -1146,19 +1146,22 @@ function getStatus(data) {
1146
1146
  return "VERIFICATION:REVIEW";
1147
1147
  if ((_p = account.holdReasons) === null || _p === void 0 ? void 0 : _p.includes("IDV_CHECK_FAILED_INTERNAL"))
1148
1148
  return "VERIFICATION:FAILED";
1149
+ // only show banner for NEW_PAYEE_REVIEW if a PFT was created
1149
1150
  if (((_q = account.holdReasons) === null || _q === void 0 ? void 0 : _q.includes("NEW_PAYEE_REVIEW")) && hasTransferredReward)
1150
1151
  return "NEW_PAYEE_REVIEW";
1151
- if ((_r = account.holdReasons) === null || _r === void 0 ? void 0 : _r.includes("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,9 +7,14 @@ import { Component, h, Host, Prop } from "@stencil/core";
7
7
  export class HeroImage {
8
8
  constructor() {
9
9
  /**
10
- * @uiName Logo text
10
+ * @uiName Logo text size
11
11
  */
12
- this.logoTextSize = "24px";
12
+ this.logoTextSize = 32;
13
+ /**
14
+ * @uiWidget color
15
+ * @uiName Logo text color
16
+ */
17
+ this.logoTextColor = "#555555";
13
18
  /**
14
19
  * Page participants are navigated to after clicking the header logo.
15
20
  *
@@ -27,8 +32,9 @@ export class HeroImage {
27
32
  render() {
28
33
  return (h(Host, null,
29
34
  h("a", { href: this.nextPage, part: "sqm-link" }, this.imageUrl ? (h("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl })) : (h("h3", { style: {
30
- fontSize: this.logoTextSize,
31
- color: this.logoTextColor || "inherit",
35
+ fontSize: `${this.logoTextSize}px`,
36
+ color: this.logoTextColor || "#555555",
37
+ textDecoration: "none",
32
38
  } }, this.logoText)))));
33
39
  }
34
40
  static get is() { return "sqm-header-logo"; }
@@ -81,25 +87,25 @@ export class HeroImage {
81
87
  "reflect": false
82
88
  },
83
89
  "logoTextSize": {
84
- "type": "string",
90
+ "type": "number",
85
91
  "mutable": false,
86
92
  "complexType": {
87
- "original": "string",
88
- "resolved": "string",
93
+ "original": "number",
94
+ "resolved": "number",
89
95
  "references": {}
90
96
  },
91
97
  "required": false,
92
98
  "optional": true,
93
99
  "docs": {
94
100
  "tags": [{
95
- "text": "Logo text",
101
+ "text": "Logo text size",
96
102
  "name": "uiName"
97
103
  }],
98
104
  "text": ""
99
105
  },
100
106
  "attribute": "logo-text-size",
101
107
  "reflect": false,
102
- "defaultValue": "\"24px\""
108
+ "defaultValue": "32"
103
109
  },
104
110
  "logoTextColor": {
105
111
  "type": "string",
@@ -116,13 +122,14 @@ export class HeroImage {
116
122
  "text": "color",
117
123
  "name": "uiWidget"
118
124
  }, {
119
- "text": "Logo text",
125
+ "text": "Logo text color",
120
126
  "name": "uiName"
121
127
  }],
122
128
  "text": ""
123
129
  },
124
130
  "attribute": "logo-text-color",
125
- "reflect": false
131
+ "reflect": false,
132
+ "defaultValue": "\"#555555\""
126
133
  },
127
134
  "nextPage": {
128
135
  "type": "string",
@@ -3,14 +3,14 @@ import { createStyleSheet } from "../../styling/JSS";
3
3
  import { intl } from "../../global/global";
4
4
  import { PoweredByImg } from "./PoweredByImg";
5
5
  const vanillaStyle = `
6
- :host{
6
+ :host {
7
7
  margin: 0 auto;
8
8
  width: 100%;
9
9
  }
10
- a{
10
+ a {
11
11
  cursor:pointer;
12
12
  color: var(--sqm-text-subdued);
13
- text-decoration: none ;
13
+ text-decoration: none;
14
14
  }
15
15
  `;
16
16
  export function PortalFooterView(props) {
@@ -127,7 +127,8 @@ export function useBankingInfoForm(props) {
127
127
  : _paymentMethodChecked;
128
128
  useEffect(() => {
129
129
  // reset redirect hash
130
- window.location.hash = "";
130
+ if (window.location.hash !== "#4")
131
+ window.location.hash = "";
131
132
  }, []);
132
133
  useEffect(() => {
133
134
  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -161,7 +161,9 @@ export function PayoutStatusAlertView(props) {
161
161
  }, {
162
162
  supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
163
163
  }),
164
- 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
  };