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

package/dist/cjs/{sqm-partner-info-modal-view-540886b4.js → sqm-partner-info-modal-view-f6faecf5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const JSS = require('./JSS-8503a151.js');
 
 const style = {
@@ -31,8 +31,6 @@ const style = {
     marginTop: "var(--sl-spacing-large)",
   },
   ErrorMessage: {
-    color: "var(--sqm-danger-color-text, #d32f2f)",
-    fontSize: "var(--sl-font-size-small)",
     marginTop: "var(--sl-spacing-x-small)",
   },
   SearchInput: {
@@ -59,6 +57,11 @@ const style = {
     justifyContent: "flex-start",
     flexDirection: "column",
   },
+  Checkbox: {
+    "&::part(label)": {
+      fontSize: "var(--sl-font-size-small)",
+    },
+  },
   SubmitButton: {
     width: "100%",
     marginTop: "var(--sl-spacing-large)",
@@ -69,9 +72,15 @@ function PartnerInfoModalContentView(props) {
   const { states, callbacks, text } = props;
   const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
+  const supportMessage = global.intl.formatMessage({
+    id: "supportDescriptionExistingPartner",
+    defaultMessage: text.supportDescriptionExistingPartner,
+  }, {
+    supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+  });
   const description = states.isExistingPartner ? (index.h("span", { class: sheet.classes.DescriptionContainer },
     index.h("p", null, text.descriptionExistingPartner),
-    index.h("p", null, text.supportDescriptionExistingPartner))) : (index.h("p", { class: sheet.classes.DescriptionContainer }, text.descriptionNewPartner));
+    index.h("p", null, supportMessage))) : (index.h("p", { class: sheet.classes.DescriptionContainer }, text.descriptionNewPartner));
   const buttonLabel = states.isExistingPartner
     ? text.confirmButtonLabel
     : text.submitButtonLabel;
@@ -87,22 +96,24 @@ function PartnerInfoModalContentView(props) {
       styleString),
     index.h("div", { class: sheet.classes.FormFields },
       description,
-      index.h("sl-select", { exportparts: "label: input-label, base: input-base, menu: select-menu", label: text.countryLabel, value: states.countryCode, disabled: states.submitting || !!states.isExistingPartner, required: true, hoist: true, "onSl-select": callbacks.onCountryChange },
+      index.h("sl-select", { exportparts: "label: input-label, base: input-base, menu: select-menu", label: text.countryLabel, value: states.countryCode, disabled: states.submitting ||
+          (!!states.countryCode && states.isExistingPartner), required: true, hoist: true, "onSl-select": callbacks.onCountryChange },
         index.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);
           } }),
         index.h("div", { class: sheet.classes.SelectMenu }, (_a = states.filteredCountries) === null || _a === void 0 ? void 0 : _a.map((c) => (index.h("sl-menu-item", { value: c.countryCode }, c.displayName))))),
-      index.h("sl-select", { exportparts: "label: input-label, base: input-base", label: text.currencyLabel, value: states.currency, disabled: states.submitting || !!states.isExistingPartner, required: true, hoist: true, "onSl-select": callbacks.onCurrencyChange },
-        index.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); } }), (_b = states.filteredCurrencies) === null || _b === void 0 ? void 0 :
-        _b.map((c) => (index.h("sl-menu-item", { value: c.currencyCode },
+      index.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 },
+        index.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); } }),
+        index.h("div", { class: sheet.classes.SelectMenu }, (_b = states.filteredCurrencies) === null || _b === void 0 ? void 0 : _b.map((c) => (index.h("sl-menu-item", { value: c.currencyCode },
           c.currencyCode,
           " - ",
-          c.displayName)))),
+          c.displayName))))),
       index.h("div", { class: sheet.classes.CheckboxWrapper },
-        index.h("sl-checkbox", { checked: states.allowBankingCollection === true, "onSl-change": callbacks.onCheckboxChange, disabled: states.submitting, required: true, value: states.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText),
-        states.checkboxError && (index.h("p", { class: sheet.classes.ErrorMessage }, states.checkboxError)))),
-    states.error && index.h("p", { class: sheet.classes.ErrorMessage }, states.error),
+        index.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))),
+    states.error && (index.h("div", { class: sheet.classes.ErrorMessage },
+      index.h("sqm-form-message", { class: sheet.classes.ErrorMessage, type: "error" },
+        index.h("p", { part: "alert-description" }, states.error)))),
     index.h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting ||
         !states.countryCode ||
         !states.currency ||

package/dist/cjs/sqm-password-field.cjs.entry.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const useRegistrationFormState = require('./useRegistrationFormState-a223f597.js');
+const useRegistrationFormState = require('./useRegistrationFormState-4fe5b770.js');
 
 var constants = {
   error: {

package/dist/cjs/sqm-popup-container.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const utils = require('./utils-6847bc06.js');
 
 const PopupContainerView = (props) => {

package/dist/cjs/{sqm-portal-container-view-70a47420.js → sqm-portal-container-view-757f921b.js}

@@ -48,12 +48,11 @@ function PortalContainerView(props, children) {
   }`;
   const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
-  return (index.h(index.Host, null,
-    index.h("div", { class: sheet.classes.Container, part: "sqm-base" },
-      index.h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      children)));
+  return (index.h("div", { class: sheet.classes.Container, part: "sqm-base" },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
 }
 
 exports.PortalContainerView = PortalContainerView;

package/dist/cjs/{sqm-portal-email-verification-view-60f8e0a7.js → sqm-portal-email-verification-view-abb773a7.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/sqm-portal-email-verification.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-require('./global-0f8b1267.js');
+require('./global-b7b1b8fe.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-require('./sqm-text-span-view-8a32dd8c.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-60f8e0a7.js');
+require('./sqm-text-span-view-b9e10f5d.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-abb773a7.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/cjs/sqm-portal-forgot-password_6.cjs.entry.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-require('./sqm-text-span-view-8a32dd8c.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-b31638f8.js');
-const usePortalRegistrationForm = require('./usePortalRegistrationForm-31822dc4.js');
-const useRegistrationFormState = require('./useRegistrationFormState-a223f597.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-fd48f1d3.js');
+require('./sqm-text-span-view-b9e10f5d.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-717d0633.js');
+const usePortalRegistrationForm = require('./usePortalRegistrationForm-23ee2d62.js');
+const useRegistrationFormState = require('./useRegistrationFormState-4fe5b770.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-a45f7a52.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -302,7 +302,7 @@ const PortalGoogleLogin = class {
     const sheet = JSS.createStyleSheet(styles);
     const styleString = sheet.toString();
     const content = {
-      forgotPasswordButton: (index.h("slot", { name: "forgotPassword" }, index.h("a", { onClick: () => index_module.jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
+      forgotPasswordButton: (index.h("slot", { name: "forgotPassword" }, index.h("a", { part: "forgot-password-link", onClick: () => index_module.jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
       googleButton: (index.h("sqm-google-sign-in", { onInitComplete: callbacks.googleSubmit })),
       secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("style", null, styleString), index.h("span", null, this.registerCTA, " ", index.h("sl-button", { size: "large", type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.registerPath), className: sheet.classes.RegisterButton }, this.registerLabel)))),
       emailLabel: this.emailLabel,
@@ -407,7 +407,7 @@ const PortalLogin = class {
     const sheet = JSS.createStyleSheet(styles);
     const styleString = sheet.toString();
     const content = {
-      forgotPasswordButton: (index.h("slot", { name: "forgotPassword" }, index.h("a", { onClick: () => index_module.jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
+      forgotPasswordButton: (index.h("slot", { name: "forgotPassword" }, index.h("a", { part: "forgot-password-link", onClick: () => index_module.jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
       googleButton: null,
       secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("style", null, styleString), index.h("sl-button", { exportparts: "base: secondarybutton-base", type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.registerPath) }, this.registerLabel))),
       emailLabel: this.emailLabel,

package/dist/cjs/sqm-portal-logout.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 
 function usePortalLogout({ nextPage }) {
   index_module.setUserIdentity(undefined);

package/dist/cjs/{sqm-portal-profile-view-2bfd7afd.js → sqm-portal-profile-view-3515e1e5.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

package/dist/cjs/sqm-portal-profile.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-require('./global-0f8b1267.js');
+require('./global-b7b1b8fe.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-require('./sqm-text-span-view-8a32dd8c.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-2bfd7afd.js');
-const utilities = require('./utilities-096934ea.js');
+require('./sqm-text-span-view-b9e10f5d.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-3515e1e5.js');
+const utilities = require('./utilities-fcdb9504.js');
 
 const GET_USER = index_module.dist.gql `
   query {

package/dist/cjs/sqm-portal-protected-route.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

package/dist/cjs/{sqm-portal-registration-form-view-fd48f1d3.js → sqm-portal-registration-form-view-a45f7a52.js}

@@ -3,7 +3,7 @@
 const index = require('./index-8277cbb3.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/{sqm-portal-reset-password-view-d90d77f9.js → sqm-portal-reset-password-view-a767b044.js}

@@ -3,7 +3,7 @@
 const index = require('./index-8277cbb3.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/sqm-portal-reset-password.cjs.entry.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-require('./sqm-text-span-view-8a32dd8c.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-d90d77f9.js');
+require('./sqm-text-span-view-b9e10f5d.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-a767b044.js');
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/cjs/{sqm-portal-verify-email-view-b31638f8.js → sqm-portal-verify-email-view-717d0633.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 
 const vanillaStyle = `
 :host {

package/dist/cjs/sqm-qr-code.cjs.entry.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-const useReferralCodes = require('./useReferralCodes-89c2b972.js');
+const useReferralCodes = require('./useReferralCodes-0f7948af.js');
 require('./ErrorView-ee7b0f36.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-1f2daa76.js');
 

package/dist/cjs/sqm-referral-table_11.cjs.entry.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 const GenericTableView = require('./GenericTableView-be5648e4.js');
-const reRender = require('./re-render-69bde9ee.js');
-const useChildElements = require('./useChildElements-89bc50a9.js');
+const reRender = require('./re-render-72a0ef45.js');
+const useChildElements = require('./useChildElements-041127d7.js');
 const luxon = require('./luxon-c1ad356a.js');
 const mockRewardData = require('./mockRewardData-ed603fca.js');
-const useReferralTable = require('./useReferralTable-d3ddfd05.js');
+const useReferralTable = require('./useReferralTable-6e9de0d5.js');
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());
@@ -428,7 +428,7 @@ const ReferralTableRewardsCell = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.statusText = "{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} }";
-    this.statusLongText = "{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} }";
+    this.statusLongText = "{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 cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
     this.pendingForText = "{status} for {date}";
     this.locale = "en";
   }
@@ -535,7 +535,7 @@ const ReferralTableRewardsCell = class {
       }
     };
     const getState = (reward, taxConnection) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
       const possibleStates = [
         "REDEEMED",
         "CANCELLED",
@@ -559,12 +559,21 @@ const ReferralTableRewardsCell = class {
         if (((_f = (_e = reward.referral) === null || _e === void 0 ? void 0 : _e.fraudData) === null || _f === void 0 ? void 0 : _f.moderationStatus) === "DENIED")
           return "DENIED";
       }
-      const partnerFundsStatus = (_g = reward.partnerFundsTransfer) === null || _g === void 0 ? void 0 : _g.status;
+      const isCashReward = reward.rewardedCash;
+      if (isCashReward) {
+        if (!((_g = this.taxConnection) === null || _g === void 0 ? void 0 : _g.connected) ||
+          (((_h = this.taxConnection) === null || _h === void 0 ? void 0 : _h.connected) &&
+            !((_k = (_j = this.taxConnection) === null || _j === void 0 ? void 0 : _j.publisher) === null || _k === void 0 ? void 0 : _k.withdrawalSettings)))
+          return "PENDING_PARTNER_CREATION";
+      }
+      const partnerFundsStatus = (_l = reward.partnerFundsTransfer) === null || _l === void 0 ? void 0 : _l.status;
       if (reward.partnerFundsTransfer) {
         if (partnerFundsStatus === "REVERSED")
           return "PAYOUT_CANCELLED";
         if (partnerFundsStatus === "OVERDUE")
           return "PAYOUT_FAILED";
+      }
+      if (reward.partnerFundsTransfer) {
         if (reward.partnerFundsTransfer.dateScheduled &&
           reward.partnerFundsTransfer.dateScheduled > Date.now()) {
           return "PROCESSING";
@@ -577,13 +586,13 @@ const ReferralTableRewardsCell = class {
             partnerFundsStatus !== "REVERSED"))
           return "PAYOUT_APPROVED";
       }
-      if ((_h = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _h === void 0 ? void 0 : _h.includes("US_TAX")) {
+      if ((_m = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _m === void 0 ? void 0 : _m.includes("US_TAX")) {
         if (!(taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.taxHandlingEnabled))
           return "PENDING";
         if (!(taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.connected))
           return "PENDING_PARTNER_CREATION";
-        if ((_j = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _j === void 0 ? void 0 : _j.requiredTaxDocumentType) {
-          if (!((_k = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _k === void 0 ? void 0 : _k.currentTaxDocument))
+        if ((_o = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _o === void 0 ? void 0 : _o.requiredTaxDocumentType) {
+          if (!((_p = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _p === void 0 ? void 0 : _p.currentTaxDocument))
             return "PENDING_TAX_SUBMISSION";
           const status = taxConnection.publisher.currentTaxDocument.status;
           if (status === "INACTIVE" ||
@@ -593,10 +602,19 @@ const ReferralTableRewardsCell = class {
           if (status === "NOT_VERIFIED")
             return "PENDING_TAX_REVIEW";
         }
-        if (!((_l = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _l === void 0 ? void 0 : _l.withdrawalSettings))
+        if (!((_q = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _q === void 0 ? void 0 : _q.withdrawalSettings))
+          return "PENDING_PARTNER_CREATION";
+      }
+      // Fallback: when rewardStatus() forced PENDING because the user is
+      // connected but hasn't set up withdrawal settings (no pendingReasons
+      // were returned by the API, e.g. for credit rewards with a PFT).
+      if (reward.rewardedCash) {
+        if (!(taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.connected) ||
+          ((taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.connected) &&
+            !((_r = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _r === void 0 ? void 0 : _r.withdrawalSettings)))
           return "PENDING_PARTNER_CREATION";
       }
-      if ((_m = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _m === void 0 ? void 0 : _m.includes("MISSING_PAYOUT_CONFIGURATION")) {
+      if ((_s = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _s === void 0 ? void 0 : _s.includes("MISSING_PAYOUT_CONFIGURATION")) {
         return "PENDING_PARTNER_CREATION";
       }
       if (reward.statuses.length === 1)
@@ -656,7 +674,7 @@ const ReferralTableRewardsCell = class {
         date: getTimeDiff(reward.dateScheduledFor),
       }))) : (index.h("sl-badge", { class: getBadgeCSSClass(slBadgeType), type: slBadgeType, pill: true }, badgeText)), reward.dateExpires && state === "AVAILABLE" && (index.h("sl-badge", { class: getBadgeCSSClass(slBadgeType), type: "info", pill: true }, this.expiringText, ` ${getTimeDiff(reward.dateExpires)}`)))), index.h("div", null, state === "PENDING_REVIEW" && ((_c = reward.referral) === null || _c === void 0 ? void 0 : _c.dateModerated) && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.referral.dateModerated)
         .setLocale(utils.luxonLocale(this.locale))
-        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "PAYOUT_APPROVED" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PROCESSING" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_FAILED" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_CANCELLED" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_REVIEW" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_NEW_TAX_FORM" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_SUBMISSION" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_PARTNER_CREATION" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "DENIED" && ((_d = reward.referral) === null || _d === void 0 ? void 0 : _d.dateModerated) && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.referral.dateModerated)
+        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PROCESSING" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_APPROVED" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_FAILED" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_CANCELLED" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_REVIEW" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_NEW_TAX_FORM" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_SUBMISSION" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_PARTNER_CREATION" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "DENIED" && ((_d = reward.referral) === null || _d === void 0 ? void 0 : _d.dateModerated) && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.referral.dateModerated)
         .setLocale(utils.luxonLocale(this.locale))
         .toLocaleString(luxon.luxon.DateTime.DATE_MED)), ".", this.deniedHelpText ? ` ${this.deniedHelpText}` : ``))), reward.dateGiven && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, this.rewardReceivedText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.dateGiven)
         .setLocale(utils.luxonLocale(this.locale))

package/dist/cjs/sqm-rewards-table-customer-note-cell.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 
 const RewardTableCustomerNoteCell = class {
   constructor(hostRef) {

package/dist/cjs/sqm-rewards-table-customer-note-column.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-require('./index.module-42d413d9.js');
-const reRender = require('./re-render-69bde9ee.js');
+require('./index.module-f8c8495f.js');
+const reRender = require('./re-render-72a0ef45.js');
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

package/dist/cjs/sqm-rewards-table_9.cjs.entry.js

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 const GenericTableView = require('./GenericTableView-be5648e4.js');
-const reRender = require('./re-render-69bde9ee.js');
-const useChildElements = require('./useChildElements-89bc50a9.js');
+const reRender = require('./re-render-72a0ef45.js');
+const useChildElements = require('./useChildElements-041127d7.js');
 const luxon = require('./luxon-c1ad356a.js');
 const mockRewardData = require('./mockRewardData-ed603fca.js');
-const useReferralTable = require('./useReferralTable-d3ddfd05.js');
+const useReferralTable = require('./useReferralTable-6e9de0d5.js');
 
 const debug = domContextHooks_module.browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";
@@ -60,6 +60,7 @@ const GET_REWARDS = index_module.dist.gql `
             fuelTankCode
             fuelTankType
             currency
+            rewardedCash
             prettyValue(locale: $locale)
             prettyValueNumber: prettyValue(
               formatType: NUMBER_FORMATTED
@@ -854,7 +855,7 @@ const RewardTableStatusCell = class {
     this.pendingTaxReview = "Awaiting tax form review.";
     this.pendingNewTaxForm = "Invalid tax form. Submit a new form to receive your rewards.";
     this.pendingTaxSubmission = "Submit your tax documents to receive your rewards.";
-    this.pendingPartnerCreation = "Complete your tax and cash payout setup to receive your rewards.";
+    this.pendingPartnerCreation = "Complete your cash payout setup to receive your rewards.";
     this.pendingScheduled = "Until";
     this.pendingUnhandled = "Fulfillment error";
     this.pendingReviewText = "Awaiting review";
@@ -865,16 +866,26 @@ const RewardTableStatusCell = class {
     this.payoutProcessing = "Processing until {date}. Payout is then scheduled based on your settings.";
   }
   rewardStatus(reward) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     const hasExpired = (_a = reward.statuses) === null || _a === void 0 ? void 0 : _a.includes("EXPIRED");
     const isPending = (_b = reward.statuses) === null || _b === void 0 ? void 0 : _b.includes("PENDING");
     const integrationOrFueltankReward = reward.type === "INTEGRATION" || reward.type === "FUELTANK";
+    // AL: TODO Scott said we should change this to use pendingReasons instead of fraudStatus - probably dont want to change this for backwards compatibility
     const fraudStatus = (_d = (_c = reward.referral) === null || _c === void 0 ? void 0 : _c.fraudData) === null || _d === void 0 ? void 0 : _d.moderationStatus;
     if (fraudStatus === "DENIED")
       return "DENIED";
     if (fraudStatus === "PENDING")
       return "PENDING_REVIEW";
-    const partnerTransferStatus = (_e = reward.partnerFundsTransfer) === null || _e === void 0 ? void 0 : _e.status;
+    const isCashReward = reward.rewardedCash;
+    console.log(this.reward, "reward in status cell");
+    // pft can now be created before withdrawal settings exist
+    if (isCashReward) {
+      if (!((_e = this.taxConnection) === null || _e === void 0 ? void 0 : _e.connected) ||
+        (((_f = this.taxConnection) === null || _f === void 0 ? void 0 : _f.connected) &&
+          !((_h = (_g = this.taxConnection) === null || _g === void 0 ? void 0 : _g.publisher) === null || _h === void 0 ? void 0 : _h.withdrawalSettings)))
+        return "PENDING";
+    }
+    const partnerTransferStatus = (_j = reward.partnerFundsTransfer) === null || _j === void 0 ? void 0 : _j.status;
     if (reward.partnerFundsTransfer) {
       if (partnerTransferStatus === "REVERSED")
         return "PAYOUT_CANCELLED";
@@ -899,24 +910,24 @@ const RewardTableStatusCell = class {
     if (isPending)
       return "PENDING";
     if (reward.type === "CREDIT") {
-      return ((_f = reward.statuses) === null || _f === void 0 ? void 0 : _f.includes("REDEEMED")) ? "REDEEMED" : "AVAILABLE";
+      return ((_k = reward.statuses) === null || _k === void 0 ? void 0 : _k.includes("REDEEMED")) ? "REDEEMED" : "AVAILABLE";
     }
-    if (reward.type === "PCT_DISCOUNT" && ((_g = reward.statuses) === null || _g === void 0 ? void 0 : _g.includes("AVAILABLE"))) {
+    if (reward.type === "PCT_DISCOUNT" && ((_l = reward.statuses) === null || _l === void 0 ? void 0 : _l.includes("AVAILABLE"))) {
       return "AVAILABLE";
     }
     if (integrationOrFueltankReward && isPending) {
       return "PENDING";
     }
-    if (integrationOrFueltankReward && ((_h = reward.statuses) === null || _h === void 0 ? void 0 : _h.includes("CANCELLED"))) {
+    if (integrationOrFueltankReward && ((_m = reward.statuses) === null || _m === void 0 ? void 0 : _m.includes("CANCELLED"))) {
       return "CANCELLED";
     }
-    if (integrationOrFueltankReward && ((_j = reward.statuses) === null || _j === void 0 ? void 0 : _j.includes("AVAILABLE"))) {
+    if (integrationOrFueltankReward && ((_o = reward.statuses) === null || _o === void 0 ? void 0 : _o.includes("AVAILABLE"))) {
       return "AVAILABLE";
     }
     return "";
   }
   getTaxPendingReasons(reward, taxConnection) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     if ((_a = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _a === void 0 ? void 0 : _a.includes("US_TAX")) {
       if (!(taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.taxHandlingEnabled))
         return this.pendingUsTax;
@@ -931,12 +942,22 @@ const RewardTableStatusCell = class {
         if (status === "NOT_VERIFIED")
           return this.pendingTaxReview;
       }
-      if (!((_d = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _d === void 0 ? void 0 : _d.withdrawalSettings))
+      if (!((_d = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _d === void 0 ? void 0 : _d.withdrawalSettings)) {
         return this.pendingPartnerCreation;
+      }
     }
     if ((_e = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _e === void 0 ? void 0 : _e.includes("MISSING_PAYOUT_CONFIGURATION")) {
       return this.pendingPartnerCreation;
     }
+    // Fallback: when rewardStatus() forced PENDING because the user is
+    // connected but hasn't set up withdrawal settings (no pendingReasons
+    // were returned by the API, e.g. for credit rewards with a PFT).
+    if (reward.rewardedCash) {
+      if (!(taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.connected) ||
+        ((taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.connected) &&
+          !((_f = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _f === void 0 ? void 0 : _f.withdrawalSettings)))
+        return this.pendingPartnerCreation;
+    }
     return "";
   }
   getBadgeType(rewardStatus) {