@scbt-ecom/ui 0.42.5 → 0.44.0

package/dist/hooks.js

@@ -1,10 +1,9 @@
-import { u as O } from "./useDevice-L83kSsN7.js";
-import * as l from "react";
+import { u as l } from "./useDebounce-QgEEiWs9.js";
+import { d as P, b as V, c as w, e as x, f as C, a as D } from "./useDebounce-QgEEiWs9.js";
+import * as f from "react";
 import { useState as i, useEffect as b } from "react";
-import { u as f } from "./useDebounce-CIcYhLoU.js";
-import { d as V, a as w, b as C, c as D, e as k } from "./useDebounce-CIcYhLoU.js";
 const d = (s = !1) => {
-  const [t, o] = l.useState(s);
+  const [t, o] = f.useState(s);
   return [t, (u) => o((r) => u ?? !r)];
 }, I = (s, t, o = !1) => {
   const [n, u] = i(o);
@@ -20,7 +19,7 @@ const d = (s = !1) => {
       r.disconnect();
     };
   }, [s, t]), n;
-}, p = (s) => {
+}, g = (s) => {
   var t;
   return (t = Object.values(s)) == null ? void 0 : t.reduce((o, n) => o + (n == null ? void 0 : n.progress), 0);
 }, S = ({
@@ -28,21 +27,21 @@ const d = (s = !1) => {
   schema: t,
   fields: o
 }) => {
-  const [n, u] = i(o), r = f({ control: s });
+  const [n, u] = i(o), r = l({ control: s });
   return b(() => {
     u(
       (m) => m == null ? void 0 : m.map((e) => t.shape[e.name].safeParse(r[e.name]).success && r[e.name] && r[e.name] !== "" ? { ...e, progress: e.maxPercent } : { ...e, progress: 0 })
     );
-  }, [r]), p(n);
+  }, [r]), g(n);
 };
 export {
-  V as debounce,
+  P as debounce,
   d as useBoolean,
-  w as useClickOutside,
-  C as useControlledForm,
-  D as useDebounceCallback,
-  k as useDebounceValue,
-  O as useDevice,
+  V as useClickOutside,
+  w as useControlledForm,
+  x as useDebounceCallback,
+  C as useDebounceValue,
+  D as useDevice,
   S as useFieldsProgress,
   I as useObserveElements
 };

package/dist/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../lib/shared/hooks/useBoolean.ts","../lib/shared/hooks/useObserveElements.ts","../lib/shared/hooks/useFieldsProgress.ts"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\ntype UseBooleanReturn = [value: boolean, action: (val?: boolean) => void]\n\nexport const useBoolean = (initialValue = false): UseBooleanReturn => {\n  const [value, setValue] = React.useState(initialValue)\n  const action = (val?: boolean) => setValue((prevValue) => val ?? !prevValue)\n\n  return [value, action]\n}\n","'use client'\n\nimport { useEffect, useState } from 'react'\n\nexport const useObserveElements = (ids: string[], options?: IntersectionObserverInit, initialState = false): boolean => {\n  const [isVisible, setIsVisible] = useState(initialState)\n\n  useEffect(() => {\n    const observer = new IntersectionObserver((entries) => {\n      const visibleIds = entries.filter((entry) => entry.isIntersecting).map((entry) => entry.target.id)\n      setIsVisible(visibleIds.some((id) => ids.includes(id)))\n    }, options)\n\n    const elementsMap = new Map<string, HTMLElement | null>()\n\n    ids.forEach((id) => {\n      const element = document.getElementById(id)\n      elementsMap.set(id, element)\n      if (element) {\n        observer.observe(element)\n      }\n    })\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [ids, options])\n\n  return isVisible\n}\n","'use client'\n\nimport { useEffect, useState } from 'react'\nimport { type Control, type FieldValues, type Path, useWatch } from 'react-hook-form'\nimport { type ZodObject, type ZodRawShape } from 'zod'\n\nexport interface ISubscribedField<T extends FieldValues> {\n  name: Path<T>\n  progress: number\n  maxPercent: number\n}\n\ntype TUseFieldsProgress<T extends FieldValues, S extends ZodRawShape> = {\n  control: Control<T>\n  schema: ZodObject<S>\n  fields: ISubscribedField<T>[]\n}\n\nconst formatProgress = <T extends FieldValues>(subscribeFields: ISubscribedField<T>[]) => {\n  return Object.values(subscribeFields)?.reduce((acc, value) => {\n    return acc + value?.progress\n  }, 0)\n}\n\nexport const useFieldsProgress = <T extends FieldValues, S extends ZodRawShape>({\n  control,\n  schema,\n  fields\n}: TUseFieldsProgress<T, S>): number => {\n  const [subscribeFields, setSubscribeFields] = useState<ISubscribedField<T>[]>(fields)\n  const watchedFields = useWatch({ control })\n\n  useEffect(() => {\n    setSubscribeFields((prevFields) =>\n      prevFields?.map((field) => {\n        const fieldSchema = schema.shape[field.name]\n        const result = fieldSchema.safeParse(watchedFields[field.name])\n        if (result.success && watchedFields[field.name] && watchedFields[field.name] !== '') {\n          return { ...field, progress: field.maxPercent }\n        } else {\n          return { ...field, progress: 0 }\n        }\n      })\n    )\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [watchedFields])\n\n  return formatProgress(subscribeFields)\n}\n"],"names":["useBoolean","initialValue","value","setValue","React","val","prevValue","useObserveElements","ids","options","initialState","isVisible","setIsVisible","useState","useEffect","observer","entries","visibleIds","entry","id","elementsMap","element","formatProgress","subscribeFields","_a","acc","useFieldsProgress","control","schema","fields","setSubscribeFields","watchedFields","useWatch","prevFields","field"],"mappings":";;;;;AAMa,MAAAA,IAAa,CAACC,IAAe,OAA4B;AACpE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAASH,CAAY;AAG9C,SAAA,CAACC,GAFO,CAACG,MAAkBF,EAAS,CAACG,MAAcD,KAAO,CAACC,CAAS,CAEtD;AACvB,GCPaC,IAAqB,CAACC,GAAeC,GAAoCC,IAAe,OAAmB;AACtH,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASH,CAAY;AAEvD,SAAAI,EAAU,MAAM;AACd,UAAMC,IAAW,IAAI,qBAAqB,CAACC,MAAY;AACrD,YAAMC,IAAaD,EAAQ,OAAO,CAACE,MAAUA,EAAM,cAAc,EAAE,IAAI,CAACA,MAAUA,EAAM,OAAO,EAAE;AACpF,MAAAN,EAAAK,EAAW,KAAK,CAACE,MAAOX,EAAI,SAASW,CAAE,CAAC,CAAC;AAAA,OACrDV,CAAO,GAEJW,wBAAkB,IAAgC;AAEpD,WAAAZ,EAAA,QAAQ,CAACW,MAAO;AACZ,YAAAE,IAAU,SAAS,eAAeF,CAAE;AAC9B,MAAAC,EAAA,IAAID,GAAIE,CAAO,GACvBA,KACFN,EAAS,QAAQM,CAAO;AAAA,IAC1B,CACD,GAEM,MAAM;AACX,MAAAN,EAAS,WAAW;AAAA,IACtB;AAAA,EAAA,GACC,CAACP,GAAKC,CAAO,CAAC,GAEVE;AACT,GCXMW,IAAiB,CAAwBC,MAA2C;;AACxF,UAAOC,IAAA,OAAO,OAAOD,CAAe,MAA7B,gBAAAC,EAAgC,OAAO,CAACC,GAAKvB,MAC3CuB,KAAMvB,KAAA,gBAAAA,EAAO,WACnB;AACL,GAEawB,IAAoB,CAA+C;AAAA,EAC9E,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AACF,MAAwC;AACtC,QAAM,CAACN,GAAiBO,CAAkB,IAAIjB,EAAgCgB,CAAM,GAC9EE,IAAgBC,EAAS,EAAE,SAAAL,GAAS;AAE1C,SAAAb,EAAU,MAAM;AACd,IAAAgB;AAAA,MAAmB,CAACG,MAClBA,KAAA,gBAAAA,EAAY,IAAI,CAACC,MACKN,EAAO,MAAMM,EAAM,IAAI,EAChB,UAAUH,EAAcG,EAAM,IAAI,CAAC,EACnD,WAAWH,EAAcG,EAAM,IAAI,KAAKH,EAAcG,EAAM,IAAI,MAAM,KACxE,EAAE,GAAGA,GAAO,UAAUA,EAAM,WAAW,IAEvC,EAAE,GAAGA,GAAO,UAAU,EAAE;AAAA,IAGrC;AAAA,EAAA,GAEC,CAACH,CAAa,CAAC,GAEXT,EAAeC,CAAe;AACvC;"}
+{"version":3,"file":"hooks.js","sources":["../lib/shared/hooks/useBoolean.ts","../lib/shared/hooks/useObserveElements.ts","../lib/shared/hooks/useFieldsProgress.ts"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\ntype UseBooleanReturn = [value: boolean, action: (val?: boolean) => void]\n\nexport const useBoolean = (initialValue = false): UseBooleanReturn => {\n  const [value, setValue] = React.useState(initialValue)\n  const action = (val?: boolean) => setValue((prevValue) => val ?? !prevValue)\n\n  return [value, action]\n}\n","'use client'\n\nimport { useEffect, useState } from 'react'\n\nexport const useObserveElements = (ids: string[], options?: IntersectionObserverInit, initialState = false): boolean => {\n  const [isVisible, setIsVisible] = useState(initialState)\n\n  useEffect(() => {\n    const observer = new IntersectionObserver((entries) => {\n      const visibleIds = entries.filter((entry) => entry.isIntersecting).map((entry) => entry.target.id)\n      setIsVisible(visibleIds.some((id) => ids.includes(id)))\n    }, options)\n\n    const elementsMap = new Map<string, HTMLElement | null>()\n\n    ids.forEach((id) => {\n      const element = document.getElementById(id)\n      elementsMap.set(id, element)\n      if (element) {\n        observer.observe(element)\n      }\n    })\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [ids, options])\n\n  return isVisible\n}\n","'use client'\n\nimport { useEffect, useState } from 'react'\nimport { type Control, type FieldValues, type Path, useWatch } from 'react-hook-form'\nimport { type ZodObject, type ZodRawShape } from 'zod'\n\nexport interface ISubscribedField<T extends FieldValues> {\n  name: Path<T>\n  progress: number\n  maxPercent: number\n}\n\ntype TUseFieldsProgress<T extends FieldValues, S extends ZodRawShape> = {\n  control: Control<T>\n  schema: ZodObject<S>\n  fields: ISubscribedField<T>[]\n}\n\nconst formatProgress = <T extends FieldValues>(subscribeFields: ISubscribedField<T>[]) => {\n  return Object.values(subscribeFields)?.reduce((acc, value) => {\n    return acc + value?.progress\n  }, 0)\n}\n\nexport const useFieldsProgress = <T extends FieldValues, S extends ZodRawShape>({\n  control,\n  schema,\n  fields\n}: TUseFieldsProgress<T, S>): number => {\n  const [subscribeFields, setSubscribeFields] = useState<ISubscribedField<T>[]>(fields)\n  const watchedFields = useWatch({ control })\n\n  useEffect(() => {\n    setSubscribeFields((prevFields) =>\n      prevFields?.map((field) => {\n        const fieldSchema = schema.shape[field.name]\n        const result = fieldSchema.safeParse(watchedFields[field.name])\n        if (result.success && watchedFields[field.name] && watchedFields[field.name] !== '') {\n          return { ...field, progress: field.maxPercent }\n        } else {\n          return { ...field, progress: 0 }\n        }\n      })\n    )\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [watchedFields])\n\n  return formatProgress(subscribeFields)\n}\n"],"names":["useBoolean","initialValue","value","setValue","React","val","prevValue","useObserveElements","ids","options","initialState","isVisible","setIsVisible","useState","useEffect","observer","entries","visibleIds","entry","id","elementsMap","element","formatProgress","subscribeFields","_a","acc","useFieldsProgress","control","schema","fields","setSubscribeFields","watchedFields","useWatch","prevFields","field"],"mappings":";;;;AAMa,MAAAA,IAAa,CAACC,IAAe,OAA4B;AACpE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAASH,CAAY;AAG9C,SAAA,CAACC,GAFO,CAACG,MAAkBF,EAAS,CAACG,MAAcD,KAAO,CAACC,CAAS,CAEtD;AACvB,GCPaC,IAAqB,CAACC,GAAeC,GAAoCC,IAAe,OAAmB;AACtH,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASH,CAAY;AAEvD,SAAAI,EAAU,MAAM;AACd,UAAMC,IAAW,IAAI,qBAAqB,CAACC,MAAY;AACrD,YAAMC,IAAaD,EAAQ,OAAO,CAACE,MAAUA,EAAM,cAAc,EAAE,IAAI,CAACA,MAAUA,EAAM,OAAO,EAAE;AACpF,MAAAN,EAAAK,EAAW,KAAK,CAACE,MAAOX,EAAI,SAASW,CAAE,CAAC,CAAC;AAAA,OACrDV,CAAO,GAEJW,wBAAkB,IAAgC;AAEpD,WAAAZ,EAAA,QAAQ,CAACW,MAAO;AACZ,YAAAE,IAAU,SAAS,eAAeF,CAAE;AAC9B,MAAAC,EAAA,IAAID,GAAIE,CAAO,GACvBA,KACFN,EAAS,QAAQM,CAAO;AAAA,IAC1B,CACD,GAEM,MAAM;AACX,MAAAN,EAAS,WAAW;AAAA,IACtB;AAAA,EAAA,GACC,CAACP,GAAKC,CAAO,CAAC,GAEVE;AACT,GCXMW,IAAiB,CAAwBC,MAA2C;;AACxF,UAAOC,IAAA,OAAO,OAAOD,CAAe,MAA7B,gBAAAC,EAAgC,OAAO,CAACC,GAAKvB,MAC3CuB,KAAMvB,KAAA,gBAAAA,EAAO,WACnB;AACL,GAEawB,IAAoB,CAA+C;AAAA,EAC9E,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AACF,MAAwC;AACtC,QAAM,CAACN,GAAiBO,CAAkB,IAAIjB,EAAgCgB,CAAM,GAC9EE,IAAgBC,EAAS,EAAE,SAAAL,GAAS;AAE1C,SAAAb,EAAU,MAAM;AACd,IAAAgB;AAAA,MAAmB,CAACG,MAClBA,KAAA,gBAAAA,EAAY,IAAI,CAACC,MACKN,EAAO,MAAMM,EAAM,IAAI,EAChB,UAAUH,EAAcG,EAAM,IAAI,CAAC,EACnD,WAAWH,EAAcG,EAAM,IAAI,KAAKH,EAAcG,EAAM,IAAI,MAAM,KACxE,EAAE,GAAGA,GAAO,UAAUA,EAAM,WAAW,IAEvC,EAAE,GAAGA,GAAO,UAAU,EAAE;AAAA,IAGrC;AAAA,EAAA,GAEC,CAACH,CAAa,CAAC,GAEXT,EAAeC,CAAe;AACvC;"}