@saasquatch/mint-components 1.8.0-41 → 1.8.0-43

package/dist/cjs/sqm-banking-info-form_6.cjs.entry.js

@@ -722,13 +722,6 @@ const SAVE_WITHDRAWAL_SETTINGS = index_module.dist.gql `
     }
   }
 `;
-function getPaymentMethod(paymentOption) {
-  if (paymentOption.paymentMethod === 3 || paymentOption.paymentMethod === 5)
-    return "BANK_TRANSFER";
-  if (paymentOption.paymentMethod === 7)
-    return "PAYPAL";
-  return "";
-}
 function useBankingInfoForm(props) {
   var _a, _b, _c, _d, _e, _f, _g;
   const locale = index_module.N();
@@ -760,6 +753,7 @@ function useBankingInfoForm(props) {
       }
     });
     setErrors(validationErrors);
+    console.log({ validationErrors });
     if (Object.keys(validationErrors).length) {
       return;
     }
@@ -769,17 +763,18 @@ function useBankingInfoForm(props) {
       // @ts-ignore figure out what the values for paymentDay are
       // const { paymentDay, ...rest } = formData;
       // TODO: wire up mutation
-      await saveWithdrawalSettings({
-        setImpactPublisherWithdrawalSettingsInput: {
-          userId: user.id,
-          accountId: user.accountId,
-          paymentMethod: getPaymentMethod(currentPaymentOption),
-          ...formData,
-        },
-      });
-      // setStep("/submitted");
+      // await saveWithdrawalSettings({
+      //   setImpactPublisherWithdrawalSettingsInput: {
+      //     userId: user.id,
+      //     accountId: user.accountId,
+      //     paymentMethod: getPaymentMethod(currentPaymentOption),
+      //     ...formData,
+      //   },
+      // });
+      setStep("/submitted");
     }
     catch (e) {
+      console.error(e);
       setErrors({ general: true });
     }
     finally {
@@ -875,7 +870,7 @@ const BankingInfoForm = class {
      * Subtext shown at the top of the page, used to show the current step of the tax form.
      * @uiName Form step text
      */
-    this.formStep = "Step 3 of 4";
+    this.formStep = "Step 4 of 5";
     /**
      * Heading text shown at the top of the page
      * @uiName Tax and Payouts heading text
@@ -1518,7 +1513,7 @@ function useDocusignForm(props) {
     if (DOCUSIGN_ERROR_STATES.includes(docusignStatus))
       return;
     if (DOCUSIGN_SUCCESS_STATES.includes(docusignStatus)) {
-      setPath("/submitted");
+      setPath("/4");
     }
     if (DOCUSIGN_ERROR_STATES.includes(docusignStatus)) {
       setErrors({
@@ -1542,7 +1537,7 @@ function useDocusignForm(props) {
       if (status === "NOT_VERIFIED" || status === "ACTIVE") {
         console.log("Document has been registered as submitted");
       }
-      setPath(context.overrideNextStep || "/submitted");
+      setPath(context.overrideNextStep || "/4");
     }
     catch (e) {
       setErrors({ formSubission: { status: "document-error" } });
@@ -2132,10 +2127,12 @@ function useIndirectTaxForm(props) {
       await refetch();
       console.log({ result });
       if ((_d = (_c = (_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher) === null || _d === void 0 ? void 0 : _d.requiredTaxDocumentType) {
+        // Go to docusign form
         setStep("/3");
       }
       else {
-        setStep("/submitted");
+        // Go to banking information form
+        setStep("/4");
       }
     }
     catch (e) {

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

@@ -499,6 +499,12 @@ const ReferralTableRewardsCell = class {
         "AVAILABLE",
         "PENDING_REVIEW",
         "DENIED",
+        "PAYOUT_SENT",
+        "PAYOUT_FAILED",
+        "PENDING_TAX_REVIEW",
+        "PENDING_NEW_TAX_FORM",
+        "PENDING_TAX_SUBMISSION",
+        "PENDING_PARTNER_CREATION",
       ];
       if (((_b = (_a = reward.referral) === null || _a === void 0 ? void 0 : _a.fraudData) === null || _b === void 0 ? void 0 : _b.moderationStatus) !== "APPROVED") {
         if (((_d = (_c = reward.referral) === null || _c === void 0 ? void 0 : _c.fraudData) === null || _d === void 0 ? void 0 : _d.moderationStatus) === "PENDING")
@@ -513,13 +519,19 @@ const ReferralTableRewardsCell = class {
     const getSLBadgeType = (state) => {
       switch (state) {
         case "REDEEMED":
+        case "PAYOUT_SENT":
           return "primary";
         case "DENIED":
         case "EXPIRED":
         case "CANCELLED":
+        case "PAYOUT_FAILED":
           return "danger";
         case "PENDING":
         case "PENDING_REVIEW":
+        case "PENDING_TAX_REVIEW":
+        case "PENDING_NEW_TAX_FORM":
+        case "PENDING_TAX_SUBMISSION":
+        case "PENDING_PARTNER_CREATION":
           return "warning";
         case "AVAILABLE":
           return "success";
@@ -546,6 +558,7 @@ const ReferralTableRewardsCell = class {
       }, {
         status: state,
       });
+      console.log(statusText);
       return (index.h("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails }, index.h("style", { type: "text/css" }, styleString), index.h("div", { slot: "summary", class: sheet.classes.DetailsContainer }, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, index.h("span", { part: "sqm-cell-value", class: sheet.classes.BoldText }, reward.prettyValue)), index.h("div", { class: sheet.classes.BadgeContainer }, state === "PENDING" && reward.dateScheduledFor ? (index.h("sl-badge", { class: slBadgeType === "primary"
           ? sheet.classes.RedeemBadge
           : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, global.intl.formatMessage({
@@ -558,9 +571,9 @@ const ReferralTableRewardsCell = class {
           ? sheet.classes.RedeemBadge
           : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)), reward.dateExpires && state === "AVAILABLE" && (index.h("sl-badge", { class: slBadgeType === "primary"
           ? sheet.classes.RedeemBadge
-          : sheet.classes.StatusBadge, type: "info", pill: true }, this.expiringText, ` ${getTimeDiff(reward.dateExpires)}`)))), index.h("div", null, state === "PENDING_REVIEW" && ((_a = reward.referral) === null || _a === void 0 ? void 0 : _a.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)
+          : sheet.classes.StatusBadge, type: "info", pill: true }, this.expiringText, ` ${getTimeDiff(reward.dateExpires)}`)))), index.h("div", null, state === "PAYOUT_SENT" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_REVIEW" && ((_a = reward.referral) === null || _a === void 0 ? void 0 : _a.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 === "DENIED" && ((_b = reward.referral) === null || _b === void 0 ? void 0 : _b.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 === "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" && ((_b = reward.referral) === null || _b === void 0 ? void 0 : _b.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))
@@ -568,6 +581,8 @@ const ReferralTableRewardsCell = class {
         .setLocale(utils.luxonLocale(this.locale))
         .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "CANCELLED" && reward.dateCancelled && (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.dateCancelled)
         .setLocale(utils.luxonLocale(this.locale))
+        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "PAYOUT_FAILED" && reward.dateCancelled && (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.datePayoutRetried)
+        .setLocale(utils.luxonLocale(this.locale))
         .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "PENDING" && reward.dateScheduledFor && (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.dateScheduledFor)
         .setLocale(utils.luxonLocale(this.locale))
         .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), " ", state === "AVAILABLE" && reward.dateExpires && (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.dateExpires)

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -8166,7 +8166,7 @@ const column = "@author:noah\n@owner:noah\nFeature: Referral Table User Column\n
 
 const date = "@author:noah\n@owner:noah\nFeature: Referral Table Date Column\n\n    Shows the date of each referral\n\n    Background:\n        Given the date column is included in the referral table\n\n    @motivating\n    @ui\n    Scenario Outline: The title of the date column is configurable\n        Given the \"column-title\" prop is set to <value>\n        Then the date column is shown with <columTitle>\n        Examples:\n            | value           | columnTitle     |\n            |                 | Date Converted  |\n            | My column title | My column title |\n\n    @motivating\n    Scenario Outline: A configurable date associated with the referral is shown for each referral\n        Given the \"date-shown\" prop is set to <dateType>\n        And referrals exist\n        Then for each referral the <referralDate> is shown in the table\n        And the date is localized to the users locale\n        Examples:\n            | dateType            | referralDate          |\n            | dateReferralStarted | date referral started |\n            | dateReferralPaid    | date referral paid    |\n            | dateReferralEnded   | date referral ended   |\n            | dateModerated       | date moderated        |\n            | dateUserModified    | date user modified    |\n            | dateConverted       | date converted        |\n            | dateModified        | date modified         |\n            |                     | date converted        |";
 
-const reward = "@author:noah\n@owner:noah\nFeature: Referral Table Reward Column\n\n    Shows the reward associated with each referral\n\n    Background:\n        Given the status column is included in the referral table\n        And at least one referral exists\n\n    @motivating\n    @ui\n    Scenario Outline: The referral reward and it's status are shown for each referral\n        Then for each referral reward there exists a reward cell\n        And the reward type and value is displayed in the cell\n        And the status of each reward is displayed as a pill in the cell\n        And rewards of <status> have a <pillColour> pill with the text <statusText>\n        Examples:\n            | status         | pillColour | statusText     |\n            | Available      | green      | Available      |\n            | Pending        | orange     | Pending        |\n            | Cancelled      | red        | Cancelled      |\n            | Expired        | red        | Expired        |\n            | Redeemed       | blue       | Redeemed       |\n            | Pending Review | orange     | Pending Review |\n            | Denied         | red        | Denied         |\n\n    @motivating\n    Scenario: The pending period of a referral reward is shown if it exists\n        Given a reward that is pending\n        And the reward has a set pending period\n        Then the status pill of the reward will instead have the text \"Pending for <relativeTime>\"\n        And all dates are localized to the users locale\n        Examples:\n            | relativeTime |\n            | 2 days       |\n            | 1 week       |\n            | 3 months     |\n            | 2 years      |\n\n    @motivating\n    Scenario: The expiry date of a reward is shown if it exists\n        Given a reward that is available\n        And the reward has a set expiry date\n        Then an additional grey pill will appear next to the status pill with the text \"Expiring in <relativeTime>\"\n        And all dates are localized to the users locale\n        Examples:\n            | relativeTime |\n            | 2 days       |\n            | 1 week       |\n            | 3 months     |\n            | 2 years      |\n\n    @motivating\n    Scenario: Each reward can be expanded to show additional details about the reward\n        When a reward cell is clicked\n        Then it expands to show the following additional information (if it's available):\n            | Date the reward was received     |\n            | Date the reward was cancelled    |\n            | Date the reward expires          |\n            | Date the reward is pending until |\n            | Coupon code                      |\n        And all dates are localized to a users locale";
+const reward = "@author:noah\n@owner:noah\nFeature: Referral Table Reward Column\n\n    Shows the reward associated with each referral\n\n    Background:\n        Given the status column is included in the referral table\n        And at least one referral exists\n\n    @motivating\n    @ui\n    Scenario Outline: The referral reward and it's status are shown for each referral\n        Then for each referral reward there exists a reward cell\n        And the reward type and value is displayed in the cell\n        And the status of each reward is displayed as a pill in the cell\n        And rewards of <status> have a <pillColour> pill with the text <statusText>\n        Examples:\n            | status                   | pillColour | statusText               |\n            | Available                | green      | Available                |\n            | Pending                  | orange     | Pending                  |\n            | Pending Tax Review       | orange     | Pending Tax Review       |\n            | Pending New Tax Form     | orange     | Pending New Tax Form     |\n            | Pending Tax Submission   | orange     | Pending Tax Submission   |\n            | Pending Partner Creation | orange     | Pending Partner Creation |\n            | Cancelled                | red        | Cancelled                |\n            | Payout Failed            | red        | Payout Failed            |\n            | Expired                  | red        | Expired                  |\n            | Redeemed                 | blue       | Redeemed                 |\n            | Payout Sent              | blue       | Payout Sent              |\n            | Pending Review           | orange     | Pending Review           |\n            | Denied                   | red        | Denied                   |\n\n    @motivating\n    Scenario: The pending period of a referral reward is shown if it exists\n        Given a reward that is pending\n        And the reward has a set pending period\n        Then the status pill of the reward will instead have the text \"Pending for <relativeTime>\"\n        And all dates are localized to the users locale\n        Examples:\n            | relativeTime |\n            | 2 days       |\n            | 1 week       |\n            | 3 months     |\n            | 2 years      |\n\n    @motivating\n    Scenario: The expiry date of a reward is shown if it exists\n        Given a reward that is available\n        And the reward has a set expiry date\n        Then an additional grey pill will appear next to the status pill with the text \"Expiring in <relativeTime>\"\n        And all dates are localized to the users locale\n        Examples:\n            | relativeTime |\n            | 2 days       |\n            | 1 week       |\n            | 3 months     |\n            | 2 years      |\n\n    @motivating\n    Scenario: Each reward can be expanded to show additional details about the reward\n        When a reward cell is clicked\n        Then it expands to show the following additional information (if it's available):\n            | Date the reward was received     |\n            | Date the reward was cancelled    |\n            | Date the reward expires          |\n            | Date the reward is pending until |\n            | Coupon code                      |\n        And all dates are localized to a users locale";
 
 const status = "@author:noah\n@owner:noah\nFeature: Referral Table Status Column\n\n  Shows the status of each referral\n\n  Background:\n    Given the status column is included in the referral table\n\n  @motivating\n  @ui\n  Scenario: The title of the date column is configurable\n    Given the \"column-title\" prop is set to \"My column title\"\n    Then the date column is shown with \"My column title\"\n\n  @motivating\n  Scenario: The status column's fraudStatus maps to the fraud status of the referral\n    Given at least one referral\n    Then the referral cell fraud status is set to `moderationStatus` of the referral\n\n  @motivating\n  Scenario Outline: The status column displays the status of each referral\n    Given referrals exist\n    Then the status of each referral is displayed\n    And the status <status> is displayed as text from <statusTextProp> in a <pillColour> pill\n\n    Examples:\n      | status      | statusTextProp          | pillColour |\n      | In Progress | inProgressStatusText    | Orange     |\n      | Converted   | convertedStatusText     | Green      |\n      | Pending     | pendingReviewStatusText | Orange     |\n      | Denied      | deniedStatusText        | Red        |\n";
 
@@ -8213,6 +8213,43 @@ const baseReward = {
     ],
   },
 };
+const baseCashReward = {
+  id: "1234",
+  type: "CREDIT",
+  value: 50,
+  unit: "USD",
+  name: "test",
+  dateScheduledFor: getDays(),
+  dateExpires: getMonths(),
+  dateCancelled: 134400,
+  dateRedeemed: 0,
+  fuelTankCode: null,
+  fuelTankType: null,
+  currency: "USD",
+  prettyValue: "$50.00",
+  statuses: ["AVAILABLE"],
+  globalRewardKey: "Key",
+  rewardRedemptionTransactions: null,
+};
+const cashPayoutSentReward = {
+  id: "1234",
+  type: "CREDIT",
+  value: 50,
+  unit: "USD",
+  name: "test",
+  dateScheduledFor: getDays(),
+  dateExpires: getMonths(),
+  datePayoutExpected: getDays(),
+  dateCancelled: 134400,
+  dateRedeemed: 0,
+  fuelTankCode: null,
+  fuelTankType: null,
+  currency: "USD",
+  prettyValue: "$50.00",
+  statuses: ["AVAILABLE"],
+  globalRewardKey: "Key",
+  rewardRedemptionTransactions: null,
+};
 const nullExpiresIn = {
   dateExpires: null,
 };
@@ -8239,6 +8276,9 @@ const integrationReward = {
 const pendingReward = {
   statuses: ["AVAILABLE", "PENDING"],
 };
+const payoutSentReward = {
+  statuses: ["PAYOUT_SENT"],
+};
 const cancelledReward = {
   statuses: ["PENDING", "CANCELLED"],
   dateCancelled: 1626850800000,
@@ -8250,9 +8290,24 @@ const expiredReward = {
 const deniedReward = {
   statuses: ["DENIED"],
 };
+const payoutFailedReward = {
+  statuses: ["PAYOUT_FAILED"],
+};
 const pendingReviewReward = {
   statuses: ["PENDING_REVIEW"],
 };
+const pendingTaxReviewReward = {
+  statuses: ["PENDING_TAX_REVIEW"],
+};
+const pendingNewTaxFormReward = {
+  statuses: ["PENDING_NEW_TAX_FORM"],
+};
+const pendingTaxSubmissionReward = {
+  statuses: ["PENDING_TAX_SUBMISSION"],
+};
+const pendingPartnerCreationReward = {
+  statuses: ["PENDING_PARTNER_CREATION"],
+};
 const redeemedReward = {
   statuses: ["AVAILABLE", "EXPIRED", "REDEEMED"],
 };
@@ -8317,8 +8372,8 @@ function getMonths() {
 function getYears() {
   return luxon.luxon.DateTime.now().toMillis() + 200000000000;
 }
-const statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
-const statusLongText = "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} DENIED {Denied on} EXPIRED {Reward expired on} REDEEMED {Redeemed}  other {Not available} }";
+const statusText = "{status, select, AVAILABLE {Available} PAYOUT_SENT {Payout Sent} CANCELLED {Cancelled} PAYOUT_FAILED {Payout Failed} PENDING {Pending} PENDING_REVIEW {Pending} 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} }";
+const statusLongText = "{status, select, AVAILABLE {Reward expiring on} PAYOUT_SENT {Payout process started on datePayoutStarted. Expected payout on datePayoutExpected.} CANCELLED {Reward cancelled on} PAYOUT_FAILED {This payout will be retried on} PENDING {Available on} PENDING_REVIEW {Pending since} 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 form 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} REDEEMED {Redeemed}  other {Not available} }";
 const PendingNoUnpend = () => {
   return (index.h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...pendingReward, ...nullScheduledFor }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
@@ -8379,6 +8434,9 @@ const AvailableWithExpiry = () => {
 const Redeemed = () => {
   return (index.h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...redeemedReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
+const PayoutSent = () => {
+  return (index.h("sqm-referral-table-rewards-cell", { rewards: [{ ...cashPayoutSentReward, ...payoutSentReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
+};
 const Cancelled = () => {
   return (index.h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...cancelledReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
@@ -8388,9 +8446,36 @@ const Expired = () => {
 const Denied = () => {
   return (index.h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...deniedReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
+const PayoutFailed = () => {
+  return (index.h("sqm-referral-table-rewards-cell", { rewards: [
+      {
+        ...cashPayoutSentReward,
+        ...payoutFailedReward,
+        datePayoutRetried: getDays(),
+        dateGiven: null,
+      },
+    ], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
+};
 const PendingReview = () => {
   return (index.h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...pendingReviewReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
+const PendingTaxReview = () => {
+  return (index.h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseCashReward, ...pendingTaxReviewReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
+};
+const PendingNewTaxForm = () => {
+  return (index.h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseCashReward, ...pendingNewTaxFormReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
+};
+const PendingTaxSubmission = () => {
+  return (index.h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseCashReward, ...pendingTaxSubmissionReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
+};
+const PendingPartnerCreation = () => {
+  return (index.h("sqm-referral-table-rewards-cell", { rewards: [
+      {
+        ...baseCashReward,
+        ...pendingPartnerCreationReward,
+      },
+    ], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
+};
 const EmptyCell = () => {
   return (index.h("sqm-referral-table-rewards-cell", { rewards: zeroRewards, statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
@@ -8423,10 +8508,16 @@ const ReferralTableRewardsCell = /*#__PURE__*/Object.freeze({
   AvailableNoExpiry: AvailableNoExpiry,
   AvailableWithExpiry: AvailableWithExpiry,
   Redeemed: Redeemed,
+  PayoutSent: PayoutSent,
   Cancelled: Cancelled,
   Expired: Expired,
   Denied: Denied,
+  PayoutFailed: PayoutFailed,
   PendingReview: PendingReview,
+  PendingTaxReview: PendingTaxReview,
+  PendingNewTaxForm: PendingNewTaxForm,
+  PendingTaxSubmission: PendingTaxSubmission,
+  PendingPartnerCreation: PendingPartnerCreation,
   EmptyCell: EmptyCell,
   oneRewardCell: oneRewardCell,
   twoRewardsCell: twoRewardsCell,

package/dist/cjs/sqm-tax-and-cash.cjs.entry.js

@@ -5,84 +5,35 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-78c52836.js');
 const stencilHooks_module = require('./stencil-hooks.module-7c2013c9.js');
 const index_module = require('./index.module-9243c470.js');
-require('./cjs-1066ec21.js');
+const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const useParentQuery = require('./useParentQuery-cc43afaf.js');
 
 function getCurrentStep(user) {
-  var _a, _b, _c;
+  // TODO: include banking form step as a case
+  var _a, _b;
   if (!user.impactConnection ||
     ((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connectionStatus) === "NOT_CONNECTED" ||
     !((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher)) {
     return "/1";
   }
-  // Prioritise sending them to dashboard if no required document
-  if (!user.impactConnection.publisher.requiredTaxDocumentType) {
+  const { requiredTaxDocumentType, currentTaxDocument } = user.impactConnection.publisher;
+  if (!requiredTaxDocumentType ||
+    (currentTaxDocument === null || currentTaxDocument === void 0 ? void 0 : currentTaxDocument.status) === "NOT_VERIFIED" ||
+    (currentTaxDocument === null || currentTaxDocument === void 0 ? void 0 : currentTaxDocument.status) === "ACTIVE") {
     return "/submitted";
   }
   // If they do have a required document, look at current document
-  if (user.impactConnection.publisher.currentTaxDocument) {
-    const { status } = (_c = user.impactConnection.publisher) === null || _c === void 0 ? void 0 : _c.currentTaxDocument;
-    if (status === "ACTIVE" || status === "NOT_VERIFIED")
-      return "/submitted";
+  if (requiredTaxDocumentType) {
     return "/3";
   }
-  if (user.impactConnection.publisher.requiredTaxDocumentType) {
-    return "/3";
-  }
-  // Catchall
-  return "/error";
+  // TODO: Check if banking info here
+  return "/submitted";
 }
 function useTaxAndCash() {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const host = index_module.O();
-  function setupDemo() {
-    // coleton
-    const id = "8e8613f156efabb26aa499d52a3e4ce5b7c627b4033a0f6523f476f3863665bc";
-    const accountId = "8e8613f156efabb26aa499d52a3e4ce5b7c627b4033a0f6523f476f3863665bc";
-    // andy
-    // const id =
-    //   "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
-    // const accountId =
-    //   "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
-    // sam
-    // const id =
-    //   "ea9c677dda4e031bcb559541007ff61179fbe8bf8f6c32e478d97f09d069fd5b";
-    // const accountId =
-    //   "ea9c677dda4e031bcb559541007ff61179fbe8bf8f6c32e478d97f09d069fd5b";
-    const programId = "22514";
-    //@ts-ignore
-    window.widgetIdent = {
-      tenantAlias: "aprh0cfq6y8tk",
-      appDomain: "https://staging.referralsaasquatch.com",
-      programId,
-    };
-    // coleton
-    stencilHooks_module.useEffect(() => {
-      index_module.setUserIdentity({
-        accountId,
-        id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiOGU4NjEzZjE1NmVmYWJiMjZhYTQ5OWQ1MmEzZTRjZTViN2M2MjdiNDAzM2EwZjY1MjNmNDc2ZjM4NjM2NjViYyIsImFjY291bnRJZCI6IjhlODYxM2YxNTZlZmFiYjI2YWE0OTlkNTJhM2U0Y2U1YjdjNjI3YjQwMzNhMGY2NTIzZjQ3NmYzODYzNjY1YmMifX0.pmLeLxR80-BxbQqGcvVqyxM491AfbhsvJ6aeXP7ZY40",
-      });
-    }, []);
-    // andy
-    // useEffect(() => {
-    //   setUserIdentity({
-    //     accountId,
-    //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
-    //   });
-    // }, []);
-    // sam
-    // useEffect(() => {
-    //   setUserIdentity({
-    //     accountId,
-    //     id,
-    //     jwt: "eyJraWQiOiJJUk1Yc1l5NllZcXE0Njk0MzdtRzhFUlF0OFFvS0ZCYUcxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJqdGkiOiI2NWRkMjE3YjVhYmE1MjI2MDAxMDhmZTciLCJpYXQiOjE3MDg5OTA4NDMsImV4cCI6MTcwOTA3NzI0Mywic3ViIjoiWldFNVl6WTNOMlJrWVRSbE1ETXhZbU5pTlRVNU5UUXhNREEzWm1ZMk1URTNPV1ppWlRoaVpqaG1ObU16TW1VME56aGtPVGRtTURsa01EWTVabVExWWc9PTpaV0U1WXpZM04yUmtZVFJsTURNeFltTmlOVFU1TlRReE1EQTNabVkyTVRFM09XWmlaVGhpWmpobU5tTXpNbVUwTnpoa09UZG1NRGxrTURZNVptUTFZZz09QGFwcmgwY2ZxNnk4dGs6dXNlcnMiLCJ1c2VyIjp7ImlkIjoiZWE5YzY3N2RkYTRlMDMxYmNiNTU5NTQxMDA3ZmY2MTE3OWZiZThiZjhmNmMzMmU0NzhkOTdmMDlkMDY5ZmQ1YiIsImFjY291bnRJZCI6ImVhOWM2NzdkZGE0ZTAzMWJjYjU1OTU0MTAwN2ZmNjExNzlmYmU4YmY4ZjZjMzJlNDc4ZDk3ZjA5ZDA2OWZkNWIiLCJkYXRlQmxvY2tlZCI6bnVsbH19.4d48e9AT21uCR-yA7rkn1TuBpHz8a56vI0pHpRtio0M",
-    //   });
-    // }, []);
-  }
-  setupDemo();
+  // setupDemo();
   /** END DEMO DATA */
   const user = index_module.H();
   // State for current step of form
@@ -260,7 +211,7 @@ const TaxAndCashMonolith = class {
      * @uiName Tax form step text
      * @uiGroup Step 1 Properties
      */
-    this.step1_formStep = "Step 1 of 4";
+    this.step1_formStep = "Step 1 of 5";
     /**
      * Heading text shown above the forms inputs.
      * @uiName Form heading text
@@ -367,7 +318,7 @@ const TaxAndCashMonolith = class {
      * @uiName Indirect tax form step text
      * @uiGroup Step 2 Properties
      */
-    this.step2_formStep = "Step 2 of 4";
+    this.step2_formStep = "Step 2 of 5";
     /**
      * Heading text shown at the top of the page
      * @uiName Indirect tax heading text
@@ -534,7 +485,7 @@ const TaxAndCashMonolith = class {
      * @uiName Tax form step text
      * @uiGroup Step 3 Properties
      */
-    this.step3_formStep = "Step 3 of 4";
+    this.step3_formStep = "Step 3 of 5";
     /**
      * Heading text shown at the top of the page
      * @uiName Tax form heading text
@@ -672,7 +623,7 @@ const TaxAndCashMonolith = class {
      * @uiName Tax form step text
      * @uiGroup Step 3b Properties
      */
-    this.step3b_formStep = "Step 3 of 4";
+    this.step3b_formStep = "Step 3 of 5";
     /**
      * Sub text shown above form selection radio buttons
      * @uiName Tax form selection heading text
@@ -968,17 +919,14 @@ const TaxAndCashMonolith = class {
     return extractProps(props, "step4_");
   }
   render() {
-    const props = useTaxAndCash();
-    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    // const props = useTaxAndCash();
+    const props = index_module.isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
     switch (props.step) {
       case "/1":
         return (index.h("sqm-user-info-form", Object.assign({}, this.getUserInfoFormTextProps())));
       case "/2":
         return (index.h("sqm-indirect-tax-form", Object.assign({}, this.getIndirectTaxFormTextProps())));
       case "/3":
-      case "/3/W8BEN":
-      case "/3/W8BENE":
-      case "/3/W9":
         return (index.h("sqm-docusign-form", Object.assign({}, this.getDocuSignFormTextProps())));
       case "/4":
         return index.h("sqm-banking-info-form", null);
@@ -989,5 +937,15 @@ const TaxAndCashMonolith = class {
     return index.h("div", null);
   }
 };
+function useDemoTaxAndCash(props) {
+  const [step, setStep] = useParentQuery.useParentState({
+    namespace: useParentQuery.TAX_CONTEXT_NAMESPACE,
+    initialValue: "/1",
+  });
+  return cjs.cjs({
+    step,
+    setStep,
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
 
 exports.sqm_tax_and_cash = TaxAndCashMonolith;

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

@@ -46,6 +46,43 @@ const baseReward = {
     ],
   },
 };
+const baseCashReward = {
+  id: "1234",
+  type: "CREDIT",
+  value: 50,
+  unit: "USD",
+  name: "test",
+  dateScheduledFor: getDays(),
+  dateExpires: getMonths(),
+  dateCancelled: 134400,
+  dateRedeemed: 0,
+  fuelTankCode: null,
+  fuelTankType: null,
+  currency: "USD",
+  prettyValue: "$50.00",
+  statuses: ["AVAILABLE"],
+  globalRewardKey: "Key",
+  rewardRedemptionTransactions: null,
+};
+const cashPayoutSentReward = {
+  id: "1234",
+  type: "CREDIT",
+  value: 50,
+  unit: "USD",
+  name: "test",
+  dateScheduledFor: getDays(),
+  dateExpires: getMonths(),
+  datePayoutExpected: getDays(),
+  dateCancelled: 134400,
+  dateRedeemed: 0,
+  fuelTankCode: null,
+  fuelTankType: null,
+  currency: "USD",
+  prettyValue: "$50.00",
+  statuses: ["AVAILABLE"],
+  globalRewardKey: "Key",
+  rewardRedemptionTransactions: null,
+};
 const nullExpiresIn = {
   dateExpires: null,
 };
@@ -72,6 +109,9 @@ const integrationReward = {
 const pendingReward = {
   statuses: ["AVAILABLE", "PENDING"],
 };
+const payoutSentReward = {
+  statuses: ["PAYOUT_SENT"],
+};
 const cancelledReward = {
   statuses: ["PENDING", "CANCELLED"],
   dateCancelled: 1626850800000,
@@ -83,9 +123,24 @@ const expiredReward = {
 const deniedReward = {
   statuses: ["DENIED"],
 };
+const payoutFailedReward = {
+  statuses: ["PAYOUT_FAILED"],
+};
 const pendingReviewReward = {
   statuses: ["PENDING_REVIEW"],
 };
+const pendingTaxReviewReward = {
+  statuses: ["PENDING_TAX_REVIEW"],
+};
+const pendingNewTaxFormReward = {
+  statuses: ["PENDING_NEW_TAX_FORM"],
+};
+const pendingTaxSubmissionReward = {
+  statuses: ["PENDING_TAX_SUBMISSION"],
+};
+const pendingPartnerCreationReward = {
+  statuses: ["PENDING_PARTNER_CREATION"],
+};
 const redeemedReward = {
   statuses: ["AVAILABLE", "EXPIRED", "REDEEMED"],
 };
@@ -150,8 +205,8 @@ function getMonths() {
 function getYears() {
   return DateTime.now().toMillis() + 200000000000;
 }
-const statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
-const statusLongText = "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} DENIED {Denied on} EXPIRED {Reward expired on} REDEEMED {Redeemed}  other {Not available} }";
+const statusText = "{status, select, AVAILABLE {Available} PAYOUT_SENT {Payout Sent} CANCELLED {Cancelled} PAYOUT_FAILED {Payout Failed} PENDING {Pending} PENDING_REVIEW {Pending} 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} }";
+const statusLongText = "{status, select, AVAILABLE {Reward expiring on} PAYOUT_SENT {Payout process started on datePayoutStarted. Expected payout on datePayoutExpected.} CANCELLED {Reward cancelled on} PAYOUT_FAILED {This payout will be retried on} PENDING {Available on} PENDING_REVIEW {Pending since} 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 form 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} REDEEMED {Redeemed}  other {Not available} }";
 export const PendingNoUnpend = () => {
   return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...pendingReward, ...nullScheduledFor }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
@@ -212,6 +267,9 @@ export const AvailableWithExpiry = () => {
 export const Redeemed = () => {
   return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...redeemedReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
+export const PayoutSent = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...cashPayoutSentReward, ...payoutSentReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
+};
 export const Cancelled = () => {
   return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...cancelledReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
@@ -221,9 +279,36 @@ export const Expired = () => {
 export const Denied = () => {
   return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...deniedReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
+export const PayoutFailed = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: [
+      {
+        ...cashPayoutSentReward,
+        ...payoutFailedReward,
+        datePayoutRetried: getDays(),
+        dateGiven: null,
+      },
+    ], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
+};
 export const PendingReview = () => {
   return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...pendingReviewReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
+export const PendingTaxReview = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseCashReward, ...pendingTaxReviewReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
+};
+export const PendingNewTaxForm = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseCashReward, ...pendingNewTaxFormReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
+};
+export const PendingTaxSubmission = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseCashReward, ...pendingTaxSubmissionReward }], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
+};
+export const PendingPartnerCreation = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: [
+      {
+        ...baseCashReward,
+        ...pendingPartnerCreationReward,
+      },
+    ], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
+};
 export const EmptyCell = () => {
   return (h("sqm-referral-table-rewards-cell", { rewards: zeroRewards, statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };