@saasquatch/mint-components 2.0.11-2 → 2.1.0-0

package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.js

@@ -73,7 +73,7 @@ export class RewardTableStatusCell {
     this.pendingUnhandled = "Fulfillment error";
     this.pendingReviewText = "Awaiting review";
     this.deniedText = "Detected self-referral";
-    this.payoutFailed = "Payout failed due to a fulfillment issue and is current being retried.";
+    this.payoutFailed = "Payout failed due to a fulfillment issue and is currently being retried.";
     this.payoutApproved = "Payout approved and scheduled for payment based on your settings.";
     this.payoutCancelled = "If you think this is a mistake, contact our Support team.";
     this.payoutProcessing = "Processing until {date}. Payout is then scheduled based on your settings.";
@@ -90,19 +90,18 @@ export class RewardTableStatusCell {
       return "PENDING_REVIEW";
     const partnerTransferStatus = (_e = reward.partnerFundsTransfer) === null || _e === void 0 ? void 0 : _e.status;
     if (reward.partnerFundsTransfer) {
-      console.log({
-        isProcessing: reward.partnerFundsTransfer.dateScheduled > Date.now(),
-      });
       if (partnerTransferStatus === "REVERSED")
         return "PAYOUT_CANCELLED";
       if (partnerTransferStatus === "OVERDUE")
         return "PAYOUT_FAILED";
-      if (reward.partnerFundsTransfer.dateScheduled > Date.now()) {
+      if (reward.partnerFundsTransfer.dateScheduled &&
+        reward.partnerFundsTransfer.dateScheduled > Date.now()) {
         return "PROCESSING";
       }
       if (partnerTransferStatus === "TRANSFERRED" ||
         partnerTransferStatus === "NOT_YET_DUE" ||
-        (reward.partnerFundsTransfer.dateScheduled < Date.now() &&
+        (reward.partnerFundsTransfer.dateScheduled &&
+          reward.partnerFundsTransfer.dateScheduled < Date.now() &&
           partnerTransferStatus !== "OVERDUE" &&
           partnerTransferStatus !== "REVERSED"))
         return "PAYOUT_APPROVED";
@@ -538,7 +537,7 @@ export class RewardTableStatusCell {
       },
       "attribute": "payout-failed",
       "reflect": false,
-      "defaultValue": "\"Payout failed due to a fulfillment issue and is current being retried.\""
+      "defaultValue": "\"Payout failed due to a fulfillment issue and is currently being retried.\""
     },
     "payoutApproved": {
       "type": "string",

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

@@ -5,7 +5,7 @@ import { useRequestRerender } from "../../../tables/re-render";
  * @uiName Reward Table Status Column
  * @validParents ["sqm-rewards-table"]
  * @exampleGroup Rewards
- * @example Reward Table Status Column - <sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error" pending-review-text="Awaiting review" denied-text="Detected self-referral" pending-tax-review="Awaiting tax form review." pending-new-tax-form="Invalid tax form. Submit a new form to receive your rewards." pending-tax-submission="Submit your tax documents to receive your rewards." pending-partner-creation="Complete your tax and cash payout setup to receive your rewards." payout-failed="Payout failed due to a fulfillment issue and is current being retried." payout-cancelled="If you think this is a mistake, contact our Support team." payout-approved="Reward was scheduled for payment based on your settings, barring any account holds." ></sqm-rewards-table-status-column>
+ * @example Reward Table Status Column - <sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error" pending-review-text="Awaiting review" denied-text="Detected self-referral" pending-tax-review="Awaiting tax form review." pending-new-tax-form="Invalid tax form. Submit a new form to receive your rewards." pending-tax-submission="Submit your tax documents to receive your rewards." pending-partner-creation="Complete your tax and cash payout setup to receive your rewards." payout-failed="Payout failed due to a fulfillment issue and is currently being retried." payout-cancelled="If you think this is a mistake, contact our Support team." payout-approved="Reward was scheduled for payment based on your settings, barring any account holds." ></sqm-rewards-table-status-column>
  */
 export class RewardTableStatusColumn {
   constructor() {
@@ -83,7 +83,13 @@ export class RewardTableStatusColumn {
      *
      * @uiName Payout failed text
      */
-    this.payoutFailed = "Payout failed due to a fulfillment issue and is current being retried.";
+    this.payoutFailed = "Payout failed due to a fulfillment issue and is currently being retried.";
+    /**
+     * Displayed when a reward payout is processing.
+     *
+     * @uiName Payout processing text
+     */
+    this.payoutProcessing = "Processing until {date}. Payout is then scheduled based on your settings.";
     /**
      * Displayed when reward payout was reversed (based on Impact cash payout configuration).
      *
@@ -100,7 +106,7 @@ export class RewardTableStatusColumn {
   }
   disconnectedCallback() { }
   async renderCell(data, options) {
-    return (h("sqm-rewards-table-status-cell", { statusText: this.statusText, reward: data, taxConnection: options === null || options === void 0 ? void 0 : options.taxConnection, expiryText: this.expiryText, pendingScheduled: this.pendingScheduled, pendingUsTax: this.pendingUsTax, pendingUnhandled: this.pendingUnhandled, pendingReviewText: this.pendingReviewText, payoutFailed: this.payoutFailed, payoutApproved: this.payoutApproved, payoutCancelled: this.payoutCancelled, deniedText: this.deniedText, locale: options === null || options === void 0 ? void 0 : options.locale }));
+    return (h("sqm-rewards-table-status-cell", { statusText: this.statusText, reward: data, taxConnection: options === null || options === void 0 ? void 0 : options.taxConnection, expiryText: this.expiryText, pendingScheduled: this.pendingScheduled, pendingUsTax: this.pendingUsTax, pendingUnhandled: this.pendingUnhandled, pendingReviewText: this.pendingReviewText, payoutFailed: this.payoutFailed, payoutApproved: this.payoutApproved, payoutProcessing: this.payoutProcessing, payoutCancelled: this.payoutCancelled, deniedText: this.deniedText, locale: options === null || options === void 0 ? void 0 : options.locale }));
   }
   async renderLabel() {
     return this.columnTitle;
@@ -394,7 +400,28 @@ export class RewardTableStatusColumn {
       },
       "attribute": "payout-failed",
       "reflect": false,
-      "defaultValue": "\"Payout failed due to a fulfillment issue and is current being retried.\""
+      "defaultValue": "\"Payout failed due to a fulfillment issue and is currently being retried.\""
+    },
+    "payoutProcessing": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payout processing text",
+            "name": "uiName"
+          }],
+        "text": "Displayed when a reward payout is processing."
+      },
+      "attribute": "payout-processing",
+      "reflect": false,
+      "defaultValue": "\"Processing until {date}. Payout is then scheduled based on your settings.\""
     },
     "payoutCancelled": {
       "type": "string",

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

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

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

@@ -73,8 +73,8 @@ import * as ReferralTableRewardsCell from "../sqm-referral-table/ReferralTableRe
 import * as UseReferralTable from "../sqm-referral-table/UseReferralTable.stories";
 import * as RewardExchangeList from "../sqm-reward-exchange-list/RewardExchangeList.stories";
 import * as UseRewardExchangeList from "../sqm-reward-exchange-list/UseRewardExchangeList.stories";
-import * as RewardsTable from "../sqm-rewards-table/TaxAndCashRewardsTable.stories";
-import * as TaxAndCashRewardsTable from "../sqm-rewards-table/RewardsTable.stories";
+import * as RewardsTable from "../sqm-rewards-table/RewardsTable.stories";
+import * as TaxAndCashRewardsTable from "../sqm-rewards-table/TaxAndCashRewardsTable.stories";
 import * as RewardsTableCell from "../sqm-rewards-table/RewardsTableCell.stories";
 import * as TaxAndCashRewardsTableCell from "../sqm-rewards-table/TaxAndCashRewardsTableCell.stories";
 import * as UseRewardsTable from "../sqm-rewards-table/UseRewardsTable.stories";

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.js

@@ -24,6 +24,9 @@ const GET_USER_STATUS = gql `
             partnerFundsTransfer {
               id
               status
+              dateScheduled
+              dateCreated
+              dateTransferred
             }
           }
         }

package/dist/collection/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.js

@@ -42,7 +42,7 @@ export function useUserInfoForm(props) {
     window.location.hash = "";
   }, []);
   useEffect(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     const user = data === null || data === void 0 ? void 0 : data.user;
     if (!user || step !== "/1")
       return;
@@ -72,16 +72,16 @@ export function useUserInfoForm(props) {
       // Initialise with user information
       setUserFormContext({
         email,
-        firstName: user.firstName,
-        lastName: user.lastName,
+        firstName: ((_e = (_d = user.impactConnection) === null || _d === void 0 ? void 0 : _d.user) === null || _e === void 0 ? void 0 : _e.firstName) || user.firstName,
+        lastName: ((_g = (_f = user.impactConnection) === null || _f === void 0 ? void 0 : _f.user) === null || _g === void 0 ? void 0 : _g.lastName) || user.lastName,
         countryCode: user.countryCode || "US",
-        currency: (_d = user.customFields) === null || _d === void 0 ? void 0 : _d.currency,
-        phoneNumberCountryCode: ((_e = user.customFields) === null || _e === void 0 ? void 0 : _e.phoneNumberCountryCode) || "US",
-        phoneNumber: (_f = user.customFields) === null || _f === void 0 ? void 0 : _f.phoneNumber,
-        address: (_g = user.customFields) === null || _g === void 0 ? void 0 : _g.address,
-        city: (_h = user.customFields) === null || _h === void 0 ? void 0 : _h.city,
-        state: (_j = user.customFields) === null || _j === void 0 ? void 0 : _j.state,
-        postalCode: (_k = user.customFields) === null || _k === void 0 ? void 0 : _k.postalCode,
+        currency: (_h = user.customFields) === null || _h === void 0 ? void 0 : _h.currency,
+        phoneNumberCountryCode: ((_j = user.customFields) === null || _j === void 0 ? void 0 : _j.phoneNumberCountryCode) || "US",
+        phoneNumber: (_k = user.customFields) === null || _k === void 0 ? void 0 : _k.phoneNumber,
+        address: (_l = user.customFields) === null || _l === void 0 ? void 0 : _l.address,
+        city: (_m = user.customFields) === null || _m === void 0 ? void 0 : _m.city,
+        state: (_o = user.customFields) === null || _o === void 0 ? void 0 : _o.state,
+        postalCode: (_p = user.customFields) === null || _p === void 0 ? void 0 : _p.postalCode,
       });
     }
   }, [data, step, userFormContext]);
@@ -116,7 +116,9 @@ export function useUserInfoForm(props) {
       setFilteredPhoneCountries(countries || []);
     }
     else {
-      setFilteredPhoneCountries(countries.filter((c) => c.displayName.toLowerCase().includes(phoneCountrySearch.toLowerCase())) || []);
+      setFilteredPhoneCountries(countries.filter((c) => c.displayName
+        .toLowerCase()
+        .includes(phoneCountrySearch.toLowerCase())) || []);
     }
   }, [phoneCountrySearch, countries]);
   useEffect(() => {
@@ -154,7 +156,8 @@ export function useUserInfoForm(props) {
       throw new Error();
     if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
       // Output backend errors to console for now
-      console.error("Failed to create Impact connection: ", result.createImpactConnection.validationErrors);
+      console.error("Failed to create Impact connection: ", result.createImpactConnection
+        .validationErrors);
       throw new Error();
     }
     await refetch();