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

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

@@ -31,7 +31,7 @@ const ShadowViewAddon = require('./ShadowViewAddon-2b3f51be.js');
 require('./sqm-portal-container-view-70a47420.js');
 const utils$1 = require('./utils-a8e0bd9b.js');
 const data = require('./data-6b5095f8.js');
-const keys = require('./keys-cff24974.js');
+const keys = require('./keys-5a2c9ed2.js');
 require('./eventKeys-7af4df4d.js');
 const usePayoutStatus = require('./usePayoutStatus-cf050a03.js');
 const parseStates = require('./parseStates-d1effc19.js');
@@ -6419,7 +6419,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";
   }
@@ -6651,11 +6650,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
@@ -7975,18 +7969,20 @@ const USER_LOOKUP = index_module.dist.gql `
   }
 `;
 function useWidgetVerification() {
-  const userIdentity = index_module.J();
-  const [showCode, setShowCode] = index_module.In({
+  const [showCode] = index_module.In({
     namespace: keys.SHOW_CODE_NAMESPACE,
     initialValue: false,
   });
-  const [email, setEmail] = index_module.In({
-    namespace: keys.VERIFICATION_EMAIL_NAMESPACE,
-    initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
-  });
   const setContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
   const [loading, setLoading] = domContextHooks_module.useState(true);
-  const [showPartnerModal, setShowPartnerModal] = domContextHooks_module.useState(false);
+  const [showPartnerModal, setShowPartnerModal] = index_module.In({
+    namespace: keys.SHOW_PARTNER_MODAL_NAMESPACE,
+    initialValue: false,
+  });
+  const [partnerCreated, setPartnerCreated] = index_module.In({
+    namespace: keys.PARTNER_CREATED_NAMESPACE,
+    initialValue: false,
+  });
   const [fetch] = index_module.Xe(USER_LOOKUP);
   domContextHooks_module.useEffect(() => {
     const checkUser = async () => {
@@ -8021,9 +8017,20 @@ function useWidgetVerification() {
   };
   const onPartnerModalComplete = () => {
     setShowPartnerModal(false);
+    setPartnerCreated(false);
     setContext(true);
   };
-  return { showCode, showPartnerModal, onVerification, onPartnerModalComplete, loading };
+  domContextHooks_module.useEffect(() => {
+    if (partnerCreated)
+      onPartnerModalComplete();
+  }, [partnerCreated]);
+  return {
+    showCode,
+    showPartnerModal,
+    onVerification,
+    onPartnerModalComplete,
+    loading,
+  };
 }
 
 const style$3 = {
@@ -8066,16 +8073,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
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -8260,7 +8257,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 index.h("div", null);
     }
-    // const generalText = this.getStepTextProps("general_");
     const partnerText = this.getStepTextProps("createPartnerStep_");
     const dialogLabel = this.general_widgetHeaderWithPartnerCreation;
     const renderStepContent = () => {

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

@@ -11,7 +11,7 @@ const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
 const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
-const keys = require('./keys-cff24974.js');
+const keys = require('./keys-5a2c9ed2.js');
 const useVerificationEmail = require('./useVerificationEmail-994bc32f.js');
 
 const style = {

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

@@ -11,8 +11,8 @@ const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
 const data = require('./data-6b5095f8.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-540886b4.js');
-const keys = require('./keys-cff24974.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-431ff976.js');
+const keys = require('./keys-5a2c9ed2.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 const parseStates = require('./parseStates-d1effc19.js');
 const useVerificationEmail = require('./useVerificationEmail-994bc32f.js');
@@ -417,7 +417,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 = index_module.dist.gql `
   query getUserPartnerInfo {
     user: viewer {
@@ -514,30 +513,22 @@ const START_IMPACT_CONNECTION = index_module.dist.gql `
     }
   }
 `;
-const GET_BRAND_NAME = index_module.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 = index_module.L();
-  const setVerificationContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
+  const setPartnerCreated = index_module.En(keys.PARTNER_CREATED_NAMESPACE);
   const { data: userData, loading: userLoading, refetch, } = index_module.wn(GET_USER_PARTNER_INFO, {});
   const user = userData === null || userData === void 0 ? void 0 : userData.user;
   const { data: currenciesData, loading: currenciesLoading } = index_module.wn(GET_CURRENCIES, { variables: { locale } });
   const { data: countriesData, loading: countriesLoading } = index_module.wn(GET_COUNTRIES, {});
-  const { data: tenantSettingsData } = index_module.wn(GET_BRAND_NAME, {});
   const { data: financeNetworkData } = index_module.wn(data.GET_FINANCE_NETWORK_SETTINGS, {
     variables: { filter: {} },
   });
-  const [startImpactConnection, { loading: connectLoading, errors: connectErrors },] = index_module.$e(START_IMPACT_CONNECTION);
+  const [startImpactConnection, { loading: connectLoading }] = index_module.$e(START_IMPACT_CONNECTION);
   const [allowBankingCollection, setAllowBankingCollection] = domContextHooks_module.useState(false);
-  const [checkboxError, setCheckboxError] = domContextHooks_module.useState("");
   // No pre-filled country, use locale to determine countryCode instead
-  const [countryCode, setCountryCode] = domContextHooks_module.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] = domContextHooks_module.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] = domContextHooks_module.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?
@@ -611,13 +602,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) {
@@ -625,7 +614,10 @@ function usePartnerInfoModal(props) {
       return;
     }
     setError("");
-    setCheckboxError("");
+    if (!user) {
+      setError(props.networkErrorText);
+      return;
+    }
     try {
       const vars = {
         user: {
@@ -634,8 +626,6 @@ function usePartnerInfoModal(props) {
         },
         firstName: user.firstName,
         lastName: user.lastName,
-        // phoneNumber: null,
-        // phoneNumberCountryCode: null,
         countryCode,
         currency,
       };
@@ -646,7 +636,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);
@@ -655,8 +644,8 @@ function usePartnerInfoModal(props) {
       }
       window.dispatchEvent(new Event(eventKeys.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);
@@ -671,16 +660,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: {
@@ -699,12 +686,6 @@ function usePartnerInfoModal(props) {
 const PartnerInfoModal = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /**
-     * Brand name shown in the modal header
-     *
-     * @uiName Brand name
-     */
-    this.brandName = "";
     /**
      * Header text when user has no existing partner
      *
@@ -828,7 +809,6 @@ function useDemoPartnerInfoModal(props) {
   // @ts-ignore
   return cjs.cjs({
     states: {
-      brandName: "Test Brand",
       open: false,
       loading: false,
       submitting: false,
@@ -840,7 +820,6 @@ function useDemoPartnerInfoModal(props) {
       filteredCountries: [],
       filteredCurrencies: [],
       allowBankingCollection,
-      checkboxError: "",
       disabled: false,
     },
     callbacks: {

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

@@ -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)",
@@ -87,22 +90,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, 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-referral-table_11.cjs.entry.js

@@ -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_9.cjs.entry.js

@@ -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) {