@saasquatch/mint-components 2.5.0-6 → 2.5.1-1

package/dist/cjs/{useIndirectTaxForm-0969e194.js → useIndirectTaxForm-ed4df485.js}

@@ -3,7 +3,7 @@
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 const index_module = require('./index.module-f8c8495f.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const subregions = require('./subregions-d12829d6.js');
+const subregions = require('./subregions-cd5c7ad6.js');
 const data = require('./data-04ef5511.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 
@@ -1013,23 +1013,8 @@ const GET_TAX_SETTING = index_module.dist.gql `
     }
   }
 `;
-/** Transient holds that clear automatically, so a balance under the minimum explains the wait better. */
-const DISPLACEABLE_STATUSES = [
-  "DONE",
-  "NEW_PAYEE_REVIEW",
-  "PAYMENT_HOLD_ON_CHANGE",
-];
 function getStatus(data) {
-  var _a;
-  const status = getHoldStatus(data);
-  const publisher = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher;
-  return DISPLACEABLE_STATUSES.includes(status) &&
-    subregions.isBalanceUnderPayoutThreshold(publisher)
-    ? "BALANCE_UNDER_THRESHOLD"
-    : status;
-}
-function getHoldStatus(data) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
   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) => {
     var _a;
@@ -1039,39 +1024,41 @@ function getHoldStatus(data) {
   if (!((_g = (_f = data.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.connected) || !account)
     return "INFORMATION_REQUIRED";
   const currentTaxDocument = (_j = (_h = data.user.impactConnection) === null || _h === void 0 ? void 0 : _h.publisher) === null || _j === void 0 ? void 0 : _j.currentTaxDocument;
-  if (((_k = account.holdReasons) === null || _k === void 0 ? void 0 : _k.includes("NO_W9_DOCUMENT")) && !currentTaxDocument)
+  // A new-payee review only starts once funds reach Impact, so until then nobody can act on it
+  const reviewIsLive = !!hasTransferredReward && account.balanceAmount > 0;
+  const holdReasons = ((_k = account.holdReasons) !== null && _k !== void 0 ? _k : []).filter((reason) => reason !== "NEW_PAYEE_REVIEW" || reviewIsLive);
+  if (holdReasons.includes("NO_W9_DOCUMENT") && !currentTaxDocument)
     return "OVER_W9_THRESHOLD";
-  if ((_l = account.holdReasons) === null || _l === void 0 ? void 0 : _l.includes("IDV_CHECK_REQUIRED"))
+  if (holdReasons.includes("IDV_CHECK_REQUIRED"))
     return "VERIFICATION:REQUIRED";
-  if ((_m = account.holdReasons) === null || _m === void 0 ? void 0 : _m.includes("IDV_CHECK_REQUIRED_INTERNAL"))
+  if (holdReasons.includes("IDV_CHECK_REQUIRED_INTERNAL"))
     return "VERIFICATION:INTERNAL";
-  if ((_o = account.holdReasons) === null || _o === void 0 ? void 0 : _o.includes("IDV_CHECK_REVIEW_INTERNAL"))
+  if (holdReasons.includes("IDV_CHECK_REVIEW_INTERNAL"))
     return "VERIFICATION:REVIEW";
-  if ((_p = account.holdReasons) === null || _p === void 0 ? void 0 : _p.includes("IDV_CHECK_FAILED_INTERNAL"))
+  if (holdReasons.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)
+  if (holdReasons.includes("NEW_PAYEE_REVIEW"))
     return "NEW_PAYEE_REVIEW";
-  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"))
+  if (holdReasons.includes("PAYMENT_HOLD_ON_CHANGE"))
     return "PAYMENT_HOLD_ON_CHANGE";
-  if ((_t = account.holdReasons) === null || _t === void 0 ? void 0 : _t.includes("BENEFICIARY_NAME_INVALID"))
+  if (holdReasons.includes("BENEFICIARY_NAME_INVALID"))
     return "BENEFICIARY_NAME_INVALID";
-  if ((_u = account.holdReasons) === null || _u === void 0 ? void 0 : _u.includes("BENEFICIARY_NAME_MISMATCH"))
+  if (holdReasons.includes("BENEFICIARY_NAME_MISMATCH"))
     return "BENEFICIARY_NAME_MISMATCH";
-  if ((_v = account.holdReasons) === null || _v === void 0 ? void 0 : _v.includes("BANK_TAX_NAME_MISMATCH"))
+  if (holdReasons.includes("BANK_TAX_NAME_MISMATCH"))
     return "BANK_TAX_NAME_MISMATCH";
-  if ((_w = account.holdReasons) === null || _w === void 0 ? void 0 : _w.includes("WITHDRAWAL_SETTINGS_INVALID"))
+  if (holdReasons.includes("WITHDRAWAL_SETTINGS_INVALID"))
     return "WITHDRAWAL_SETTINGS_INVALID";
-  if ((_x = account.holdReasons) === null || _x === void 0 ? void 0 : _x.includes("PAYMENT_RETURNED"))
+  if (holdReasons.includes("PAYMENT_RETURNED"))
     return "PAYMENT_RETURNED";
-  if (account.hold)
+  // A hold whose every reason was suppressed leaves nothing to report
+  const unattributedHold = !((_l = account.holdReasons) === null || _l === void 0 ? void 0 : _l.length);
+  if (account.hold && (holdReasons.length > 0 || unattributedHold))
     return "HOLD";
   return "DONE";
 }
 function usePayoutStatus(props) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e;
   const { type } = index_module.getEnvironmentSDK();
   const { loading, data, errors, refetch } = index_module.wn(GET_USER_STATUS, {});
   const { data: taxSettingRes } = index_module.wn(GET_TAX_SETTING, {});
@@ -1121,7 +1108,8 @@ function usePayoutStatus(props) {
       status,
       error: !!errors,
       enforceUsTaxComplianceOption,
-      minPayoutAmount: subregions.formatPayoutThreshold((_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),
+      belowPayoutThreshold: subregions.isBalanceUnderPayoutThreshold((_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),
+      minPayoutAmount: subregions.formatPayoutThreshold((_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),
     },
     data: { type },
     text: props.getTextProps(),

package/dist/cjs/{useReferralCodes-0f7948af.js → useReferralCodes-1bfc02eb.js}

@@ -123,6 +123,8 @@ function useReferralCodes(props) {
     }
   }, [referralData]);
   return {
+    titleText: props.titleText,
+    textColor: props.textColor,
     states: {
       ...states,
       noCodes: (referralData === null || referralData === void 0 ? void 0 : referralData.totalCount) === 0,

package/dist/collection/components/sqm-base-registration/sqm-base-registration-form-view.js

@@ -39,7 +39,7 @@ const styleString = sheet.toString();
 export function BaseRegistrationFormView(props) {
   var _a, _b;
   const { states, content, callbacks } = props;
-  return (h("div", { class: sheet.classes.Wrapper },
+  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

package/dist/collection/components/sqm-coupon-code/sqm-coupon-code-view.js

@@ -25,6 +25,6 @@ export function CouponCodeView(props) {
       styleString,
       vanillaStyle),
     h("p", { class: sheet.classes.couponCodeLabel, style: { textAlign: props.textAlign }, part: "label" }, props.couponCodeLabel),
-    error ? (h("sqm-form-message", { type: props.errorType, exportparts: "erroralert-icon" },
+    error ? (h("sqm-form-message", { type: props.errorType, exportparts: "alert-icon, erroralert-icon" },
       h("div", { part: "erroralert-text" }, props.errorText))) : (h(CopyTextView, Object.assign({}, props)))));
 }

package/dist/collection/components/sqm-coupon-code/sqm-coupon-code.js

@@ -13,7 +13,7 @@ import { useCouponCode } from "./useCouponCode";
  * @example Coupon Code - <sqm-coupon-code tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-coupon-code>
  * @csspart label - The coupon code label element
  * @csspart erroralert-text - The error message element
- * @csspart erroralert-icon - The error alert icon
+ * @csspart alert-icon - The status alert icon (error, warning, info, or success)
  * @csspart icon-button-base - The copy icon button base
  * @csspart primarybutton-base - The primary button base
  * @csspart secondarybutton-base - The secondary button base

package/dist/collection/components/sqm-empty/sqm-empty.js

@@ -4,7 +4,7 @@ import { EmptyStateView } from "./sqm-empty-view";
  * @uiName Empty State Content
  * @validParents ["sqm-referral-table","sqm-rewards-table","sqm-leaderboard","sqm-reward-exchange-list"]
  * @csspart sqm-base - The base container
- *  @csspart header-text - The empty state header
+ * @csspart header-text - The empty state header
  * @csspart description-text - The empty state description
  */
 export class Empty {

package/dist/collection/components/sqm-form-message/sqm-form-message.js

@@ -11,6 +11,8 @@ import { Component, h, Prop, State } from "@stencil/core";
  * @csspart warningalert-icon - The warning alert icon
  * @csspart successalert-base - The success alert base
  * @csspart successalert-icon - The success alert icon
+ * @csspart alert-base - The alert base, stable across all types
+ * @csspart alert-icon - The alert icon, stable across all types
  */
 export class FormMessage {
   constructor() {
@@ -33,22 +35,22 @@ export class FormMessage {
       return h("sqm-skeleton", { height: "90px", width: "100%" });
     }
     if (this.type === "error") {
-      return (h("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: `Error ${this.transparent ? "Transparent" : ""}`, type: "danger", open: true },
+      return (h("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon, base: alert-base, icon: alert-icon", class: `Error ${this.transparent ? "Transparent" : ""}`, type: "danger", open: true },
         h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }),
         h("slot", null)));
     }
     else if (this.type === "info") {
-      return (h("sl-alert", { id: "icon", exportparts: "base: infoalert-base, icon:infoalert-icon", class: `Info ${this.transparent ? "Transparent" : ""}`, type: "info", open: true },
+      return (h("sl-alert", { id: "icon", exportparts: "base: infoalert-base, icon:infoalert-icon, base: alert-base, icon: alert-icon", class: `Info ${this.transparent ? "Transparent" : ""}`, type: "info", open: true },
         h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "info-circle"}` }),
         h("slot", null)));
     }
     else if (this.type === "warning") {
-      return (h("sl-alert", { exportparts: "base: warningalert-base, icon:warningalert-icon", class: `Warning ${this.transparent ? "Transparent" : ""}`, type: "warning", open: true },
+      return (h("sl-alert", { exportparts: "base: warningalert-base, icon:warningalert-icon, base: alert-base, icon: alert-icon", class: `Warning ${this.transparent ? "Transparent" : ""}`, type: "warning", open: true },
         h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-triangle"}` }),
         h("slot", null)));
     }
     else {
-      return (h("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon", class: `Success ${this.transparent ? "Transparent" : ""}`, type: "success", open: true },
+      return (h("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon, base: alert-base, icon: alert-icon", class: `Success ${this.transparent ? "Transparent" : ""}`, type: "success", open: true },
         h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }),
         h("slot", null)));
     }

package/dist/collection/components/sqm-instant-access-registration/sqm-instant-access-registration.js

@@ -12,6 +12,7 @@ import { useInstantAccessRegistration } from "./useInstantAccessRegistration";
  * @example Advocate Registration - <sqm-instant-access-registration></sqm-instant-access-registration>
  * @slots [{"name":"top","title":"Top Content"},{"name":"bottom","title":"Bottom Content"}]
  * @csspart sqm-base - The base container for the instant access registration component
+ * @csspart erroralert-text - The error message element
  * @csspart erroralert-icon - The error alert icon
  * @csspart input-label - The input label
  * @csspart input-base - The input base

package/dist/collection/components/sqm-lead-form/sqm-lead-checkbox-field.js

@@ -10,6 +10,8 @@ import { useLeadCheckboxField } from "./useCheckboxField";
  * @uiName Lead Form Checkbox Field
  * @validParents ["sqm-lead-form"]
  * @csspart sqm-base - The base container
+ * @csspart input-label - The input label
+ * @csspart input-base - The input base
  */
 export class LeadCheckboxField {
   constructor() {

package/dist/collection/components/sqm-lead-form/sqm-lead-dropdown-field.js

@@ -11,6 +11,8 @@ import { useLeadDropdownField } from "./useLeadDropdownField";
  * @validParents ["sqm-lead-form"]
  * @slots [{"name":"", "title":"Dropdown Option"}]
  * @csspart sqm-base - The base container
+ * @csspart input-label - The input label
+ * @csspart input-base - The input base
  */
 export class LeadDropdownField {
   constructor() {

package/dist/collection/components/sqm-lead-form/sqm-lead-input-field.js

@@ -10,6 +10,8 @@ import { useLeadInputField } from "./useLeadInputField";
  * @uiName Lead Form Input Field
  * @validParents ["sqm-lead-form"]
  * @csspart sqm-base - The base container
+ * @csspart input-label - The input label
+ * @csspart input-base - The input base
  */
 export class LeadInputField {
   constructor() {

package/dist/collection/components/sqm-partner-info-modal/PartnerInfoModal.stories.js

@@ -34,7 +34,7 @@ const defaultText = {
   modalHeader: "Let's get you ready for rewards",
   modalHeaderExistingPartner: "We found an existing account",
   descriptionNewPartner: "Confirm your country and currency now to get your future rewards faster.",
-  descriptionExistingPartner: "We noticed you are already an Impact.com partner, please confirm your information.",
+  descriptionExistingPartner: "We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.",
   supportDescriptionExistingPartner: "If this is a mistake, please contact Support or sign up for this referral program with a different email.",
   supportLink: "Support",
   countryLabel: "Country",
@@ -47,6 +47,8 @@ const defaultText = {
   allowBankingCollection: "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information",
   termsAndConditionsLabel: "terms and conditions",
   termsAndConditionsLink: "https://terms.advocate.impact.com/PayoutTermsAndConditions.html",
+  emailVerificationErrorText: "Please log in to {loginLinkText} to review your account status. You may need to complete email verification or other pending steps. Once resolved, refresh this page to proceed.",
+  loginLinkText: "impact.com",
 };
 const defaultProps = {
   states: {
@@ -60,6 +62,7 @@ const defaultProps = {
     countryCode: "",
     currency: "",
     error: "",
+    emailCanBeUsed: true,
     success: false,
     filteredCountries: demoCountries,
     filteredCurrencies: demoCurrencies,
@@ -154,6 +157,18 @@ export const ValidationError = () => {
   };
   return h(PartnerInfoModalView, Object.assign({}, props));
 };
+export const EmailVerificationRequired = () => {
+  const props = {
+    ...defaultProps,
+    states: {
+      ...defaultProps.states,
+      countryCode: "US",
+      currency: "USD",
+      emailCanBeUsed: false,
+    },
+  };
+  return h(PartnerInfoModalView, Object.assign({}, props));
+};
 export const Closed = () => {
   const props = {
     ...defaultProps,

package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal-view.js

@@ -81,16 +81,22 @@ export function PartnerInfoModalContentView(props) {
   const { states, callbacks, text } = props;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
+  const emailVerificationMessage = intl.formatMessage({
+    id: "emailVerificationErrorText",
+    defaultMessage: text.emailVerificationErrorText,
+  }, {
+    loginLinkText: (h("a", { target: "_blank", href: `https://app.impact.com/login.user` }, text.loginLinkText)),
+  });
   const supportMessage = intl.formatMessage({
     id: "supportDescriptionExistingPartner",
     defaultMessage: text.supportDescriptionExistingPartner,
   }, {
     supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
   });
-  const description = states.isExistingPartner ? (h("span", { class: sheet.classes.DescriptionContainer },
+  const description = states.isExistingPartner || !states.emailCanBeUsed ? (h("span", { class: sheet.classes.DescriptionContainer },
     h("p", null, text.descriptionExistingPartner),
     h("p", null, supportMessage))) : (h("p", { class: sheet.classes.DescriptionContainer }, text.descriptionNewPartner));
-  const buttonLabel = states.isExistingPartner
+  const buttonLabel = states.isExistingPartner || !states.emailCanBeUsed
     ? text.confirmButtonLabel
     : text.submitButtonLabel;
   const bankingCollectionText = intl.formatMessage({
@@ -99,32 +105,39 @@ export function PartnerInfoModalContentView(props) {
   }, {
     termsAndConditionsLink: (h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
   });
-  return (h("div", null,
+  return (h("div", { part: "sqm-base" },
     h("style", { type: "text/css" }, styleString),
     h("div", { class: sheet.classes.FormFields },
       description,
       states.shouldDisplayNameFields && (h(Fragment, null,
-        h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "First Name", value: states.firstName, "onSl-input": callbacks.onFirstNameChange, disabled: states.submitting, required: true }),
-        h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "Last Name", value: states.lastName, "onSl-input": callbacks.onLastNameChange, disabled: states.submitting, required: true }))),
+        h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "First Name", value: states.firstName, "onSl-input": callbacks.onFirstNameChange, disabled: states.submitting || !states.emailCanBeUsed, required: true }),
+        h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "Last Name", value: states.lastName, "onSl-input": callbacks.onLastNameChange, disabled: states.submitting || !states.emailCanBeUsed, required: true }))),
       h("sl-select", { exportparts: "label: input-label, base: input-base, menu: select-menu", label: text.countryLabel, value: states.countryCode, disabled: states.submitting ||
+          !states.emailCanBeUsed ||
           (!!states.countryCode && states.isExistingPartner), required: true, hoist: true, "onSl-select": callbacks.onCountryChange },
         h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => {
             var _a;
             callbacks.setCountrySearch((_a = e.target) === null || _a === void 0 ? void 0 : _a.value);
           } }),
         h("div", { class: sheet.classes.SelectMenu }, (_a = states.filteredCountries) === null || _a === void 0 ? void 0 : _a.map((c) => (h("sl-menu-item", { value: c.countryCode }, c.displayName))))),
-      h("sl-select", { exportparts: "label: input-label, base: input-base", label: text.currencyLabel, value: states.currency, disabled: states.submitting || (!!states.currency && states.isExistingPartner), required: true, hoist: true, "onSl-select": callbacks.onCurrencyChange },
+      h("sl-select", { exportparts: "label: input-label, base: input-base", label: text.currencyLabel, value: states.currency, disabled: states.submitting ||
+          !states.emailCanBeUsed ||
+          (!!states.currency && states.isExistingPartner), required: true, hoist: true, "onSl-select": callbacks.onCurrencyChange },
         h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCurrencyPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => { var _a; return callbacks.setCurrencySearch((_a = e.target) === null || _a === void 0 ? void 0 : _a.value); } }),
         h("div", { class: sheet.classes.SelectMenu }, (_b = states.filteredCurrencies) === null || _b === void 0 ? void 0 : _b.map((c) => (h("sl-menu-item", { value: c.currencyCode },
           c.currencyCode,
           " - ",
           c.displayName))))),
       h("div", { class: sheet.classes.CheckboxWrapper },
-        h("sl-checkbox", { class: sheet.classes.Checkbox, checked: states.allowBankingCollection === true, "onSl-change": callbacks.onCheckboxChange, disabled: states.submitting, required: true, value: states.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText))),
+        h("sl-checkbox", { class: sheet.classes.Checkbox, checked: states.allowBankingCollection === true, "onSl-change": callbacks.onCheckboxChange, disabled: states.submitting || !states.emailCanBeUsed, required: true, value: states.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText))),
     states.error && (h("div", { class: sheet.classes.ErrorMessage },
       h("sqm-form-message", { class: sheet.classes.ErrorMessage, type: "error" },
         h("p", { part: "alert-description" }, states.error)))),
+    !states.emailCanBeUsed && (h("div", { class: sheet.classes.ErrorMessage },
+      h("sqm-form-message", { type: "error" },
+        h("p", { part: "alert-description" }, emailVerificationMessage)))),
     h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting ||
+        !states.emailCanBeUsed ||
         !states.countryCode ||
         !states.currency ||
         !states.allowBankingCollection ||
@@ -137,7 +150,7 @@ export function PartnerInfoModalView(props) {
   const styleString = sheet.toString();
   if (!states.open)
     return h("div", null);
-  const modalHeader = states.isExistingPartner
+  const modalHeader = states.isExistingPartner || !states.emailCanBeUsed
     ? text.modalHeaderExistingPartner
     : text.modalHeader;
   return (h("div", null,

package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal.js

@@ -12,6 +12,7 @@ import { usePartnerInfoModal, } from "./usePartnerInfoModal";
  * @validParents ["sqm-portal-container", "sqm-portal-frame", "div", "sqm-divided-layout", "sqb-program-section", "sqb-conditional-section"]
  * @example Partner Info Modal - <sqm-partner-info-modal></sqm-partner-info-modal>
  * @hidden
+ * @csspart sqm-base - The base container
  * @csspart alert-description - The error description
  * @csspart input-label - The input label
  * @csspart input-base - The input base
@@ -106,6 +107,15 @@ export class PartnerInfoModal {
      * @uiWidget textArea
      */
     this.networkErrorText = "An error occurred. Please try again.";
+    /**
+     * @uiName Email verification error text
+     * @uiWidget textArea
+     */
+    this.emailVerificationErrorText = "Please log in to {loginLinkText} to review your account status. You may need to complete email verification or other pending steps. Once resolved, refresh this page to proceed.";
+    /**
+     * @uiName login link text
+     */
+    this.loginLinkText = "impact.com";
     /**
      * @uiName Missing fields error text
      * @uiWidget textArea
@@ -498,6 +508,51 @@ export class PartnerInfoModal {
       "reflect": false,
       "defaultValue": "\"An error occurred. Please try again.\""
     },
+    "emailVerificationErrorText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Email verification error text",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": ""
+      },
+      "attribute": "email-verification-error-text",
+      "reflect": false,
+      "defaultValue": "\"Please log in to {loginLinkText} to review your account status. You may need to complete email verification or other pending steps. Once resolved, refresh this page to proceed.\""
+    },
+    "loginLinkText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "login link text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "login-link-text",
+      "reflect": false,
+      "defaultValue": "\"impact.com\""
+    },
     "missingFieldsErrorText": {
       "type": "string",
       "mutable": false,
@@ -578,7 +633,7 @@ export class PartnerInfoModal {
       "mutable": false,
       "complexType": {
         "original": "DemoData<PartnerInfoModalResult>",
-        "resolved": "{ states?: { open: boolean; loading: boolean; submitting: boolean; isExistingPartner: boolean; shouldDisplayNameFields: boolean; firstName: string; lastName: string; countryCode: string; currency: string; error: string; success: boolean; filteredCountries: { countryCode: string; displayName: string; }[]; filteredCurrencies: { currencyCode: string; displayName: string; }[]; allowBankingCollection: boolean; disabled: boolean; }; }",
+        "resolved": "{ states?: { open: boolean; loading: boolean; submitting: boolean; isExistingPartner: boolean; shouldDisplayNameFields: boolean; firstName: string; lastName: string; countryCode: string; currency: string; error: string; emailCanBeUsed: boolean; success: boolean; filteredCountries: { countryCode: string; displayName: string; }[]; filteredCurrencies: { currencyCode: string; displayName: string; }[]; allowBankingCollection: boolean; disabled: boolean; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -626,6 +681,7 @@ function useDemoPartnerInfoModal(props) {
       filteredCountries: [],
       filteredCurrencies: [],
       allowBankingCollection,
+      emailCanBeUsed: true,
       disabled: false,
     },
     callbacks: {
@@ -671,6 +727,8 @@ function useDemoPartnerInfoModal(props) {
       supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
       supportLink: props.supportLink,
       modalHeaderExistingPartner: props.modalHeaderExistingPartner,
+      emailVerificationErrorText: props.emailVerificationErrorText,
+      loginLinkText: props.loginLinkText,
     },
   }, props.demoData || stateOverride, { arrayMerge: (_, a) => a });
 }

package/dist/collection/components/sqm-partner-info-modal/usePartnerInfoModal.js

@@ -18,6 +18,7 @@ export const GET_USER_PARTNER_INFO = gql `
         impactConnection {
           connected
           connectionStatus
+          emailCanBeUsed
           publisher {
             id
             countryCode
@@ -184,7 +185,6 @@ export function usePartnerInfoModal(props) {
       return;
     setCountryCode(value);
     setCurrency("");
-    setError("");
   }
   function onCurrencyChange(e) {
     var _a, _b;
@@ -192,7 +192,6 @@ export function usePartnerInfoModal(props) {
     if (!value)
       return;
     setCurrency(value);
-    setError("");
   }
   function onCheckboxChange(e) {
     const checked = e.target.checked;
@@ -249,6 +248,7 @@ export function usePartnerInfoModal(props) {
   const showModal = !success &&
     !userLoading &&
     (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connectionStatus) === "NOT_STARTED";
+  const emailCanBeUsed = (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.emailCanBeUsed) !== false;
   return {
     states: {
       open: showModal,
@@ -261,11 +261,12 @@ export function usePartnerInfoModal(props) {
       countryCode,
       currency,
       error,
+      emailCanBeUsed,
       success,
       filteredCountries: filteredCountries || [],
       filteredCurrencies: filteredCurrencies || [],
       allowBankingCollection,
-      disabled: userLoading || connectLoading,
+      disabled: userLoading || connectLoading || !emailCanBeUsed,
     },
     callbacks: {
       onFirstNameChange,

package/dist/collection/components/sqm-portal-google-login/sqm-portal-google-login.js

@@ -7,7 +7,13 @@ import { PortalLoginView, } from "../sqm-portal-login/sqm-portal-login-view";
 import { usePortalLogin } from "../sqm-portal-login/usePortalLogin";
 /**
  * @uiName Microsite Login
+ * @csspart sqm-base - The base container
  * @csspart forgot-password-link - The forgot password link
+ * @csspart erroralert-text - The error message element
+ * @csspart erroralert-icon - The error alert icon
+ * @csspart input-label - The input label
+ * @csspart input-base - The input base
+ * @csspart primarybutton-base - The primary button base
  */
 export class PortalGoogleLogin {
   constructor() {

package/dist/collection/components/sqm-portal-google-registration-form/sqm-portal-google-registration-form.js

@@ -11,6 +11,9 @@ import { usePortalGoogleRegistrationForm } from "./usePortalGoogleRegistrationFo
  * @uiName Google Registration
  * @canvasRenderer always-replace
  * @slots [{"name":"formData","title":"Additional Fields"},{"name":"terms","title":"Terms And Conditions Fields"}]
+ * @csspart sqm-base - The base container
+ * @csspart erroralert-text - The error message element
+ * @csspart erroralert-icon - The error alert icon
  * @csspart input-label - The input label
  * @csspart input-base - The input base
  * @csspart primarybutton-base - The primary button base

package/dist/collection/components/sqm-referral-codes/useReferralCodes.js

@@ -121,6 +121,8 @@ export function useReferralCodes(props) {
     }
   }, [referralData]);
   return {
+    titleText: props.titleText,
+    textColor: props.textColor,
     states: {
       ...states,
       noCodes: (referralData === null || referralData === void 0 ? void 0 : referralData.totalCount) === 0,

package/dist/collection/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.js

@@ -4,7 +4,6 @@ import { useRequestRerender } from "../../../tables/re-render";
 /**
  * @uiName Referral Table Rewards Column
  * @validParents ["sqm-referral-table"]
- * @csspart sqm-cell-value - The reward cell value
  * @exampleGroup Referrals
  * @example Referral Table Rewards Column - <sqm-referral-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PROCESSING {Payment Processing} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PROCESSING {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}" denied-help-text="Contact support if you think this is a mistake." ></sqm-referral-table-rewards-column>
  */

package/dist/collection/components/sqm-referral-table/sqm-referral-table.js

@@ -16,6 +16,7 @@ import { tryMethod, useReferralTable } from "./useReferralTable";
  * @exampleGroup Referrals
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
  * @example Referral Table - <sqm-referral-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" > <sqm-referral-table-user-column column-title="Customer" anonymous-user="Your Friend" deleted-user="Deleted User" ></sqm-referral-table-user-column> <sqm-referral-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PROCESSING {Payment Processing} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PROCESSING {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}" denied-help-text="Contact support if you think this is a mistake." ></sqm-referral-table-rewards-column> <sqm-referral-table-date-column column-title="Date converted" date-shown="dateConverted" ></sqm-referral-table-date-column> <sqm-referral-table-status-column column-title="Status" converted-status-text="Converted" in-progress-status-text="In Progress" pending-review-status-text="Pending" denied-status-text="Denied" pending-review-status-sub-text="Awaiting review" denied-status-sub-text="Detected self-referral" ></sqm-referral-table-status-column> <sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png" empty-state-header="View your referral details" empty-state-text="Refer a friend to view the status of your referrals and rewards earned" slot="empty" ></sqm-empty> </sqm-referral-table>
+ * @csspart sqm-cell-value - The reward cell value, rendered by the rewards column's cell
  */
 export class ReferralTable {
   constructor() {

package/dist/collection/components/sqm-referred-registration/sqm-referred-registration.js

@@ -12,6 +12,7 @@ import { EmailRegistrationView, } from "../views/email-registration-view";
  * @example Friend Registration - <sqm-referred-registration></sqm-referred-registration>
  * @slots [{"name":"top","title":"Top Content"},{"name":"bottom","title":"Bottom Content"}]
  * @csspart sqm-base - The base container for the instant access registration component
+ * @csspart erroralert-text - The error message element
  * @csspart erroralert-icon - The error alert icon
  * @csspart input-label - The input label
  * @csspart input-base - The input base

package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list-view.js

@@ -520,8 +520,8 @@ export function RewardExchangeView(props) {
           h("div", { class: "field" }, states.content.text.costTitle),
           h("div", { class: "value" }, cost)),
         h("div", { class: sheet.classes.Button },
-          h("sl-button", { class: "cancel", type: "secondary", size: "large", onClick: () => callbacks.setStage("chooseAmount") }, states.content.text.backText),
-          h("sl-button", { class: "continue", size: "large", type: "primary", loading: states.loading, onClick: callbacks.exchangeReward }, states.content.text.redeemText)))));
+          h("sl-button", { exportparts: "base: secondarybutton-base", class: "cancel", type: "secondary", size: "large", onClick: () => callbacks.setStage("chooseAmount") }, states.content.text.backText),
+          h("sl-button", { exportparts: "base: primarybutton-base", class: "continue", size: "large", type: "primary", loading: states.loading, onClick: callbacks.exchangeReward }, states.content.text.redeemText)))));
   }
   function success() {
     var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -540,7 +540,7 @@ export function RewardExchangeView(props) {
         states.content.text.promoCode,
         h(CopyTextView, { copyString: data.fuelTankCode, tooltiptext: (_h = states === null || states === void 0 ? void 0 : states.content) === null || _h === void 0 ? void 0 : _h.text.tooltipText, open: states.open, onClick: callbacks.copyFuelTankCode }))),
       h("div", { class: sheet.classes.Button },
-        h("sl-button", { class: "continue center", type: "primary", size: "large", onClick: () => callbacks.resetState(true) }, states.content.text.doneText))));
+        h("sl-button", { exportparts: "base: primarybutton-base", class: "continue center", type: "primary", size: "large", onClick: () => callbacks.resetState(true) }, states.content.text.doneText))));
   }
   const stages = {
     chooseReward: () => chooseReward(),

package/dist/collection/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.js

@@ -4,9 +4,6 @@ import { useRequestRerender } from "../../../tables/re-render";
 /**
  * @uiName Rewards Table Reward Column
  * @validParents ["sqm-rewards-table"]
- * @csspart sqm-reward-cell-value - The reward cell value
- * @csspart sqm-reward-cell-progress - The reward progress
- * @csspart sqm-reward-cell-subtext - The reward cell subtext
  * @exampleGroup Rewards
  * @example Reward Column - <sqm-rewards-table-reward-column column-title="Reward" redeemed-text="{redeemedAmount} redeemed" available-text="{availableAmount} remaining" copy-text="Copied!"></sqm-rewards-table-reward-column>
  */

package/dist/collection/components/sqm-rewards-table/sqm-rewards-table.js

@@ -15,6 +15,9 @@ import { tryMethod, useRewardsTable } from "./useRewardsTable";
  * @exampleGroup Rewards
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
  * @example Reward Table - <sqm-rewards-table per-page="4" prev-label="Prev" more-label="Next" hidden-columns="0" sm-breakpoint="599" md-breakpoint="799" ><sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PROCESSING {Payment Processing} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error" pending-review-text="Awaiting review" denied-text="Detected self-referral" pending-tax-review="Awaiting tax form review." pending-new-tax-form="Invalid tax form. Submit a new form to receive your rewards." pending-tax-submission="Submit your tax documents to receive your rewards." pending-partner-creation="Complete your tax and cash payout setup to receive your rewards." payout-failed="Payout failed due to a fulfillment issue and is currently being retried." payout-cancelled="If you think this is a mistake, contact our Support team." payout-approved="Reward was scheduled for payment based on your settings, barring any account holds." ></sqm-rewards-table-status-column> <sqm-rewards-table-source-column column-title="Source" anonymous-user="Your Friend" deleted-user="Deleted User" reward-exchange-text="Reward Exchange" referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}" ></sqm-rewards-table-source-column ><sqm-rewards-table-reward-column column-title="Reward" redeemed-text="{redeemedAmount} redeemed" available-text="{availableAmount} remaining" copy-text="Copied!" ></sqm-rewards-table-reward-column ><sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven" ></sqm-rewards-table-date-column ><sqm-rewards-table-customer-note-column column-title="Note" ></sqm-rewards-table-customer-note-column ><sqm-empty slot="empty" empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png" empty-state-header="View your rewards" empty-state-text="Complete program tasks to view the details of your rewards" ></sqm-empty ></sqm-rewards-table>
+ * @csspart sqm-reward-cell-value - The reward cell value, rendered by the reward column's cell
+ * @csspart sqm-reward-cell-progress - The reward progress, rendered by the reward column's cell
+ * @csspart sqm-reward-cell-subtext - The reward cell subtext, rendered by the reward column's cell
  */
 export class RewardsTable {
   constructor() {