@saasquatch/mint-components 2.0.0-1 → 2.0.0-11

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

@@ -34,8 +34,8 @@ const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-25e
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
 require('./ErrorView-3f91e5ab.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-4ccf89da.js');
-const ShadowViewAddon = require('./ShadowViewAddon-23b04c91.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
+const ShadowViewAddon = require('./ShadowViewAddon-016bebfd.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-ca86b9e5.js');
 const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-e5f70b8b.js');
 const utils = require('./utils-83d125fa.js');
 const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-06ed3632.js');
@@ -16722,9 +16722,10 @@ const TaxAndCashDashboardW9ThresholdReached = () => {
         documentTypeString: utils.taxTypeToName("W9"),
         dateSubmitted: "Jan 18th, 2025",
         noFormNeeded: false,
-        notRegistered: true,
+        notRegistered: false,
         showNewFormDialog: false,
         hasHold: false,
+        enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
       },
     } }));
 };
@@ -16750,7 +16751,7 @@ const TaxAndCashDashboardPayoutsOnHold = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
-        payoutStatus: "DONE",
+        payoutStatus: "HOLD",
         veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: true,
@@ -16762,7 +16763,7 @@ const TaxAndCashDashboardPayoutsOnHold = () => {
         indirectTaxNumber: "123456",
         country: "Slovania",
         showNewFormDialog: false,
-        hasHold: true,
+        hasHold: false,
       },
     } }));
 };

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

@@ -24,13 +24,6 @@ export class Hero {
      * @uiName Minimum height (in px)
      */
     this.minHeight = 200;
-    /**
-     * Add an image or select a color. Recommended image aspect ratio of 4:5
-     *
-     * @uiName Background
-     * @uiWidget Background
-     */
-    this.background = "#f9fafb";
     /**
      * @uiName Padding size
      * @uiEnum ["none", "small", "medium","large"]
@@ -129,17 +122,16 @@ export class Hero {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Background",
+            "text": "Content background",
             "name": "uiName"
           }, {
             "text": "Background",
             "name": "uiWidget"
           }],
-        "text": "Add an image or select a color. Recommended image aspect ratio of 4:5"
+        "text": "Content background color or image (for use in the left column)"
       },
       "attribute": "background",
-      "reflect": false,
-      "defaultValue": "\"#f9fafb\""
+      "reflect": false
     },
     "paddingSize": {
       "type": "string",
@@ -180,13 +172,13 @@ export class Hero {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Secondary background",
+            "text": "Splash image",
             "name": "uiName"
           }, {
             "text": "Background",
             "name": "uiWidget"
           }],
-        "text": "Secondary background image or color (for use in the right column)"
+        "text": "Splash image or background color (for use in the right column)"
       },
       "attribute": "secondary-background",
       "reflect": false

package/dist/collection/components/sqm-portal-container/sqm-portal-container-view.js

@@ -14,7 +14,7 @@ export function PortalContainerView(props, children) {
       maxWidth: props.maxWidth,
       margin: props.center && "auto",
       justifyContent: props.justifyContent,
-      backgroundColor: props.backgroundColor || "var(--sqm-portal-background)",
+      backgroundColor: props.backgroundColor || "inherit",
     },
   };
   const vanillaStyle = `

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/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) {
-  return deepmerge({
+  const parsed = parseStates(props.stateController);
+  const stateControllerData = parsed["sqm-payout-status-alert"]
+    ? { states: parsed["sqm-payout-status-alert"] }
+    : {};
+  const base = {
     states: {
       error: false,
       status: "INFORMATION_REQUIRED",
       loading: false,
-      showVerifyIdentity: false,
+      veriffLoading: false,
     },
     data: { type: "SquatchAdmin" },
     text: props.getTextProps(),
@@ -674,5 +744,10 @@ function useDemoPayoutStatusAlert(props) {
       onTermsClick: () => { },
       onClick: () => console.log("show"),
     },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+  };
+  return deepmerge.all([
+    base,
+    props.demoData || {},
+    stateControllerData,
+  ], { 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: {

package/dist/esm/{ShadowViewAddon-c0bd62f7.js → ShadowViewAddon-4cde160a.js}

@@ -13,7 +13,7 @@ import { l as luxon } from './luxon-bbf75a9d.js';
 import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
 import { a as isValidColor, b as isMobile } from './utilities-72c07b09.js';
-import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-176e92e3.js';
+import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-16309b22.js';
 
 function BigStatView(props) {
   const { statvalue, flexReverse, alignment, statTextColor, statFontSize, descriptionTextColor, descriptionFontSize, statFontWeight, } = props;