@saasquatch/mint-components 2.0.1 → 2.0.2-1

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

@@ -27,11 +27,11 @@ const usePortalLogin = require('./usePortalLogin-1c022d8d.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 const utilities = require('./utilities-9a0c5e91.js');
 const ErrorView = require('./ErrorView-3f91e5ab.js');
-const ShadowViewAddon = require('./ShadowViewAddon-1b38dcfc.js');
+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 data = require('./data-16106637.js');
+const usePayoutStatus = require('./usePayoutStatus-67c78085.js');
 
 /**
  *
@@ -3027,7 +3027,7 @@ function PayoutStatusAlertView(props) {
             icon: "exclamation-triangle",
           };
         }
-      case "ACCOUNT_REVIEW":
+      case "NEW_PAYEE_REVIEW":
         return {
           header: text.accountReviewHeader,
           description: global.intl.formatMessage({
@@ -3040,6 +3040,86 @@ function PayoutStatusAlertView(props) {
           alertType: "warning",
           icon: "exclamation-triangle",
         };
+      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",
+        };
+      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",
+        };
+      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",
+        };
+      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",
+        };
+      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",
+        };
+      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)),
+          }),
+          button: (index.h(index.Fragment, null,
+            index.h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
+            index.h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
+          alertType: "warning",
+          icon: "exclamation-triangle",
+        };
       case "HOLD":
         return {
           header: text.holdHeader,
@@ -3075,6 +3155,8 @@ function PayoutStatusAlertView(props) {
         return (index.h("div", { style: { paddingTop: "10px" } },
           index.h("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", loading: states.veriffLoading, onClick: callbacks.onClick }, text.verificationRequiredButtonText)));
       default:
+        if (alertDetails.button)
+          return alertDetails.button;
         return;
     }
   }
@@ -3101,6 +3183,15 @@ 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 Submit new tax form button label
+     */
+    this.newFormButton = "Submit new form";
     /**
      * @uiName Info required alert description
      */
@@ -3153,6 +3244,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
      */
@@ -3210,7 +3349,7 @@ const PayoutStatusAlert = class {
   render() {
     const props = index_module.isDemo()
       ? useDemoPayoutStatusAlert(this)
-      : data.usePayoutStatus(this);
+      : usePayoutStatus.usePayoutStatus(this);
     return index.h(PayoutStatusAlertView, Object.assign({}, props));
   }
 };
@@ -3231,6 +3370,8 @@ function useDemoPayoutStatusAlert(props) {
     callbacks: {
       onTermsClick: () => { },
       onClick: () => console.log("show"),
+      onPaymentInfoClick: () => { },
+      onNewFormClick: () => { },
     },
   }, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
 }
@@ -6416,17 +6557,17 @@ function useTaxAndCash() {
   const locale = index_module.L();
   // State for current step of form
   const [step, setStep] = index_module.In({
-    namespace: data.TAX_CONTEXT_NAMESPACE,
+    namespace: usePayoutStatus.TAX_CONTEXT_NAMESPACE,
     initialValue: "/loading",
   });
   // State for when to hide steps, or override certain actions
   const [context, _setContext] = index_module.In({
-    namespace: data.TAX_FORM_CONTEXT_NAMESPACE,
+    namespace: usePayoutStatus.TAX_FORM_CONTEXT_NAMESPACE,
     initialValue: {},
   });
   // State to carry user form information into step 2
   const [userFormContext, _setUserFormContext] = index_module.In({
-    namespace: data.USER_FORM_CONTEXT_NAMESPACE,
+    namespace: usePayoutStatus.USER_FORM_CONTEXT_NAMESPACE,
     initialValue: {
       firstName: undefined,
       lastName: undefined,
@@ -6436,43 +6577,43 @@ function useTaxAndCash() {
     },
   });
   const [_currenciesContext, setCurrenciesContext] = index_module.In({
-    namespace: data.CURRENCIES_NAMESPACE,
+    namespace: usePayoutStatus.CURRENCIES_NAMESPACE,
     initialValue: [],
   });
   const [_countriesContext, _setCountriesContext] = index_module.In({
-    namespace: data.COUNTRIES_NAMESPACE,
+    namespace: usePayoutStatus.COUNTRIES_NAMESPACE,
     initialValue: [],
   });
   const [_sortedCountriesContext, setSortedCountriesContext] = index_module.In({
-    namespace: data.SORTED_COUNTRIES_NAMESPACE,
+    namespace: usePayoutStatus.SORTED_COUNTRIES_NAMESPACE,
     initialValue: [],
   });
-  const { data: data$1, errors } = index_module.Sn({
-    namespace: data.USER_QUERY_NAMESPACE,
-    query: data.GET_USER,
+  const { data, errors } = index_module.Sn({
+    namespace: usePayoutStatus.USER_QUERY_NAMESPACE,
+    query: usePayoutStatus.GET_USER,
     skip: !user,
     options: {
       batch: false,
     },
   });
-  const countryCode = ((_c = (_b = (_a = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher) === null || _c === void 0 ? void 0 : _c.countryCode) ||
+  const countryCode = ((_c = (_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) === null || _c === void 0 ? void 0 : _c.countryCode) ||
     userFormContext.countryCode;
   index_module.Sn({
-    namespace: data.COUNTRIES_QUERY_NAMESPACE,
-    query: data.GET_COUNTRIES,
+    namespace: usePayoutStatus.COUNTRIES_QUERY_NAMESPACE,
+    query: usePayoutStatus.GET_COUNTRIES,
     skip: !user,
   });
   const { data: financeNetworkData, refetch } = index_module.Sn({
-    namespace: data.FINANCE_NETWORK_SETTINGS_NAMESPACE,
-    query: data.GET_FINANCE_NETWORK_SETTINGS,
+    namespace: usePayoutStatus.FINANCE_NETWORK_SETTINGS_NAMESPACE,
+    query: usePayoutStatus.GET_FINANCE_NETWORK_SETTINGS,
     skip: !user,
     variables: {
       filter: getFinanceNetworkFilter(),
     },
   });
   const { data: currenciesData } = index_module.Sn({
-    namespace: data.CURRENCIES_QUERY_NAMESPACE,
-    query: data.GET_CURRENCIES,
+    namespace: usePayoutStatus.CURRENCIES_QUERY_NAMESPACE,
+    query: usePayoutStatus.GET_CURRENCIES,
     skip: !user,
     variables: {
       locale,
@@ -6527,20 +6668,20 @@ function useTaxAndCash() {
     }
     if (!host || !user)
       return;
-    if (data$1) {
-      const user = data$1 === null || data$1 === void 0 ? void 0 : data$1.user;
+    if (data) {
+      const user = data === null || data === void 0 ? void 0 : data.user;
       if (!user || step !== "/loading")
         return;
       const currentStep = getCurrentStep(user);
       setStep(currentStep);
     }
-  }, [host, user, (_e = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _e === void 0 ? void 0 : _e.email, errors]);
+  }, [host, user, (_e = data === null || data === void 0 ? void 0 : data.user) === null || _e === void 0 ? void 0 : _e.email, errors]);
   function getFinanceNetworkFilter() {
     var _a, _b, _c;
     if (step === "/1")
       return {};
     if (step === "/4")
-      return { currency_eq: (_c = (_b = (_a = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher) === null || _c === void 0 ? void 0 : _c.currency };
+      return { currency_eq: (_c = (_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) === null || _c === void 0 ? void 0 : _c.currency };
     if (countryCode)
       return {
         countryCode_eq: countryCode,
@@ -6551,7 +6692,7 @@ function useTaxAndCash() {
     step,
     setStep,
     context,
-    namespace: index_module.Mn(data.TAX_CONTEXT_NAMESPACE),
+    namespace: index_module.Mn(usePayoutStatus.TAX_CONTEXT_NAMESPACE),
     loading: step === "/loading",
   };
 }
@@ -7483,6 +7624,54 @@ const TaxAndCashMonolith = class {
      * @uiName Account review alert description
      */
     this.dashboard_accountReviewDescription = "This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise.  It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.";
+    /**
+     * @uiName Payment on hold alert header
+     */
+    this.dashboard_paymentOnHoldHeader = "We are reviewing your new payout settings";
+    /**
+     * @uiName Payment on hold alert description
+     */
+    this.dashboard_paymentOnHoldDescription = "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.dashboard_beneficiaryNameInvalidHeader = "Your payment information does not match your tax form";
+    /**
+     * @uiName Beneficiary name invalid description
+     */
+    this.dashboard_beneficiaryNameInvalidDescription = "The beneficiary name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Beneficiary name mismatch alert header
+     */
+    this.dashboard_beneficiaryNameMismatchHeader = "Your payment information does not match your tax form";
+    /**
+     * @uiName Beneficiary name mismatch alert description
+     */
+    this.dashboard_beneficiaryNameMismatchDescription = "The beneficiary name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Bank name mismatch alert header
+     */
+    this.dashboard_bankNameMismatchHeader = "Your payment information does not match your tax form";
+    /**
+     * @uiName Bank name mismatch alert description
+     */
+    this.dashboard_bankNameMismatchDescription = "The bank name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Withdrawal settings invalid alert header
+     */
+    this.dashboard_withdrawalSettingsInvalidHeader = "Your payment information 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.";
+    /**
+     * @uiName Payment returned alert header
+     */
+    this.dashboard_paymentReturnedHeader = "Payout unsuccessful";
+    /**
+     * @uiName Payment returned alert description
+     */
+    this.dashboard_paymentReturnedDescription = "Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.";
     /**
      * @uiName Terms and Conditions text
      * @uiGroup Dashboard Properties
@@ -7673,7 +7862,7 @@ const TaxAndCashMonolith = class {
 };
 function useDemoTaxAndCash(props) {
   const [step, setStep] = index_module.In({
-    namespace: data.TAX_CONTEXT_NAMESPACE,
+    namespace: usePayoutStatus.TAX_CONTEXT_NAMESPACE,
     initialValue: "/1",
   });
   const states = extractProps.parseStates(props.stateController);

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

@@ -8,6 +8,15 @@ const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js')
 const HeroImage = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    /**
+     * @uiName Logo text
+     */
+    this.logoTextSize = 24;
+    /**
+     * @uiWidget color
+     * @uiName Logo text
+     */
+    this.logoTextColor = "#555555";
     /**
      * Page participants are navigated to after clicking the header logo.
      *
@@ -23,7 +32,11 @@ const HeroImage = class {
   }
   disconnectedCallback() { }
   render() {
-    return (index.h(index.Host, null, index.h("a", { href: this.nextPage, part: "sqm-link" }, index.h("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl }))));
+    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: {
+        fontSize: `${this.logoTextSize}px`,
+        color: this.logoTextColor || "#555555",
+        textDecoration: "none",
+      } }, this.logoText)))));
   }
 };
 

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

@@ -34,7 +34,7 @@ const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-25e
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
 require('./ErrorView-3f91e5ab.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-4ccf89da.js');
-const ShadowViewAddon = require('./ShadowViewAddon-1b38dcfc.js');
+const ShadowViewAddon = require('./ShadowViewAddon-925a8fa6.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
 const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-e5f70b8b.js');
 const utils = require('./utils-83d125fa.js');
@@ -15650,6 +15650,7 @@ const stepOneProps = {
     },
   },
   data: {
+    partnerData: {},
     regionLabelEnum: "STATE",
     regions: [],
     phoneCountries: [