@saasquatch/mint-components 2.0.0-8 → 2.0.0-9

package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list.js

@@ -793,39 +793,6 @@ function useRewardExchangeListDemo(props) {
   const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-reward-exchange-list"
     ? { ...prev, ...states[key] }
     : { ...prev, [`${key}_stateController`]: states[key] }, {});
-  const finalProps = deepmerge({ ...demoRewardExchange, content: { text: props } }, 
-  // {
-  //   states: {
-  //     content: {
-  //       text: props,
-  //     },
-  //     redeemStage: "chooseReward",
-  //     amount: 0,
-  //     selectedStep: undefined,
-  //     selectedItem: undefined,
-  //     open: false,
-  //     exchangeError: false,
-  //     queryError: false,
-  //     loading: false,
-  //     noExchangeOptions: false,
-  //     // empty: EmptySlot(),
-  //   },
-  //   data: {
-  //     // shareCode: "SHARECODE123",
-  //     exchangeList: demoRewardExchange.data.exchangeList,
-  //   },
-  //   callbacks: {
-  //     exchangeReward: () => {},
-  //     setExchangeState: (_: ExchangeState) => {},
-  //     setStage: (_: Stages) => {},
-  //     resetState: () => {},
-  //     copyFuelTankCode: () => {},
-  //   },
-  //   refs: {
-  //     canvasRef: {},
-  //   },
-  // },
-  props.demoData || formatted || {}, { arrayMerge: (_, a) => a });
-  console.log({ finalProps });
+  const finalProps = deepmerge({ ...demoRewardExchange, content: { text: props } }, props.demoData || formatted || {}, { arrayMerge: (_, a) => a });
   return finalProps;
 }

package/dist/collection/components/sqm-titled-section/sqm-titled-section.js

@@ -4,7 +4,7 @@ import { getProps } from "../../utils/utils";
 import { PortalSectionView } from "./sqm-portal-section-view";
 /**
  * @uiName Titled Section
- * @validParents ["sqm-portal-container","div","sqm-divided-layout","template","sqm-hero","sqm-tab", "sqm-referred-registration", "sqb-program-section","sqb-conditional-section", "sqm-instant-access-registration", "sqm-referral-card", "sqm-referred-registration"]
+ * @validParents ["sqm-portal-container","div","sqm-divided-layout","template","sqm-hero","sqm-tab", "sqm-referred-registration", "sqb-program-section","sqb-conditional-section", "sqm-instant-access-registration", "sqm-referral-card"]
  * @validChildren ["div","sqm-portal-container","p","sqm-timeline","h1","h2","h3","h5","h4","sqm-qr-code","sqm-referral-code","sqm-referral-codes","sqm-share-code","sqm-share-link","sqm-text","span", "sqm-user-name"]
  * @slots [{"name":"label", "title":"Label"},{"name":"content", "title":"Content"}]
  * @exampleGroup Layout

package/dist/collection/components/tax-and-cash/TaxForm.stories.js

@@ -1125,9 +1125,10 @@ export const TaxAndCashDashboardW9ThresholdReached = () => {
         documentTypeString: taxTypeToName("W9"),
         dateSubmitted: "Jan 18th, 2025",
         noFormNeeded: false,
-        notRegistered: true,
+        notRegistered: false,
         showNewFormDialog: false,
         hasHold: false,
+        enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
       },
     } }));
 };
@@ -1153,7 +1154,7 @@ export const TaxAndCashDashboardPayoutsOnHold = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
-        payoutStatus: "DONE",
+        payoutStatus: "HOLD",
         veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: true,
@@ -1165,7 +1166,7 @@ export const TaxAndCashDashboardPayoutsOnHold = () => {
         indirectTaxNumber: "123456",
         country: "Slovania",
         showNewFormDialog: false,
-        hasHold: true,
+        hasHold: false,
       },
     } }));
 };

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

@@ -5,6 +5,7 @@ import deepmerge from "deepmerge";
 import { getProps } from "../../../utils/utils";
 import { PayoutStatusAlertView, } from "./sqm-payout-status-alert-view";
 import { usePayoutStatus } from "./usePayoutStatus";
+import { parseStates } from "../../../utils/parseStates";
 /**
  * @uiName Payout Status Alert
  * @validParents ["sqm-portal-container","div","sqm-hero","sqm-instant-access-registration","sqm-brand","sqb-program-section","sqb-conditional-section"]
@@ -109,6 +110,20 @@ export class PayoutStatusAlert {
      * @uiName Error description
      */
     this.errorDescription = "There was an error with determining your payout status.";
+    /**
+     * @undocumented
+     * @componentState { "title": "Information Required", "props": { "demoData": { "states": { "status": "INFORMATION_REQUIRED" } } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Over W9 Threshold - Defer", "props": { "demoData": { "states": { "status": "OVER_W9_THRESHOLD", "enforceUsTaxComplianceOption": "CASH_ONLY_DEFER_W9" } } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Over W9 Threshold - Hold", "props": { "demoData": { "states": { "status": "OVER_W9_THRESHOLD", "enforceUsTaxComplianceOption": "NONE" } } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Verification Required", "props": { "demoData": { "states": { "status": "VERIFICATION:REQUIRED" } } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Verification Internal", "props": { "demoData": { "states": { "status": "VERIFICATION:INTERNAL" } } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Verification Review", "props": { "demoData": { "states": { "status": "VERIFICATION:REVIEW" } } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Verification Failed", "props": { "demoData": { "states": { "status": "VERIFICATION:FAILED" } } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Account Review", "props": { "demoData": { "states": { "status": "ACCOUNT_REVIEW" } } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Hold", "props": { "demoData": { "states": { "status": "HOLD" } } }, "dependencies": ["sqm-payout-status-alert"] }
+     * @componentState { "title": "Error State", "props": { "demoData": { "states": { "error": true } } }, "dependencies": ["sqm-payout-status-alert"] }
+     */
+    this.stateController = "{}";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -628,6 +643,57 @@ export class PayoutStatusAlert {
       "reflect": false,
       "defaultValue": "\"There was an error with determining your payout status.\""
     },
+    "stateController": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "{ \"title\": \"Information Required\", \"props\": { \"demoData\": { \"states\": { \"status\": \"INFORMATION_REQUIRED\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
+            "name": "componentState"
+          }, {
+            "text": "{ \"title\": \"Over W9 Threshold - Defer\", \"props\": { \"demoData\": { \"states\": { \"status\": \"OVER_W9_THRESHOLD\", \"enforceUsTaxComplianceOption\": \"CASH_ONLY_DEFER_W9\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
+            "name": "componentState"
+          }, {
+            "text": "{ \"title\": \"Over W9 Threshold - Hold\", \"props\": { \"demoData\": { \"states\": { \"status\": \"OVER_W9_THRESHOLD\", \"enforceUsTaxComplianceOption\": \"NONE\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
+            "name": "componentState"
+          }, {
+            "text": "{ \"title\": \"Verification Required\", \"props\": { \"demoData\": { \"states\": { \"status\": \"VERIFICATION:REQUIRED\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
+            "name": "componentState"
+          }, {
+            "text": "{ \"title\": \"Verification Internal\", \"props\": { \"demoData\": { \"states\": { \"status\": \"VERIFICATION:INTERNAL\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
+            "name": "componentState"
+          }, {
+            "text": "{ \"title\": \"Verification Review\", \"props\": { \"demoData\": { \"states\": { \"status\": \"VERIFICATION:REVIEW\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
+            "name": "componentState"
+          }, {
+            "text": "{ \"title\": \"Verification Failed\", \"props\": { \"demoData\": { \"states\": { \"status\": \"VERIFICATION:FAILED\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
+            "name": "componentState"
+          }, {
+            "text": "{ \"title\": \"Account Review\", \"props\": { \"demoData\": { \"states\": { \"status\": \"ACCOUNT_REVIEW\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
+            "name": "componentState"
+          }, {
+            "text": "{ \"title\": \"Hold\", \"props\": { \"demoData\": { \"states\": { \"status\": \"HOLD\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
+            "name": "componentState"
+          }, {
+            "text": "{ \"title\": \"Error State\", \"props\": { \"demoData\": { \"states\": { \"error\": true } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
+            "name": "componentState"
+          }],
+        "text": ""
+      },
+      "attribute": "state-controller",
+      "reflect": false,
+      "defaultValue": "\"{}\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
@@ -661,12 +727,16 @@ export class PayoutStatusAlert {
   }; }
 }
 function useDemoPayoutStatusAlert(props) {
+  const states = parseStates(props.stateController);
+  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-payout-status-alert"
+    ? { ...prev, ...states[key] }
+    : { ...prev, [`${key}_stateController`]: states[key] }, {});
   return deepmerge({
     states: {
       error: false,
       status: "INFORMATION_REQUIRED",
       loading: false,
-      showVerifyIdentity: false,
+      veriffLoading: false,
     },
     data: { type: "SquatchAdmin" },
     text: props.getTextProps(),
@@ -674,5 +744,5 @@ function useDemoPayoutStatusAlert(props) {
       onTermsClick: () => { },
       onClick: () => console.log("show"),
     },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+  }, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
 }

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.js

@@ -1900,7 +1900,6 @@ export class TaxAndCashDashboard {
   }; }
 }
 function useDemoTaxAndCashDashboard(props) {
-  console.log("dashboard", { props });
   // @ts-ignore
   return deepmerge({
     states: {