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

package/dist/esm/sqm-big-stat_46.entry.js

@@ -27,7 +27,7 @@ import { u as useDemoBigStat, V as useBigStat, B as BigStatView, C as CardFeedVi
 import './sqm-portal-container-view-a8c708cd.js';
 import { g as getCountryObj, L as LoadingView } from './utils-8267d3d8.js';
 import { T as TAX_CONTEXT_NAMESPACE, a as TAX_FORM_CONTEXT_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE, C as CURRENCIES_NAMESPACE, b as COUNTRIES_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, G as GET_USER$2, d as COUNTRIES_QUERY_NAMESPACE, e as GET_COUNTRIES, f as FINANCE_NETWORK_SETTINGS_NAMESPACE, g as GET_FINANCE_NETWORK_SETTINGS, h as CURRENCIES_QUERY_NAMESPACE, i as GET_CURRENCIES } from './data-33c16dff.js';
-import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.js';
+import { S as SHOW_CODE_NAMESPACE, a as SHOW_PARTNER_MODAL_NAMESPACE, P as PARTNER_CREATED_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE, b as VERIFICATION_EMAIL_NAMESPACE } from './keys-d7c5c851.js';
 import './eventKeys-f76b6a03.js';
 import { u as usePayoutStatus } from './usePayoutStatus-fa504d49.js';
 import { p as parseStates } from './parseStates-ed75e224.js';
@@ -6415,7 +6415,6 @@ function getCurrentStep(user) {
     return "/1";
   }
   const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, payoutsAccount, } = user.impactConnection.publisher;
-  console.log(user.impactConnection, "publisher data in useTaxAndCash to determine step new new");
   if (user.impactConnection.connectionStatus === "STARTED") {
     return "/1";
   }
@@ -6647,11 +6646,6 @@ const TaxAndCashMonolith = class {
      * @uiGroup Step 1 Properties
      */
     this.step1_currency = "Currency";
-    /**
-     * @uiName Currency field help text
-     * @uiGroup Step 1 Properties
-     */
-    this.step1_currencyHelpText = "Choose your preferred payout currency";
     /**
      * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
      * @uiName Terms and conditions checkbox
@@ -7971,18 +7965,20 @@ const USER_LOOKUP = dist.gql `
   }
 `;
 function useWidgetVerification() {
-  const userIdentity = J();
-  const [showCode, setShowCode] = In({
+  const [showCode] = In({
     namespace: SHOW_CODE_NAMESPACE,
     initialValue: false,
   });
-  const [email, setEmail] = In({
-    namespace: VERIFICATION_EMAIL_NAMESPACE,
-    initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
-  });
   const setContext = En(VERIFICATION_PARENT_NAMESPACE);
   const [loading, setLoading] = useState(true);
-  const [showPartnerModal, setShowPartnerModal] = useState(false);
+  const [showPartnerModal, setShowPartnerModal] = In({
+    namespace: SHOW_PARTNER_MODAL_NAMESPACE,
+    initialValue: false,
+  });
+  const [partnerCreated, setPartnerCreated] = In({
+    namespace: PARTNER_CREATED_NAMESPACE,
+    initialValue: false,
+  });
   const [fetch] = Xe(USER_LOOKUP);
   useEffect(() => {
     const checkUser = async () => {
@@ -8017,9 +8013,20 @@ function useWidgetVerification() {
   };
   const onPartnerModalComplete = () => {
     setShowPartnerModal(false);
+    setPartnerCreated(false);
     setContext(true);
   };
-  return { showCode, showPartnerModal, onVerification, onPartnerModalComplete, loading };
+  useEffect(() => {
+    if (partnerCreated)
+      onPartnerModalComplete();
+  }, [partnerCreated]);
+  return {
+    showCode,
+    showPartnerModal,
+    onVerification,
+    onPartnerModalComplete,
+    loading,
+  };
 }
 
 const style$3 = {
@@ -8062,16 +8069,6 @@ const WidgetVerification = class {
      * @uiGroup General Text
      */
     this.general_widgetHeaderWithPartnerCreation = "Let's get you ready for rewards";
-    /**
-     * @uiName General verify widget header text
-     * @uiGroup General Text
-     */
-    this.general_verifyEmailHeader = "Verify your email";
-    /**
-     * @uiName General verify widget description text
-     * @uiGroup General Text
-     */
-    this.general_verifyEmailDescription = "To get your cash paid out directly to your bank account, please complete your account setup";
     /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     EMAIL STEP PROPS
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -8256,7 +8253,6 @@ const WidgetVerification = class {
     if (props.showPartnerModal && ((_a = partnerState === null || partnerState === void 0 ? void 0 : partnerState.states) === null || _a === void 0 ? void 0 : _a.open) === false) {
       return h$1("div", null);
     }
-    // const generalText = this.getStepTextProps("general_");
     const partnerText = this.getStepTextProps("createPartnerStep_");
     const dialogLabel = this.general_widgetHeaderWithPartnerCreation;
     const renderStepContent = () => {

package/dist/esm/sqm-code-verification.entry.js

@@ -7,7 +7,7 @@ import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { E as ErrorStyles } from './mixins-f750863a.js';
 import { T as TextSpanView } from './sqm-text-span-view-4db9e33f.js';
-import { a as VERIFICATION_EMAIL_NAMESPACE, S as SHOW_CODE_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.js';
+import { b as VERIFICATION_EMAIL_NAMESPACE, S as SHOW_CODE_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-d7c5c851.js';
 import { u as useVerificationEmail } from './useVerificationEmail-cb3d51e3.js';
 
 const style = {

package/dist/esm/sqm-email-verification_2.entry.js

@@ -7,8 +7,8 @@ import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-4db9e33f.js';
 import { g as GET_FINANCE_NETWORK_SETTINGS } from './data-33c16dff.js';
-import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-eec8606e.js';
-import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.js';
+import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-b3c33bc3.js';
+import { S as SHOW_CODE_NAMESPACE, b as VERIFICATION_EMAIL_NAMESPACE, P as PARTNER_CREATED_NAMESPACE } from './keys-d7c5c851.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
 import { p as parseStates } from './parseStates-ed75e224.js';
 import { u as useVerificationEmail } from './useVerificationEmail-cb3d51e3.js';
@@ -413,7 +413,6 @@ function useDemoWidgetEmailVerification(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-// new field under impactConnection:{ resolvedByEmail: boolean } - determines if connection came from managed identity
 const GET_USER_PARTNER_INFO = dist.gql `
   query getUserPartnerInfo {
     user: viewer {
@@ -510,30 +509,22 @@ const START_IMPACT_CONNECTION = dist.gql `
     }
   }
 `;
-const GET_BRAND_NAME = dist.gql `
-  query getTenantSettings {
-    tenantSettings {
-      companyName
-    }
-  }
-`;
 function usePartnerInfoModal(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f;
   const locale = L();
-  const setVerificationContext = En(VERIFICATION_PARENT_NAMESPACE);
+  const setPartnerCreated = En(PARTNER_CREATED_NAMESPACE);
   const { data: userData, loading: userLoading, refetch, } = wn(GET_USER_PARTNER_INFO, {});
   const user = userData === null || userData === void 0 ? void 0 : userData.user;
   const { data: currenciesData, loading: currenciesLoading } = wn(GET_CURRENCIES, { variables: { locale } });
   const { data: countriesData, loading: countriesLoading } = wn(GET_COUNTRIES, {});
-  const { data: tenantSettingsData } = wn(GET_BRAND_NAME, {});
   const { data: financeNetworkData } = wn(GET_FINANCE_NETWORK_SETTINGS, {
     variables: { filter: {} },
   });
-  const [startImpactConnection, { loading: connectLoading, errors: connectErrors },] = $e(START_IMPACT_CONNECTION);
+  const [startImpactConnection, { loading: connectLoading }] = $e(START_IMPACT_CONNECTION);
   const [allowBankingCollection, setAllowBankingCollection] = useState(false);
-  const [checkboxError, setCheckboxError] = useState("");
   // No pre-filled country, use locale to determine countryCode instead
-  const [countryCode, setCountryCode] = useState(((_b = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.countryCode) || "");
+  const [countryCode, setCountryCode] = useState(((_b = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.countryCode) ||
+    locale.replace(/^.*_/, ""));
   const [currency, setCurrency] = useState(((_d = (_c = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher) === null || _d === void 0 ? void 0 : _d.currency) || "");
   const countries = ((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || [];
   // copied from useTaxAndCash for displaying currencies based on country - could be in helper?
@@ -607,13 +598,11 @@ function usePartnerInfoModal(props) {
   function onCheckboxChange(e) {
     const checked = e.target.checked;
     setAllowBankingCollection(checked);
-    if (checked)
-      setCheckboxError("");
   }
   async function onSubmit() {
     var _a, _b;
     if (!allowBankingCollection) {
-      setCheckboxError(props.missingFieldsErrorText);
+      setError(props.missingFieldsErrorText);
       return;
     }
     if (!countryCode || !currency) {
@@ -621,7 +610,10 @@ function usePartnerInfoModal(props) {
       return;
     }
     setError("");
-    setCheckboxError("");
+    if (!user) {
+      setError(props.networkErrorText);
+      return;
+    }
     try {
       const vars = {
         user: {
@@ -630,8 +622,6 @@ function usePartnerInfoModal(props) {
         },
         firstName: user.firstName,
         lastName: user.lastName,
-        // phoneNumber: null,
-        // phoneNumberCountryCode: null,
         countryCode,
         currency,
       };
@@ -642,7 +632,6 @@ function usePartnerInfoModal(props) {
       }
       const connectionResult = result
         .startImpactConnection;
-      console.log(result, connectionResult, "result and connectionResult from creating partner from modal");
       if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
         const validationMsg = (_b = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors) === null || _b === void 0 ? void 0 : _b.map((e) => e.message).join(". ");
         setError(validationMsg || props.networkErrorText);
@@ -651,8 +640,8 @@ function usePartnerInfoModal(props) {
       }
       window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
       await refetch();
+      setPartnerCreated === null || setPartnerCreated === void 0 ? void 0 : setPartnerCreated(true);
       setSuccess(true);
-      setVerificationContext(true);
     }
     catch (e) {
       console.error("Partner creation error:", e);
@@ -667,16 +656,14 @@ function usePartnerInfoModal(props) {
       open: showModal,
       loading: userLoading || countriesLoading || currenciesLoading,
       submitting: connectLoading,
-      isExistingPartner: impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher,
+      isExistingPartner: !!(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher),
       countryCode,
       currency,
       error,
       success,
-      brandName: ((_g = tenantSettingsData === null || tenantSettingsData === void 0 ? void 0 : tenantSettingsData.tenantSettings) === null || _g === void 0 ? void 0 : _g.companyName) || "",
       filteredCountries: filteredCountries || [],
       filteredCurrencies: filteredCurrencies || [],
       allowBankingCollection,
-      checkboxError,
       disabled: userLoading || connectLoading,
     },
     callbacks: {
@@ -695,12 +682,6 @@ function usePartnerInfoModal(props) {
 const PartnerInfoModal = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Brand name shown in the modal header
-     *
-     * @uiName Brand name
-     */
-    this.brandName = "";
     /**
      * Header text when user has no existing partner
      *
@@ -824,7 +805,6 @@ function useDemoPartnerInfoModal(props) {
   // @ts-ignore
   return cjs({
     states: {
-      brandName: "Test Brand",
       open: false,
       loading: false,
       submitting: false,
@@ -836,7 +816,6 @@ function useDemoPartnerInfoModal(props) {
       filteredCountries: [],
       filteredCurrencies: [],
       allowBankingCollection,
-      checkboxError: "",
       disabled: false,
     },
     callbacks: {

package/dist/esm/{sqm-partner-info-modal-view-eec8606e.js → sqm-partner-info-modal-view-b3c33bc3.js}

@@ -29,8 +29,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: {
@@ -57,6 +55,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)",
@@ -85,22 +88,24 @@ function PartnerInfoModalContentView(props) {
       styleString),
     h("div", { class: sheet.classes.FormFields },
       description,
-      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 },
+      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 },
         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.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); } }), (_b = states.filteredCurrencies) === null || _b === void 0 ? void 0 :
-        _b.map((c) => (h("sl-menu-item", { value: c.currencyCode },
+      h("sl-select", { exportparts: "label: input-label, base: input-base", label: text.currencyLabel, value: states.currency, disabled: states.submitting || !!states.currency, 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)))),
+          c.displayName))))),
       h("div", { class: sheet.classes.CheckboxWrapper },
-        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 && (h("p", { class: sheet.classes.ErrorMessage }, states.checkboxError)))),
-    states.error && h("p", { class: sheet.classes.ErrorMessage }, states.error),
+        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 && (h("div", { class: sheet.classes.ErrorMessage },
+      h("sqm-form-message", { class: sheet.classes.ErrorMessage, type: "error" },
+        h("p", { part: "alert-description" }, states.error)))),
     h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting ||
         !states.countryCode ||
         !states.currency ||

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

@@ -424,7 +424,7 @@ const ReferralTableRewardsCell = class {
   constructor(hostRef) {
     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";
   }
@@ -531,7 +531,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",
@@ -555,12 +555,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";
@@ -573,13 +582,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" ||
@@ -589,10 +598,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)
@@ -652,7 +670,7 @@ const ReferralTableRewardsCell = class {
         date: getTimeDiff(reward.dateScheduledFor),
       }))) : (h$1("sl-badge", { class: getBadgeCSSClass(slBadgeType), type: slBadgeType, pill: true }, badgeText)), reward.dateExpires && state === "AVAILABLE" && (h$1("sl-badge", { class: getBadgeCSSClass(slBadgeType), type: "info", pill: true }, this.expiringText, ` ${getTimeDiff(reward.dateExpires)}`)))), h$1("div", null, state === "PENDING_REVIEW" && ((_c = reward.referral) === null || _c === void 0 ? void 0 : _c.dateModerated) && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.referral.dateModerated)
         .setLocale(luxonLocale(this.locale))
-        .toLocaleString(luxon.DateTime.DATE_MED))))), state === "PAYOUT_APPROVED" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PROCESSING" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_FAILED" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_CANCELLED" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_REVIEW" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_NEW_TAX_FORM" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_SUBMISSION" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_PARTNER_CREATION" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "DENIED" && ((_d = reward.referral) === null || _d === void 0 ? void 0 : _d.dateModerated) && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.referral.dateModerated)
+        .toLocaleString(luxon.DateTime.DATE_MED))))), state === "" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PROCESSING" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_APPROVED" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_FAILED" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_CANCELLED" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_REVIEW" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_NEW_TAX_FORM" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_SUBMISSION" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_PARTNER_CREATION" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "DENIED" && ((_d = reward.referral) === null || _d === void 0 ? void 0 : _d.dateModerated) && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.referral.dateModerated)
         .setLocale(luxonLocale(this.locale))
         .toLocaleString(luxon.DateTime.DATE_MED)), ".", this.deniedHelpText ? ` ${this.deniedHelpText}` : ``))), reward.dateGiven && (h$1("div", null, h$1(TextSpanView, { type: "p" }, this.rewardReceivedText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.dateGiven)
         .setLocale(luxonLocale(this.locale))

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

@@ -56,6 +56,7 @@ const GET_REWARDS = dist.gql `
             fuelTankCode
             fuelTankType
             currency
+            rewardedCash
             prettyValue(locale: $locale)
             prettyValueNumber: prettyValue(
               formatType: NUMBER_FORMATTED
@@ -850,7 +851,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";
@@ -861,16 +862,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";
@@ -895,24 +906,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;
@@ -927,12 +938,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) {