@saasquatch/mint-components 1.14.7-6 → 1.14.7-8

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

@@ -1477,7 +1477,14 @@ function useLeadForm(props) {
       validationErrors: {},
     });
     (_b = (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.getFormControls()) === null || _b === void 0 ? void 0 : _b.forEach((c) => {
-      c.value = "";
+      console.log({ c });
+      if (c.type === "checkbox") {
+        c.checked = false;
+        c.value = false;
+      }
+      else {
+        c.value = "";
+      }
     });
     setSuccess(false);
   }

package/dist/cjs/{sqm-lead-checkbox-field-view-00116edf.js → sqm-lead-checkbox-field-view-34d94919.js}

@@ -46,7 +46,7 @@ const sheet = JSS.jss.createStyleSheet(style);
 const styleString = sheet.toString();
 function LeadCheckboxFieldView(props) {
   var _a, _b, _c, _d, _e;
-  const { states, content, callbacks } = props;
+  const { states, content } = props;
   const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.leadFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
   const getRequiredFieldErrorMessage = ({ checkboxLabel, }) => global.intl.formatMessage({
     id: `requiredFieldErrorMessage-${checkboxLabel}`,
@@ -58,9 +58,8 @@ function LeadCheckboxFieldView(props) {
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    index.h("sl-checkbox", Object.assign({ exportparts: "label: input-label, base: input-base", name: `/${content.checkboxName}`, checked: states.checked, "onSl-change": (e) => {
+    index.h("sl-checkbox", Object.assign({ exportparts: "label: input-label, base: input-base", name: `/${content.checkboxName}`, "onSl-change": (e) => {
         e.target.value = e.target.checked;
-        callbacks.setChecked(e.target.value);
       } }, (!content.checkboxOptional ? { required: false } : []), { disabled: ((_b = states.leadFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.disabled), validationError: ({ value }) => {
         if (!value && !content.checkboxOptional) {
           return getRequiredFieldErrorMessage({

package/dist/cjs/sqm-lead-checkbox-field.cjs.entry.js

@@ -10,25 +10,13 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 const useLeadFormState = require('./useLeadFormState-c83d2034.js');
-const sqmLeadCheckboxFieldView = require('./sqm-lead-checkbox-field-view-00116edf.js');
+const sqmLeadCheckboxFieldView = require('./sqm-lead-checkbox-field-view-34d94919.js');
 
-function useLeadCheckboxField(props) {
-  var _a;
+function useLeadCheckboxField() {
   const leadFormState = stencilHooks_module.d(useLeadFormState.LEAD_FORM_STATE_CONTEXT);
-  const [checked, setChecked] = stencilHooks_module.useState(false);
-  stencilHooks_module.useEffect(() => {
-    var _a, _b;
-    if ((_a = leadFormState === null || leadFormState === void 0 ? void 0 : leadFormState.initialData) === null || _a === void 0 ? void 0 : _a[props.checkboxName]) {
-      setChecked(!!((_b = leadFormState === null || leadFormState === void 0 ? void 0 : leadFormState.initialData) === null || _b === void 0 ? void 0 : _b[props.checkboxName]));
-    }
-  }, [(_a = leadFormState === null || leadFormState === void 0 ? void 0 : leadFormState.initialData) === null || _a === void 0 ? void 0 : _a[props.checkboxName]]);
   return {
     states: {
       leadFormState,
-      checked,
-    },
-    callbacks: {
-      setChecked,
     },
   };
 }
@@ -55,7 +43,7 @@ const LeadCheckboxField = class {
     /**
      * @uiName Unchecked error message
      */
-    this.errorMessage = "{checkboxLabel} must be checked";
+    this.errorMessage = "Must be checked";
     /**
      * @uiName Optional
      */
@@ -76,20 +64,16 @@ const LeadCheckboxField = class {
     const content = {
       ...utils.getProps(this),
     };
-    const { states, callbacks } = index_module.isDemo()
+    const { states } = index_module.isDemo()
       ? useLeadCheckboxFieldDemo(this)
-      : useLeadCheckboxField(this);
-    return (index.h(sqmLeadCheckboxFieldView.LeadCheckboxFieldView, { states: states, content: content, callbacks: callbacks }));
+      : useLeadCheckboxField();
+    return (index.h(sqmLeadCheckboxFieldView.LeadCheckboxFieldView, { states: states, content: content }));
   }
 };
 function useLeadCheckboxFieldDemo(props) {
   return cjs.cjs({
     states: {
-      registrationFormState: {},
-      checked: false,
-    },
-    callbacks: {
-      setChecked: () => { },
+      leadFormState: {},
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

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

@@ -20,7 +20,7 @@ const sqmAssetCardView = require('./sqm-asset-card-view-21ddf04f.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-ea3fa23b.js');
 require('./index-8c6255f5.js');
 const emailRegistrationView = require('./email-registration-view-55b378dc.js');
-const sqmLeadCheckboxFieldView = require('./sqm-lead-checkbox-field-view-00116edf.js');
+const sqmLeadCheckboxFieldView = require('./sqm-lead-checkbox-field-view-34d94919.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-11d57c12.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-17111896.js');
@@ -16073,7 +16073,6 @@ const defaultProps$w = {
     leadFormState: {
       validationErrors: {},
     },
-    checked: false,
   },
   content: {
     checkboxName: "terms",
@@ -16082,15 +16081,8 @@ const defaultProps$w = {
     checkboxLabelLinkText: "Terms and Conditions",
     errorMessage: "{checkboxLabel} Must be checked",
   },
-  callbacks: {
-    setChecked: () => { },
-  },
 };
 const Default$u = createHookStory(() => (index.h(sqmLeadCheckboxFieldView.LeadCheckboxFieldView, Object.assign({}, defaultProps$w))));
-const DefaultChecked$1 = createHookStory(() => (index.h(sqmLeadCheckboxFieldView.LeadCheckboxFieldView, Object.assign({}, defaultProps$w, { states: {
-    ...defaultProps$w.states,
-    checked: true,
-  } }))));
 const CustomLabel$3 = createHookStory(() => (index.h(sqmLeadCheckboxFieldView.LeadCheckboxFieldView, Object.assign({}, defaultProps$w, { content: {
     ...defaultProps$w.content,
     checkboxLabel: "I Agree",
@@ -16105,7 +16097,6 @@ const Error$d = createHookStory(() => (index.h(sqmLeadCheckboxFieldView.LeadChec
   } }))));
 const CustomError$3 = createHookStory(() => (index.h(sqmLeadCheckboxFieldView.LeadCheckboxFieldView, Object.assign({}, defaultProps$w, { states: {
     ...defaultProps$w.states,
-    checked: true,
     leadFormState: {
       validationErrors: {
         terms: "{checkboxLabel} Must be checked",
@@ -16120,7 +16111,6 @@ const LeadCheckboxField = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': LeadCheckboxField_stories,
   Default: Default$u,
-  DefaultChecked: DefaultChecked$1,
   CustomLabel: CustomLabel$3,
   Error: Error$d,
   CustomError: CustomError$3

package/dist/collection/components/sqm-lead-form/LeadCheckboxField.stories.js

@@ -9,7 +9,6 @@ const defaultProps = {
     leadFormState: {
       validationErrors: {},
     },
-    checked: false,
   },
   content: {
     checkboxName: "terms",
@@ -18,15 +17,8 @@ const defaultProps = {
     checkboxLabelLinkText: "Terms and Conditions",
     errorMessage: "{checkboxLabel} Must be checked",
   },
-  callbacks: {
-    setChecked: () => { },
-  },
 };
 export const Default = createHookStory(() => (h(LeadCheckboxFieldView, Object.assign({}, defaultProps))));
-export const DefaultChecked = createHookStory(() => (h(LeadCheckboxFieldView, Object.assign({}, defaultProps, { states: {
-    ...defaultProps.states,
-    checked: true,
-  } }))));
 export const CustomLabel = createHookStory(() => (h(LeadCheckboxFieldView, Object.assign({}, defaultProps, { content: {
     ...defaultProps.content,
     checkboxLabel: "I Agree",
@@ -41,7 +33,6 @@ export const Error = createHookStory(() => (h(LeadCheckboxFieldView, Object.assi
   } }))));
 export const CustomError = createHookStory(() => (h(LeadCheckboxFieldView, Object.assign({}, defaultProps, { states: {
     ...defaultProps.states,
-    checked: true,
     leadFormState: {
       validationErrors: {
         terms: "{checkboxLabel} Must be checked",

package/dist/collection/components/sqm-lead-form/sqm-lead-checkbox-field-view.js

@@ -44,7 +44,7 @@ const sheet = jss.createStyleSheet(style);
 const styleString = sheet.toString();
 export function LeadCheckboxFieldView(props) {
   var _a, _b, _c, _d, _e;
-  const { states, content, callbacks } = props;
+  const { states, content } = props;
   const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.leadFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
   const getRequiredFieldErrorMessage = ({ checkboxLabel, }) => intl.formatMessage({
     id: `requiredFieldErrorMessage-${checkboxLabel}`,
@@ -56,9 +56,8 @@ export function LeadCheckboxFieldView(props) {
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    h("sl-checkbox", Object.assign({ exportparts: "label: input-label, base: input-base", name: `/${content.checkboxName}`, checked: states.checked, "onSl-change": (e) => {
+    h("sl-checkbox", Object.assign({ exportparts: "label: input-label, base: input-base", name: `/${content.checkboxName}`, "onSl-change": (e) => {
         e.target.value = e.target.checked;
-        callbacks.setChecked(e.target.value);
       } }, (!content.checkboxOptional ? { required: false } : []), { disabled: ((_b = states.leadFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.disabled), validationError: ({ value }) => {
         if (!value && !content.checkboxOptional) {
           return getRequiredFieldErrorMessage({

package/dist/collection/components/sqm-lead-form/sqm-lead-checkbox-field.js

@@ -31,7 +31,7 @@ export class LeadCheckboxField {
     /**
      * @uiName Unchecked error message
      */
-    this.errorMessage = "{checkboxLabel} must be checked";
+    this.errorMessage = "Must be checked";
     /**
      * @uiName Optional
      */
@@ -52,10 +52,10 @@ export class LeadCheckboxField {
     const content = {
       ...getProps(this),
     };
-    const { states, callbacks } = isDemo()
+    const { states } = isDemo()
       ? useLeadCheckboxFieldDemo(this)
-      : useLeadCheckboxField(this);
-    return (h(LeadCheckboxFieldView, { states: states, content: content, callbacks: callbacks }));
+      : useLeadCheckboxField();
+    return (h(LeadCheckboxFieldView, { states: states, content: content }));
   }
   static get is() { return "sqm-lead-checkbox-field"; }
   static get properties() { return {
@@ -167,7 +167,7 @@ export class LeadCheckboxField {
       },
       "attribute": "error-message",
       "reflect": false,
-      "defaultValue": "\"{checkboxLabel} must be checked\""
+      "defaultValue": "\"Must be checked\""
     },
     "checkboxOptional": {
       "type": "boolean",
@@ -195,7 +195,7 @@ export class LeadCheckboxField {
       "mutable": false,
       "complexType": {
         "original": "DemoData<LeadCheckboxFieldViewProps>",
-        "resolved": "{ states?: { leadFormState?: LeadFormState; checked: boolean; }; content?: { checkboxName: string; checkboxLabel: string; checkboxLabelLink?: string; checkboxLabelLinkText?: string; checkboxOptional?: boolean; errorMessage?: string; }; }",
+        "resolved": "{ states?: { leadFormState?: LeadFormState; }; content?: { checkboxName: string; checkboxLabel: string; checkboxLabelLink?: string; checkboxLabelLinkText?: string; checkboxOptional?: boolean; errorMessage?: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -228,11 +228,7 @@ export class LeadCheckboxField {
 function useLeadCheckboxFieldDemo(props) {
   return deepmerge({
     states: {
-      registrationFormState: {},
-      checked: false,
-    },
-    callbacks: {
-      setChecked: () => { },
+      leadFormState: {},
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

package/dist/collection/components/sqm-lead-form/useCheckboxField.js

@@ -1,23 +1,10 @@
 import { useDomContext } from "@saasquatch/stencil-hooks";
-import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { LEAD_FORM_STATE_CONTEXT } from "./useLeadFormState";
-export function useLeadCheckboxField(props) {
-  var _a;
+export function useLeadCheckboxField() {
   const leadFormState = useDomContext(LEAD_FORM_STATE_CONTEXT);
-  const [checked, setChecked] = useState(false);
-  useEffect(() => {
-    var _a, _b;
-    if ((_a = leadFormState === null || leadFormState === void 0 ? void 0 : leadFormState.initialData) === null || _a === void 0 ? void 0 : _a[props.checkboxName]) {
-      setChecked(!!((_b = leadFormState === null || leadFormState === void 0 ? void 0 : leadFormState.initialData) === null || _b === void 0 ? void 0 : _b[props.checkboxName]));
-    }
-  }, [(_a = leadFormState === null || leadFormState === void 0 ? void 0 : leadFormState.initialData) === null || _a === void 0 ? void 0 : _a[props.checkboxName]]);
   return {
     states: {
       leadFormState,
-      checked,
-    },
-    callbacks: {
-      setChecked,
     },
   };
 }

package/dist/collection/components/sqm-lead-form/useLeadForm.js

@@ -113,7 +113,14 @@ export function useLeadForm(props) {
       validationErrors: {},
     });
     (_b = (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.getFormControls()) === null || _b === void 0 ? void 0 : _b.forEach((c) => {
-      c.value = "";
+      console.log({ c });
+      if (c.type === "checkbox") {
+        c.checked = false;
+        c.value = false;
+      }
+      else {
+        c.value = "";
+      }
     });
     setSuccess(false);
   }

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

@@ -1473,7 +1473,14 @@ function useLeadForm(props) {
       validationErrors: {},
     });
     (_b = (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.getFormControls()) === null || _b === void 0 ? void 0 : _b.forEach((c) => {
-      c.value = "";
+      console.log({ c });
+      if (c.type === "checkbox") {
+        c.checked = false;
+        c.value = false;
+      }
+      else {
+        c.value = "";
+      }
     });
     setSuccess(false);
   }

package/dist/esm/{sqm-lead-checkbox-field-view-f2d478ad.js → sqm-lead-checkbox-field-view-a8c1c78e.js}

@@ -44,7 +44,7 @@ const sheet = jss.createStyleSheet(style);
 const styleString = sheet.toString();
 function LeadCheckboxFieldView(props) {
   var _a, _b, _c, _d, _e;
-  const { states, content, callbacks } = props;
+  const { states, content } = props;
   const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.leadFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
   const getRequiredFieldErrorMessage = ({ checkboxLabel, }) => intl.formatMessage({
     id: `requiredFieldErrorMessage-${checkboxLabel}`,
@@ -56,9 +56,8 @@ function LeadCheckboxFieldView(props) {
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    h("sl-checkbox", Object.assign({ exportparts: "label: input-label, base: input-base", name: `/${content.checkboxName}`, checked: states.checked, "onSl-change": (e) => {
+    h("sl-checkbox", Object.assign({ exportparts: "label: input-label, base: input-base", name: `/${content.checkboxName}`, "onSl-change": (e) => {
         e.target.value = e.target.checked;
-        callbacks.setChecked(e.target.value);
       } }, (!content.checkboxOptional ? { required: false } : []), { disabled: ((_b = states.leadFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.disabled), validationError: ({ value }) => {
         if (!value && !content.checkboxOptional) {
           return getRequiredFieldErrorMessage({

package/dist/esm/sqm-lead-checkbox-field.entry.js

@@ -1,30 +1,18 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { i as d, k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
+import { i as d, n as h } from './stencil-hooks.module-4bc38af4.js';
 import './global-be1f9992.js';
 import { i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { a as getMissingProps, g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-9016d812.js';
-import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-f2d478ad.js';
+import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-a8c1c78e.js';
 
-function useLeadCheckboxField(props) {
-  var _a;
+function useLeadCheckboxField() {
   const leadFormState = d(LEAD_FORM_STATE_CONTEXT);
-  const [checked, setChecked] = useState(false);
-  useEffect(() => {
-    var _a, _b;
-    if ((_a = leadFormState === null || leadFormState === void 0 ? void 0 : leadFormState.initialData) === null || _a === void 0 ? void 0 : _a[props.checkboxName]) {
-      setChecked(!!((_b = leadFormState === null || leadFormState === void 0 ? void 0 : leadFormState.initialData) === null || _b === void 0 ? void 0 : _b[props.checkboxName]));
-    }
-  }, [(_a = leadFormState === null || leadFormState === void 0 ? void 0 : leadFormState.initialData) === null || _a === void 0 ? void 0 : _a[props.checkboxName]]);
   return {
     states: {
       leadFormState,
-      checked,
-    },
-    callbacks: {
-      setChecked,
     },
   };
 }
@@ -51,7 +39,7 @@ const LeadCheckboxField = class {
     /**
      * @uiName Unchecked error message
      */
-    this.errorMessage = "{checkboxLabel} must be checked";
+    this.errorMessage = "Must be checked";
     /**
      * @uiName Optional
      */
@@ -72,20 +60,16 @@ const LeadCheckboxField = class {
     const content = {
       ...getProps(this),
     };
-    const { states, callbacks } = isDemo()
+    const { states } = isDemo()
       ? useLeadCheckboxFieldDemo(this)
-      : useLeadCheckboxField(this);
-    return (h$1(LeadCheckboxFieldView, { states: states, content: content, callbacks: callbacks }));
+      : useLeadCheckboxField();
+    return (h$1(LeadCheckboxFieldView, { states: states, content: content }));
   }
 };
 function useLeadCheckboxFieldDemo(props) {
   return cjs({
     states: {
-      registrationFormState: {},
-      checked: false,
-    },
-    callbacks: {
-      setChecked: () => { },
+      leadFormState: {},
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

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

@@ -16,7 +16,7 @@ import { A as AssetCardView } from './sqm-asset-card-view-fe5db3c0.js';
 import { C as CloseButtonView } from './sqm-close-button-view-f9819751.js';
 import './index-ffa26b43.js';
 import { E as EmailRegistrationView } from './email-registration-view-a7818cf2.js';
-import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-f2d478ad.js';
+import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-a8c1c78e.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-753c8d4a.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-8ef8180f.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-9d802b78.js';
@@ -16069,7 +16069,6 @@ const defaultProps$w = {
     leadFormState: {
       validationErrors: {},
     },
-    checked: false,
   },
   content: {
     checkboxName: "terms",
@@ -16078,15 +16077,8 @@ const defaultProps$w = {
     checkboxLabelLinkText: "Terms and Conditions",
     errorMessage: "{checkboxLabel} Must be checked",
   },
-  callbacks: {
-    setChecked: () => { },
-  },
 };
 const Default$u = createHookStory(() => (h(LeadCheckboxFieldView, Object.assign({}, defaultProps$w))));
-const DefaultChecked$1 = createHookStory(() => (h(LeadCheckboxFieldView, Object.assign({}, defaultProps$w, { states: {
-    ...defaultProps$w.states,
-    checked: true,
-  } }))));
 const CustomLabel$3 = createHookStory(() => (h(LeadCheckboxFieldView, Object.assign({}, defaultProps$w, { content: {
     ...defaultProps$w.content,
     checkboxLabel: "I Agree",
@@ -16101,7 +16093,6 @@ const Error$d = createHookStory(() => (h(LeadCheckboxFieldView, Object.assign({}
   } }))));
 const CustomError$3 = createHookStory(() => (h(LeadCheckboxFieldView, Object.assign({}, defaultProps$w, { states: {
     ...defaultProps$w.states,
-    checked: true,
     leadFormState: {
       validationErrors: {
         terms: "{checkboxLabel} Must be checked",
@@ -16116,7 +16107,6 @@ const LeadCheckboxField = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': LeadCheckboxField_stories,
   Default: Default$u,
-  DefaultChecked: DefaultChecked$1,
   CustomLabel: CustomLabel$3,
   Error: Error$d,
   CustomError: CustomError$3