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

package/dist/collection/components/sqm-widget-verification/sqm-code-verification/sqm-code-verification.js

@@ -2,7 +2,6 @@ import { isDemo, useSetParent } from "@saasquatch/component-boilerplate";
 import { useState, withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Prop } from "@stencil/core";
 import deepmerge from "deepmerge";
-import { parseStates } from "../../../utils/parseStates";
 import { getProps } from "../../../utils/utils";
 import { VERIFICATION_PARENT_NAMESPACE } from "../keys";
 import { WidgetCodeVerificationView, } from "./sqm-code-verification-view";
@@ -46,11 +45,6 @@ export class WidgetCodeVerification {
      * @uiName Network error message
      */
     this.networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
-    /**
-     * @componentState { "title": "Verification Failed", "props": { "states": { "verifyFailed": true } } }
-     * @componentState { "title": "Loading", "props": { "states": { "loading": true } } }
-     */
-    this.stateController = "{}";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -234,30 +228,6 @@ export class WidgetCodeVerification {
       "reflect": false,
       "defaultValue": "\"An error occurred while verifying your email. Please refresh the page and try again.\""
     },
-    "stateController": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "{ \"title\": \"Verification Failed\", \"props\": { \"states\": { \"verifyFailed\": true } } }",
-            "name": "componentState"
-          }, {
-            "text": "{ \"title\": \"Loading\", \"props\": { \"states\": { \"loading\": true } } }",
-            "name": "componentState"
-          }],
-        "text": ""
-      },
-      "attribute": "state-controller",
-      "reflect": false,
-      "defaultValue": "\"{}\""
-    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
@@ -327,5 +297,5 @@ function useDemoWidgetCodeVerification(props) {
       submitCode: async () => setVerifiedContext(true),
     },
     text: props.getTextProps(),
-  }, props.demoData || parseStates(props.stateController) || {}, { arrayMerge: (_, a) => a });
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

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

@@ -913,7 +913,7 @@ export class IndirectTaxForm {
 }
 function useDemoIndirectTaxForm(props) {
   const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
-  const [option, setOption] = useState(null);
+  const [option, setOption] = useState("otherRegion");
   const [demoFormState, setDemoFormState] = useState({});
   return deepmerge({
     states: {

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

@@ -1032,11 +1032,11 @@ export class TaxAndCashMonolith {
         case "/1":
           return (h("sqm-user-info-form", Object.assign({}, this.getGeneralStepTextProps("step1_"), extractProps(props, "sqm-user-info-form_"))));
         case "/2":
-          return (h("sqm-indirect-tax-form", Object.assign({}, this.getGeneralStepTextProps("step2_"))));
+          return (h("sqm-indirect-tax-form", Object.assign({}, this.getGeneralStepTextProps("step2_"), extractProps(props, "sqm-indirect-tax-form_"))));
         case "/3":
-          return (h("sqm-docusign-form", Object.assign({}, this.getGeneralStepTextProps("step3_"))));
+          return (h("sqm-docusign-form", Object.assign({}, this.getGeneralStepTextProps("step3_"), extractProps(props, "sqm-docusign-form_"))));
         case "/4":
-          return (h("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"))));
+          return (h("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"), extractProps(props, "sqm-banking-info-form_"))));
         case "/dashboard":
           return (h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"), extractProps(props, "sqm-tax-and-cash-dashboard_"))));
         case "/error":

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

@@ -2,7 +2,6 @@ import { isDemo } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Host, Prop } from "@stencil/core";
 import deepmerge from "deepmerge";
-import { parseStates } from "../../../utils/parseStates";
 import { getProps } from "../../../utils/utils";
 import { TaxAndCashDashboardView } from "./sqm-tax-and-cash-dashboard-view";
 import { useTaxAndCashDashboard, } from "./useTaxAndCashDashboard";
@@ -315,16 +314,6 @@ export class TaxAndCashDashboard {
      * @uiName Cancel button label
      */
     this.cancelButton = "Cancel";
-    /**
-     * @parentState { "parent": "sqm-tax-and-cash", "title": "Dashboard" }
-     * @componentState { "title": "Default", "props": { } }
-     * @componentState { "title": "Verification Required", "props": { "states": { "payoutStatus": "VERIFICATION:REQUIRED" } } }
-     * @componentState { "title": "Internal Verification Required", "props": { "states": { "payoutStatus": "VERIFICATION:INTERNAL" } } }
-     * @componentState { "title": "Review in progress", "props": { "states": { "payoutStatus": "VERIFICATION:REVIEW" } } }
-     * @componentState { "title": "Verification failed", "props": { "states": { "payoutStatus": "VERIFICATION:FAILED" } } }
-     * @componentState { "title": "Payout hold", "props": { "states": { "payoutStatus": "HOLD" } } }
-     */
-    this.stateController = "{}";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -1702,45 +1691,6 @@ export class TaxAndCashDashboard {
       "reflect": false,
       "defaultValue": "\"Cancel\""
     },
-    "stateController": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "{ \"parent\": \"sqm-tax-and-cash\", \"title\": \"Dashboard\" }",
-            "name": "parentState"
-          }, {
-            "text": "{ \"title\": \"Default\", \"props\": { } }",
-            "name": "componentState"
-          }, {
-            "text": "{ \"title\": \"Verification Required\", \"props\": { \"states\": { \"payoutStatus\": \"VERIFICATION:REQUIRED\" } } }",
-            "name": "componentState"
-          }, {
-            "text": "{ \"title\": \"Internal Verification Required\", \"props\": { \"states\": { \"payoutStatus\": \"VERIFICATION:INTERNAL\" } } }",
-            "name": "componentState"
-          }, {
-            "text": "{ \"title\": \"Review in progress\", \"props\": { \"states\": { \"payoutStatus\": \"VERIFICATION:REVIEW\" } } }",
-            "name": "componentState"
-          }, {
-            "text": "{ \"title\": \"Verification failed\", \"props\": { \"states\": { \"payoutStatus\": \"VERIFICATION:FAILED\" } } }",
-            "name": "componentState"
-          }, {
-            "text": "{ \"title\": \"Payout hold\", \"props\": { \"states\": { \"payoutStatus\": \"HOLD\" } } }",
-            "name": "componentState"
-          }],
-        "text": ""
-      },
-      "attribute": "state-controller",
-      "reflect": false,
-      "defaultValue": "\"{}\""
-    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
@@ -1774,32 +1724,31 @@ export class TaxAndCashDashboard {
   }; }
 }
 function useDemoTaxAndCashDashboard(props) {
-  const states = parseStates(props.stateController);
-  console.log({ states });
+  // const states = parseStates(props.stateController);
   return deepmerge({
     states: {
       dateSubmitted: "today",
       documentType: "W9",
       documentTypeString: "W9",
-      status: "ACTIVE",
       country: "United States",
       indirectTaxNumber: "55555555",
       indirectTaxType: "Indirect Tax",
-      noFormNeeded: true,
+      noFormNeeded: false,
       disabled: false,
       loading: false,
       showNewFormDialog: false,
       hasHold: false,
-      payoutStatus: "DONE",
-      veriffLoading: false,
-      canEditPayoutInfo: true,
       subRegion: "CA",
       subRegionTaxNumber: undefined,
       qstNumber: undefined,
       isBusinessEntity: false,
       province: undefined,
-      notRegistered: false,
+      notRegistered: true,
       loadingError: false,
+      payoutStatus: "DONE",
+      veriffLoading: false,
+      canEditPayoutInfo: true,
+      status: "ACTIVE",
     },
     callbacks: {
       onClick: () => console.debug("check step"),
@@ -1809,5 +1758,12 @@ function useDemoTaxAndCashDashboard(props) {
       onVerifyClick: () => console.log("verify"),
     },
     text: props.getTextProps(),
-  }, props.demoData || states || {}, { arrayMerge: (_, a) => a });
+    slots: {
+      payoutDetailsCardSlot: (h("sqm-payout-details-card", { demoData: {
+          states: {
+            badgeStatus: "nextPayout",
+          },
+        } })),
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

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

@@ -2,7 +2,6 @@ import { isDemo, useSetParent } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
-import { parseStates } from "../../../utils/parseStates";
 import { getProps } from "../../../utils/utils";
 import { TAX_CONTEXT_NAMESPACE } from "../data";
 import { UserInfoFormView } from "./sqm-user-info-form-view";
@@ -164,13 +163,6 @@ export class TaxForm {
      * @uiName Support link text
      */
     this.supportLink = "support team";
-    /**
-     * @uiName States
-     * @parentState { "parent": "sqm-tax-and-cash", "title": "Step 1" }
-     * @componentState { "title": "Errors", "props": { "states": { "loadingError": true, "formState": { "errors": { "email": true, "firstName": true, "lastName": true, "countryCode": true, "currency": true } } } } }
-     * @componentState { "title": "Loading", "props": { "states": { "loading": true } } }
-     */
-    this.stateController = "{}";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -894,36 +886,6 @@ export class TaxForm {
       "reflect": false,
       "defaultValue": "\"support team\""
     },
-    "stateController": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "States",
-            "name": "uiName"
-          }, {
-            "text": "{ \"parent\": \"sqm-tax-and-cash\", \"title\": \"Step 1\" }",
-            "name": "parentState"
-          }, {
-            "text": "{ \"title\": \"Errors\", \"props\": { \"states\": { \"loadingError\": true, \"formState\": { \"errors\": { \"email\": true, \"firstName\": true, \"lastName\": true, \"countryCode\": true, \"currency\": true } } } } }",
-            "name": "componentState"
-          }, {
-            "text": "{ \"title\": \"Loading\", \"props\": { \"states\": { \"loading\": true } } }",
-            "name": "componentState"
-          }],
-        "text": ""
-      },
-      "attribute": "state-controller",
-      "reflect": false,
-      "defaultValue": "\"{}\""
-    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
@@ -1004,5 +966,5 @@ function useDemoUserInfoForm(props) {
         },
       },
     },
-  }, props.demoData || parseStates(props.stateController) || {}, { arrayMerge: (_, a) => a });
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

package/dist/esm/{extractProps-ae1afbb3.js → extractProps-54064fb0.js}

@@ -1,3 +1,16 @@
+function parseStates(states) {
+  if (typeof states === "string") {
+    try {
+      return JSON.parse(states);
+    }
+    catch (e) {
+      return undefined;
+    }
+  }
+  if (typeof states === "object")
+    return states;
+}
+
 /**
  * Util function for getting just the props with a certain prefix.
  * @param props Text props on stencil component
@@ -16,4 +29,4 @@ function extractProps(props, prefix) {
   return formattedProps;
 }
 
-export { extractProps as e };
+export { extractProps as e, parseStates as p };