@saasquatch/mint-components 2.0.2-2 → 2.0.2-21

package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js

@@ -19,7 +19,7 @@ const useReferralTable = require('./useReferralTable-90d4d6e9.js');
 const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-e5f70b8b.js');
 const utils$1 = require('./utils-83d125fa.js');
 const keys = require('./keys-cff24974.js');
-const usePayoutStatus = require('./usePayoutStatus-67c78085.js');
+const usePayoutStatus = require('./usePayoutStatus-9abe2de8.js');
 
 function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
   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;
@@ -903,10 +903,6 @@ function useBankingInfoForm(props) {
   const paymentMethodChecked = !hasPayPal
     ? "toBankAccount"
     : _paymentMethodChecked;
-  domContextHooks_module.useEffect(() => {
-    // reset redirect hash
-    window.location.hash = "";
-  }, []);
   domContextHooks_module.useEffect(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     if (!userData)
@@ -1078,6 +1074,7 @@ function useBankingInfoForm(props) {
     }
     await runMutation(formData, token);
     setShowModal(false);
+    window.location.hash = "";
   };
   const onVerification = async (token) => {
     host.dispatchEvent(new CustomEvent(keys.VERIFICATION_EVENT_KEY, {
@@ -1107,7 +1104,10 @@ function useBankingInfoForm(props) {
       setBankCountry: updateBankCountry,
       setPaymentMethodChecked,
       setPaymentScheduleChecked,
-      onBack: () => setStep("/dashboard"),
+      onBack: () => {
+        setStep("/dashboard");
+        window.location.hash = "";
+      },
       setCountrySearch,
       onVerification,
       onVerificationHide: () => onVerification(null),
@@ -4134,7 +4134,7 @@ const TaxAndCashDashboardView = (props) => {
             supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
           button: (index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
-          alertType: "warning",
+          alertType: "error",
           icon: "exclamation-triangle",
           class: sheet$4.classes.WarningHoldAlertContainer,
         };
@@ -4394,8 +4394,14 @@ const useTaxAndCashDashboard = (props) => {
   domContextHooks_module.useEffect(() => {
     // Clear override context once on submitted
     setContext({});
-    if (window.location.hash)
+    if (window.location.hash) {
+      setContext({
+        overrideNextStep: "/dashboard",
+        overrideBackStep: "/dashboard",
+        hideSteps: true,
+      });
       setStep(`/${window.location.hash.replace("#", "")}`);
+    }
   }, []);
   const { data, loading, errors: userError, refetch, } = index_module.$n(usePayoutStatus.USER_QUERY_NAMESPACE);
   const publisher = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
@@ -4605,7 +4611,7 @@ const TaxAndCashDashboard = class {
      *
      * @uiName Edit payment info button label
      */
-    this.editPaymentInformationButton = "Edit Payout Information";
+    this.editPaymentInformationButton = "Edit payout information";
     /**
      * @uiName Not registered for indirect tax text
      * @uiWidget textArea
@@ -4666,7 +4672,7 @@ const TaxAndCashDashboard = class {
     /**
      * @uiName Verification required internal alert header
      */
-    this.verificationRequiredInternalHeader = "Identity Verification in Progress";
+    this.verificationRequiredInternalHeader = "Identity verification in progress";
     /**
      * @uiName Verification required internal alert description
      */
@@ -4674,7 +4680,7 @@ const TaxAndCashDashboard = class {
     /**
      * @uiName Verification review internal alert header
      */
-    this.verificationReviewInternalHeader = "Identity Verification Under Review";
+    this.verificationReviewInternalHeader = "Identity verification under review";
     /**
      * @uiName Verification review internal alert description
      */
@@ -4682,7 +4688,7 @@ const TaxAndCashDashboard = class {
     /**
      * @uiName Verification failed internal alert header
      */
-    this.verificationFailedInternalHeader = "Identity Verification Unsuccessful";
+    this.verificationFailedInternalHeader = "Identity verification unsuccessful";
     /**
      * @uiName Verification failed internal alert description
      */
@@ -4743,11 +4749,11 @@ const TaxAndCashDashboard = class {
     /**
      * @uiName Withdrawal settings invalid alert header
      */
-    this.withdrawalSettingsInvalidHeader = "Your payment information includes invalid characters";
+    this.withdrawalSettingsInvalidHeader = "Your payment information is incomplete or includes invalid characters";
     /**
      * @uiName Withdrawal settings invalid alert description
      */
-    this.withdrawalSettingsInvalidDescription = "There are invalid characters in your payment information. Please review your information and make sure it is correct with no invalid characters. Your payouts are on hold until this is resolved.";
+    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.";
     /**
      * @uiName Payment returned alert header
      */
@@ -6286,7 +6292,7 @@ const UserInfoFormView = (props) => {
           index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.address, id: "address", name: "/address", value: formState.address, validationError: ({ value }) => 
             // Checks for non-ASCII characters
             !utils$1.validateBillingField(/^[\x20-\xFF]+$/, value) &&
-              utils$1.formatErrorMessage(text.address, text.error.invalidCharacterError), disabled: states.disabled || isDisabledInput("address") }, (((_l = formState.errors) === null || _l === void 0 ? void 0 : _l.address) ? {
+              utils$1.formatErrorMessage(text.address, text.error.invalidCharacterError), disabled: states.disabled || isDisabledInput("billingAddress") }, (((_l = formState.errors) === null || _l === void 0 ? void 0 : _l.address) ? {
             class: classes.ErrorInput,
             helpText: utils$1.formatErrorMessage(text.address, formState.errors.address),
           }
@@ -6294,17 +6300,17 @@ const UserInfoFormView = (props) => {
           index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.city, id: "city", name: "/city", value: formState.city, validationError: ({ value }) => 
             // Checks for non-ASCII characters
             !utils$1.validateBillingField(/^[\x20-\xFF]+$/, value) &&
-              utils$1.formatErrorMessage(text.city, text.error.invalidCharacterError), disabled: states.disabled || isDisabledInput("city") }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
+              utils$1.formatErrorMessage(text.city, text.error.invalidCharacterError), disabled: states.disabled || isDisabledInput("billingCity") }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
             class: classes.ErrorInput,
             helpText: utils$1.formatErrorMessage(text.city, formState.errors.city),
           }
             : {}), { required: true })),
-          !states.hideState && (index.h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label, base: input-base", id: "state", name: "/state", value: formState.state, disabled: states.disabled || isDisabledInput("state") }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
+          !states.hideState && (index.h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label, base: input-base", id: "state", name: "/state", value: formState.state, disabled: states.disabled || isDisabledInput("billingState") }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
             class: classes.ErrorInput,
             helpText: utils$1.formatErrorMessage(text.state, formState.errors.state),
           }
             : {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (index.h("sl-menu-item", { value: r.value }, r.label))))),
-          index.h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label, base: input-base", id: "postalCode", name: "/postalCode", value: formState.postalCode, disabled: states.disabled || isDisabledInput("postalCode") }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
+          index.h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label, base: input-base", id: "postalCode", name: "/postalCode", value: formState.postalCode, disabled: states.disabled || isDisabledInput("billingPostalCode") }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
             class: classes.ErrorInput,
             helpText: utils$1.formatErrorMessage(text.postalCode, formState.errors.postalCode),
           }
@@ -6336,8 +6342,16 @@ const UserInfoFormView = (props) => {
         index.h("sl-button", { type: "primary", disabled: states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton))))));
 };
 
+const GET_INDIRECT_TAX_COUNTRY_CODE = index_module.dist.gql `
+  query getIndirectTaxCountryCode {
+    tenantSettings {
+      impactBrandCountryCode
+      impactBrandIndirectTaxCountryCode
+    }
+  }
+`;
 function useUserInfoForm(props) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   const currencyRef = domContextHooks_module.useRef(undefined);
   const phoneCountryRef = domContextHooks_module.useRef(undefined);
   const formRef = domContextHooks_module.useRef(null);
@@ -6347,6 +6361,7 @@ function useUserInfoForm(props) {
   const [userFormContext, setUserFormContext] = index_module.Pn(usePayoutStatus.USER_FORM_CONTEXT_NAMESPACE);
   const user = index_module.J();
   const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = index_module.$e(CONNECT_PARTNER);
+  const { data: tenantData } = index_module.wn(GET_INDIRECT_TAX_COUNTRY_CODE, {});
   const { data, loading, refetch, errors: userError, } = index_module.$n(usePayoutStatus.USER_QUERY_NAMESPACE);
   const _currencies = index_module.Fn(usePayoutStatus.CURRENCIES_NAMESPACE);
   const currencies = domContextHooks_module.useMemo(() => [...(_currencies || [])].sort((a, b) => a.displayName.localeCompare(b.displayName)), [_currencies]);
@@ -6560,10 +6575,16 @@ function useUserInfoForm(props) {
     const nextStep = context.overrideNextStep || skipNextStep ? "/3" : "/2";
     setStep(nextStep);
   }
+  const indirectTaxCountry = (_a = tenantData === null || tenantData === void 0 ? void 0 : tenantData.tenantSettings) === null || _a === void 0 ? void 0 : _a.impactBrandIndirectTaxCountryCode;
+  const hasIndirectTax = !!indirectTaxCountry;
   function getSkipNextStep(userData) {
+    if (!hasIndirectTax)
+      return true;
     if (userData.countryCode === "US")
       return true;
-    return true;
+    if (hasIndirectTax && userData.countryCode !== indirectTaxCountry)
+      return true;
+    return false;
   }
   const hasStates = ["ES", "AU", "US", "CA"].includes(userFormContext.countryCode);
   const regionObj = hasStates
@@ -6592,7 +6613,7 @@ function useUserInfoForm(props) {
       allCountries: countries,
       regionLabelEnum: regionObj === null || regionObj === void 0 ? void 0 : regionObj.labelEnum,
       regions: (regionObj === null || regionObj === void 0 ? void 0 : regionObj.regions) || [],
-      partnerData: (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher,
+      partnerData: (_c = (_b = data === null || data === void 0 ? void 0 : data.user) === null || _b === void 0 ? void 0 : _b.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher,
     },
     states: {
       step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
@@ -6601,8 +6622,8 @@ function useUserInfoForm(props) {
       disabled: loading || connectLoading,
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
       loading: loading || connectLoading,
-      isPartner: !!((_d = (_c = data === null || data === void 0 ? void 0 : data.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.publisher),
-      isUser: !!((_f = (_e = data === null || data === void 0 ? void 0 : data.user) === null || _e === void 0 ? void 0 : _e.impactConnection) === null || _f === void 0 ? void 0 : _f.user),
+      isPartner: !!((_e = (_d = data === null || data === void 0 ? void 0 : data.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher),
+      isUser: !!((_g = (_f = data === null || data === void 0 ? void 0 : data.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.user),
       formState: {
         ...userFormContext,
         errors: formErrors,

package/dist/cjs/sqm-big-stat_47.cjs.entry.js

@@ -31,7 +31,7 @@ const ShadowViewAddon = require('./ShadowViewAddon-925a8fa6.js');
 require('./sqm-portal-container-view-07e4343f.js');
 const utils$1 = require('./utils-83d125fa.js');
 const extractProps = require('./extractProps-e9c55ba8.js');
-const usePayoutStatus = require('./usePayoutStatus-67c78085.js');
+const usePayoutStatus = require('./usePayoutStatus-9abe2de8.js');
 
 /**
  *
@@ -3123,7 +3123,7 @@ function PayoutStatusAlertView(props) {
           }),
           button: (index.h(index.Fragment, null,
             index.h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
-          alertType: "warning",
+          alertType: "error",
           icon: "exclamation-triangle",
         };
       case "HOLD":
@@ -3221,7 +3221,7 @@ const PayoutStatusAlert = class {
     /**
      * @uiName Verification required internal alert header
      */
-    this.verificationRequiredInternalHeader = "Identity Verification in Progress";
+    this.verificationRequiredInternalHeader = "Identity Verification in progress";
     /**
      * @uiName Verification required internal alert description
      */
@@ -3229,7 +3229,7 @@ const PayoutStatusAlert = class {
     /**
      * @uiName Verification review internal alert header
      */
-    this.verificationReviewInternalHeader = "Identity Verification Under Review";
+    this.verificationReviewInternalHeader = "Identity Verification under review";
     /**
      * @uiName Verification review internal alert description
      */
@@ -3237,7 +3237,7 @@ const PayoutStatusAlert = class {
     /**
      * @uiName Verification failed internal alert header
      */
-    this.verificationFailedInternalHeader = "Identity Verification Unsuccessful";
+    this.verificationFailedInternalHeader = "Identity verification unsuccessful";
     /**
      * @uiName Verification failed internal alert description
      */
@@ -3285,11 +3285,11 @@ const PayoutStatusAlert = class {
     /**
      * @uiName Withdrawal settings invalid alert header
      */
-    this.withdrawalSettingsInvalidHeader = "Your payment information includes invalid characters";
+    this.withdrawalSettingsInvalidHeader = "Your payment information is incomplete or includes invalid characters";
     /**
      * @uiName Withdrawal settings invalid alert description
      */
-    this.withdrawalSettingsInvalidDescription = "There are invalid characters in your payment information. Please review your information and make sure it is correct with no invalid characters. Your payouts are on hold until this is resolved.";
+    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.";
     /**
      * @uiName Payment returned alert header
      */
@@ -7572,7 +7572,7 @@ const TaxAndCashMonolith = class {
      * @uiGroup Dashboard Properties
      * @uiWidget textArea
      */
-    this.dashboard_verificationRequiredInternalHeader = "Identity Verification in Progress";
+    this.dashboard_verificationRequiredInternalHeader = "Identity verification in progress";
     /**
      * @uiName Verification required internal alert description
      * @uiGroup Dashboard Properties
@@ -7584,7 +7584,7 @@ const TaxAndCashMonolith = class {
      * @uiGroup Dashboard Properties
      * @uiWidget textArea
      */
-    this.dashboard_verificationReviewInternalHeader = "Identity Verification Under Review";
+    this.dashboard_verificationReviewInternalHeader = "Identity verification under review";
     /**
      * @uiName Verification review internal alert description
      * @uiGroup Dashboard Properties
@@ -7596,7 +7596,7 @@ const TaxAndCashMonolith = class {
      * @uiGroup Dashboard Properties
      * @uiWidget textArea
      */
-    this.dashboard_verificationFailedInternalHeader = "Identity Verification Unsuccessful";
+    this.dashboard_verificationFailedInternalHeader = "Identity verification usuccessful";
     /**
      * @uiName Verification failed internal alert description
      * @uiGroup Dashboard Properties
@@ -7665,11 +7665,11 @@ const TaxAndCashMonolith = class {
     /**
      * @uiName Withdrawal settings invalid alert header
      */
-    this.dashboard_withdrawalSettingsInvalidHeader = "Your payment information includes invalid characters";
+    this.dashboard_withdrawalSettingsInvalidHeader = "Your payment information is incomplete or includes invalid characters";
     /**
      * @uiName Withdrawal settings invalid alert description
      */
-    this.dashboard_withdrawalSettingsInvalidDescription = "There are invalid characters in your payment information. Please review your information and make sure it is correct with no invalid characters. Your payouts are on hold until this is resolved.";
+    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.";
     /**
      * @uiName Payment returned alert header
      */

package/dist/cjs/sqm-header-logo.cjs.entry.js

@@ -15,6 +15,7 @@ const HeroImage = class {
     /**
      * @uiWidget color
      * @uiName Logo text color
+     * @default #555555
      */
     this.logoTextColor = "#555555";
     /**
@@ -32,10 +33,9 @@ const HeroImage = class {
   }
   disconnectedCallback() { }
   render() {
-    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: {
+    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: {
         fontSize: `${this.logoTextSize}px`,
         color: this.logoTextColor || "#555555",
-        textDecoration: "none",
       } }, this.logoText)))));
   }
 };

package/dist/cjs/{usePayoutStatus-67c78085.js → usePayoutStatus-9abe2de8.js}

@@ -1129,7 +1129,7 @@ const GET_TAX_SETTING = index_module.dist.gql `
   }
 `;
 function getStatus(data) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
   const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
   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") &&
     reward.partnerFundsTransfer.status === "TRANSFERRED");
@@ -1146,19 +1146,22 @@ function getStatus(data) {
     return "VERIFICATION:REVIEW";
   if ((_p = account.holdReasons) === null || _p === void 0 ? void 0 : _p.includes("IDV_CHECK_FAILED_INTERNAL"))
     return "VERIFICATION:FAILED";
+  // only show banner for NEW_PAYEE_REVIEW if a PFT was created
   if (((_q = account.holdReasons) === null || _q === void 0 ? void 0 : _q.includes("NEW_PAYEE_REVIEW")) && hasTransferredReward)
     return "NEW_PAYEE_REVIEW";
-  if ((_r = account.holdReasons) === null || _r === void 0 ? void 0 : _r.includes("PAYMENT_HOLD_ON_CHANGE"))
+  if ((_r = account.holdReasons) === null || _r === void 0 ? void 0 : _r.includes("NEW_PAYEE_REVIEW"))
+    return "DONE";
+  if ((_s = account.holdReasons) === null || _s === void 0 ? void 0 : _s.includes("PAYMENT_HOLD_ON_CHANGE"))
     return "PAYMENT_HOLD_ON_CHANGE";
-  if ((_s = account.holdReasons) === null || _s === void 0 ? void 0 : _s.includes("BENEFICIARY_NAME_INVALID"))
+  if ((_t = account.holdReasons) === null || _t === void 0 ? void 0 : _t.includes("BENEFICIARY_NAME_INVALID"))
     return "BENEFICIARY_NAME_INVALID";
-  if ((_t = account.holdReasons) === null || _t === void 0 ? void 0 : _t.includes("BENEFICIARY_NAME_MISMATCH"))
+  if ((_u = account.holdReasons) === null || _u === void 0 ? void 0 : _u.includes("BENEFICIARY_NAME_MISMATCH"))
     return "BENEFICIARY_NAME_MISMATCH";
-  if ((_u = account.holdReasons) === null || _u === void 0 ? void 0 : _u.includes("BANK_TAX_NAME_MISMATCH"))
+  if ((_v = account.holdReasons) === null || _v === void 0 ? void 0 : _v.includes("BANK_TAX_NAME_MISMATCH"))
     return "BANK_TAX_NAME_MISMATCH";
-  if ((_v = account.holdReasons) === null || _v === void 0 ? void 0 : _v.includes("WITHDRAWAL_SETTINGS_INVALID"))
+  if ((_w = account.holdReasons) === null || _w === void 0 ? void 0 : _w.includes("WITHDRAWAL_SETTINGS_INVALID"))
     return "WITHDRAWAL_SETTINGS_INVALID";
-  if ((_w = account.holdReasons) === null || _w === void 0 ? void 0 : _w.includes("PAYMENT_RETURNED"))
+  if ((_x = account.holdReasons) === null || _x === void 0 ? void 0 : _x.includes("PAYMENT_RETURNED"))
     return "PAYMENT_RETURNED";
   if (account.hold)
     return "HOLD";
@@ -1201,20 +1204,14 @@ function usePayoutStatus(props) {
     window.history.pushState(null, "", url);
   };
   const onPaymentInfoClick = () => {
-    setContext({
-      overrideNextStep: "/dashboard",
-      overrideBackStep: "/dashboard",
-      hideSteps: true,
-    });
-    setStep("/4");
+    let url = props.cashPayoutsPageUrl;
+    url += "#4";
+    window.history.pushState(null, "", url);
   };
   const onNewFormClick = () => {
-    setContext({
-      overrideNextStep: "/dashboard",
-      overrideBackStep: "/dashboard",
-      hideSteps: true,
-    });
-    setStep("/3");
+    let url = props.cashPayoutsPageUrl;
+    url += "#3";
+    window.history.pushState(null, "", url);
   };
   return {
     states: {

package/dist/collection/components/sqm-header-logo/sqm-header-logo.js

@@ -13,6 +13,7 @@ export class HeroImage {
     /**
      * @uiWidget color
      * @uiName Logo text color
+     * @default #555555
      */
     this.logoTextColor = "#555555";
     /**
@@ -31,10 +32,9 @@ export class HeroImage {
   disconnectedCallback() { }
   render() {
     return (h(Host, null,
-      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: {
+      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: {
           fontSize: `${this.logoTextSize}px`,
           color: this.logoTextColor || "#555555",
-          textDecoration: "none",
         } }, this.logoText)))));
   }
   static get is() { return "sqm-header-logo"; }
@@ -124,6 +124,9 @@ export class HeroImage {
           }, {
             "text": "Logo text color",
             "name": "uiName"
+          }, {
+            "text": "#555555",
+            "name": "default"
           }],
         "text": ""
       },

package/dist/collection/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.js

@@ -125,10 +125,6 @@ export function useBankingInfoForm(props) {
   const paymentMethodChecked = !hasPayPal
     ? "toBankAccount"
     : _paymentMethodChecked;
-  useEffect(() => {
-    // reset redirect hash
-    window.location.hash = "";
-  }, []);
   useEffect(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     if (!userData)
@@ -300,6 +296,7 @@ export function useBankingInfoForm(props) {
     }
     await runMutation(formData, token);
     setShowModal(false);
+    window.location.hash = "";
   };
   const onVerification = async (token) => {
     host.dispatchEvent(new CustomEvent(VERIFICATION_EVENT_KEY, {
@@ -329,7 +326,10 @@ export function useBankingInfoForm(props) {
       setBankCountry: updateBankCountry,
       setPaymentMethodChecked,
       setPaymentScheduleChecked,
-      onBack: () => setStep("/dashboard"),
+      onBack: () => {
+        setStep("/dashboard");
+        window.location.hash = "";
+      },
       setCountrySearch,
       onVerification,
       onVerificationHide: () => onVerification(null),

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js

@@ -222,7 +222,7 @@ export function PayoutStatusAlertView(props) {
           }),
           button: (h(Fragment, null,
             h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
-          alertType: "warning",
+          alertType: "error",
           icon: "exclamation-triangle",
         };
       case "HOLD":

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js

@@ -50,7 +50,7 @@ export class PayoutStatusAlert {
     /**
      * @uiName Verification required internal alert header
      */
-    this.verificationRequiredInternalHeader = "Identity Verification in Progress";
+    this.verificationRequiredInternalHeader = "Identity Verification in progress";
     /**
      * @uiName Verification required internal alert description
      */
@@ -58,7 +58,7 @@ export class PayoutStatusAlert {
     /**
      * @uiName Verification review internal alert header
      */
-    this.verificationReviewInternalHeader = "Identity Verification Under Review";
+    this.verificationReviewInternalHeader = "Identity Verification under review";
     /**
      * @uiName Verification review internal alert description
      */
@@ -66,7 +66,7 @@ export class PayoutStatusAlert {
     /**
      * @uiName Verification failed internal alert header
      */
-    this.verificationFailedInternalHeader = "Identity Verification Unsuccessful";
+    this.verificationFailedInternalHeader = "Identity verification unsuccessful";
     /**
      * @uiName Verification failed internal alert description
      */
@@ -114,11 +114,11 @@ export class PayoutStatusAlert {
     /**
      * @uiName Withdrawal settings invalid alert header
      */
-    this.withdrawalSettingsInvalidHeader = "Your payment information includes invalid characters";
+    this.withdrawalSettingsInvalidHeader = "Your payment information is incomplete or includes invalid characters";
     /**
      * @uiName Withdrawal settings invalid alert description
      */
-    this.withdrawalSettingsInvalidDescription = "There are invalid characters in your payment information. Please review your information and make sure it is correct with no invalid characters. Your payouts are on hold until this is resolved.";
+    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.";
     /**
      * @uiName Payment returned alert header
      */
@@ -377,7 +377,7 @@ export class PayoutStatusAlert {
       },
       "attribute": "verification-required-internal-header",
       "reflect": false,
-      "defaultValue": "\"Identity Verification in Progress\""
+      "defaultValue": "\"Identity Verification in progress\""
     },
     "verificationRequiredInternalDescription": {
       "type": "string",
@@ -419,7 +419,7 @@ export class PayoutStatusAlert {
       },
       "attribute": "verification-review-internal-header",
       "reflect": false,
-      "defaultValue": "\"Identity Verification Under Review\""
+      "defaultValue": "\"Identity Verification under review\""
     },
     "verificationReviewInternalDescription": {
       "type": "string",
@@ -461,7 +461,7 @@ export class PayoutStatusAlert {
       },
       "attribute": "verification-failed-internal-header",
       "reflect": false,
-      "defaultValue": "\"Identity Verification Unsuccessful\""
+      "defaultValue": "\"Identity verification unsuccessful\""
     },
     "verificationFailedInternalDescription": {
       "type": "string",
@@ -713,7 +713,7 @@ export class PayoutStatusAlert {
       },
       "attribute": "withdrawal-settings-invalid-header",
       "reflect": false,
-      "defaultValue": "\"Your payment information includes invalid characters\""
+      "defaultValue": "\"Your payment information is incomplete or includes invalid characters\""
     },
     "withdrawalSettingsInvalidDescription": {
       "type": "string",
@@ -734,7 +734,7 @@ export class PayoutStatusAlert {
       },
       "attribute": "withdrawal-settings-invalid-description",
       "reflect": false,
-      "defaultValue": "\"There are invalid characters in your payment information. Please review your information and make sure it is correct with no invalid characters. Your payouts are on hold until this is resolved.\""
+      "defaultValue": "\"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.\""
     },
     "paymentReturnedHeader": {
       "type": "string",

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.js

@@ -40,7 +40,7 @@ const GET_TAX_SETTING = gql `
   }
 `;
 export function getStatus(data) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
   const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
   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") &&
     reward.partnerFundsTransfer.status === "TRANSFERRED");
@@ -57,19 +57,22 @@ export function getStatus(data) {
     return "VERIFICATION:REVIEW";
   if ((_p = account.holdReasons) === null || _p === void 0 ? void 0 : _p.includes("IDV_CHECK_FAILED_INTERNAL"))
     return "VERIFICATION:FAILED";
+  // only show banner for NEW_PAYEE_REVIEW if a PFT was created
   if (((_q = account.holdReasons) === null || _q === void 0 ? void 0 : _q.includes("NEW_PAYEE_REVIEW")) && hasTransferredReward)
     return "NEW_PAYEE_REVIEW";
-  if ((_r = account.holdReasons) === null || _r === void 0 ? void 0 : _r.includes("PAYMENT_HOLD_ON_CHANGE"))
+  if ((_r = account.holdReasons) === null || _r === void 0 ? void 0 : _r.includes("NEW_PAYEE_REVIEW"))
+    return "DONE";
+  if ((_s = account.holdReasons) === null || _s === void 0 ? void 0 : _s.includes("PAYMENT_HOLD_ON_CHANGE"))
     return "PAYMENT_HOLD_ON_CHANGE";
-  if ((_s = account.holdReasons) === null || _s === void 0 ? void 0 : _s.includes("BENEFICIARY_NAME_INVALID"))
+  if ((_t = account.holdReasons) === null || _t === void 0 ? void 0 : _t.includes("BENEFICIARY_NAME_INVALID"))
     return "BENEFICIARY_NAME_INVALID";
-  if ((_t = account.holdReasons) === null || _t === void 0 ? void 0 : _t.includes("BENEFICIARY_NAME_MISMATCH"))
+  if ((_u = account.holdReasons) === null || _u === void 0 ? void 0 : _u.includes("BENEFICIARY_NAME_MISMATCH"))
     return "BENEFICIARY_NAME_MISMATCH";
-  if ((_u = account.holdReasons) === null || _u === void 0 ? void 0 : _u.includes("BANK_TAX_NAME_MISMATCH"))
+  if ((_v = account.holdReasons) === null || _v === void 0 ? void 0 : _v.includes("BANK_TAX_NAME_MISMATCH"))
     return "BANK_TAX_NAME_MISMATCH";
-  if ((_v = account.holdReasons) === null || _v === void 0 ? void 0 : _v.includes("WITHDRAWAL_SETTINGS_INVALID"))
+  if ((_w = account.holdReasons) === null || _w === void 0 ? void 0 : _w.includes("WITHDRAWAL_SETTINGS_INVALID"))
     return "WITHDRAWAL_SETTINGS_INVALID";
-  if ((_w = account.holdReasons) === null || _w === void 0 ? void 0 : _w.includes("PAYMENT_RETURNED"))
+  if ((_x = account.holdReasons) === null || _x === void 0 ? void 0 : _x.includes("PAYMENT_RETURNED"))
     return "PAYMENT_RETURNED";
   if (account.hold)
     return "HOLD";
@@ -112,20 +115,14 @@ export function usePayoutStatus(props) {
     window.history.pushState(null, "", url);
   };
   const onPaymentInfoClick = () => {
-    setContext({
-      overrideNextStep: "/dashboard",
-      overrideBackStep: "/dashboard",
-      hideSteps: true,
-    });
-    setStep("/4");
+    let url = props.cashPayoutsPageUrl;
+    url += "#4";
+    window.history.pushState(null, "", url);
   };
   const onNewFormClick = () => {
-    setContext({
-      overrideNextStep: "/dashboard",
-      overrideBackStep: "/dashboard",
-      hideSteps: true,
-    });
-    setStep("/3");
+    let url = props.cashPayoutsPageUrl;
+    url += "#3";
+    window.history.pushState(null, "", url);
   };
   return {
     states: {