@saasquatch/mint-components 1.15.4 → 1.15.5-0

package/dist/cjs/{sqm-base-registration-form-view-66f99821.js → sqm-base-registration-form-view-8029d30e.js}

@@ -40,7 +40,6 @@ sqm-portal-register {
 const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 function BaseRegistrationFormView(props) {
-  var _a, _b;
   const { states, content, callbacks } = props;
   return (index.h("div", { class: sheet.classes.Wrapper },
     index.h("style", { type: "text/css" },
@@ -48,8 +47,10 @@ function BaseRegistrationFormView(props) {
       styleString),
     index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
     index.h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.handleEmailSubmit, novalidate: true },
+      states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        index.h("div", { part: "erroralert-text" }, props.states.error))),
       content.formData,
-      index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", required: true, validationError: ({ value }) => {
+      index.h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", required: true, validationError: ({ value }) => {
           if (!value) {
             return content.requiredFieldErrorMessage;
           }
@@ -57,13 +58,7 @@ function BaseRegistrationFormView(props) {
           if (!value.includes("@")) {
             return content.invalidEmailErrorMessage;
           }
-        } }, (((_a = states === null || states === void 0 ? void 0 : states.validationErrors) === null || _a === void 0 ? void 0 : _a.email) ? {
-        class: sheet.classes.ErrorStyle,
-        helpText: ((_b = states === null || states === void 0 ? void 0 : states.validationErrors) === null || _b === void 0 ? void 0 : _b.email) ||
-          content.requiredFieldErrorMessage,
-      }
-        : []))),
-      content.terms,
+        } }),
       index.h("div", { class: sheet.classes.ButtonsContainer },
         index.h("sl-button", { submit: true, exportparts: "base: primarybutton-base", type: "primary", style: { margin: "0" } }, content.submitLabel || "Register"),
         index.h("sl-menu-divider", { style: { margin: "0" } }),

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

@@ -24,9 +24,9 @@ const sqmPortalLoginView = require('./sqm-portal-login-view-761a4d8e.js');
 const usePortalLogin = require('./usePortalLogin-63d896d1.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 const utilities = require('./utilities-78f5e169.js');
-const ShadowViewAddon = require('./ShadowViewAddon-e9dc77e3.js');
+const ShadowViewAddon = require('./ShadowViewAddon-28865623.js');
 require('./sqm-portal-container-view-4f15143a.js');
-const usePayoutStatus = require('./usePayoutStatus-733ef29a.js');
+const usePayoutStatus = require('./usePayoutStatus-fc4e609e.js');
 
 const BigStat = class {
   constructor(hostRef) {
@@ -2029,7 +2029,6 @@ function useNameFields(props) {
   const registrationFormState = stencilHooks_module.d(useRegistrationFormState.REGISTRATION_FORM_STATE_CONTEXT);
   return {
     states: {
-      optional: props.optional,
       registrationFormState,
       content: {
         lastNameLabel: props.lastNameLabel,
@@ -2051,11 +2050,6 @@ const NameFields = class {
      * @uiName Last name label
      */
     this.lastNameLabel = "Last Name";
-    /**
-     * @uiName Optional
-     * @uiWidget
-     */
-    this.optional = false;
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -2067,7 +2061,6 @@ const NameFields = class {
 function useNameFieldsDemo(props) {
   return cjs.cjs({
     states: {
-      optional: props.optional,
       validationErrors: [],
       content: {
         firstNameLabel: props.firstNameLabel,
@@ -2401,7 +2394,7 @@ function PayoutStatusAlertView(props) {
             class: sheet$2.classes.WarningAlertContainer,
           };
         }
-      case "ACCOUNT_REVIEW":
+      case "NEW_PAYEE_REVIEW":
         return {
           header: text.accountReviewHeader,
           description: global.intl.formatMessage({
@@ -2415,6 +2408,90 @@ function PayoutStatusAlertView(props) {
           icon: "exclamation-triangle",
           class: sheet$2.classes.WarningAlertContainer,
         };
+      case "PAYMENT_HOLD_ON_CHANGE":
+        return {
+          header: text.paymentHoldOnChangeHeader,
+          description: global.intl.formatMessage({
+            id: "accountReviewDescription",
+            defaultMessage: text.paymentHoldOnChangeDescription,
+          }, {
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          buttonText: null,
+          alertType: "warning",
+          icon: "exclamation-triangle",
+          class: sheet$2.classes.WarningAlertContainer,
+        };
+      case "BENEFICIARY_NAME_INVALID":
+        return {
+          header: text.beneficiaryNameInvalidHeader,
+          description: global.intl.formatMessage({
+            id: "accountReviewDescription",
+            defaultMessage: text.beneficiaryNameInvalidDescription,
+          }, {
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          buttonText: text.editPaymentInformationButton,
+          alertType: "warning",
+          icon: "exclamation-triangle",
+          class: sheet$2.classes.WarningAlertContainer,
+        };
+      case "BENEFICIARY_NAME_MISMATCH":
+        return {
+          header: text.beneficiaryNameMismatchHeader,
+          description: global.intl.formatMessage({
+            id: "accountReviewDescription",
+            defaultMessage: text.beneficiaryNameMismatchDescription,
+          }, {
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          buttonText: text.editPaymentInformationButton,
+          alertType: "warning",
+          icon: "exclamation-triangle",
+          class: sheet$2.classes.WarningAlertContainer,
+        };
+      case "BANK_TAX_NAME_MISMATCH":
+        return {
+          header: text.bankTaxNameMismatchHeader,
+          description: global.intl.formatMessage({
+            id: "accountReviewDescription",
+            defaultMessage: text.bankTaxNameMismatchDescription,
+          }, {
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          buttonText: text.editPaymentInformationButton,
+          alertType: "warning",
+          icon: "exclamation-triangle",
+          class: sheet$2.classes.WarningAlertContainer,
+        };
+      case "WITHDRAWAL_SETTINGS_INVALID":
+        return {
+          header: text.withdrawalSettingsInvalidHeader,
+          description: global.intl.formatMessage({
+            id: "accountReviewDescription",
+            defaultMessage: text.withdrawalSettingsInvalidDescription,
+          }, {
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          buttonText: text.editPaymentInformationButton,
+          alertType: "warning",
+          icon: "exclamation-triangle",
+          class: sheet$2.classes.WarningAlertContainer,
+        };
+      case "PAYMENT_RETURNED":
+        return {
+          header: text.paymentReturnedHeader,
+          description: global.intl.formatMessage({
+            id: "accountReviewDescription",
+            defaultMessage: text.paymentReturnedDescription,
+          }, {
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          buttonText: text.editPaymentInformationButton,
+          alertType: "warning",
+          icon: "exclamation-triangle",
+          class: sheet$2.classes.WarningAlertContainer,
+        };
       case "HOLD":
         return {
           header: text.holdHeader,
@@ -2448,6 +2525,8 @@ function PayoutStatusAlertView(props) {
       case "VERIFICATION:REQUIRED":
         return (index.h("sl-button", { type: "default", loading: states.veriffLoading, onClick: callbacks.onClick }, text.verificationRequiredButtonText));
       default:
+        if (alertDetails.buttonText)
+          return (index.h("sl-button", { type: "default", onClick: callbacks.onPaymentInfoClick }, alertDetails.buttonText));
         return;
     }
   }
@@ -2474,6 +2553,11 @@ const PayoutStatusAlert = class {
      * @uiName Info required alert header
      */
     this.informationRequiredHeader = "Payout and tax information required";
+    /**
+     *
+     * @uiName Edit payment info button label
+     */
+    this.editPaymentInformationButton = "Edit Payout Information";
     /**
      * @uiName Info required alert description
      */
@@ -2526,6 +2610,54 @@ const PayoutStatusAlert = class {
      * @uiName Account review alert description
      */
     this.accountReviewDescription = "This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise.  It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.";
+    /**
+     * @uiName Payment on hold alert header
+     */
+    this.paymentHoldOnChangeHeader = "We are reviewing your new payout settings";
+    /**
+     * @uiName Payment on hold alert description
+     */
+    this.paymentHoldOnChangeDescription = "Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.";
+    /**
+     * @uiName Beneficiary name invalid alert header
+     */
+    this.beneficiaryNameInvalidHeader = "Your payment information does not match your tax form";
+    /**
+     * @uiName Beneficiary name invalid description
+     */
+    this.beneficiaryNameInvalidDescription = "The beneficiary name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Beneficiary name mismatch alert header
+     */
+    this.beneficiaryNameMismatchHeader = "Your payment information does not match your tax form";
+    /**
+     * @uiName Beneficiary name mismatch alert description
+     */
+    this.beneficiaryNameMismatchDescription = "The beneficiary name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Bank name mismatch alert header
+     */
+    this.bankTaxNameMismatchHeader = "Your payment information does not match your tax form";
+    /**
+     * @uiName Bank name mismatch alert description
+     */
+    this.bankTaxNameMismatchDescription = "The bank name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Withdrawal settings invalid alert header
+     */
+    this.withdrawalSettingsInvalidHeader = "Your payment information 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.";
+    /**
+     * @uiName Payment returned alert header
+     */
+    this.paymentReturnedHeader = "Payout unsuccessful";
+    /**
+     * @uiName Payment returned alert description
+     */
+    this.paymentReturnedDescription = "Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.";
     /**
      * @uiName W-9 payment threshold alert header
      */
@@ -2592,6 +2724,7 @@ function useDemoPayoutStatusAlert(props) {
     callbacks: {
       onTermsClick: () => { },
       onClick: () => console.log("show"),
+      onPaymentInfoClick: () => { },
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

package/dist/cjs/{sqm-invoice-table-view-5c74607f.js → sqm-invoice-table-view-3f60fba9.js}

@@ -508,6 +508,7 @@ const stepOneProps = {
     },
   },
   data: {
+    partnerData: {},
     regionLabelEnum: "STATE",
     regions: [],
     phoneCountries: [

package/dist/cjs/sqm-portal-google-registration-form.cjs.entry.js

@@ -11,7 +11,7 @@ const JSS = require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
 require('./sqm-text-span-view-0aa82125.js');
 const useRegistrationFormState = require('./useRegistrationFormState-7b820f0c.js');
-const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-66f99821.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-8029d30e.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-637a4bf4.js');
 require('./AsYouType-6788393a.js');
 const usePortalRegistrationForm = require('./usePortalRegistrationForm-f25d89e7.js');
@@ -75,6 +75,7 @@ function jwtDecode(token, options) {
 }
 
 function usePortalGoogleRegistrationForm(props) {
+  const [emailValidationError, setEmailValidationError] = stencilHooks_module.useState(null);
   const [registrationFormState, setRegistrationFormState] = useRegistrationFormState.useRegistrationForm();
   const [showRegistrationForm, setShowRegistrationForm] = stencilHooks_module.useState({
     mode: "base",
@@ -82,40 +83,33 @@ function usePortalGoogleRegistrationForm(props) {
   const handleEmailSubmit = async (event) => {
     const formControls = event.target.getFormControls();
     let formData = {};
-    let validationErrors = {};
+    let errorMessage = null;
     formControls.forEach((control) => {
       if (!control.name)
         return;
-      const key = control.name;
-      const value = control.value;
-      jsonpointer.jsonpointer.set(formData, key, value);
-      if (control.required && !value) {
-        jsonpointer.jsonpointer.set(validationErrors, key, props.requiredFieldErrorMessage);
-      }
+      jsonpointer.jsonpointer.set(formData, control.name, control.value);
+      // only validate email field
+      if (control.name !== "/email")
+        return;
+      if (control.required && !control.value)
+        errorMessage = props.requiredFieldErrorMessage;
       if (typeof control.validationError === "function") {
         const validate = control.validationError;
         const validationError = validate({
           control,
-          key,
-          value,
+          key: "email",
+          value: control.value,
         });
         if (validationError)
-          jsonpointer.jsonpointer.set(validationErrors, key, validationError);
+          errorMessage = validationError;
       }
     });
-    if (Object.keys(validationErrors).length) {
-      // early return for validation errors
-      setRegistrationFormState({
-        ...registrationFormState,
-        loading: false,
-        error: "",
-        validationErrors,
-      });
+    if (errorMessage) {
+      setEmailValidationError(errorMessage);
       return;
     }
     setRegistrationFormState({
       ...registrationFormState,
-      validationErrors: {},
       initialData: {
         ...registrationFormState === null || registrationFormState === void 0 ? void 0 : registrationFormState.initialData,
         ...formData,
@@ -145,9 +139,8 @@ function usePortalGoogleRegistrationForm(props) {
     }
   };
   return {
-    registrationFormState,
     showRegistrationForm,
-    validationErrors: registrationFormState.validationErrors,
+    emailValidationError,
     handleGoogleInit,
     handleEmailSubmit,
   };
@@ -303,7 +296,7 @@ const PortalGoogleRegistrationForm = class {
     };
     const sheet = JSS.createStyleSheet(styles);
     const styleString = sheet.toString();
-    const { handleGoogleInit, handleEmailSubmit, showRegistrationForm, validationErrors, } = index_module.isDemo() ? useGoogleDemo(this) : usePortalGoogleRegistrationForm(this);
+    const { handleGoogleInit, handleEmailSubmit, showRegistrationForm, emailValidationError, } = index_module.isDemo() ? useGoogleDemo(this) : usePortalGoogleRegistrationForm(this);
     const content = {
       formData: index.h("slot", { name: "formData" }),
       googleButton: (index.h("sqm-google-sign-in", { text: this.googleButtonText, onInitComplete: handleGoogleInit })),
@@ -328,16 +321,14 @@ const PortalGoogleRegistrationForm = class {
     };
     if (showRegistrationForm.mode === "base") {
       return (index.h(sqmBaseRegistrationFormView.BaseRegistrationFormView, { states: {
-          validationErrors,
+          error: emailValidationError,
         }, callbacks: { handleEmailSubmit }, content: content }));
     }
     return (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, { states: {
         ...states,
         emailDisabled: true,
         hidePasswords: showRegistrationForm.mode === "google",
-      }, callbacks: callbacks,
-      // Show terms only on first screen
-      content: { ...content, terms: null }, refs: refs }));
+      }, callbacks: callbacks, content: content, refs: refs }));
   }
 };
 function useRegisterDemo(props) {
@@ -373,7 +364,7 @@ function useGoogleDemo(props) {
     mode: "base",
   });
   return cjs.cjs({
-    validationErrors: {},
+    emailValidationError: false,
     handleEmailSubmit: () => setShowRegistrationForm({ mode: "manual" }),
     showRegistrationForm,
     handleGoogleInit: () => setShowRegistrationForm({ mode: "google" }),

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -28,7 +28,7 @@ const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view
 const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-7ebb426a.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-78f19ef9.js');
 const sqmPortalLoginView = require('./sqm-portal-login-view-761a4d8e.js');
-const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-66f99821.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-8029d30e.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-637a4bf4.js');
 const sqmPortalProfileView = require('./sqm-portal-profile-view-33164798.js');
 require('./utilities-78f5e169.js');
@@ -36,9 +36,9 @@ const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-fe6
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7b678f34.js');
 require('./ErrorView-b2fcf954.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-15dfc0b6.js');
-const ShadowViewAddon = require('./ShadowViewAddon-e9dc77e3.js');
+const ShadowViewAddon = require('./ShadowViewAddon-28865623.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-5c74607f.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-3f60fba9.js');
 const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-89308aab.js');
 
 /**
@@ -10833,7 +10833,6 @@ const NameFields_stories = {
 };
 const props$1 = {
   states: {
-    optional: false,
     registrationFormState: {
       validationErrors: undefined,
     },
@@ -10845,7 +10844,6 @@ const props$1 = {
 };
 const errorProps$9 = {
   states: {
-    optional: false,
     registrationFormState: {
       validationErrors: {
         firstName: "Cannot be empty",
@@ -15642,7 +15640,7 @@ const BaseRegistrationForm_stories = {
 };
 const defaultProps$q = {
   states: {
-    validationErrors: {},
+    error: "",
   },
   callbacks: {
     handleEmailSubmit: () => console.log("Submit!"),
@@ -15662,7 +15660,7 @@ const defaultProps$q = {
 const errorProps$a = {
   ...defaultProps$q,
   states: {
-    validationErrors: { error: "Something went wrong. Please try again." },
+    error: "Something went wrong. Please try again.",
   },
 };
 const Default$o = () => {
@@ -15709,7 +15707,6 @@ const defaultProps$r = {
     formData: (index.h("div", null,
       " ",
       index.h(ShadowViewAddon.NameFieldsView, { states: {
-          optional: false,
           registrationFormState: {
             validationErrors: undefined,
             disabled: true,

package/dist/cjs/{usePayoutStatus-733ef29a.js → usePayoutStatus-fc4e609e.js}

@@ -5,6 +5,133 @@ const index_module = require('./index.module-ee84433d.js');
 
 const TAX_FORM_UPDATED_EVENT_KEY = "sqm:tax-form-updated";
 
+const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
+const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
+const USER_QUERY_NAMESPACE = "sq:user-info-query";
+const USER_FORM_CONTEXT_NAMESPACE = "sq:user-form-context";
+const FINANCE_NETWORK_SETTINGS_NAMESPACE = "sq:finance-network-settings";
+const COUNTRIES_NAMESPACE = "sq:countries:list";
+const SORTED_COUNTRIES_NAMESPACE = "sq:countries:sorted";
+const COUNTRIES_QUERY_NAMESPACE = "sq:countries:query";
+const CURRENCIES_NAMESPACE = "sq:currencies:list";
+const CURRENCIES_QUERY_NAMESPACE = "sq:currencies:query";
+const GET_USER = index_module.dist.gql `
+  query getUserTaxInfo {
+    user: viewer {
+      ... on User {
+        id
+        firstName
+        lastName
+        email
+        countryCode
+        customFields
+        rewards(limit: 1000) {
+          data {
+            statuses
+            partnerFundsTransfer {
+              id
+              status
+            }
+          }
+        }
+        managedIdentity {
+          uid
+          email
+          emailVerified
+        }
+        impactConnection {
+          connected
+          user {
+            firstName
+            lastName
+          }
+          publisher {
+            id
+            brandedSignup
+            countryCode
+            currency
+            billingAddress
+            billingCity
+            billingState
+            billingCountryCode
+            billingPostalCode
+            phoneNumberCountryCode
+            phoneNumber
+            taxInformation {
+              indirectTaxId
+              indirectTaxCountryCode
+              indirectTaxRegion
+              additionalTaxId
+              withholdingTaxId
+              withholdingTaxCountryCode
+            }
+            requiredTaxDocumentType
+            currentTaxDocument {
+              status
+              type
+              dateCreated
+            }
+            withdrawalSettings {
+              paymentMethod
+              paypalEmailAddress
+              bankCountry
+              bankAccountNumber
+              paymentSchedulingType
+              paymentThreshold
+              paymentDay
+            }
+            payoutsAccount {
+              hold
+              holdReasons
+              balance
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+const GET_COUNTRIES = index_module.dist.gql `
+  query getCountries {
+    impactPayoutCountries(limit: 1000) {
+      data {
+        countryCode
+        displayName
+      }
+    }
+  }
+`;
+const GET_CURRENCIES = index_module.dist.gql `
+  query currencies($locale: RSLocale) {
+    currencies(limit: 300) {
+      data {
+        displayName(locale: $locale)
+        currencyCode
+      }
+    }
+  }
+`;
+const GET_FINANCE_NETWORK_SETTINGS = index_module.dist.gql `
+  query impactFinanceNetworkSettings(
+    $filter: ImpactFinanceNetworkSettingsFilterInput
+  ) {
+    impactFinanceNetworkSettings(filter: $filter, limit: 1000) {
+      data {
+        countryCode
+        currency
+        defaultFinancePaymentMethodId
+        thresholdOptions
+        withdrawalSettingId
+        internationalEftFee
+        foreignFxFee
+        defaultFxFee
+      }
+      totalCount
+    }
+  }
+`;
+const FORM_STEPS = 4;
+
 var toArray = function toArray(a) {
   var ret = Array(a.length);
   for (var i = 0; i < a.length; ++i) {
@@ -1002,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;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
   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");
@@ -1020,7 +1147,19 @@ function getStatus(data) {
   if ((_p = account.holdReasons) === null || _p === void 0 ? void 0 : _p.includes("IDV_CHECK_FAILED_INTERNAL"))
     return "VERIFICATION:FAILED";
   if (((_q = account.holdReasons) === null || _q === void 0 ? void 0 : _q.includes("NEW_PAYEE_REVIEW")) && hasTransferredReward)
-    return "ACCOUNT_REVIEW";
+    return "NEW_PAYEE_REVIEW";
+  if ((_r = account.holdReasons) === null || _r === void 0 ? void 0 : _r.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"))
+    return "BENEFICIARY_NAME_INVALID";
+  if ((_t = account.holdReasons) === null || _t === void 0 ? void 0 : _t.includes("BENEFICIARY_NAME_MISMATCH"))
+    return "BENEFICIARY_NAME_MISMATCH";
+  if ((_u = account.holdReasons) === null || _u === void 0 ? void 0 : _u.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"))
+    return "WITHDRAWAL_SETTINGS_INVALID";
+  if ((_w = account.holdReasons) === null || _w === void 0 ? void 0 : _w.includes("PAYMENT_RETURNED"))
+    return "PAYMENT_RETURNED";
   if (account.hold)
     return "HOLD";
   return "DONE";
@@ -1032,6 +1171,8 @@ function usePayoutStatus(props) {
   const { data: taxSettingRes } = index_module.wn(GET_TAX_SETTING, {});
   const { render, loading: veriffLoading, errors: veriffErrors, } = useVeriffApp();
   const [status, setStatus] = stencilHooks_module.useState(undefined);
+  const setContext = index_module.En(TAX_FORM_CONTEXT_NAMESPACE);
+  const setStep = index_module.En(TAX_CONTEXT_NAMESPACE);
   const enforceUsTaxComplianceOption = (_a = taxSettingRes === null || taxSettingRes === void 0 ? void 0 : taxSettingRes.tenantSettings) === null || _a === void 0 ? void 0 : _a.enforceUsTaxCompliance;
   stencilHooks_module.useEffect(() => {
     if (!data)
@@ -1059,6 +1200,14 @@ function usePayoutStatus(props) {
       url += "#3";
     window.history.pushState(null, "", url);
   };
+  const onPaymentInfoClick = () => {
+    setContext({
+      overrideNextStep: "/dashboard",
+      overrideBackStep: "/dashboard",
+      hideSteps: true,
+    });
+    setStep("/4");
+  };
   return {
     states: {
       loading,
@@ -1072,11 +1221,27 @@ function usePayoutStatus(props) {
     callbacks: {
       onTermsClick,
       onClick: render,
+      onPaymentInfoClick,
     },
   };
 }
 
+exports.COUNTRIES_NAMESPACE = COUNTRIES_NAMESPACE;
+exports.COUNTRIES_QUERY_NAMESPACE = COUNTRIES_QUERY_NAMESPACE;
+exports.CURRENCIES_NAMESPACE = CURRENCIES_NAMESPACE;
+exports.CURRENCIES_QUERY_NAMESPACE = CURRENCIES_QUERY_NAMESPACE;
+exports.FINANCE_NETWORK_SETTINGS_NAMESPACE = FINANCE_NETWORK_SETTINGS_NAMESPACE;
+exports.FORM_STEPS = FORM_STEPS;
+exports.GET_COUNTRIES = GET_COUNTRIES;
+exports.GET_CURRENCIES = GET_CURRENCIES;
+exports.GET_FINANCE_NETWORK_SETTINGS = GET_FINANCE_NETWORK_SETTINGS;
+exports.GET_USER = GET_USER;
+exports.SORTED_COUNTRIES_NAMESPACE = SORTED_COUNTRIES_NAMESPACE;
+exports.TAX_CONTEXT_NAMESPACE = TAX_CONTEXT_NAMESPACE;
+exports.TAX_FORM_CONTEXT_NAMESPACE = TAX_FORM_CONTEXT_NAMESPACE;
 exports.TAX_FORM_UPDATED_EVENT_KEY = TAX_FORM_UPDATED_EVENT_KEY;
+exports.USER_FORM_CONTEXT_NAMESPACE = USER_FORM_CONTEXT_NAMESPACE;
+exports.USER_QUERY_NAMESPACE = USER_QUERY_NAMESPACE;
 exports.VERIFF_COMPLETE_EVENT_KEY = VERIFF_COMPLETE_EVENT_KEY;
 exports.getStatus = getStatus;
 exports.usePayoutStatus = usePayoutStatus;

package/dist/collection/components/sqm-base-registration/BaseRegistrationForm.stories.js

@@ -5,7 +5,7 @@ export default {
 };
 const defaultProps = {
   states: {
-    validationErrors: {},
+    error: "",
   },
   callbacks: {
     handleEmailSubmit: () => console.log("Submit!"),
@@ -25,7 +25,7 @@ const defaultProps = {
 const errorProps = {
   ...defaultProps,
   states: {
-    validationErrors: { error: "Something went wrong. Please try again." },
+    error: "Something went wrong. Please try again.",
   },
 };
 export const Default = () => {