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

package/dist/cjs/sqm-big-stat_47.cjs.entry.js

@@ -7981,13 +7981,13 @@ const TaxAndCashMonolith = class {
     /**
      *
      * @undocumented
-     * @componentState { "title": "Step 1: Personal information", "props": { "step": "/1" }, "dependencies": ["sqm-user-info-form"], "uiGroup": "Step 1 Properties" }
+     * @componentState { "title": "Step 1: Personal information", "default": true, "props": { "step": "/1" }, "dependencies": ["sqm-user-info-form"], "uiGroup": "Step 1 Properties" }
      * @componentState { "title": "Step 2: Indirect tax", "props": { "step": "/2" }, "dependencies": ["sqm-indirect-tax-form"], "uiGroup": "Step 2 Properties" }
      * @componentState { "title": "Step 3: Tax form", "props": { "step": "/3" }, "dependencies": ["sqm-docusign-form"], "uiGroup": "Step 3 Properties" }
      * @componentState { "title": "Step 4: Payment method", "props": { "step": "/4" }, "dependencies": ["sqm-banking-info-form"], "uiGroup": "Step 4 Properties" }
      * @componentState { "title": "Dashboard", "props": { "step": "/dashboard" }, "dependencies": ["sqm-tax-and-cash-dashboard"], "uiGroup": "Dashboard Properties" }
      */
-    this.stateController = "{}";
+    this.stateController = '{"sqm-tax-and-cash":{"step":"/1"}}';
     domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }

package/dist/cjs/sqm-email-verification_2.cjs.entry.js

@@ -418,7 +418,7 @@ function useDemoWidgetEmailVerification(props) {
       initialLoading: false,
       loading: false,
       email: "test@example.com",
-      sendCodeError: true,
+      sendCodeError: false,
     },
     callbacks: {
       submitEmail: async () => setShowCode(true),

package/dist/cjs/sqm-widget-verification-controller.cjs.entry.js

@@ -40,25 +40,26 @@ const WidgetVerificationController = class {
     /**
      * @undocumented
      * @componentState { "title": "Verify email", "slot": "not-verified", "props": { "isAuth": false }, "disabled": "true" }
-     * @componentState { "title": "Tax and cash", "slot": "verified", "props": { "isAuth": true }, "disabled": "true" }
+     * @componentState { "title": "Tax and cash", "default": true, "slot": "verified", "props": { "isAuth": true }, "disabled": "true" }
      */
-    this.stateController = "{}";
+    this.stateController = '{"sqm-widget-verification-controller":{"isAuth":true}}';
     domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    var _a;
     const [context, setContext] = index_module.In({
       namespace: keys.VERIFICATION_PARENT_NAMESPACE,
       initialValue: false,
     });
     const props = JSON.parse(this.stateController);
-    const demoIsAuth = index_module.isDemo() && ((_a = props["sqm-widget-verification-controller"]) === null || _a === void 0 ? void 0 : _a.isAuth);
+    // raisins sends state props flat; the @Prop default nests them under the tag
+    const stateOverride = (props === null || props === void 0 ? void 0 : props["sqm-widget-verification-controller"]) || props || {};
+    const demoIsAuth = index_module.isDemo() && (stateOverride === null || stateOverride === void 0 ? void 0 : stateOverride.isAuth);
     const [container, setContainer] = domContextHooks_module.useState(undefined);
     const [slot, setSlot] = domContextHooks_module.useState(undefined);
     const updateTemplates = index_module.useCallback(() => {
-      const isAuth = demoIsAuth || context;
       const templates = slot.querySelectorAll(`template`);
+      const isAuth = demoIsAuth || context;
       const template = Array.from(templates).find((t) => t.slot === (isAuth ? "verified" : "not-verified"));
       if (template) {
         // use outerHTML if template's innerHTML is unset (only happens in Stencilbook)
@@ -105,7 +106,7 @@ const WidgetVerificationController = class {
           target.style.height = "25px";
         });
       }
-    }, [container, slot, context, demoIsAuth]);
+    }, [container, slot, context, demoIsAuth, this.stateController]);
     domContextHooks_module.useEffect(() => {
       if (!container || !slot) {
         debug("DOM not ready:");
@@ -114,7 +115,7 @@ const WidgetVerificationController = class {
       // Run on first render
       updateTemplates();
       return useTemplateChildren({ parent: slot, callback: updateTemplates });
-    }, [slot, container, context, demoIsAuth]);
+    }, [slot, container, context, demoIsAuth, this.stateController]);
     return (index.h(index.Host, null, index.h("div", { ref: setSlot, style: { display: "contents" } }, index.h("slot", { name: "not-verified" }), index.h("slot", { name: "verified" })), index.h("div", { ref: setContainer }, index.h("slot", { name: "shown" }))));
   }
 };

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

@@ -241,7 +241,7 @@ function useDemoWidgetEmailVerification(props) {
       initialLoading: false,
       loading: false,
       email: "test@example.com",
-      sendCodeError: true,
+      sendCodeError: false,
     },
     callbacks: {
       submitEmail: async () => setShowCode(true),

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

@@ -33,7 +33,7 @@ function useTemplateChildren({ parent, callback }) {
 }
 /**
  * @uiName Widget Verification Controller
- * @slots [{"name":"not-verified","title":"Not Verified template"},{"name":"verified","title":"Verified template"}]
+ * @slots [{"name":"verified","title":"Verified template"},{"name":"not-verified","title":"Not Verified template"}]
  * @exampleGroup Tax and Cash
  * @example Widget Cash Payout Form - <sqm-widget-verification-controller><template slot="not-verified"><sqm-widget-verification></sqm-widget-verification></template><template slot="verified"><sqm-tax-and-cash></sqm-tax-and-cash></template></sqm-widget-verification-controller>
  * @canvasRenderer always-replace
@@ -43,25 +43,26 @@ export class WidgetVerificationController {
     /**
      * @undocumented
      * @componentState { "title": "Verify email", "slot": "not-verified", "props": { "isAuth": false }, "disabled": "true" }
-     * @componentState { "title": "Tax and cash", "slot": "verified", "props": { "isAuth": true }, "disabled": "true" }
+     * @componentState { "title": "Tax and cash", "default": true, "slot": "verified", "props": { "isAuth": true }, "disabled": "true" }
      */
-    this.stateController = "{}";
+    this.stateController = '{"sqm-widget-verification-controller":{"isAuth":true}}';
     withHooks(this);
   }
   disconnectedCallback() { }
   render() {
-    var _a;
     const [context, setContext] = useParentState({
       namespace: VERIFICATION_PARENT_NAMESPACE,
       initialValue: false,
     });
     const props = JSON.parse(this.stateController);
-    const demoIsAuth = isDemo() && ((_a = props["sqm-widget-verification-controller"]) === null || _a === void 0 ? void 0 : _a.isAuth);
+    // raisins sends state props flat; the @Prop default nests them under the tag
+    const stateOverride = (props === null || props === void 0 ? void 0 : props["sqm-widget-verification-controller"]) || props || {};
+    const demoIsAuth = isDemo() && (stateOverride === null || stateOverride === void 0 ? void 0 : stateOverride.isAuth);
     const [container, setContainer] = useState(undefined);
     const [slot, setSlot] = useState(undefined);
     const updateTemplates = useCallback(() => {
-      const isAuth = demoIsAuth || context;
       const templates = slot.querySelectorAll(`template`);
+      const isAuth = demoIsAuth || context;
       const template = Array.from(templates).find((t) => t.slot === (isAuth ? "verified" : "not-verified"));
       if (template) {
         // use outerHTML if template's innerHTML is unset (only happens in Stencilbook)
@@ -108,7 +109,7 @@ export class WidgetVerificationController {
           target.style.height = "25px";
         });
       }
-    }, [container, slot, context, demoIsAuth]);
+    }, [container, slot, context, demoIsAuth, this.stateController]);
     useEffect(() => {
       if (!container || !slot) {
         debug("DOM not ready:");
@@ -117,7 +118,7 @@ export class WidgetVerificationController {
       // Run on first render
       updateTemplates();
       return useTemplateChildren({ parent: slot, callback: updateTemplates });
-    }, [slot, container, context, demoIsAuth]);
+    }, [slot, container, context, demoIsAuth, this.stateController]);
     return (h(Host, null,
       h("div", { ref: setSlot, style: { display: "contents" } },
         h("slot", { name: "not-verified" }),
@@ -145,14 +146,14 @@ export class WidgetVerificationController {
             "text": "{ \"title\": \"Verify email\", \"slot\": \"not-verified\", \"props\": { \"isAuth\": false }, \"disabled\": \"true\" }",
             "name": "componentState"
           }, {
-            "text": "{ \"title\": \"Tax and cash\", \"slot\": \"verified\", \"props\": { \"isAuth\": true }, \"disabled\": \"true\" }",
+            "text": "{ \"title\": \"Tax and cash\", \"default\": true, \"slot\": \"verified\", \"props\": { \"isAuth\": true }, \"disabled\": \"true\" }",
             "name": "componentState"
           }],
         "text": ""
       },
       "attribute": "state-controller",
       "reflect": false,
-      "defaultValue": "\"{}\""
+      "defaultValue": "'{\"sqm-widget-verification-controller\":{\"isAuth\":true}}'"
     }
   }; }
 }

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

@@ -1116,13 +1116,13 @@ export class TaxAndCashMonolith {
     /**
      *
      * @undocumented
-     * @componentState { "title": "Step 1: Personal information", "props": { "step": "/1" }, "dependencies": ["sqm-user-info-form"], "uiGroup": "Step 1 Properties" }
+     * @componentState { "title": "Step 1: Personal information", "default": true, "props": { "step": "/1" }, "dependencies": ["sqm-user-info-form"], "uiGroup": "Step 1 Properties" }
      * @componentState { "title": "Step 2: Indirect tax", "props": { "step": "/2" }, "dependencies": ["sqm-indirect-tax-form"], "uiGroup": "Step 2 Properties" }
      * @componentState { "title": "Step 3: Tax form", "props": { "step": "/3" }, "dependencies": ["sqm-docusign-form"], "uiGroup": "Step 3 Properties" }
      * @componentState { "title": "Step 4: Payment method", "props": { "step": "/4" }, "dependencies": ["sqm-banking-info-form"], "uiGroup": "Step 4 Properties" }
      * @componentState { "title": "Dashboard", "props": { "step": "/dashboard" }, "dependencies": ["sqm-tax-and-cash-dashboard"], "uiGroup": "Dashboard Properties" }
      */
-    this.stateController = "{}";
+    this.stateController = '{"sqm-tax-and-cash":{"step":"/1"}}';
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -5841,7 +5841,7 @@ export class TaxAndCashMonolith {
             "text": undefined,
             "name": "undocumented"
           }, {
-            "text": "{ \"title\": \"Step 1: Personal information\", \"props\": { \"step\": \"/1\" }, \"dependencies\": [\"sqm-user-info-form\"], \"uiGroup\": \"Step 1 Properties\" }",
+            "text": "{ \"title\": \"Step 1: Personal information\", \"default\": true, \"props\": { \"step\": \"/1\" }, \"dependencies\": [\"sqm-user-info-form\"], \"uiGroup\": \"Step 1 Properties\" }",
             "name": "componentState"
           }, {
             "text": "{ \"title\": \"Step 2: Indirect tax\", \"props\": { \"step\": \"/2\" }, \"dependencies\": [\"sqm-indirect-tax-form\"], \"uiGroup\": \"Step 2 Properties\" }",
@@ -5860,7 +5860,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "state-controller",
       "reflect": false,
-      "defaultValue": "\"{}\""
+      "defaultValue": "'{\"sqm-tax-and-cash\":{\"step\":\"/1\"}}'"
     },
     "demoData": {
       "type": "unknown",

package/dist/esm/sqm-big-stat_47.entry.js

@@ -7977,13 +7977,13 @@ const TaxAndCashMonolith = class {
     /**
      *
      * @undocumented
-     * @componentState { "title": "Step 1: Personal information", "props": { "step": "/1" }, "dependencies": ["sqm-user-info-form"], "uiGroup": "Step 1 Properties" }
+     * @componentState { "title": "Step 1: Personal information", "default": true, "props": { "step": "/1" }, "dependencies": ["sqm-user-info-form"], "uiGroup": "Step 1 Properties" }
      * @componentState { "title": "Step 2: Indirect tax", "props": { "step": "/2" }, "dependencies": ["sqm-indirect-tax-form"], "uiGroup": "Step 2 Properties" }
      * @componentState { "title": "Step 3: Tax form", "props": { "step": "/3" }, "dependencies": ["sqm-docusign-form"], "uiGroup": "Step 3 Properties" }
      * @componentState { "title": "Step 4: Payment method", "props": { "step": "/4" }, "dependencies": ["sqm-banking-info-form"], "uiGroup": "Step 4 Properties" }
      * @componentState { "title": "Dashboard", "props": { "step": "/dashboard" }, "dependencies": ["sqm-tax-and-cash-dashboard"], "uiGroup": "Dashboard Properties" }
      */
-    this.stateController = "{}";
+    this.stateController = '{"sqm-tax-and-cash":{"step":"/1"}}';
     h(this);
   }
   disconnectedCallback() { }

package/dist/esm/sqm-email-verification_2.entry.js

@@ -414,7 +414,7 @@ function useDemoWidgetEmailVerification(props) {
       initialLoading: false,
       loading: false,
       email: "test@example.com",
-      sendCodeError: true,
+      sendCodeError: false,
     },
     callbacks: {
       submitEmail: async () => setShowCode(true),

package/dist/esm/sqm-widget-verification-controller.entry.js

@@ -36,25 +36,26 @@ const WidgetVerificationController = class {
     /**
      * @undocumented
      * @componentState { "title": "Verify email", "slot": "not-verified", "props": { "isAuth": false }, "disabled": "true" }
-     * @componentState { "title": "Tax and cash", "slot": "verified", "props": { "isAuth": true }, "disabled": "true" }
+     * @componentState { "title": "Tax and cash", "default": true, "slot": "verified", "props": { "isAuth": true }, "disabled": "true" }
      */
-    this.stateController = "{}";
+    this.stateController = '{"sqm-widget-verification-controller":{"isAuth":true}}';
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    var _a;
     const [context, setContext] = In({
       namespace: VERIFICATION_PARENT_NAMESPACE,
       initialValue: false,
     });
     const props = JSON.parse(this.stateController);
-    const demoIsAuth = isDemo() && ((_a = props["sqm-widget-verification-controller"]) === null || _a === void 0 ? void 0 : _a.isAuth);
+    // raisins sends state props flat; the @Prop default nests them under the tag
+    const stateOverride = (props === null || props === void 0 ? void 0 : props["sqm-widget-verification-controller"]) || props || {};
+    const demoIsAuth = isDemo() && (stateOverride === null || stateOverride === void 0 ? void 0 : stateOverride.isAuth);
     const [container, setContainer] = useState(undefined);
     const [slot, setSlot] = useState(undefined);
     const updateTemplates = useCallback(() => {
-      const isAuth = demoIsAuth || context;
       const templates = slot.querySelectorAll(`template`);
+      const isAuth = demoIsAuth || context;
       const template = Array.from(templates).find((t) => t.slot === (isAuth ? "verified" : "not-verified"));
       if (template) {
         // use outerHTML if template's innerHTML is unset (only happens in Stencilbook)
@@ -101,7 +102,7 @@ const WidgetVerificationController = class {
           target.style.height = "25px";
         });
       }
-    }, [container, slot, context, demoIsAuth]);
+    }, [container, slot, context, demoIsAuth, this.stateController]);
     useEffect(() => {
       if (!container || !slot) {
         debug("DOM not ready:");
@@ -110,7 +111,7 @@ const WidgetVerificationController = class {
       // Run on first render
       updateTemplates();
       return useTemplateChildren({ parent: slot, callback: updateTemplates });
-    }, [slot, container, context, demoIsAuth]);
+    }, [slot, container, context, demoIsAuth, this.stateController]);
     return (h$1(Host, null, h$1("div", { ref: setSlot, style: { display: "contents" } }, h$1("slot", { name: "not-verified" }), h$1("slot", { name: "verified" })), h$1("div", { ref: setContainer }, h$1("slot", { name: "shown" }))));
   }
 };