@paragrav/rhf-utils 0.0.135 → 0.0.136

package/README.md

@@ -8,7 +8,7 @@ If you have multiple forms and would like a more declarative API to manage their
 
 ## Features
 
-- built with and for [TypeScript](https://www.typescriptlang.org/)
+- [TypeScript](https://www.typescriptlang.org/)-first
 - global configuration, such as:
   - injecting your own hooks and UI (`FormChildrenWrapper`)
   - server error transformation (`onSubmitErrorUnknown`)
@@ -275,8 +275,12 @@ type RhfUtilsFormOptions = {
   /** Stop propagation of submit event. */
   stopSubmitPropagation?: boolean;
 
-  /** Request submit via listener on form change. */
-  submitOnChange?: boolean;
+  /**
+   * Request submit via listener on form change.
+   * - `true`: no debounce
+   * - number: milliseconds to debounce
+   */
+  submitOnChange?: boolean | number;
 
   /**
    * Reset form values and state (e.g., isDirty, etc.) after submit -- on success and/or error.

package/dist/esm/client/config/useRhfUtilsClientConfigContext.mjs

@@ -7,4 +7,3 @@ export {
   o as _RhfUtilsClientConfigContextProvider,
   i as default
 };
-//# sourceMappingURL=useRhfUtilsClientConfigContext.mjs.map

package/dist/esm/client/index.mjs

@@ -47,4 +47,3 @@ const c = (r) => (o) => {
 export {
   c as createRhfUtilsClient
 };
-//# sourceMappingURL=index.mjs.map

package/dist/esm/client/utils.mjs

@@ -36,4 +36,3 @@ const u = (n, ...r) => (
 export {
   u as mergeRhfUtilsClientConfigDefaultsWithUseRhfUtilsFormProps
 };
-//# sourceMappingURL=utils.mjs.map

package/dist/esm/client/zod/context/RhfUtilsClientForZodContextProvider.mjs

@@ -13,4 +13,3 @@ const d = ({
 export {
   p as default
 };
-//# sourceMappingURL=RhfUtilsClientForZodContextProvider.mjs.map

package/dist/esm/client/zod/context/RhfUtilsZodForm.mjs

@@ -10,4 +10,3 @@ function m({
 export {
   m as default
 };
-//# sourceMappingURL=RhfUtilsZodForm.mjs.map

package/dist/esm/client/zod/context/useRhfUtilsClientForZodContext.mjs

@@ -7,4 +7,3 @@ export {
   o as _RhfUtilsClientForZodContextProvider,
   r as default
 };
-//# sourceMappingURL=useRhfUtilsClientForZodContext.mjs.map

package/dist/esm/client/zod/context/useRhfUtilsZodForm.mjs

@@ -3,4 +3,3 @@ const e = (o, t) => s().useForm(o, t), f = e;
 export {
   f as default
 };
-//# sourceMappingURL=useRhfUtilsZodForm.mjs.map

package/dist/esm/client/zod/createRhfUtilsClientForZod.mjs

@@ -4,4 +4,3 @@ const i = e(t);
 export {
   i as default
 };
-//# sourceMappingURL=createRhfUtilsClientForZod.mjs.map

package/dist/esm/devtool/LazyDevTool.mjs

@@ -13,4 +13,3 @@ const a = e.lazy(
 export {
   u as default
 };
-//# sourceMappingURL=LazyDevTool.mjs.map

package/dist/esm/errors/flat/FlatFieldErrorsList.mjs

@@ -15,4 +15,3 @@ const o = ({ errors: e }) => {
 export {
   o as default
 };
-//# sourceMappingURL=FlatFieldErrorsList.mjs.map

package/dist/esm/errors/flat/context/FlatFieldErrorsContextProvider.mjs

@@ -25,4 +25,3 @@ const C = ({
 export {
   C as default
 };
-//# sourceMappingURL=FlatFieldErrorsContextProvider.mjs.map

package/dist/esm/errors/flat/context/useFlatFieldErrorsContext.mjs

@@ -7,4 +7,3 @@ export {
   o as _FormErrorsFlatContextProvider,
   s as default
 };
-//# sourceMappingURL=useFlatFieldErrorsContext.mjs.map

package/dist/esm/errors/flat/context/useFlatFieldErrorsContextHasOnlyOrphans.mjs

@@ -7,4 +7,3 @@ const t = () => {
 export {
   l as default
 };
-//# sourceMappingURL=useFlatFieldErrorsContextHasOnlyOrphans.mjs.map

package/dist/esm/errors/flat/context/useFlatFieldErrorsContextOutput.mjs

@@ -22,4 +22,3 @@ const C = (r) => {
 export {
   C as default
 };
-//# sourceMappingURL=useFlatFieldErrorsContextOutput.mjs.map

package/dist/esm/errors/flat/filterFlatFieldErrors.mjs

@@ -8,4 +8,3 @@ const r = (e) => (t) => (
 export {
   r as default
 };
-//# sourceMappingURL=filterFlatFieldErrors.mjs.map

package/dist/esm/errors/flat/flattenFieldErrors.mjs

@@ -3,4 +3,3 @@ const o = (t) => r(t);
 export {
   o as default
 };
-//# sourceMappingURL=flattenFieldErrors.mjs.map

package/dist/esm/errors/flat/getFlatFieldErrors.mjs

@@ -22,4 +22,3 @@ export {
   u as default,
   d as regexMaybeFieldErrorLeafNodeSuffix
 };
-//# sourceMappingURL=getFlatFieldErrors.mjs.map

package/dist/esm/errors/getRefdFromFlatFieldErrors.mjs

@@ -6,4 +6,3 @@ const l = r(
 export {
   l as default
 };
-//# sourceMappingURL=getRefdFromFlatFieldErrors.mjs.map

package/dist/esm/errors/isFieldErrorRefd.mjs

@@ -2,4 +2,3 @@ const r = (e) => !!e.ref;
 export {
   r as default
 };
-//# sourceMappingURL=isFieldErrorRefd.mjs.map

package/dist/esm/errors/isFlatFieldErrorEntryRefd.mjs

@@ -3,4 +3,3 @@ const t = ([, r]) => e(r);
 export {
   t as default
 };
-//# sourceMappingURL=isFlatFieldErrorEntryRefd.mjs.map

package/dist/esm/errors/message/FormErrorMessage.mjs

@@ -12,4 +12,3 @@ const i = ({ message: r, className: e }) => /* @__PURE__ */ o(
 export {
   i as default
 };
-//# sourceMappingURL=FormErrorMessage.mjs.map

package/dist/esm/errors/message/FormErrorMessageByPath.mjs

@@ -12,4 +12,3 @@ const f = ({ path: o, Component: s }) => {
 export {
   E as default
 };
-//# sourceMappingURL=FormErrorMessageByPath.mjs.map

package/dist/esm/errors/nonfield/FormNonFieldErrorMarker.mjs

@@ -17,4 +17,3 @@ const a = ({ path: r }) => {
 export {
   d as default
 };
-//# sourceMappingURL=FormNonFieldErrorMarker.mjs.map

package/dist/esm/errors/nonfield/FormNonFieldErrorMarker.utils.mjs

@@ -21,4 +21,3 @@ const m = (r, e) => (
 export {
   m as getFormNonFieldErrorMarkerQuerySelector
 };
-//# sourceMappingURL=FormNonFieldErrorMarker.utils.mjs.map

package/dist/esm/errors/nonfield/FormNonFieldErrorMarkerHtmlAttribute.mjs

@@ -2,4 +2,3 @@ const r = "data-paragrav-rhf-utils-nonfield-error-marker-path";
 export {
   r as default
 };
-//# sourceMappingURL=FormNonFieldErrorMarkerHtmlAttribute.mjs.map

package/dist/esm/errors/nonfield/isNonFieldErrorMarkerInDOM.mjs

@@ -3,4 +3,3 @@ const l = (r, e) => !!e.querySelector(o(r));
 export {
   l as default
 };
-//# sourceMappingURL=isNonFieldErrorMarkerInDOM.mjs.map

package/dist/esm/errors/orphan/getIsOrphanFormErrorWithParentElement.mjs

@@ -3,4 +3,3 @@ const n = (r) => ([t, e]) => o(t, e, r);
 export {
   n as default
 };
-//# sourceMappingURL=getIsOrphanFormErrorWithParentElement.mjs.map

package/dist/esm/errors/orphan/getOrphansFromFlatFieldErrors.mjs

@@ -6,4 +6,3 @@ const F = (r, t) => e(
 export {
   F as default
 };
-//# sourceMappingURL=getOrphansFromFlatFieldErrors.mjs.map

package/dist/esm/errors/orphan/isOrphanFormError.mjs

@@ -10,4 +10,3 @@ const d = (r, o, i) => (
 export {
   d as default
 };
-//# sourceMappingURL=isOrphanFormError.mjs.map

package/dist/esm/errors/output/consoleErrors.mjs

@@ -4,4 +4,3 @@ const c = (o, e, s, r = "debug") => {
 export {
   c as default
 };
-//# sourceMappingURL=consoleErrors.mjs.map

package/dist/esm/errors/root/RootErrorsListFromFlatFieldErrorsContext.mjs

@@ -8,4 +8,3 @@ const e = () => {
 export {
   m as default
 };
-//# sourceMappingURL=RootErrorsListFromFlatFieldErrorsContext.mjs.map

package/dist/esm/errors/root/consts.mjs

@@ -2,4 +2,3 @@ const o = "root";
 export {
   o as FormErrorPathRoot
 };
-//# sourceMappingURL=consts.mjs.map

package/dist/esm/errors/root/getRootsFromFlatFieldErrors.mjs

@@ -6,4 +6,3 @@ const l = r(
 export {
   l as default
 };
-//# sourceMappingURL=getRootsFromFlatFieldErrors.mjs.map

package/dist/esm/errors/root/isFlatFieldErrorEntryPathRoot.mjs

@@ -3,4 +3,3 @@ const a = ([o]) => r(o);
 export {
   a as default
 };
-//# sourceMappingURL=isFlatFieldErrorEntryPathRoot.mjs.map

package/dist/esm/errors/root/isFormErrorPathRoot.mjs

@@ -3,4 +3,3 @@ const s = (o) => o === r || o.startsWith(r + ".");
 export {
   s as default
 };
-//# sourceMappingURL=isFormErrorPathRoot.mjs.map

package/dist/esm/errors/trpc/getOnSubmitTrpcClientErrorHandler.mjs

@@ -4,4 +4,3 @@ const o = (t) => (r) => r instanceof n ? e.parse(r) : t(r), a = o;
 export {
   a as default
 };
-//# sourceMappingURL=getOnSubmitTrpcClientErrorHandler.mjs.map

package/dist/esm/errors/trpc/trpcClientErrorMessageSchema.mjs

@@ -8,4 +8,3 @@ const a = r.object({
 export {
   a as default
 };
-//# sourceMappingURL=trpcClientErrorMessageSchema.mjs.map

package/dist/esm/errors/trpc/trpcClientErrorToFormSubmitErrorsSchemaTransformer.mjs

@@ -32,4 +32,3 @@ const i = e.custom(
 export {
   i as default
 };
-//# sourceMappingURL=trpcClientErrorToFormSubmitErrorsSchemaTransformer.mjs.map

package/dist/esm/exports.mjs

@@ -48,4 +48,3 @@ export {
   y as useRhfUtilsContextRequestSubmit,
   u as useRhfUtilsZodForm
 };
-//# sourceMappingURL=exports.mjs.map

package/dist/esm/form/Form.mjs

@@ -84,4 +84,3 @@ function G({
 export {
   G as default
 };
-//# sourceMappingURL=Form.mjs.map

package/dist/esm/form/FormWithProviders.mjs

@@ -9,4 +9,3 @@ function n(m) {
 export {
   n as default
 };
-//# sourceMappingURL=FormWithProviders.mjs.map

package/dist/esm/form/RhfUtilsFormProviders.mjs

@@ -22,4 +22,3 @@ function v({
 export {
   v as default
 };
-//# sourceMappingURL=RhfUtilsFormProviders.mjs.map

package/dist/esm/form/_Controller.mjs

@@ -6,4 +6,3 @@ function n(r) {
 export {
   n as default
 };
-//# sourceMappingURL=_Controller.mjs.map

package/dist/esm/form/context/group/FormGroupContextProvider.mjs

@@ -28,4 +28,3 @@ const B = ({ children: o }) => {
 export {
   h as default
 };
-//# sourceMappingURL=FormGroupContextProvider.mjs.map

package/dist/esm/form/context/group/index.mjs

@@ -9,4 +9,3 @@ export {
   t as _useFormGroupContext,
   u as _useFormGroupContextMaybe
 };
-//# sourceMappingURL=index.mjs.map

package/dist/esm/form/context/group/useFormGroupChildIsMountedTracker.mjs

@@ -4,4 +4,3 @@ const e = () => (r(!0), o()), t = e;
 export {
   t as default
 };
-//# sourceMappingURL=useFormGroupChildIsMountedTracker.mjs.map

package/dist/esm/form/context/group/useFormGroupChildIsSubmittingTracker.mjs

@@ -8,4 +8,3 @@ const m = () => {
 export {
   n as default
 };
-//# sourceMappingURL=useFormGroupChildIsSubmittingTracker.mjs.map

package/dist/esm/form/context/group/useFormGroupChildTracker.mjs

@@ -11,4 +11,3 @@ const u = (s) => {
 export {
   d as default
 };
-//# sourceMappingURL=useFormGroupChildTracker.mjs.map

package/dist/esm/form/context/group/useFormGroupIsAnyBusy.mjs

@@ -6,4 +6,3 @@ const r = () => {
 export {
   e as default
 };
-//# sourceMappingURL=useFormGroupIsAnyBusy.mjs.map

package/dist/esm/form/context/group/useFormGroupIsChildBusy.mjs

@@ -6,4 +6,3 @@ const s = () => {
 export {
   e as default
 };
-//# sourceMappingURL=useFormGroupIsChildBusy.mjs.map

package/dist/esm/form/context/group/useFormGroupIsParentBusy.mjs

@@ -6,4 +6,3 @@ const s = () => {
 export {
   s as default
 };
-//# sourceMappingURL=useFormGroupIsParentBusy.mjs.map

package/dist/esm/form/context/group/useFormGroupParentTracker.mjs

@@ -11,4 +11,3 @@ const m = () => {
 export {
   f as default
 };
-//# sourceMappingURL=useFormGroupParentTracker.mjs.map

package/dist/esm/form/context/group/useFormOrParentIsBusy.mjs

@@ -8,4 +8,3 @@ const u = () => {
 export {
   a as default
 };
-//# sourceMappingURL=useFormOrParentIsBusy.mjs.map

package/dist/esm/form/context/utils/RhfUtilsContextProvider.mjs

@@ -1,22 +1,23 @@
-import { jsx as d } from "react/jsx-runtime";
-import i from "../../../client/config/useRhfUtilsClientConfigContext.mjs";
-import a from "../../../errors/flat/context/useFlatFieldErrorsContextOutput.mjs";
-import f from "../../../submit/useResetFormOnSubmitted.mjs";
+import { jsx as l } from "react/jsx-runtime";
+import d from "../../../client/config/useRhfUtilsClientConfigContext.mjs";
+import f from "../../../errors/flat/context/useFlatFieldErrorsContextOutput.mjs";
+import b from "../../../submit/useResetFormOnSubmitted.mjs";
 import C from "../../../submit/useSubmitFormOnChange.mjs";
-import { _RhfUtilsContextProvider as s } from "./useRhfUtilsContext.mjs";
+import { _RhfUtilsContextProvider as h } from "./useRhfUtilsContext.mjs";
 const n = ({
   formId: u,
   formRef: t,
-  options: r,
-  children: l
+  options: e,
+  children: a
 }) => {
   var m;
-  const e = i();
-  return a((m = e == null ? void 0 : e.FieldErrors) == null ? void 0 : m.output), C(t, {
-    disabled: !(r != null && r.submitOnChange)
-  }), f(r == null ? void 0 : r.resetOnSubmitted), /* @__PURE__ */ d(s, { value: { formId: u, formRef: t, options: r }, children: l });
+  const r = d();
+  return f((m = r == null ? void 0 : r.FieldErrors) == null ? void 0 : m.output), C(t, {
+    // check for false/undefined
+    disabled: ((e == null ? void 0 : e.submitOnChange) ?? !1) === !1,
+    debounce: typeof (e == null ? void 0 : e.submitOnChange) == "number" ? e.submitOnChange : void 0
+  }), b(e == null ? void 0 : e.resetOnSubmitted), /* @__PURE__ */ l(h, { value: { formId: u, formRef: t, options: e }, children: a });
 };
 export {
   n as default
 };
-//# sourceMappingURL=RhfUtilsContextProvider.mjs.map

package/dist/esm/form/context/utils/useRhfUtilsContext.mjs

@@ -4,4 +4,3 @@ export {
   r as _RhfUtilsContextProvider,
   i as default
 };
-//# sourceMappingURL=useRhfUtilsContext.mjs.map

package/dist/esm/form/context/utils/useRhfUtilsContextRequestSubmit.mjs

@@ -7,4 +7,3 @@ const o = () => {
 export {
   m as default
 };
-//# sourceMappingURL=useRhfUtilsContextRequestSubmit.mjs.map

package/dist/esm/form/useFormIsBusy.mjs

@@ -6,4 +6,3 @@ const e = () => {
 export {
   e as default
 };
-//# sourceMappingURL=useFormIsBusy.mjs.map

package/dist/esm/form/useRhfUtilsForm.mjs

@@ -41,4 +41,3 @@ const v = ({
 export {
   v as default
 };
-//# sourceMappingURL=useRhfUtilsForm.mjs.map

package/dist/esm/form/utils/getSubmitterButtonData.mjs

@@ -10,4 +10,3 @@ const e = (t) => {
 export {
   i as default
 };
-//# sourceMappingURL=getSubmitterButtonData.mjs.map

package/dist/esm/form/utils/useFormRequestSubmit.mjs

@@ -1,10 +1,13 @@
-const u = (t) => (r) => {
-  if (!t.current) throw new Error();
-  e(t.current, r);
-}, e = (t, r) => {
+import e from "react";
+const s = (t) => e.useCallback(
+  (r) => {
+    if (!t.current) throw new Error();
+    u(t.current, r);
+  },
+  [t]
+), u = (t, r) => {
   t.requestSubmit(r);
 };
 export {
-  u as default
+  s as default
 };
-//# sourceMappingURL=useFormRequestSubmit.mjs.map

package/dist/esm/submit/error/FormSubmitError.mjs

@@ -6,4 +6,3 @@ class t extends Error {
 export {
   t as FormSubmitError
 };
-//# sourceMappingURL=FormSubmitError.mjs.map

package/dist/esm/submit/error/setCtxErrorsByFormSubmitErrors.mjs

@@ -10,4 +10,3 @@ const s = (r, t) => {
 export {
   s as default
 };
-//# sourceMappingURL=setCtxErrorsByFormSubmitErrors.mjs.map

package/dist/esm/submit/useFormOnSubmitted.mjs

@@ -10,4 +10,3 @@ const c = (e, f) => {
 export {
   c as default
 };
-//# sourceMappingURL=useFormOnSubmitted.mjs.map

package/dist/esm/submit/useResetFormOnSubmitted.mjs

@@ -34,4 +34,3 @@ const p = (e) => {
 export {
   p as default
 };
-//# sourceMappingURL=useResetFormOnSubmitted.mjs.map

package/dist/esm/submit/useSubmitFormOnChange.mjs

@@ -1,20 +1,26 @@
-import c from "react";
-import m from "../form/utils/useFormRequestSubmit.mjs";
-const d = (t, e) => {
-  const u = !(e != null && e.disabled), a = m(t);
-  c.useEffect(() => {
+import d from "react";
+import b from "../form/utils/useFormRequestSubmit.mjs";
+import { useDebouncedOnChangeValue as h } from "../utils/useDebouncedOnChangeValue.mjs";
+const l = (n, e) => {
+  const u = !(e != null && e.disabled), a = b(n), [c] = h({
+    // on change value after debounce
+    onChange: () => {
+      a();
+    },
+    delay: (e == null ? void 0 : e.debounce) ?? 0
+  });
+  d.useEffect(() => {
     if (!u) return;
-    const r = t.current;
+    const r = n.current;
     if (!r) throw new Error();
-    const n = () => {
-      a();
+    const t = (m) => {
+      c(m);
     };
-    return r.addEventListener("change", n), () => {
-      r.removeEventListener("change", n);
+    return r.addEventListener("change", t), () => {
+      r.removeEventListener("change", t);
     };
   }, []);
 };
 export {
-  d as default
+  l as default
 };
-//# sourceMappingURL=useSubmitFormOnChange.mjs.map

package/dist/esm/utils/PassthroughChildren.mjs

@@ -5,4 +5,3 @@ const a = ({
 export {
   a as default
 };
-//# sourceMappingURL=PassthroughChildren.mjs.map

package/dist/esm/utils/createContext.mjs

@@ -14,4 +14,3 @@ function i() {
 export {
   i as default
 };
-//# sourceMappingURL=createContext.mjs.map

package/dist/esm/utils/isEmptyObject.mjs

@@ -2,4 +2,3 @@ const e = (t) => Object.keys(t).length === 0;
 export {
   e as default
 };
-//# sourceMappingURL=isEmptyObject.mjs.map

package/dist/esm/utils/useDebouncedOnChangeValue.mjs

@@ -0,0 +1,26 @@
+import r from "react";
+const a = ({
+  onChange: u,
+  delay: n
+}) => {
+  const e = r.useRef(), c = () => {
+    e.current && (u(e.current.value), e.current = void 0);
+  }, t = () => {
+    e.current && clearTimeout(e.current.timer);
+  };
+  return r.useEffect(
+    // return clear fn
+    () => t,
+    []
+  ), [(o) => {
+    t(), e.current = {
+      // value being tracked
+      value: o,
+      // new timer
+      timer: setTimeout(c, n)
+    };
+  }];
+};
+export {
+  a as useDebouncedOnChangeValue
+};

package/dist/esm/utils/useRefIfValueWasTrue.mjs

@@ -12,4 +12,3 @@ const f = (r) => {
 export {
   f as default
 };
-//# sourceMappingURL=useRefIfValueWasTrue.mjs.map

package/dist/types/form/RhfUtilsFormOptions.d.ts

@@ -10,8 +10,12 @@ import { Register } from '../register';
 export type RhfUtilsFormOptions = {
     /** Stop propagation of submit event. */
     stopSubmitPropagation?: boolean;
-    /** Request submit via listener on form change. */
-    submitOnChange?: boolean;
+    /**
+     * Request submit via listener on form change.
+     * - `true` to submit on any change.
+     * - number to debounce in milliseconds.
+     */
+    submitOnChange?: boolean | number;
     /** Reset form values and state (e.g., `isDirty`) after submit -- on success and/or error. */
     resetOnSubmitted?: UseResetFormOnSubmittedOptions;
     /**

package/dist/types/form/utils/useFormRequestSubmit.d.ts

@@ -1,5 +1,10 @@
+import { default as React } from 'react';
+
 /**
  * Get callback to trigger submit manually on form.
+ *
+ * Note: `submitter` is optional, but is required to be a submit button.
+ *
  * @link https://developer.mozilla.org/docs/Web/API/HTMLFormElement/requestSubmit
  */
 declare const useFormRequestSubmit: (ref: React.RefObject<HTMLFormElement>) => HTMLFormElement["requestSubmit"];

package/dist/types/submit/useSubmitFormOnChange.d.ts

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
 
 declare const useSubmitFormOnChange: (formRef: React.RefObject<HTMLFormElement>, options?: {
-    /** Disable-able so that default behavior is enabled for sake of simplicity of usage. */
+    /** Disable behavior. (Default behavior is enabled for sake of simplicity of general usage.) */
     disabled?: boolean;
+    /** Milliseconds to debounce form submission. (Default is none.) */
+    debounce?: number;
 }) => void;
 export default useSubmitFormOnChange;

package/dist/types/utils/useDebouncedOnChangeValue.d.ts

@@ -0,0 +1,14 @@
+/**
+ * React hook to debounce onChange event callback.
+ *
+ * Returns debounced state setter (uses ref internally).
+ *
+ * When debounce delay has elapsed after setting value,
+ * onChange callback is called with latest value.
+ *
+ * @returns `[setValueDebounced]`
+ */
+export declare const useDebouncedOnChangeValue: <TValue>({ onChange, delay, }: {
+    onChange: (value: TValue) => void;
+    delay: number;
+}) => readonly [(value: TValue) => void];

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paragrav/rhf-utils",
   "author": "paragrav.dev",
   "license": "MIT",
-  "version": "0.0.135",
+  "version": "0.0.136",
   "description": "Integration utilities for react-hook-form.",
   "type": "module",
   "sideEffects": false,