@orbe-agro/client-core 5.3.147 → 5.3.157

package/dist/@ecme/components/ui/hooks/useRootClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRootClose.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useRootClose.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useEffect, useCallback, useRef } from 'react'\nimport type { RefObject, ReactEventHandler } from 'react'\n\ntype Options = {\n    disabled: boolean\n    triggerTarget: RefObject<HTMLElement | null>\n    overlayTarget: RefObject<HTMLElement | null>\n    listenEscape?: boolean\n}\n\ninterface CustomEventListener<T = any> {\n    (evt: T): void\n}\n\nconst domContains = (context: Element, node: (Node & ParentNode) | null) => {\n    if (context.contains) {\n        return context.contains(node)\n    } else if (context.compareDocumentPosition) {\n        return (\n            context === node ||\n            !!(context.compareDocumentPosition(node as Node) & 16)\n        )\n    }\n    if (node) {\n        do {\n            if (node === context) {\n                return true\n            }\n        } while ((node = node.parentNode))\n    }\n    return false\n}\n\nfunction isLeftClickEvent(e: MouseEvent) {\n    return e?.button === 0\n}\n\nfunction isModifiedEvent(e: MouseEvent) {\n    return !!(e.metaKey || e.altKey || e.ctrlKey || e?.shiftKey)\n}\n\nfunction onEventListener<K extends keyof DocumentEventMap>(\n    target: Element | Window | Document | EventTarget,\n    eventType: K,\n    listener: EventListenerOrEventListenerObject | CustomEventListener,\n    options: boolean | AddEventListenerOptions = false,\n): { off: () => void } {\n    target.addEventListener(eventType, listener, options)\n\n    return {\n        off() {\n            target.removeEventListener(eventType, listener, options)\n        },\n    }\n}\n\nfunction useRootClose(\n    onRootClose: ReactEventHandler | undefined,\n    { disabled, triggerTarget, overlayTarget }: Options,\n) {\n    const handleDocumentMouseDown = useCallback(\n        (event: any) => {\n            const triggerElement = triggerTarget?.current\n            const overlayElement = overlayTarget?.current\n\n            if (triggerElement && domContains(triggerElement, event.target)) {\n                return\n            }\n\n            if (overlayElement && domContains(overlayElement, event.target)) {\n                return\n            }\n\n            if (isModifiedEvent(event) || !isLeftClickEvent(event)) {\n                return\n            }\n\n            onRootClose?.(event)\n        },\n        [onRootClose, triggerTarget, overlayTarget],\n    )\n\n    const handleDocumentMouseDownRef = useRef(handleDocumentMouseDown)\n\n    useEffect(() => {\n        handleDocumentMouseDownRef.current = handleDocumentMouseDown\n    }, [handleDocumentMouseDown])\n\n    useEffect(() => {\n        const currentTarget = triggerTarget?.current\n\n        if (disabled || !currentTarget) return\n\n        const doc = () =>\n            (currentTarget && currentTarget.ownerDocument) || document\n        const onDocumentMouseDownListener = onEventListener(\n            doc(),\n            'mousedown',\n            (event: any) => handleDocumentMouseDownRef.current(event),\n            true,\n        )\n\n        return () => {\n            onDocumentMouseDownListener?.off()\n        }\n    }, [triggerTarget, disabled])\n}\n\nexport default useRootClose\n"],"names":["domContains","context","node","isLeftClickEvent","e","isModifiedEvent","onEventListener","target","eventType","listener","options","useRootClose","onRootClose","disabled","triggerTarget","overlayTarget","handleDocumentMouseDown","useCallback","event","triggerElement","overlayElement","handleDocumentMouseDownRef","useRef","useEffect","currentTarget","onDocumentMouseDownListener"],"mappings":";AAeA,MAAMA,IAAc,CAACC,GAAkBC,MAAqC;AACxE,MAAID,EAAQ;AACR,WAAOA,EAAQ,SAASC,CAAI;AAChC,MAAWD,EAAQ;AACf,WACIA,MAAYC,KACZ,CAAC,EAAED,EAAQ,wBAAwBC,CAAY,IAAI;AAG3D,MAAIA;AACA;AACI,UAAIA,MAASD;AACT,eAAO;AAAA,WAELC,IAAOA,EAAK;AAE1B,SAAO;AACX;AAEA,SAASC,EAAiBC,GAAe;AACrC,SAAOA,GAAG,WAAW;AACzB;AAEA,SAASC,EAAgBD,GAAe;AACpC,SAAO,CAAC,EAAEA,EAAE,WAAWA,EAAE,UAAUA,EAAE,WAAWA,GAAG;AACvD;AAEA,SAASE,EACLC,GACAC,GACAC,GACAC,IAA6C,IAC1B;AACnB,SAAAH,EAAO,iBAAiBC,GAAWC,GAAUC,CAAO,GAE7C;AAAA,IACH,MAAM;AACF,MAAAH,EAAO,oBAAoBC,GAAWC,GAAUC,CAAO;AAAA,IAC3D;AAAA,EAAA;AAER;AAEA,SAASC,EACLC,GACA,EAAE,UAAAC,GAAU,eAAAC,GAAe,eAAAC,KAC7B;AACE,QAAMC,IAA0BC;AAAA,IAC5B,CAACC,MAAe;AACZ,YAAMC,IAAiBL,GAAe,SAChCM,IAAiBL,GAAe;AAEtC,MAAII,KAAkBnB,EAAYmB,GAAgBD,EAAM,MAAM,KAI1DE,KAAkBpB,EAAYoB,GAAgBF,EAAM,MAAM,KAI1Db,EAAgBa,CAAK,KAAK,CAACf,EAAiBe,CAAK,KAIrDN,IAAcM,CAAK;AAAA,IACvB;AAAA,IACA,CAACN,GAAaE,GAAeC,CAAa;AAAA,EAAA,GAGxCM,IAA6BC,EAAON,CAAuB;AAEjE,EAAAO,EAAU,MAAM;AACZ,IAAAF,EAA2B,UAAUL;AAAA,EACzC,GAAG,CAACA,CAAuB,CAAC,GAE5BO,EAAU,MAAM;AACZ,UAAMC,IAAgBV,GAAe;AAErC,QAAID,KAAY,CAACW,EAAe;AAIhC,UAAMC,IAA8BnB;AAAA,MAD/BkB,KAAiBA,EAAc,iBAAkB;AAAA,MAGlD;AAAA,MACA,CAACN,MAAeG,EAA2B,QAAQH,CAAK;AAAA,MACxD;AAAA,IAAA;AAGJ,WAAO,MAAM;AACT,MAAAO,GAA6B,IAAA;AAAA,IACjC;AAAA,EACJ,GAAG,CAACX,GAAeD,CAAQ,CAAC;AAChC;"}
+{"version":3,"file":"useRootClose.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useRootClose.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useEffect, useCallback, useRef } from 'react'\nimport type { RefObject, ReactEventHandler } from 'react'\n\ntype Options = {\n    disabled: boolean\n    triggerTarget: RefObject<HTMLElement | null>\n    overlayTarget: RefObject<HTMLElement | null>\n    listenEscape?: boolean\n}\n\ninterface CustomEventListener<T = any> {\n    (evt: T): void\n}\n\nconst domContains = (context: Element, node: (Node & ParentNode) | null) => {\n    if (context.contains) {\n        return context.contains(node)\n    } else if (context.compareDocumentPosition) {\n        return (\n            context === node ||\n            !!(context.compareDocumentPosition(node as Node) & 16)\n        )\n    }\n    if (node) {\n        do {\n            if (node === context) {\n                return true\n            }\n        } while ((node = node.parentNode))\n    }\n    return false\n}\n\nfunction isLeftClickEvent(e: MouseEvent) {\n    return e?.button === 0\n}\n\nfunction isModifiedEvent(e: MouseEvent) {\n    return !!(e.metaKey || e.altKey || e.ctrlKey || e?.shiftKey)\n}\n\nfunction onEventListener<K extends keyof DocumentEventMap>(\n    target: Element | Window | Document | EventTarget,\n    eventType: K,\n    listener: EventListenerOrEventListenerObject | CustomEventListener,\n    options: boolean | AddEventListenerOptions = false,\n): { off: () => void } {\n    target.addEventListener(eventType, listener, options)\n\n    return {\n        off() {\n            target.removeEventListener(eventType, listener, options)\n        },\n    }\n}\n\nfunction useRootClose(\n    onRootClose: ReactEventHandler | undefined,\n    { disabled, triggerTarget, overlayTarget }: Options,\n) {\n    const handleDocumentMouseDown = useCallback(\n        (event: any) => {\n            const triggerElement = triggerTarget?.current\n            const overlayElement = overlayTarget?.current\n\n            if (triggerElement && domContains(triggerElement, event.target)) {\n                return\n            }\n\n            if (overlayElement && domContains(overlayElement, event.target)) {\n                return\n            }\n\n            if (isModifiedEvent(event) || !isLeftClickEvent(event)) {\n                return\n            }\n\n            onRootClose?.(event)\n        },\n        [onRootClose, triggerTarget, overlayTarget],\n    )\n\n    const handleDocumentMouseDownRef = useRef(handleDocumentMouseDown)\n\n    useEffect(() => {\n        handleDocumentMouseDownRef.current = handleDocumentMouseDown\n    }, [handleDocumentMouseDown])\n\n    useEffect(() => {\n        const currentTarget = triggerTarget?.current\n\n        if (disabled || !currentTarget) return\n\n        const doc = () =>\n            (currentTarget && currentTarget.ownerDocument) || document\n        const onDocumentMouseDownListener = onEventListener(\n            doc(),\n            'mousedown',\n            (event: any) => handleDocumentMouseDownRef.current(event),\n            true,\n        )\n\n        return () => {\n            onDocumentMouseDownListener?.off()\n        }\n    }, [triggerTarget, disabled])\n}\n\nexport default useRootClose\n"],"names":["domContains","context","node","isLeftClickEvent","e","isModifiedEvent","onEventListener","target","eventType","listener","options","useRootClose","onRootClose","disabled","triggerTarget","overlayTarget","handleDocumentMouseDown","useCallback","event","triggerElement","overlayElement","handleDocumentMouseDownRef","useRef","useEffect","currentTarget","onDocumentMouseDownListener"],"mappings":";AAeA,MAAMA,IAAc,CAACC,GAAkBC,MAAqC;AACxE,MAAID,EAAQ;AACD,WAAAA,EAAQ,SAASC,CAAI;AAChC,MAAWD,EAAQ;AACf,WACIA,MAAYC,KACZ,CAAC,EAAED,EAAQ,wBAAwBC,CAAY,IAAI;AAG3D,MAAIA;AACG;AACC,UAAIA,MAASD;AACF,eAAA;AAAA,WAELC,IAAOA,EAAK;AAEnB,SAAA;AACX;AAEA,SAASC,EAAiBC,GAAe;AACrC,SAAOA,GAAG,WAAW;AACzB;AAEA,SAASC,EAAgBD,GAAe;AAC7B,SAAA,CAAC,EAAEA,EAAE,WAAWA,EAAE,UAAUA,EAAE,WAAWA,GAAG;AACvD;AAEA,SAASE,EACLC,GACAC,GACAC,GACAC,IAA6C,IAC1B;AACZ,SAAAH,EAAA,iBAAiBC,GAAWC,GAAUC,CAAO,GAE7C;AAAA,IACH,MAAM;AACK,MAAAH,EAAA,oBAAoBC,GAAWC,GAAUC,CAAO;AAAA,IAAA;AAAA,EAE/D;AACJ;AAEA,SAASC,EACLC,GACA,EAAE,UAAAC,GAAU,eAAAC,GAAe,eAAAC,KAC7B;AACE,QAAMC,IAA0BC;AAAA,IAC5B,CAACC,MAAe;AACZ,YAAMC,IAAiBL,GAAe,SAChCM,IAAiBL,GAAe;AAEtC,MAAII,KAAkBnB,EAAYmB,GAAgBD,EAAM,MAAM,KAI1DE,KAAkBpB,EAAYoB,GAAgBF,EAAM,MAAM,KAI1Db,EAAgBa,CAAK,KAAK,CAACf,EAAiBe,CAAK,KAIrDN,IAAcM,CAAK;AAAA,IACvB;AAAA,IACA,CAACN,GAAaE,GAAeC,CAAa;AAAA,EAC9C,GAEMM,IAA6BC,EAAON,CAAuB;AAEjE,EAAAO,EAAU,MAAM;AACZ,IAAAF,EAA2B,UAAUL;AAAA,EAAA,GACtC,CAACA,CAAuB,CAAC,GAE5BO,EAAU,MAAM;AACZ,UAAMC,IAAgBV,GAAe;AAEjC,QAAAD,KAAY,CAACW,EAAe;AAIhC,UAAMC,IAA8BnB;AAAA,MAD/BkB,KAAiBA,EAAc,iBAAkB;AAAA,MAGlD;AAAA,MACA,CAACN,MAAeG,EAA2B,QAAQH,CAAK;AAAA,MACxD;AAAA,IACJ;AAEA,WAAO,MAAM;AACT,MAAAO,GAA6B,IAAI;AAAA,IACrC;AAAA,EAAA,GACD,CAACX,GAAeD,CAAQ,CAAC;AAChC;"}

package/dist/@ecme/components/ui/hooks/useTimeout.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTimeout.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useCallback } from 'react'\n\nexport type UseTimeoutReturn = {\n    clear: () => void\n    reset: () => void\n}\n\nfunction useTimeout(\n    fn: (() => void) | undefined,\n    ms = 0,\n    enabled = true,\n): UseTimeoutReturn {\n    const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n    const callback = useRef(fn)\n\n    const clear = useCallback(() => {\n        timeout.current && clearTimeout(timeout.current)\n    }, [])\n\n    const set = useCallback(() => {\n        timeout.current && clearTimeout(timeout.current)\n        if (enabled) {\n            timeout.current = setTimeout(() => {\n                callback.current?.()\n            }, ms)\n        }\n    }, [ms, enabled])\n\n    useEffect(() => {\n        callback.current = fn\n    }, [fn])\n\n    useEffect(() => {\n        set()\n        return clear\n    }, [ms, enabled, set, clear])\n\n    return { clear, reset: set }\n}\n\nexport default useTimeout\n"],"names":["useTimeout","fn","ms","enabled","timeout","useRef","callback","clear","useCallback","set","useEffect"],"mappings":";AAOA,SAASA,EACLC,GACAC,IAAK,GACLC,IAAU,IACM;AAChB,QAAMC,IAAUC,EAAsC,MAAS,GACzDC,IAAWD,EAAOJ,CAAE,GAEpBM,IAAQC,EAAY,MAAM;AAC5B,IAAAJ,EAAQ,WAAW,aAAaA,EAAQ,OAAO;AAAA,EACnD,GAAG,CAAA,CAAE,GAECK,IAAMD,EAAY,MAAM;AAC1B,IAAAJ,EAAQ,WAAW,aAAaA,EAAQ,OAAO,GAC3CD,MACAC,EAAQ,UAAU,WAAW,MAAM;AAC/B,MAAAE,EAAS,UAAA;AAAA,IACb,GAAGJ,CAAE;AAAA,EAEb,GAAG,CAACA,GAAIC,CAAO,CAAC;AAEhB,SAAAO,EAAU,MAAM;AACZ,IAAAJ,EAAS,UAAUL;AAAA,EACvB,GAAG,CAACA,CAAE,CAAC,GAEPS,EAAU,OACND,EAAA,GACOF,IACR,CAACL,GAAIC,GAASM,GAAKF,CAAK,CAAC,GAErB,EAAE,OAAAA,GAAO,OAAOE,EAAA;AAC3B;"}
+{"version":3,"file":"useTimeout.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useCallback } from 'react'\n\nexport type UseTimeoutReturn = {\n    clear: () => void\n    reset: () => void\n}\n\nfunction useTimeout(\n    fn: (() => void) | undefined,\n    ms = 0,\n    enabled = true,\n): UseTimeoutReturn {\n    const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n    const callback = useRef(fn)\n\n    const clear = useCallback(() => {\n        timeout.current && clearTimeout(timeout.current)\n    }, [])\n\n    const set = useCallback(() => {\n        timeout.current && clearTimeout(timeout.current)\n        if (enabled) {\n            timeout.current = setTimeout(() => {\n                callback.current?.()\n            }, ms)\n        }\n    }, [ms, enabled])\n\n    useEffect(() => {\n        callback.current = fn\n    }, [fn])\n\n    useEffect(() => {\n        set()\n        return clear\n    }, [ms, enabled, set, clear])\n\n    return { clear, reset: set }\n}\n\nexport default useTimeout\n"],"names":["useTimeout","fn","ms","enabled","timeout","useRef","callback","clear","useCallback","set","useEffect"],"mappings":";AAOA,SAASA,EACLC,GACAC,IAAK,GACLC,IAAU,IACM;AACV,QAAAC,IAAUC,EAAsC,MAAS,GACzDC,IAAWD,EAAOJ,CAAE,GAEpBM,IAAQC,EAAY,MAAM;AACpB,IAAAJ,EAAA,WAAW,aAAaA,EAAQ,OAAO;AAAA,EACnD,GAAG,EAAE,GAECK,IAAMD,EAAY,MAAM;AAClB,IAAAJ,EAAA,WAAW,aAAaA,EAAQ,OAAO,GAC3CD,MACQC,EAAA,UAAU,WAAW,MAAM;AAC/B,MAAAE,EAAS,UAAU;AAAA,OACpBJ,CAAE;AAAA,EACT,GACD,CAACA,GAAIC,CAAO,CAAC;AAEhB,SAAAO,EAAU,MAAM;AACZ,IAAAJ,EAAS,UAAUL;AAAA,EAAA,GACpB,CAACA,CAAE,CAAC,GAEPS,EAAU,OACFD,EAAA,GACGF,IACR,CAACL,GAAIC,GAASM,GAAKF,CAAK,CAAC,GAErB,EAAE,OAAAA,GAAO,OAAOE,EAAI;AAC/B;"}

package/dist/@ecme/components/ui/hooks/useUncertainRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUncertainRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useUncertainRef.ts"],"sourcesContent":["import { useRef } from 'react'\nimport type { ForwardedRef } from 'react'\n\nexport default function useUncertainRef<T = unknown>(ref: ForwardedRef<T>) {\n    const newRef = useRef<T>(null)\n\n    if (ref) {\n        return ref\n    }\n\n    return newRef\n}\n"],"names":["useUncertainRef","ref","newRef","useRef"],"mappings":";AAGA,SAAwBA,EAA6BC,GAAsB;AACvE,QAAMC,IAASC,EAAU,IAAI;AAE7B,SAAIF,KAIGC;AACX;"}
+{"version":3,"file":"useUncertainRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useUncertainRef.ts"],"sourcesContent":["import { useRef } from 'react'\nimport type { ForwardedRef } from 'react'\n\nexport default function useUncertainRef<T = unknown>(ref: ForwardedRef<T>) {\n    const newRef = useRef<T>(null)\n\n    if (ref) {\n        return ref\n    }\n\n    return newRef\n}\n"],"names":["useUncertainRef","ref","newRef","useRef"],"mappings":";AAGA,SAAwBA,EAA6BC,GAAsB;AACjE,QAAAC,IAASC,EAAU,IAAI;AAE7B,SAAIF,KAIGC;AACX;"}

package/dist/@ecme/components/ui/hooks/useUniqueId.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUniqueId.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useUniqueId.ts"],"sourcesContent":["import { useRef } from 'react'\nimport uniqueId from 'lodash/uniqueId'\nimport createUID from '../utils/createUid'\n\nexport default function useUniqueId(prefix = '', len = 10) {\n    const idRef = useRef<string>(undefined)\n\n    if (!idRef.current) {\n        idRef.current = `${uniqueId(prefix)}-${createUID(len)}`\n    }\n\n    return idRef.current\n}\n"],"names":["useUniqueId","prefix","len","idRef","useRef","uniqueId","createUID"],"mappings":";;;AAIA,SAAwBA,EAAYC,IAAS,IAAIC,IAAM,IAAI;AACvD,QAAMC,IAAQC,EAAe,MAAS;AAEtC,SAAKD,EAAM,YACPA,EAAM,UAAU,GAAGE,EAASJ,CAAM,CAAC,IAAIK,EAAUJ,CAAG,CAAC,KAGlDC,EAAM;AACjB;"}
+{"version":3,"file":"useUniqueId.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useUniqueId.ts"],"sourcesContent":["import { useRef } from 'react'\nimport uniqueId from 'lodash/uniqueId'\nimport createUID from '../utils/createUid'\n\nexport default function useUniqueId(prefix = '', len = 10) {\n    const idRef = useRef<string>(undefined)\n\n    if (!idRef.current) {\n        idRef.current = `${uniqueId(prefix)}-${createUID(len)}`\n    }\n\n    return idRef.current\n}\n"],"names":["useUniqueId","prefix","len","idRef","useRef","uniqueId","createUID"],"mappings":";;;AAIA,SAAwBA,EAAYC,IAAS,IAAIC,IAAM,IAAI;AACjD,QAAAC,IAAQC,EAAe,MAAS;AAElC,SAACD,EAAM,YACDA,EAAA,UAAU,GAAGE,EAASJ,CAAM,CAAC,IAAIK,EAAUJ,CAAG,CAAC,KAGlDC,EAAM;AACjB;"}

package/dist/@ecme/components/ui/hooks/useWindowSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useWindowSize.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\n\nexport default function useWindowSize() {\n    const [windowSize, setWindowSize] = useState<{\n        width?: number\n        height?: number\n    }>({\n        width: undefined,\n        height: undefined,\n    })\n    useEffect(() => {\n        function handleResize() {\n            setWindowSize({\n                width: window.innerWidth,\n                height: window.innerHeight,\n            })\n        }\n        window.addEventListener('resize', handleResize)\n        handleResize()\n        return () => window.removeEventListener('resize', handleResize)\n    }, [])\n\n    return windowSize\n}\n"],"names":["useWindowSize","windowSize","setWindowSize","useState","useEffect","handleResize"],"mappings":";AAEA,SAAwBA,IAAgB;AACpC,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAGjC;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACX;AACD,SAAAC,EAAU,MAAM;AACZ,aAASC,IAAe;AACpB,MAAAH,EAAc;AAAA,QACV,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA,CAClB;AAAA,IACL;AACA,kBAAO,iBAAiB,UAAUG,CAAY,GAC9CA,EAAA,GACO,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAClE,GAAG,CAAA,CAAE,GAEEJ;AACX;"}
+{"version":3,"file":"useWindowSize.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useWindowSize.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\n\nexport default function useWindowSize() {\n    const [windowSize, setWindowSize] = useState<{\n        width?: number\n        height?: number\n    }>({\n        width: undefined,\n        height: undefined,\n    })\n    useEffect(() => {\n        function handleResize() {\n            setWindowSize({\n                width: window.innerWidth,\n                height: window.innerHeight,\n            })\n        }\n        window.addEventListener('resize', handleResize)\n        handleResize()\n        return () => window.removeEventListener('resize', handleResize)\n    }, [])\n\n    return windowSize\n}\n"],"names":["useWindowSize","windowSize","setWindowSize","useState","useEffect","handleResize"],"mappings":";AAEA,SAAwBA,IAAgB;AACpC,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAGjC;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACX;AACD,SAAAC,EAAU,MAAM;AACZ,aAASC,IAAe;AACN,MAAAH,EAAA;AAAA,QACV,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA,CAClB;AAAA,IAAA;AAEE,kBAAA,iBAAiB,UAAUG,CAAY,GACjCA,EAAA,GACN,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAClE,GAAG,EAAE,GAEEJ;AACX;"}

package/dist/@ecme/components/ui/toast/ToastWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastWrapper.js","sources":["../../../../../lib/@ecme/components/ui/toast/ToastWrapper.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport {\r\n    useState,\r\n    useImperativeHandle,\r\n    useRef,\r\n    useCallback,\r\n    cloneElement,\r\n    createRef,\r\n} from 'react'\r\nimport classNames from 'classnames'\r\nimport chainedFunction from '../utils/chainedFunction'\r\nimport { motion } from 'framer-motion'\r\nimport { getPlacementTransition } from './transition'\r\nimport { PLACEMENT } from '../utils/constants'\r\nimport { createRoot } from 'react-dom/client'\r\nimport { NotificationPlacement } from '../@types/placement'\r\nimport type { DetailedReactHTMLElement, ReactNode, Ref } from 'react'\r\n\r\ntype NodeProps = DetailedReactHTMLElement<any, HTMLDivElement>\r\n\r\ntype Message = {\r\n    key: string\r\n    visible: boolean\r\n    node: NodeProps\r\n}\r\n\r\nconst useMessages = (msgKey: string) => {\r\n    const [messages, setMessages] = useState<Message[]>([])\r\n\r\n    const getKey = useCallback(\r\n        (key: string) => {\r\n            if (typeof key === 'undefined' && messages.length) {\r\n                key = messages[messages.length - 1].key\r\n            }\r\n            return key\r\n        },\r\n        [messages],\r\n    )\r\n\r\n    const push = useCallback(\r\n        (message: NodeProps) => {\r\n            const key = msgKey || '_' + Math.random().toString(36).substr(2, 12)\r\n            setMessages([...messages, { key, visible: true, node: message }])\r\n            return key\r\n        },\r\n        [messages, msgKey],\r\n    )\r\n\r\n    const removeAll = useCallback(() => {\r\n        setMessages(messages.map((msg) => ({ ...msg, visible: false })))\r\n        setTimeout(() => {\r\n            setMessages([])\r\n        }, 50)\r\n    }, [messages])\r\n\r\n    const remove = useCallback(\r\n        (key: string) => {\r\n            setMessages(\r\n                messages.map((elm) => {\r\n                    if (elm.key === getKey(key)) {\r\n                        elm.visible = false\r\n                    }\r\n                    return elm\r\n                }),\r\n            )\r\n\r\n            setTimeout(() => {\r\n                setMessages(messages.filter((msg) => msg.visible))\r\n            }, 50)\r\n        },\r\n        [messages, getKey],\r\n    )\r\n\r\n    return { messages, push, removeAll, remove }\r\n}\r\n\r\nexport interface ToastProps {\r\n    transitionType?: 'scale' | 'fade'\r\n    placement?: NotificationPlacement | 'top-full' | 'bottom-full'\r\n    offsetX?: string | number\r\n    offsetY?: string | number\r\n    block?: boolean\r\n}\r\n\r\nexport interface ToastWrapperInstance {\r\n    root: HTMLElement | null\r\n    push: (message: NodeProps) => string\r\n    remove: (key: string) => void\r\n    removeAll: () => void\r\n}\r\n\r\nexport interface ToastWrapperProps extends ToastProps {\r\n    messageKey: string\r\n    callback: (ref: HTMLDivElement | null) => void\r\n    ref: Ref<ToastWrapperInstance>\r\n    wrapper?: HTMLElement | (() => HTMLElement)\r\n}\r\n\r\nconst ToastWrapper = (props: ToastWrapperProps) => {\r\n    const rootRef = useRef<HTMLDivElement | null>(null)\r\n\r\n    const {\r\n        transitionType = 'scale',\r\n        placement = PLACEMENT.TOP_END as NotificationPlacement,\r\n        offsetX = 30,\r\n        offsetY = 30,\r\n        messageKey,\r\n        block = false,\r\n        ref,\r\n        callback,\r\n        ...rest\r\n    } = props\r\n\r\n    const { push, removeAll, remove, messages } = useMessages(messageKey)\r\n\r\n    useImperativeHandle(ref, () => {\r\n        return { root: rootRef.current, push, removeAll, remove }\r\n    })\r\n\r\n    const placementTransition = getPlacementTransition({\r\n        offsetX,\r\n        offsetY,\r\n        placement: placement as NotificationPlacement,\r\n        transitionType,\r\n    })\r\n\r\n    const toastProps = {\r\n        triggerByToast: true,\r\n        ...rest,\r\n    }\r\n\r\n    const messageElements = messages.map((item) => {\r\n        return (\r\n            <motion.div\r\n                key={item.key}\r\n                className={'toast-wrapper'}\r\n                initial={placementTransition.variants.initial}\r\n                variants={placementTransition.variants}\r\n                animate={item.visible ? 'animate' : 'exit'}\r\n                transition={{ duration: 0.15, type: 'tween' }}\r\n            >\r\n                {cloneElement(\r\n                    item.node as DetailedReactHTMLElement<any, HTMLElement>,\r\n                    {\r\n                        ...toastProps,\r\n                        ref,\r\n                        onClose: chainedFunction(\r\n                            item.node?.props?.onClose,\r\n                            () => remove(item.key),\r\n                        ),\r\n                        className: classNames(item.node?.props?.className),\r\n                    },\r\n                )}\r\n            </motion.div>\r\n        )\r\n    })\r\n\r\n    return (\r\n        <div\r\n            style={placementTransition.default}\r\n            {...rest}\r\n            ref={(thisRef) => {\r\n                rootRef.current = thisRef\r\n                callback?.(thisRef)\r\n            }}\r\n            className={classNames('toast', block && 'w-full')}\r\n        >\r\n            {messageElements}\r\n        </div>\r\n    )\r\n}\r\n\r\nToastWrapper.getInstance = (props: ToastWrapperProps) => {\r\n    const { wrapper, ...rest } = props\r\n\r\n    const wrapperRef = createRef<ToastWrapperInstance>()\r\n\r\n    const wrapperElement =\r\n        (typeof wrapper === 'function' ? wrapper() : wrapper) || document.body\r\n\r\n    return new Promise((resolve) => {\r\n        const renderCallback = () => {\r\n            resolve([wrapperRef, unmount])\r\n        }\r\n\r\n        function renderElement(element: ReactNode) {\r\n            const mountElement = document.createElement('div')\r\n\r\n            wrapperElement.appendChild(mountElement)\r\n\r\n            const root = createRoot(mountElement)\r\n\r\n            root.render(element)\r\n\r\n            return root\r\n        }\r\n\r\n        const { unmount } = renderElement(\r\n            <ToastWrapper\r\n                {...rest}\r\n                ref={wrapperRef}\r\n                callback={renderCallback}\r\n            />,\r\n        )\r\n    })\r\n}\r\n\r\nexport default ToastWrapper\r\n"],"names":["useMessages","msgKey","messages","setMessages","useState","getKey","useCallback","key","push","message","removeAll","msg","remove","elm","ToastWrapper","props","rootRef","useRef","transitionType","placement","PLACEMENT","offsetX","offsetY","messageKey","block","ref","callback","rest","useImperativeHandle","placementTransition","getPlacementTransition","toastProps","messageElements","item","jsx","motion","cloneElement","chainedFunction","classNames","thisRef","wrapper","wrapperRef","createRef","wrapperElement","resolve","renderCallback","unmount","renderElement","element","mountElement","root","createRoot"],"mappings":"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"}
+{"version":3,"file":"ToastWrapper.js","sources":["../../../../../lib/@ecme/components/ui/toast/ToastWrapper.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport {\r\n    useState,\r\n    useImperativeHandle,\r\n    useRef,\r\n    useCallback,\r\n    cloneElement,\r\n    createRef,\r\n} from 'react'\r\nimport classNames from 'classnames'\r\nimport chainedFunction from '../utils/chainedFunction'\r\nimport { motion } from 'framer-motion'\r\nimport { getPlacementTransition } from './transition'\r\nimport { PLACEMENT } from '../utils/constants'\r\nimport { createRoot } from 'react-dom/client'\r\nimport { NotificationPlacement } from '../@types/placement'\r\nimport type { DetailedReactHTMLElement, ReactNode, Ref } from 'react'\r\n\r\ntype NodeProps = DetailedReactHTMLElement<any, HTMLDivElement>\r\n\r\ntype Message = {\r\n    key: string\r\n    visible: boolean\r\n    node: NodeProps\r\n}\r\n\r\nconst useMessages = (msgKey: string) => {\r\n    const [messages, setMessages] = useState<Message[]>([])\r\n\r\n    const getKey = useCallback(\r\n        (key: string) => {\r\n            if (typeof key === 'undefined' && messages.length) {\r\n                key = messages[messages.length - 1].key\r\n            }\r\n            return key\r\n        },\r\n        [messages],\r\n    )\r\n\r\n    const push = useCallback(\r\n        (message: NodeProps) => {\r\n            const key = msgKey || '_' + Math.random().toString(36).substr(2, 12)\r\n            setMessages([...messages, { key, visible: true, node: message }])\r\n            return key\r\n        },\r\n        [messages, msgKey],\r\n    )\r\n\r\n    const removeAll = useCallback(() => {\r\n        setMessages(messages.map((msg) => ({ ...msg, visible: false })))\r\n        setTimeout(() => {\r\n            setMessages([])\r\n        }, 50)\r\n    }, [messages])\r\n\r\n    const remove = useCallback(\r\n        (key: string) => {\r\n            setMessages(\r\n                messages.map((elm) => {\r\n                    if (elm.key === getKey(key)) {\r\n                        elm.visible = false\r\n                    }\r\n                    return elm\r\n                }),\r\n            )\r\n\r\n            setTimeout(() => {\r\n                setMessages(messages.filter((msg) => msg.visible))\r\n            }, 50)\r\n        },\r\n        [messages, getKey],\r\n    )\r\n\r\n    return { messages, push, removeAll, remove }\r\n}\r\n\r\nexport interface ToastProps {\r\n    transitionType?: 'scale' | 'fade'\r\n    placement?: NotificationPlacement | 'top-full' | 'bottom-full'\r\n    offsetX?: string | number\r\n    offsetY?: string | number\r\n    block?: boolean\r\n}\r\n\r\nexport interface ToastWrapperInstance {\r\n    root: HTMLElement | null\r\n    push: (message: NodeProps) => string\r\n    remove: (key: string) => void\r\n    removeAll: () => void\r\n}\r\n\r\nexport interface ToastWrapperProps extends ToastProps {\r\n    messageKey: string\r\n    callback: (ref: HTMLDivElement | null) => void\r\n    ref: Ref<ToastWrapperInstance>\r\n    wrapper?: HTMLElement | (() => HTMLElement)\r\n}\r\n\r\nconst ToastWrapper = (props: ToastWrapperProps) => {\r\n    const rootRef = useRef<HTMLDivElement | null>(null)\r\n\r\n    const {\r\n        transitionType = 'scale',\r\n        placement = PLACEMENT.TOP_END as NotificationPlacement,\r\n        offsetX = 30,\r\n        offsetY = 30,\r\n        messageKey,\r\n        block = false,\r\n        ref,\r\n        callback,\r\n        ...rest\r\n    } = props\r\n\r\n    const { push, removeAll, remove, messages } = useMessages(messageKey)\r\n\r\n    useImperativeHandle(ref, () => {\r\n        return { root: rootRef.current, push, removeAll, remove }\r\n    })\r\n\r\n    const placementTransition = getPlacementTransition({\r\n        offsetX,\r\n        offsetY,\r\n        placement: placement as NotificationPlacement,\r\n        transitionType,\r\n    })\r\n\r\n    const toastProps = {\r\n        triggerByToast: true,\r\n        ...rest,\r\n    }\r\n\r\n    const messageElements = messages.map((item) => {\r\n        return (\r\n            <motion.div\r\n                key={item.key}\r\n                className={'toast-wrapper'}\r\n                initial={placementTransition.variants.initial}\r\n                variants={placementTransition.variants}\r\n                animate={item.visible ? 'animate' : 'exit'}\r\n                transition={{ duration: 0.15, type: 'tween' }}\r\n            >\r\n                {cloneElement(\r\n                    item.node as DetailedReactHTMLElement<any, HTMLElement>,\r\n                    {\r\n                        ...toastProps,\r\n                        ref,\r\n                        onClose: chainedFunction(\r\n                            item.node?.props?.onClose,\r\n                            () => remove(item.key),\r\n                        ),\r\n                        className: classNames(item.node?.props?.className),\r\n                    },\r\n                )}\r\n            </motion.div>\r\n        )\r\n    })\r\n\r\n    return (\r\n        <div\r\n            style={placementTransition.default}\r\n            {...rest}\r\n            ref={(thisRef) => {\r\n                rootRef.current = thisRef\r\n                callback?.(thisRef)\r\n            }}\r\n            className={classNames('toast', block && 'w-full')}\r\n        >\r\n            {messageElements}\r\n        </div>\r\n    )\r\n}\r\n\r\nToastWrapper.getInstance = (props: ToastWrapperProps) => {\r\n    const { wrapper, ...rest } = props\r\n\r\n    const wrapperRef = createRef<ToastWrapperInstance>()\r\n\r\n    const wrapperElement =\r\n        (typeof wrapper === 'function' ? wrapper() : wrapper) || document.body\r\n\r\n    return new Promise((resolve) => {\r\n        const renderCallback = () => {\r\n            resolve([wrapperRef, unmount])\r\n        }\r\n\r\n        function renderElement(element: ReactNode) {\r\n            const mountElement = document.createElement('div')\r\n\r\n            wrapperElement.appendChild(mountElement)\r\n\r\n            const root = createRoot(mountElement)\r\n\r\n            root.render(element)\r\n\r\n            return root\r\n        }\r\n\r\n        const { unmount } = renderElement(\r\n            <ToastWrapper\r\n                {...rest}\r\n                ref={wrapperRef}\r\n                callback={renderCallback}\r\n            />,\r\n        )\r\n    })\r\n}\r\n\r\nexport default ToastWrapper\r\n"],"names":["useMessages","msgKey","messages","setMessages","useState","getKey","useCallback","key","push","message","removeAll","msg","remove","elm","ToastWrapper","props","rootRef","useRef","transitionType","placement","PLACEMENT","offsetX","offsetY","messageKey","block","ref","callback","rest","useImperativeHandle","placementTransition","getPlacementTransition","toastProps","messageElements","item","jsx","motion","cloneElement","chainedFunction","classNames","thisRef","wrapper","wrapperRef","createRef","wrapperElement","resolve","renderCallback","unmount","renderElement","element","mountElement","root","createRoot"],"mappings":"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"}

package/dist/@ecme/components/ui/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sources":["../../../../../lib/@ecme/components/ui/toast/toast.tsx"],"sourcesContent":["import ToastWrapper from './ToastWrapper'\nimport { PLACEMENT } from '../utils/constants'\nimport type { ToastProps, ToastWrapperProps } from './ToastWrapper'\nimport { NotificationPlacement } from '../@types/placement'\nimport type { ReactNode } from 'react'\n\nexport const toastDefaultProps = {\n    placement: PLACEMENT.TOP_END,\n    offsetX: 30,\n    offsetY: 30,\n    transitionType: 'scale',\n    block: false,\n}\n\nexport interface Toast {\n    push(\n        message: ReactNode,\n        options?: ToastProps,\n    ): string | undefined | Promise<string | undefined>\n    remove(key: string): void\n    removeAll(): void\n}\n\nconst defaultWrapperId = 'default'\nconst wrappers = new Map()\n\nfunction castPlacment(placement: NotificationPlacement) {\n    if (/\\top\\b/.test(placement)) {\n        return 'top-full'\n    }\n\n    if (/\\bottom\\b/.test(placement)) {\n        return 'bottom-full'\n    }\n}\n\nasync function createWrapper(wrapperId: string, props: ToastProps) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const [wrapper] = await ToastWrapper.getInstance(props as ToastWrapperProps) as any\n\n    wrappers.set(wrapperId || defaultWrapperId, wrapper)\n\n    return wrapper\n}\n\nfunction getWrapper(wrapperId?: string) {\n    if (wrappers.size === 0) {\n        return null\n    }\n    return wrappers.get(wrapperId || defaultWrapperId)\n}\n\nconst toast: Toast = (message: ReactNode) => toast.push(message)\n\ntoast.push = (message, options = toastDefaultProps as ToastProps) => {\n    let id = options.placement\n    if (options.block) {\n        id = castPlacment(options.placement as NotificationPlacement)\n    }\n\n    const wrapper = getWrapper(id)\n\n    if (wrapper?.current) {\n        return wrapper.current.push(message)\n    }\n\n    return createWrapper(id ?? '', options).then((ref) => {\n        return ref.current?.push(message)\n    })\n}\n\ntoast.remove = (key) => {\n    wrappers.forEach((elm) => {\n        elm.current.remove(key)\n    })\n}\n\ntoast.removeAll = () => {\n    wrappers.forEach((elm) => elm.current.removeAll())\n}\n\nexport default toast\n"],"names":["toastDefaultProps","PLACEMENT","defaultWrapperId","wrappers","castPlacment","placement","createWrapper","wrapperId","props","wrapper","ToastWrapper","getWrapper","toast","message","options","id","ref","key","elm"],"mappings":";;AAMO,MAAMA,IAAoB;AAAA,EAC7B,WAAWC,EAAU;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,OAAO;AACX,GAWMC,IAAmB,WACnBC,wBAAe,IAAA;AAErB,SAASC,EAAaC,GAAkC;AACpD,MAAI,SAAS,KAAKA,CAAS;AACvB,WAAO;AAGX,MAAI,YAAY,KAAKA,CAAS;AAC1B,WAAO;AAEf;AAEA,eAAeC,EAAcC,GAAmBC,GAAmB;AAE/D,QAAM,CAACC,CAAO,IAAI,MAAMC,EAAa,YAAYF,CAA0B;AAE3E,SAAAL,EAAS,IAAII,KAAaL,GAAkBO,CAAO,GAE5CA;AACX;AAEA,SAASE,EAAWJ,GAAoB;AACpC,SAAIJ,EAAS,SAAS,IACX,OAEJA,EAAS,IAAII,KAAaL,CAAgB;AACrD;AAEA,MAAMU,IAAe,CAACC,MAAuBD,EAAM,KAAKC,CAAO;AAE/DD,EAAM,OAAO,CAACC,GAASC,IAAUd,MAAoC;AACjE,MAAIe,IAAKD,EAAQ;AACjB,EAAIA,EAAQ,UACRC,IAAKX,EAAaU,EAAQ,SAAkC;AAGhE,QAAML,IAAUE,EAAWI,CAAE;AAE7B,SAAIN,GAAS,UACFA,EAAQ,QAAQ,KAAKI,CAAO,IAGhCP,EAAcS,KAAM,IAAID,CAAO,EAAE,KAAK,CAACE,MACnCA,EAAI,SAAS,KAAKH,CAAO,CACnC;AACL;AAEAD,EAAM,SAAS,CAACK,MAAQ;AACpB,EAAAd,EAAS,QAAQ,CAACe,MAAQ;AACtB,IAAAA,EAAI,QAAQ,OAAOD,CAAG;AAAA,EAC1B,CAAC;AACL;AAEAL,EAAM,YAAY,MAAM;AACpB,EAAAT,EAAS,QAAQ,CAACe,MAAQA,EAAI,QAAQ,WAAW;AACrD;"}
+{"version":3,"file":"toast.js","sources":["../../../../../lib/@ecme/components/ui/toast/toast.tsx"],"sourcesContent":["import ToastWrapper from './ToastWrapper'\nimport { PLACEMENT } from '../utils/constants'\nimport type { ToastProps, ToastWrapperProps } from './ToastWrapper'\nimport { NotificationPlacement } from '../@types/placement'\nimport type { ReactNode } from 'react'\n\nexport const toastDefaultProps = {\n    placement: PLACEMENT.TOP_END,\n    offsetX: 30,\n    offsetY: 30,\n    transitionType: 'scale',\n    block: false,\n}\n\nexport interface Toast {\n    push(\n        message: ReactNode,\n        options?: ToastProps,\n    ): string | undefined | Promise<string | undefined>\n    remove(key: string): void\n    removeAll(): void\n}\n\nconst defaultWrapperId = 'default'\nconst wrappers = new Map()\n\nfunction castPlacment(placement: NotificationPlacement) {\n    if (/\\top\\b/.test(placement)) {\n        return 'top-full'\n    }\n\n    if (/\\bottom\\b/.test(placement)) {\n        return 'bottom-full'\n    }\n}\n\nasync function createWrapper(wrapperId: string, props: ToastProps) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const [wrapper] = await ToastWrapper.getInstance(props as ToastWrapperProps) as any\n\n    wrappers.set(wrapperId || defaultWrapperId, wrapper)\n\n    return wrapper\n}\n\nfunction getWrapper(wrapperId?: string) {\n    if (wrappers.size === 0) {\n        return null\n    }\n    return wrappers.get(wrapperId || defaultWrapperId)\n}\n\nconst toast: Toast = (message: ReactNode) => toast.push(message)\n\ntoast.push = (message, options = toastDefaultProps as ToastProps) => {\n    let id = options.placement\n    if (options.block) {\n        id = castPlacment(options.placement as NotificationPlacement)\n    }\n\n    const wrapper = getWrapper(id)\n\n    if (wrapper?.current) {\n        return wrapper.current.push(message)\n    }\n\n    return createWrapper(id ?? '', options).then((ref) => {\n        return ref.current?.push(message)\n    })\n}\n\ntoast.remove = (key) => {\n    wrappers.forEach((elm) => {\n        elm.current.remove(key)\n    })\n}\n\ntoast.removeAll = () => {\n    wrappers.forEach((elm) => elm.current.removeAll())\n}\n\nexport default toast\n"],"names":["toastDefaultProps","PLACEMENT","defaultWrapperId","wrappers","castPlacment","placement","createWrapper","wrapperId","props","wrapper","ToastWrapper","getWrapper","toast","message","options","id","ref","key","elm"],"mappings":";;AAMO,MAAMA,IAAoB;AAAA,EAC7B,WAAWC,EAAU;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,OAAO;AACX,GAWMC,IAAmB,WACnBC,wBAAe,IAAI;AAEzB,SAASC,EAAaC,GAAkC;AAChD,MAAA,SAAS,KAAKA,CAAS;AAChB,WAAA;AAGP,MAAA,YAAY,KAAKA,CAAS;AACnB,WAAA;AAEf;AAEA,eAAeC,EAAcC,GAAmBC,GAAmB;AAE/D,QAAM,CAACC,CAAO,IAAI,MAAMC,EAAa,YAAYF,CAA0B;AAElE,SAAAL,EAAA,IAAII,KAAaL,GAAkBO,CAAO,GAE5CA;AACX;AAEA,SAASE,EAAWJ,GAAoB;AAChC,SAAAJ,EAAS,SAAS,IACX,OAEJA,EAAS,IAAII,KAAaL,CAAgB;AACrD;AAEA,MAAMU,IAAe,CAACC,MAAuBD,EAAM,KAAKC,CAAO;AAE/DD,EAAM,OAAO,CAACC,GAASC,IAAUd,MAAoC;AACjE,MAAIe,IAAKD,EAAQ;AACjB,EAAIA,EAAQ,UACHC,IAAAX,EAAaU,EAAQ,SAAkC;AAG1D,QAAAL,IAAUE,EAAWI,CAAE;AAE7B,SAAIN,GAAS,UACFA,EAAQ,QAAQ,KAAKI,CAAO,IAGhCP,EAAcS,KAAM,IAAID,CAAO,EAAE,KAAK,CAACE,MACnCA,EAAI,SAAS,KAAKH,CAAO,CACnC;AACL;AAEAD,EAAM,SAAS,CAACK,MAAQ;AACX,EAAAd,EAAA,QAAQ,CAACe,MAAQ;AAClB,IAAAA,EAAA,QAAQ,OAAOD,CAAG;AAAA,EAAA,CACzB;AACL;AAEAL,EAAM,YAAY,MAAM;AACpB,EAAAT,EAAS,QAAQ,CAACe,MAAQA,EAAI,QAAQ,WAAW;AACrD;"}

package/dist/@ecme/components/ui/toast/transition.js.map

@@ -1 +1 @@
-{"version":3,"file":"transition.js","sources":["../../../../../lib/@ecme/components/ui/toast/transition.ts"],"sourcesContent":["import { NotificationPlacement } from '../@types/placement'\n\ntype GetPlacementTransitionParams = {\n    offsetX: string | number\n    offsetY: string | number\n    placement: NotificationPlacement\n    transitionType: 'scale' | 'fade'\n}\n\ntype Motion = {\n    opacity: number\n    transform?: string\n}\n\ntype MotionProps = {\n    initial: Motion\n    animate: Motion\n    exit: Motion\n}\n\ntype MotionDefault = {\n    top?: string | number\n    left?: string | number\n    right?: string | number\n    bottom?: string | number\n    transform?: string\n}\n\ntype MotionTransition = {\n    default: MotionDefault\n    variants: MotionProps\n}\n\nexport const getPlacementTransition = ({\n    offsetX,\n    offsetY,\n    placement,\n    transitionType,\n}: GetPlacementTransitionParams) => {\n    if (transitionType === 'fade') {\n        return fadeTransition(offsetX, offsetY)[placement]\n    }\n\n    return scaleTransition(offsetX, offsetY)[placement]\n}\n\nconst scaleMotionProps = {\n    initial: {\n        opacity: 0,\n        transform: 'scale(0.75)',\n    },\n    animate: {\n        transform: 'scale(1)',\n        opacity: 1,\n    },\n    exit: {\n        opacity: 0,\n        transform: 'scale(0.75)',\n    },\n}\n\nconst fadeMotionProps = {\n    initial: {\n        opacity: 0,\n    },\n    animate: {\n        opacity: 1,\n    },\n    exit: {\n        opacity: 0,\n    },\n}\n\nconst scaleTransition = (\n    offsetX: number | string,\n    offsetY: number | string,\n): Record<NotificationPlacement, MotionTransition> => {\n    return {\n        'top-end': {\n            default: {\n                top: offsetY,\n                right: offsetX,\n            },\n            variants: {\n                ...scaleMotionProps,\n            },\n        },\n        'top-start': {\n            default: {\n                top: offsetY,\n                left: offsetX,\n            },\n            variants: {\n                ...scaleMotionProps,\n            },\n        },\n        'top-center': {\n            default: {\n                top: offsetY,\n                left: '50%',\n                transform: 'translateX(-50%)',\n            },\n            variants: {\n                ...scaleMotionProps,\n            },\n        },\n        'bottom-end': {\n            default: {\n                bottom: offsetY,\n                right: offsetX,\n            },\n            variants: {\n                ...scaleMotionProps,\n            },\n        },\n        'bottom-start': {\n            default: {\n                bottom: offsetY,\n                left: offsetX,\n            },\n            variants: {\n                ...scaleMotionProps,\n            },\n        },\n        'bottom-center': {\n            default: {\n                bottom: offsetY,\n                left: '50%',\n                transform: 'translateX(-50%)',\n            },\n            variants: {\n                ...scaleMotionProps,\n            },\n        },\n    }\n}\n\nconst fadeTransition = (\n    offsetX: number | string,\n    offsetY: number | string,\n): Record<NotificationPlacement, MotionTransition> => {\n    return {\n        'top-end': {\n            default: {\n                top: offsetY,\n                right: offsetX,\n            },\n            variants: {\n                ...fadeMotionProps,\n            },\n        },\n        'top-start': {\n            default: {\n                top: offsetY,\n                left: offsetX,\n            },\n            variants: {\n                ...fadeMotionProps,\n            },\n        },\n        'top-center': {\n            default: {\n                top: offsetY,\n                left: '50%',\n                transform: 'translateX(-50%)',\n            },\n            variants: {\n                ...fadeMotionProps,\n            },\n        },\n        'bottom-end': {\n            default: {\n                bottom: offsetY,\n                right: offsetX,\n            },\n            variants: {\n                ...fadeMotionProps,\n            },\n        },\n        'bottom-start': {\n            default: {\n                bottom: offsetY,\n                left: offsetX,\n            },\n            variants: {\n                ...fadeMotionProps,\n            },\n        },\n        'bottom-center': {\n            default: {\n                bottom: offsetY,\n                left: '50%',\n                transform: 'translateX(-50%)',\n            },\n            variants: {\n                ...fadeMotionProps,\n            },\n        },\n    }\n}\n"],"names":["getPlacementTransition","offsetX","offsetY","placement","transitionType","fadeTransition","scaleTransition","scaleMotionProps","fadeMotionProps"],"mappings":"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"}
+{"version":3,"file":"transition.js","sources":["../../../../../lib/@ecme/components/ui/toast/transition.ts"],"sourcesContent":["import { NotificationPlacement } from '../@types/placement'\n\ntype GetPlacementTransitionParams = {\n    offsetX: string | number\n    offsetY: string | number\n    placement: NotificationPlacement\n    transitionType: 'scale' | 'fade'\n}\n\ntype Motion = {\n    opacity: number\n    transform?: string\n}\n\ntype MotionProps = {\n    initial: Motion\n    animate: Motion\n    exit: Motion\n}\n\ntype MotionDefault = {\n    top?: string | number\n    left?: string | number\n    right?: string | number\n    bottom?: string | number\n    transform?: string\n}\n\ntype MotionTransition = {\n    default: MotionDefault\n    variants: MotionProps\n}\n\nexport const getPlacementTransition = ({\n    offsetX,\n    offsetY,\n    placement,\n    transitionType,\n}: GetPlacementTransitionParams) => {\n    if (transitionType === 'fade') {\n        return fadeTransition(offsetX, offsetY)[placement]\n    }\n\n    return scaleTransition(offsetX, offsetY)[placement]\n}\n\nconst scaleMotionProps = {\n    initial: {\n        opacity: 0,\n        transform: 'scale(0.75)',\n    },\n    animate: {\n        transform: 'scale(1)',\n        opacity: 1,\n    },\n    exit: {\n        opacity: 0,\n        transform: 'scale(0.75)',\n    },\n}\n\nconst fadeMotionProps = {\n    initial: {\n        opacity: 0,\n    },\n    animate: {\n        opacity: 1,\n    },\n    exit: {\n        opacity: 0,\n    },\n}\n\nconst scaleTransition = (\n    offsetX: number | string,\n    offsetY: number | string,\n): Record<NotificationPlacement, MotionTransition> => {\n    return {\n        'top-end': {\n            default: {\n                top: offsetY,\n                right: offsetX,\n            },\n            variants: {\n                ...scaleMotionProps,\n            },\n        },\n        'top-start': {\n            default: {\n                top: offsetY,\n                left: offsetX,\n            },\n            variants: {\n                ...scaleMotionProps,\n            },\n        },\n        'top-center': {\n            default: {\n                top: offsetY,\n                left: '50%',\n                transform: 'translateX(-50%)',\n            },\n            variants: {\n                ...scaleMotionProps,\n            },\n        },\n        'bottom-end': {\n            default: {\n                bottom: offsetY,\n                right: offsetX,\n            },\n            variants: {\n                ...scaleMotionProps,\n            },\n        },\n        'bottom-start': {\n            default: {\n                bottom: offsetY,\n                left: offsetX,\n            },\n            variants: {\n                ...scaleMotionProps,\n            },\n        },\n        'bottom-center': {\n            default: {\n                bottom: offsetY,\n                left: '50%',\n                transform: 'translateX(-50%)',\n            },\n            variants: {\n                ...scaleMotionProps,\n            },\n        },\n    }\n}\n\nconst fadeTransition = (\n    offsetX: number | string,\n    offsetY: number | string,\n): Record<NotificationPlacement, MotionTransition> => {\n    return {\n        'top-end': {\n            default: {\n                top: offsetY,\n                right: offsetX,\n            },\n            variants: {\n                ...fadeMotionProps,\n            },\n        },\n        'top-start': {\n            default: {\n                top: offsetY,\n                left: offsetX,\n            },\n            variants: {\n                ...fadeMotionProps,\n            },\n        },\n        'top-center': {\n            default: {\n                top: offsetY,\n                left: '50%',\n                transform: 'translateX(-50%)',\n            },\n            variants: {\n                ...fadeMotionProps,\n            },\n        },\n        'bottom-end': {\n            default: {\n                bottom: offsetY,\n                right: offsetX,\n            },\n            variants: {\n                ...fadeMotionProps,\n            },\n        },\n        'bottom-start': {\n            default: {\n                bottom: offsetY,\n                left: offsetX,\n            },\n            variants: {\n                ...fadeMotionProps,\n            },\n        },\n        'bottom-center': {\n            default: {\n                bottom: offsetY,\n                left: '50%',\n                transform: 'translateX(-50%)',\n            },\n            variants: {\n                ...fadeMotionProps,\n            },\n        },\n    }\n}\n"],"names":["getPlacementTransition","offsetX","offsetY","placement","transitionType","fadeTransition","scaleTransition","scaleMotionProps","fadeMotionProps"],"mappings":"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"}

package/dist/@ecme/components/ui/utils/arrayIndexOf.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrayIndexOf.js","sources":["../../../../../lib/@ecme/components/ui/utils/arrayIndexOf.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nexport default function arrayIndexOf(one: any, ofTarget: any) {\n    if (Array.isArray(ofTarget)) {\n        return ofTarget.indexOf(one) >= 0\n    }\n    return one === ofTarget\n}\n"],"names":["arrayIndexOf","one","ofTarget"],"mappings":"AACA,SAAwBA,EAAaC,GAAUC,GAAe;AAC1D,SAAI,MAAM,QAAQA,CAAQ,IACfA,EAAS,QAAQD,CAAG,KAAK,IAE7BA,MAAQC;AACnB;"}
+{"version":3,"file":"arrayIndexOf.js","sources":["../../../../../lib/@ecme/components/ui/utils/arrayIndexOf.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nexport default function arrayIndexOf(one: any, ofTarget: any) {\n    if (Array.isArray(ofTarget)) {\n        return ofTarget.indexOf(one) >= 0\n    }\n    return one === ofTarget\n}\n"],"names":["arrayIndexOf","one","ofTarget"],"mappings":"AACwB,SAAAA,EAAaC,GAAUC,GAAe;AACtD,SAAA,MAAM,QAAQA,CAAQ,IACfA,EAAS,QAAQD,CAAG,KAAK,IAE7BA,MAAQC;AACnB;"}

package/dist/@ecme/components/ui/utils/capitalize.js.map

@@ -1 +1 @@
-{"version":3,"file":"capitalize.js","sources":["../../../../../lib/@ecme/components/ui/utils/capitalize.ts"],"sourcesContent":["export default function capitalize(value: string) {\n    return typeof value !== 'string'\n        ? ''\n        : value.charAt(0).toUpperCase() + value.slice(1)\n}\n"],"names":["capitalize","value"],"mappings":"AAAA,SAAwBA,EAAWC,GAAe;AAC9C,SAAO,OAAOA,KAAU,WAClB,KACAA,EAAM,OAAO,CAAC,EAAE,YAAA,IAAgBA,EAAM,MAAM,CAAC;AACvD;"}
+{"version":3,"file":"capitalize.js","sources":["../../../../../lib/@ecme/components/ui/utils/capitalize.ts"],"sourcesContent":["export default function capitalize(value: string) {\n    return typeof value !== 'string'\n        ? ''\n        : value.charAt(0).toUpperCase() + value.slice(1)\n}\n"],"names":["capitalize","value"],"mappings":"AAAA,SAAwBA,EAAWC,GAAe;AAC9C,SAAO,OAAOA,KAAU,WAClB,KACAA,EAAM,OAAO,CAAC,EAAE,YAAY,IAAIA,EAAM,MAAM,CAAC;AACvD;"}

package/dist/@ecme/components/ui/utils/chainedFunction.js.map

@@ -1 +1 @@
-{"version":3,"file":"chainedFunction.js","sources":["../../../../../lib/@ecme/components/ui/utils/chainedFunction.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nexport default function chainedFunction<T = any>(...funcs: (T | null)[]) {\n    return funcs\n        .filter((f) => f !== null && typeof f !== 'undefined')\n        .reduce((acc: any, f: any) => {\n            if (typeof f !== 'function') {\n                throw new Error(\n                    'Invalid Argument Type, must only provide functions, undefined, or null.',\n                )\n            }\n\n            if (acc === undefined) {\n                return f\n            }\n\n            return function chainedFunction(this: any, ...args: any[]) {\n                acc.apply(this, args)\n                f.apply(this, args)\n            }\n        }, undefined)\n}\n"],"names":["chainedFunction","funcs","f","acc","args"],"mappings":"AACA,SAAwBA,KAA4BC,GAAqB;AACrE,SAAOA,EACF,OAAO,CAACC,MAAMA,MAAM,QAAQ,OAAOA,IAAM,GAAW,EACpD,OAAO,CAACC,GAAUD,MAAW;AAC1B,QAAI,OAAOA,KAAM;AACb,YAAM,IAAI;AAAA,QACN;AAAA,MAAA;AAIR,WAAIC,MAAQ,SACDD,IAGJ,YAAuCE,GAAa;AACvD,MAAAD,EAAI,MAAM,MAAMC,CAAI,GACpBF,EAAE,MAAM,MAAME,CAAI;AAAA,IACtB;AAAA,EACJ,GAAG,MAAS;AACpB;"}
+{"version":3,"file":"chainedFunction.js","sources":["../../../../../lib/@ecme/components/ui/utils/chainedFunction.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nexport default function chainedFunction<T = any>(...funcs: (T | null)[]) {\n    return funcs\n        .filter((f) => f !== null && typeof f !== 'undefined')\n        .reduce((acc: any, f: any) => {\n            if (typeof f !== 'function') {\n                throw new Error(\n                    'Invalid Argument Type, must only provide functions, undefined, or null.',\n                )\n            }\n\n            if (acc === undefined) {\n                return f\n            }\n\n            return function chainedFunction(this: any, ...args: any[]) {\n                acc.apply(this, args)\n                f.apply(this, args)\n            }\n        }, undefined)\n}\n"],"names":["chainedFunction","funcs","f","acc","args"],"mappings":"AACA,SAAwBA,KAA4BC,GAAqB;AACrE,SAAOA,EACF,OAAO,CAACC,MAAMA,MAAM,QAAQ,OAAOA,IAAM,GAAW,EACpD,OAAO,CAACC,GAAUD,MAAW;AACtB,QAAA,OAAOA,KAAM;AACb,YAAM,IAAI;AAAA,QACN;AAAA,MACJ;AAGJ,WAAIC,MAAQ,SACDD,IAGJ,YAAuCE,GAAa;AACnD,MAAAD,EAAA,MAAM,MAAMC,CAAI,GAClBF,EAAA,MAAM,MAAME,CAAI;AAAA,IACtB;AAAA,KACD,MAAS;AACpB;"}

package/dist/@ecme/components/ui/utils/classNames.js.map

@@ -1 +1 @@
-{"version":3,"file":"classNames.js","sources":["../../../../../lib/@ecme/components/ui/utils/classNames.ts"],"sourcesContent":["import cn from 'classnames'\nimport { twMerge } from 'tailwind-merge'\n\nexport default function classNames(...args: cn.ArgumentArray) {\n    return twMerge(cn(args))\n}\n"],"names":["classNames","args","twMerge","cn"],"mappings":";;AAGA,SAAwBA,KAAcC,GAAwB;AAC1D,SAAOC,EAAQC,EAAGF,CAAI,CAAC;AAC3B;"}
+{"version":3,"file":"classNames.js","sources":["../../../../../lib/@ecme/components/ui/utils/classNames.ts"],"sourcesContent":["import cn from 'classnames'\nimport { twMerge } from 'tailwind-merge'\n\nexport default function classNames(...args: cn.ArgumentArray) {\n    return twMerge(cn(args))\n}\n"],"names":["classNames","args","twMerge","cn"],"mappings":";;AAGA,SAAwBA,KAAcC,GAAwB;AACnD,SAAAC,EAAQC,EAAGF,CAAI,CAAC;AAC3B;"}

package/dist/@ecme/components/ui/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../lib/@ecme/components/ui/utils/constants.ts"],"sourcesContent":["export enum SIZES {\n    XS = 'xs',\n    SM = 'sm',\n    MD = 'md',\n    LG = 'lg',\n}\n\nexport const CONTROL_SIZES: Record<\n    SIZES,\n    { h: string; w: string; minH: string; minW: string }\n> = {\n    [SIZES.XS]: {\n        h: 'h-8',\n        w: 'w-8',\n        minH: 'min-h-8',\n        minW: 'min-w-8',\n    },\n    [SIZES.SM]: {\n        h: 'h-10',\n        w: 'w-10',\n        minH: 'min-h-10',\n        minW: 'min-w-10',\n    },\n    [SIZES.MD]: {\n        h: 'h-12',\n        w: 'w-12',\n        minH: 'min-h-12',\n        minW: 'min-w-12',\n    },\n    [SIZES.LG]: {\n        h: 'h-14',\n        w: 'w-14',\n        minH: 'min-h-14',\n        minW: 'min-w-14',\n    },\n}\n\nexport const SEGMENT_SIZES: Record<\n    SIZES,\n    { h: string; w: string; minH: string; minW: string }\n> = {\n    [SIZES.XS]: {\n        h: 'h-6',\n        w: 'w-6',\n        minH: 'min-h-6',\n        minW: 'min-w-6',\n    },\n    [SIZES.SM]: {\n        h: 'h-10',\n        w: 'w-10',\n        minH: 'min-h-10',\n        minW: 'min-w-10',\n    },\n    [SIZES.MD]: {\n        h: 'h-10',\n        w: 'w-10',\n        minH: 'min-h-10',\n        minW: 'min-w-10',\n    },\n    [SIZES.LG]: {\n        h: 'h-12',\n        w: 'w-12',\n        minH: 'min-h-12',\n        minW: 'min-w-12',\n    },\n}\n\nexport const LAYOUT = {\n    HORIZONTAL: 'horizontal',\n    VERTICAL: 'vertical',\n    INLINE: 'inline',\n}\n\nexport const DIRECTIONS = {\n    TOP: 'top',\n    RIGHT: 'right',\n    BOTTOM: 'bottom',\n    LEFT: 'left',\n}\n\nexport const SELECTION_MODES = {\n    YEAR: 'year',\n    MONTH: 'month',\n    DAY: 'day',\n}\n\nexport const PICKER_VIEWS = {\n    YEAR: 'year',\n    MONTH: 'month',\n    DATE: 'date',\n}\n\nexport const STATUS = {\n    DANGER: 'danger',\n    SUCCESS: 'success',\n    WARNING: 'warning',\n}\n\nexport const STEPS_STATUS = {\n    COMPLETE: 'complete',\n    PENDING: 'pending',\n    IN_PROGRESS: 'in-progress',\n    ERROR: 'error',\n}\n\nexport const PLACEMENT = {\n    TOP_START: 'top-start',\n    TOP_CENTER: 'top-center',\n    TOP_END: 'top-end',\n    BOTTOM_START: 'bottom-start',\n    BOTTOM_CENTER: 'bottom-center',\n    BOTTOM_END: 'bottom-end',\n    MIDDLE_START_TOP: 'middle-start-top',\n    MIDDLE_START_BOTTOM: 'middle-start-bottom',\n    MIDDLE_END_TOP: 'middle-end-top',\n    MIDDLE_END_BOTTOM: 'middle-end-bottom',\n}\n\nexport const DROPDOWN_ITEM_TYPE: Record<\n    string,\n    'default' | 'header' | 'divider' | 'custom'\n> = {\n    DEFAULT: 'default',\n    HEADER: 'header',\n    DIVIDER: 'divider',\n    CUSTOM: 'custom',\n}\n\nexport const DAY_DURATION = 86400000\n"],"names":["SIZES","CONTROL_SIZES","SEGMENT_SIZES","LAYOUT","DIRECTIONS","SELECTION_MODES","PICKER_VIEWS","STATUS","STEPS_STATUS","PLACEMENT","DROPDOWN_ITEM_TYPE","DAY_DURATION"],"mappings":"AAAO,IAAKA,sBAAAA,OACRA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MAJGA,IAAAA,KAAA,CAAA,CAAA;AAOL,MAAMC,IAGT;AAAA,EACC,IAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAET,IAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAET,IAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAET,IAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEd,GAEaC,IAGT;AAAA,EACC,IAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAET,IAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAET,IAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAET,IAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEd,GAEaC,IAAS;AAAA,EAClB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AACZ,GAEaC,IAAa;AAAA,EACtB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACV,GAEaC,IAAkB;AAAA,EAC3B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AACT,GAEaC,IAAe;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACV,GAEaC,IAAS;AAAA,EAClB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AACb,GAEaC,IAAe;AAAA,EACxB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AAAA,EACb,OAAO;AACX,GAEaC,IAAY;AAAA,EACrB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,cAAc;AAAA,EACd,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,mBAAmB;AACvB,GAEaC,IAGT;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AACZ,GAEaC,IAAe;"}
+{"version":3,"file":"constants.js","sources":["../../../../../lib/@ecme/components/ui/utils/constants.ts"],"sourcesContent":["export enum SIZES {\n    XS = 'xs',\n    SM = 'sm',\n    MD = 'md',\n    LG = 'lg',\n}\n\nexport const CONTROL_SIZES: Record<\n    SIZES,\n    { h: string; w: string; minH: string; minW: string }\n> = {\n    [SIZES.XS]: {\n        h: 'h-8',\n        w: 'w-8',\n        minH: 'min-h-8',\n        minW: 'min-w-8',\n    },\n    [SIZES.SM]: {\n        h: 'h-10',\n        w: 'w-10',\n        minH: 'min-h-10',\n        minW: 'min-w-10',\n    },\n    [SIZES.MD]: {\n        h: 'h-12',\n        w: 'w-12',\n        minH: 'min-h-12',\n        minW: 'min-w-12',\n    },\n    [SIZES.LG]: {\n        h: 'h-14',\n        w: 'w-14',\n        minH: 'min-h-14',\n        minW: 'min-w-14',\n    },\n}\n\nexport const SEGMENT_SIZES: Record<\n    SIZES,\n    { h: string; w: string; minH: string; minW: string }\n> = {\n    [SIZES.XS]: {\n        h: 'h-6',\n        w: 'w-6',\n        minH: 'min-h-6',\n        minW: 'min-w-6',\n    },\n    [SIZES.SM]: {\n        h: 'h-10',\n        w: 'w-10',\n        minH: 'min-h-10',\n        minW: 'min-w-10',\n    },\n    [SIZES.MD]: {\n        h: 'h-10',\n        w: 'w-10',\n        minH: 'min-h-10',\n        minW: 'min-w-10',\n    },\n    [SIZES.LG]: {\n        h: 'h-12',\n        w: 'w-12',\n        minH: 'min-h-12',\n        minW: 'min-w-12',\n    },\n}\n\nexport const LAYOUT = {\n    HORIZONTAL: 'horizontal',\n    VERTICAL: 'vertical',\n    INLINE: 'inline',\n}\n\nexport const DIRECTIONS = {\n    TOP: 'top',\n    RIGHT: 'right',\n    BOTTOM: 'bottom',\n    LEFT: 'left',\n}\n\nexport const SELECTION_MODES = {\n    YEAR: 'year',\n    MONTH: 'month',\n    DAY: 'day',\n}\n\nexport const PICKER_VIEWS = {\n    YEAR: 'year',\n    MONTH: 'month',\n    DATE: 'date',\n}\n\nexport const STATUS = {\n    DANGER: 'danger',\n    SUCCESS: 'success',\n    WARNING: 'warning',\n}\n\nexport const STEPS_STATUS = {\n    COMPLETE: 'complete',\n    PENDING: 'pending',\n    IN_PROGRESS: 'in-progress',\n    ERROR: 'error',\n}\n\nexport const PLACEMENT = {\n    TOP_START: 'top-start',\n    TOP_CENTER: 'top-center',\n    TOP_END: 'top-end',\n    BOTTOM_START: 'bottom-start',\n    BOTTOM_CENTER: 'bottom-center',\n    BOTTOM_END: 'bottom-end',\n    MIDDLE_START_TOP: 'middle-start-top',\n    MIDDLE_START_BOTTOM: 'middle-start-bottom',\n    MIDDLE_END_TOP: 'middle-end-top',\n    MIDDLE_END_BOTTOM: 'middle-end-bottom',\n}\n\nexport const DROPDOWN_ITEM_TYPE: Record<\n    string,\n    'default' | 'header' | 'divider' | 'custom'\n> = {\n    DEFAULT: 'default',\n    HEADER: 'header',\n    DIVIDER: 'divider',\n    CUSTOM: 'custom',\n}\n\nexport const DAY_DURATION = 86400000\n"],"names":["SIZES","CONTROL_SIZES","SEGMENT_SIZES","LAYOUT","DIRECTIONS","SELECTION_MODES","PICKER_VIEWS","STATUS","STEPS_STATUS","PLACEMENT","DROPDOWN_ITEM_TYPE","DAY_DURATION"],"mappings":"AAAY,IAAAA,sBAAAA,OACRA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MAJGA,IAAAA,KAAA,CAAA,CAAA;AAOL,MAAMC,IAGT;AAAA,EACC,IAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EACV;AAAA,EACC,IAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EACV;AAAA,EACC,IAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EACV;AAAA,EACC,IAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEd,GAEaC,IAGT;AAAA,EACC,IAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EACV;AAAA,EACC,IAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EACV;AAAA,EACC,IAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EACV;AAAA,EACC,IAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEd,GAEaC,IAAS;AAAA,EAClB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AACZ,GAEaC,IAAa;AAAA,EACtB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACV,GAEaC,IAAkB;AAAA,EAC3B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AACT,GAEaC,IAAe;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACV,GAEaC,IAAS;AAAA,EAClB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AACb,GAEaC,IAAe;AAAA,EACxB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AAAA,EACb,OAAO;AACX,GAEaC,IAAY;AAAA,EACrB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,cAAc;AAAA,EACd,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,mBAAmB;AACvB,GAEaC,IAGT;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AACZ,GAEaC,IAAe;"}

package/dist/@ecme/components/ui/utils/createUid.js.map

@@ -1 +1 @@
-{"version":3,"file":"createUid.js","sources":["../../../../../lib/@ecme/components/ui/utils/createUid.ts"],"sourcesContent":["const createUID = (len = 10) => {\n    const buf: string[] = []\n    const chars =\n        'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'\n    const charlen = chars.length\n    const length = len\n\n    for (let i = 0; i < length; i++) {\n        buf[i] = chars.charAt(Math.floor(Math.random() * charlen))\n    }\n    return buf.join('')\n}\n\nexport default createUID\n"],"names":["createUID","len","buf","chars","charlen","length","i"],"mappings":"AAAA,MAAMA,IAAY,CAACC,IAAM,OAAO;AAC5B,QAAMC,IAAgB,CAAA,GAChBC,IACF,kEACEC,IAAUD,EAAM,QAChBE,IAASJ;AAEf,WAASK,IAAI,GAAGA,IAAID,GAAQC;AACxB,IAAAJ,EAAII,CAAC,IAAIH,EAAM,OAAO,KAAK,MAAM,KAAK,WAAWC,CAAO,CAAC;AAE7D,SAAOF,EAAI,KAAK,EAAE;AACtB;"}
+{"version":3,"file":"createUid.js","sources":["../../../../../lib/@ecme/components/ui/utils/createUid.ts"],"sourcesContent":["const createUID = (len = 10) => {\n    const buf: string[] = []\n    const chars =\n        'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'\n    const charlen = chars.length\n    const length = len\n\n    for (let i = 0; i < length; i++) {\n        buf[i] = chars.charAt(Math.floor(Math.random() * charlen))\n    }\n    return buf.join('')\n}\n\nexport default createUID\n"],"names":["createUID","len","buf","chars","charlen","length","i"],"mappings":"AAAM,MAAAA,IAAY,CAACC,IAAM,OAAO;AAC5B,QAAMC,IAAgB,CAAC,GACjBC,IACF,kEACEC,IAAUD,EAAM,QAChBE,IAASJ;AAEf,WAASK,IAAI,GAAGA,IAAID,GAAQC;AACpB,IAAAJ,EAAAI,CAAC,IAAIH,EAAM,OAAO,KAAK,MAAM,KAAK,WAAWC,CAAO,CAAC;AAEtD,SAAAF,EAAI,KAAK,EAAE;AACtB;"}

package/dist/@ecme/components/ui/utils/mapCloneElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapCloneElement.js","sources":["../../../../../lib/@ecme/components/ui/utils/mapCloneElement.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Children, isValidElement, cloneElement } from 'react'\nimport type { ReactNode, DetailedReactHTMLElement } from 'react'\n\nfunction map(children: ReactNode, func: any, context?: any) {\n    let index = 0\n    return Children.map(children, (child) => {\n        if (!isValidElement(child)) {\n            return child\n        }\n        const handle = func.call(context, child, index)\n        index += 1\n        return handle\n    })\n}\n\nfunction mapCloneElement(children: ReactNode, func: any, context?: any) {\n    return map(\n        children,\n        (child: DetailedReactHTMLElement<any, HTMLElement>, index: number) =>\n            cloneElement(child, {\n                key: index,\n                ...func(child, index),\n            }),\n        context,\n    )\n}\n\nexport default mapCloneElement\n"],"names":["map","children","func","context","index","Children","child","isValidElement","handle","mapCloneElement","cloneElement"],"mappings":";AAIA,SAASA,EAAIC,GAAqBC,GAAWC,GAAe;AACxD,MAAIC,IAAQ;AACZ,SAAOC,EAAS,IAAIJ,GAAU,CAACK,MAAU;AACrC,QAAI,CAACC,EAAeD,CAAK;AACrB,aAAOA;AAEX,UAAME,IAASN,EAAK,KAAKC,GAASG,GAAOF,CAAK;AAC9C,WAAAA,KAAS,GACFI;AAAA,EACX,CAAC;AACL;AAEA,SAASC,EAAgBR,GAAqBC,GAAWC,GAAe;AACpE,SAAOH;AAAA,IACHC;AAAA,IACA,CAACK,GAAmDF,MAChDM,EAAaJ,GAAO;AAAA,MAChB,KAAKF;AAAA,MACL,GAAGF,EAAKI,GAAOF,CAAK;AAAA,IAAA,CACvB;AAAA,IACLD;AAAA,EAAA;AAER;"}
+{"version":3,"file":"mapCloneElement.js","sources":["../../../../../lib/@ecme/components/ui/utils/mapCloneElement.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Children, isValidElement, cloneElement } from 'react'\nimport type { ReactNode, DetailedReactHTMLElement } from 'react'\n\nfunction map(children: ReactNode, func: any, context?: any) {\n    let index = 0\n    return Children.map(children, (child) => {\n        if (!isValidElement(child)) {\n            return child\n        }\n        const handle = func.call(context, child, index)\n        index += 1\n        return handle\n    })\n}\n\nfunction mapCloneElement(children: ReactNode, func: any, context?: any) {\n    return map(\n        children,\n        (child: DetailedReactHTMLElement<any, HTMLElement>, index: number) =>\n            cloneElement(child, {\n                key: index,\n                ...func(child, index),\n            }),\n        context,\n    )\n}\n\nexport default mapCloneElement\n"],"names":["map","children","func","context","index","Children","child","isValidElement","handle","mapCloneElement","cloneElement"],"mappings":";AAIA,SAASA,EAAIC,GAAqBC,GAAWC,GAAe;AACxD,MAAIC,IAAQ;AACZ,SAAOC,EAAS,IAAIJ,GAAU,CAACK,MAAU;AACjC,QAAA,CAACC,EAAeD,CAAK;AACd,aAAAA;AAEX,UAAME,IAASN,EAAK,KAAKC,GAASG,GAAOF,CAAK;AACrC,WAAAA,KAAA,GACFI;AAAA,EAAA,CACV;AACL;AAEA,SAASC,EAAgBR,GAAqBC,GAAWC,GAAe;AAC7D,SAAAH;AAAA,IACHC;AAAA,IACA,CAACK,GAAmDF,MAChDM,EAAaJ,GAAO;AAAA,MAChB,KAAKF;AAAA,MACL,GAAGF,EAAKI,GAAOF,CAAK;AAAA,IAAA,CACvB;AAAA,IACLD;AAAA,EACJ;AACJ;"}

package/dist/@ecme/components/ui/utils/shallowEqual.js.map

@@ -1 +1 @@
-{"version":3,"file":"shallowEqual.js","sources":["../../../../../lib/@ecme/components/ui/utils/shallowEqual.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nconst hasOwnProperty = Object.prototype.hasOwnProperty\r\n\r\nfunction is(x: any, y: any) {\r\n    if (x === y) {\r\n        return x !== 0 || y !== 0 || 1 / x === 1 / y\r\n    }\r\n\r\n    return x !== x && y !== y\r\n}\r\n\r\nexport default function shallowEqual(objA: any, objB: any) {\r\n    if (is(objA, objB)) {\r\n        return true\r\n    }\r\n\r\n    if (\r\n        typeof objA !== 'object' ||\r\n        objA === null ||\r\n        typeof objB !== 'object' ||\r\n        objB === null\r\n    ) {\r\n        return false\r\n    }\r\n\r\n    const keysA = Object.keys(objA)\r\n    const keysB = Object.keys(objB)\r\n\r\n    if (keysA.length !== keysB.length) {\r\n        return false\r\n    }\r\n\r\n    for (let i = 0; i < keysA.length; i += 1) {\r\n        if (\r\n            !hasOwnProperty.call(objB, keysA[i]) ||\r\n            !is(objA[keysA[i]], objB[keysA[i]])\r\n        ) {\r\n            return false\r\n        }\r\n    }\r\n\r\n    return true\r\n}\r\n"],"names":["hasOwnProperty","is","x","y","shallowEqual","objA","objB","keysA","keysB","i"],"mappings":"AACA,MAAMA,IAAiB,OAAO,UAAU;AAExC,SAASC,EAAGC,GAAQC,GAAQ;AACxB,SAAID,MAAMC,IACCD,MAAM,KAAKC,MAAM,KAAK,IAAID,MAAM,IAAIC,IAGxCD,MAAMA,KAAKC,MAAMA;AAC5B;AAEA,SAAwBC,EAAaC,GAAWC,GAAW;AACvD,MAAIL,EAAGI,GAAMC,CAAI;AACb,WAAO;AAGX,MACI,OAAOD,KAAS,YAChBA,MAAS,QACT,OAAOC,KAAS,YAChBA,MAAS;AAET,WAAO;AAGX,QAAMC,IAAQ,OAAO,KAAKF,CAAI,GACxBG,IAAQ,OAAO,KAAKF,CAAI;AAE9B,MAAIC,EAAM,WAAWC,EAAM;AACvB,WAAO;AAGX,WAASC,IAAI,GAAGA,IAAIF,EAAM,QAAQE,KAAK;AACnC,QACI,CAACT,EAAe,KAAKM,GAAMC,EAAME,CAAC,CAAC,KACnC,CAACR,EAAGI,EAAKE,EAAME,CAAC,CAAC,GAAGH,EAAKC,EAAME,CAAC,CAAC,CAAC;AAElC,aAAO;AAIf,SAAO;AACX;"}
+{"version":3,"file":"shallowEqual.js","sources":["../../../../../lib/@ecme/components/ui/utils/shallowEqual.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nconst hasOwnProperty = Object.prototype.hasOwnProperty\r\n\r\nfunction is(x: any, y: any) {\r\n    if (x === y) {\r\n        return x !== 0 || y !== 0 || 1 / x === 1 / y\r\n    }\r\n\r\n    return x !== x && y !== y\r\n}\r\n\r\nexport default function shallowEqual(objA: any, objB: any) {\r\n    if (is(objA, objB)) {\r\n        return true\r\n    }\r\n\r\n    if (\r\n        typeof objA !== 'object' ||\r\n        objA === null ||\r\n        typeof objB !== 'object' ||\r\n        objB === null\r\n    ) {\r\n        return false\r\n    }\r\n\r\n    const keysA = Object.keys(objA)\r\n    const keysB = Object.keys(objB)\r\n\r\n    if (keysA.length !== keysB.length) {\r\n        return false\r\n    }\r\n\r\n    for (let i = 0; i < keysA.length; i += 1) {\r\n        if (\r\n            !hasOwnProperty.call(objB, keysA[i]) ||\r\n            !is(objA[keysA[i]], objB[keysA[i]])\r\n        ) {\r\n            return false\r\n        }\r\n    }\r\n\r\n    return true\r\n}\r\n"],"names":["hasOwnProperty","is","x","y","shallowEqual","objA","objB","keysA","keysB","i"],"mappings":"AACA,MAAMA,IAAiB,OAAO,UAAU;AAExC,SAASC,EAAGC,GAAQC,GAAQ;AACxB,SAAID,MAAMC,IACCD,MAAM,KAAKC,MAAM,KAAK,IAAID,MAAM,IAAIC,IAGxCD,MAAMA,KAAKC,MAAMA;AAC5B;AAEwB,SAAAC,EAAaC,GAAWC,GAAW;AACnD,MAAAL,EAAGI,GAAMC,CAAI;AACN,WAAA;AAIP,MAAA,OAAOD,KAAS,YAChBA,MAAS,QACT,OAAOC,KAAS,YAChBA,MAAS;AAEF,WAAA;AAGL,QAAAC,IAAQ,OAAO,KAAKF,CAAI,GACxBG,IAAQ,OAAO,KAAKF,CAAI;AAE1B,MAAAC,EAAM,WAAWC,EAAM;AAChB,WAAA;AAGX,WAASC,IAAI,GAAGA,IAAIF,EAAM,QAAQE,KAAK;AAE/B,QAAA,CAACT,EAAe,KAAKM,GAAMC,EAAME,CAAC,CAAC,KACnC,CAACR,EAAGI,EAAKE,EAAME,CAAC,CAAC,GAAGH,EAAKC,EAAME,CAAC,CAAC,CAAC;AAE3B,aAAA;AAIR,SAAA;AACX;"}

package/dist/@ecme/components/view/Activity/ActivityAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityAvatar.js","sources":["../../../../../lib/@ecme/components/view/Activity/ActivityAvatar.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport acronym from '@/utils/acronym'\nimport classNames from '@/utils/classNames'\nimport useRandomBgColor from '@/utils/hooks/useRandomBgColor'\nimport { TbUser, TbTag, TbFileText, TbTicket, TbRefresh } from 'react-icons/tb'\nimport {\n    ADD_TAGS_TO_TICKET,\n    ADD_FILES_TO_TICKET,\n    UPDATE_TICKET,\n    CREATE_TICKET,\n    avatarType,\n    iconType,\n} from './constants'\nimport type { AvatarProps } from '@/components/ui/Avatar'\n\ntype ActivityAvatar = {\n    data?: {\n        type: string\n        userImg?: string\n        userName: string\n    }\n}\n\nconst Icon = ({ type }: { type: string }) => {\n    switch (type) {\n        case ADD_TAGS_TO_TICKET:\n            return <TbTag />\n        case ADD_FILES_TO_TICKET:\n            return <TbFileText />\n        case UPDATE_TICKET:\n            return <TbRefresh />\n        case CREATE_TICKET:\n            return <TbTicket />\n        default:\n            return <TbUser />\n    }\n}\n\nconst ActivityAvatar = ({ data }: ActivityAvatar) => {\n    const color = useRandomBgColor()\n\n    const defaultAvatarProps: AvatarProps = useMemo(\n        () => ({ size: 35, shape: 'circle' }),\n        [],\n    )\n\n    if (data && avatarType.includes(data.type)) {\n        const avatarProps = data.userImg\n            ? { src: data.userImg }\n            : { className: classNames(color(data.userName || '')) }\n\n        return (\n            <Avatar {...avatarProps} {...defaultAvatarProps}>\n                <span className=\"text-gray-900 font-bold\">\n                    {acronym(data.userName || '')}\n                </span>\n            </Avatar>\n        )\n    }\n\n    if (data && iconType.includes(data.type)) {\n        return (\n            <Avatar\n                className=\"text-gray-900 bg-gray-100 dark:text-white dark:bg-gray-700\"\n                icon={<Icon type={data.type} />}\n                {...defaultAvatarProps}\n            />\n        )\n    }\n\n    return null\n}\n\nexport default ActivityAvatar\n"],"names":["Icon","type","ADD_TAGS_TO_TICKET","TbTag","ADD_FILES_TO_TICKET","TbFileText","UPDATE_TICKET","TbRefresh","CREATE_TICKET","TbTicket","TbUser","ActivityAvatar","data","color","useRandomBgColor","defaultAvatarProps","useMemo","avatarType","avatarProps","classNames","jsx","Avatar","acronym","iconType"],"mappings":";;;;;;;;AAwBA,MAAMA,IAAO,CAAC,EAAE,MAAAC,QAA6B;AACzC,UAAQA,GAAA;AAAA,IACJ,KAAKC;AACD,+BAAQC,GAAA,EAAM;AAAA,IAClB,KAAKC;AACD,+BAAQC,GAAA,EAAW;AAAA,IACvB,KAAKC;AACD,+BAAQC,GAAA,EAAU;AAAA,IACtB,KAAKC;AACD,+BAAQC,GAAA,EAAS;AAAA,IACrB;AACI,+BAAQC,GAAA,EAAO;AAAA,EAAA;AAE3B,GAEMC,IAAiB,CAAC,EAAE,MAAAC,QAA2B;AACjD,QAAMC,IAAQC,EAAA,GAERC,IAAkCC;AAAA,IACpC,OAAO,EAAE,MAAM,IAAI,OAAO,SAAA;AAAA,IAC1B,CAAA;AAAA,EAAC;AAGL,MAAIJ,KAAQK,EAAW,SAASL,EAAK,IAAI,GAAG;AACxC,UAAMM,IAAcN,EAAK,UACnB,EAAE,KAAKA,EAAK,QAAA,IACZ,EAAE,WAAWO,EAAWN,EAAMD,EAAK,YAAY,EAAE,CAAC,EAAA;AAExD,WACI,gBAAAQ,EAACC,GAAA,EAAQ,GAAGH,GAAc,GAAGH,GACzB,UAAA,gBAAAK,EAAC,QAAA,EAAK,WAAU,2BACX,UAAAE,EAAQV,EAAK,YAAY,EAAE,GAChC,GACJ;AAAA,EAER;AAEA,SAAIA,KAAQW,EAAS,SAASX,EAAK,IAAI,IAE/B,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,MAAM,gBAAAD,EAACpB,GAAA,EAAK,MAAMY,EAAK,MAAM;AAAA,MAC5B,GAAGG;AAAA,IAAA;AAAA,EAAA,IAKT;AACX;"}
+{"version":3,"file":"ActivityAvatar.js","sources":["../../../../../lib/@ecme/components/view/Activity/ActivityAvatar.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport acronym from '@/utils/acronym'\nimport classNames from '@/utils/classNames'\nimport useRandomBgColor from '@/utils/hooks/useRandomBgColor'\nimport { TbUser, TbTag, TbFileText, TbTicket, TbRefresh } from 'react-icons/tb'\nimport {\n    ADD_TAGS_TO_TICKET,\n    ADD_FILES_TO_TICKET,\n    UPDATE_TICKET,\n    CREATE_TICKET,\n    avatarType,\n    iconType,\n} from './constants'\nimport type { AvatarProps } from '@/components/ui/Avatar'\n\ntype ActivityAvatar = {\n    data?: {\n        type: string\n        userImg?: string\n        userName: string\n    }\n}\n\nconst Icon = ({ type }: { type: string }) => {\n    switch (type) {\n        case ADD_TAGS_TO_TICKET:\n            return <TbTag />\n        case ADD_FILES_TO_TICKET:\n            return <TbFileText />\n        case UPDATE_TICKET:\n            return <TbRefresh />\n        case CREATE_TICKET:\n            return <TbTicket />\n        default:\n            return <TbUser />\n    }\n}\n\nconst ActivityAvatar = ({ data }: ActivityAvatar) => {\n    const color = useRandomBgColor()\n\n    const defaultAvatarProps: AvatarProps = useMemo(\n        () => ({ size: 35, shape: 'circle' }),\n        [],\n    )\n\n    if (data && avatarType.includes(data.type)) {\n        const avatarProps = data.userImg\n            ? { src: data.userImg }\n            : { className: classNames(color(data.userName || '')) }\n\n        return (\n            <Avatar {...avatarProps} {...defaultAvatarProps}>\n                <span className=\"text-gray-900 font-bold\">\n                    {acronym(data.userName || '')}\n                </span>\n            </Avatar>\n        )\n    }\n\n    if (data && iconType.includes(data.type)) {\n        return (\n            <Avatar\n                className=\"text-gray-900 bg-gray-100 dark:text-white dark:bg-gray-700\"\n                icon={<Icon type={data.type} />}\n                {...defaultAvatarProps}\n            />\n        )\n    }\n\n    return null\n}\n\nexport default ActivityAvatar\n"],"names":["Icon","type","ADD_TAGS_TO_TICKET","TbTag","ADD_FILES_TO_TICKET","TbFileText","UPDATE_TICKET","TbRefresh","CREATE_TICKET","TbTicket","TbUser","ActivityAvatar","data","color","useRandomBgColor","defaultAvatarProps","useMemo","avatarType","avatarProps","classNames","jsx","Avatar","acronym","iconType"],"mappings":";;;;;;;;AAwBA,MAAMA,IAAO,CAAC,EAAE,MAAAC,QAA6B;AACzC,UAAQA,GAAM;AAAA,IACV,KAAKC;AACD,+BAAQC,GAAM,EAAA;AAAA,IAClB,KAAKC;AACD,+BAAQC,GAAW,EAAA;AAAA,IACvB,KAAKC;AACD,+BAAQC,GAAU,EAAA;AAAA,IACtB,KAAKC;AACD,+BAAQC,GAAS,EAAA;AAAA,IACrB;AACI,+BAAQC,GAAO,EAAA;AAAA,EAAA;AAE3B,GAEMC,IAAiB,CAAC,EAAE,MAAAC,QAA2B;AACjD,QAAMC,IAAQC,EAAiB,GAEzBC,IAAkCC;AAAA,IACpC,OAAO,EAAE,MAAM,IAAI,OAAO,SAAS;AAAA,IACnC,CAAA;AAAA,EACJ;AAEA,MAAIJ,KAAQK,EAAW,SAASL,EAAK,IAAI,GAAG;AACxC,UAAMM,IAAcN,EAAK,UACnB,EAAE,KAAKA,EAAK,QAAQ,IACpB,EAAE,WAAWO,EAAWN,EAAMD,EAAK,YAAY,EAAE,CAAC,EAAE;AAE1D,WACK,gBAAAQ,EAAAC,GAAA,EAAQ,GAAGH,GAAc,GAAGH,GACzB,UAAA,gBAAAK,EAAC,QAAK,EAAA,WAAU,2BACX,UAAQE,EAAAV,EAAK,YAAY,EAAE,EAChC,CAAA,GACJ;AAAA,EAAA;AAIR,SAAIA,KAAQW,EAAS,SAASX,EAAK,IAAI,IAE/B,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,MAAM,gBAAAD,EAACpB,GAAK,EAAA,MAAMY,EAAK,MAAM;AAAA,MAC5B,GAAGG;AAAA,IAAA;AAAA,EACR,IAID;AACX;"}

package/dist/@ecme/components/view/Activity/ActivityEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityEvent.js","sources":["../../../../../lib/@ecme/components/view/Activity/ActivityEvent.tsx"],"sourcesContent":["import Badge from '@/components/ui/Badge'\nimport Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport classNames from 'classnames'\nimport ReactHtmlParser from 'html-react-parser'\nimport isLastChild from '@/utils/isLastChild'\nimport dayjs from 'dayjs'\nimport {\n    UPDATE_TICKET,\n    COMMENT,\n    ADD_TAGS_TO_TICKET,\n    ADD_FILES_TO_TICKET,\n    CREATE_TICKET,\n    COMMENT_MENTION,\n    ASSIGN_TICKET,\n} from './constants'\nimport type { CommonProps } from '@/@types/common'\nimport type { HTMLReactParserOptions } from 'html-react-parser'\n\ntype ActivityEventProps = {\n    data: {\n        type: string\n        dateTime: number\n        ticket?: string\n        status?: number\n        userName: string\n        userImg?: string\n        comment?: string\n        tags?: string[]\n        files?: string[]\n        assignee?: string\n    }\n    compact?: boolean\n}\n\nconst ticketStatus: Record<\n    number,\n    {\n        label: string\n        bgClass: string\n        textClass: string\n    }\n> = {\n    0: {\n        label: 'Completed',\n        bgClass: 'bg-emerald-500',\n        textClass: 'text-emerald-500',\n    },\n    1: {\n        label: 'In progress',\n        bgClass: 'bg-blue-500',\n        textClass: 'text-blue-500',\n    },\n    2: {\n        label: 'Ready to test',\n        bgClass: 'bg-amber-500',\n        textClass: 'text-amber-500',\n    },\n}\n\nconst taskLabelColors: Record<string, string> = {\n    'Live Issue': 'bg-rose-500',\n    Backend: 'bg-blue-500',\n    Bug: 'bg-amber-400',\n    'Low priority': 'bg-indigo-500',\n}\n\nconst UnixDateTime = ({ value }: { value: number }) => {\n    return <>{dayjs.unix(value).format('hh:mm A')}</>\n}\n\nconst HighlightedText = ({ children, className }: CommonProps) => {\n    return (\n        <span className={classNames('font-bold heading-text', className)}>\n            {children}\n        </span>\n    )\n}\n\nconst ActivityEvent = ({ data, compact }: ActivityEventProps) => {\n    const options: HTMLReactParserOptions = {\n        // eslint-disable-next-line  @typescript-eslint/no-explicit-any\n        replace: (node: any) => {\n            if (node.type === 'tag' && node?.name === 'strong') {\n                return (\n                    <HighlightedText key={node?.children[0]?.data}>\n                        {node?.children[0]?.data}\n                    </HighlightedText>\n                )\n            }\n            return node.data\n        },\n    }\n\n    switch (data.type) {\n        case UPDATE_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">has change </span>\n                        <HighlightedText>{data.ticket}</HighlightedText>\n                        <span className=\"mx-1\"> status to </span>\n                        <span className=\"inline-flex items-center gap-1\">\n                            <Badge\n                                className={\n                                    ticketStatus[data.status || 0].bgClass\n                                }\n                            />\n                            <HighlightedText className=\"ml-1 rtl:mr-1\">\n                                {ticketStatus[data.status || 0].label}\n                            </HighlightedText>\n                        </span>\n                    </div>\n                </>\n            ) : (\n                <p className=\"my-1\">\n                    <HighlightedText>{data.userName}</HighlightedText>\n                    <span className=\"mx-1\">has change </span>\n                    <HighlightedText>{data.ticket}</HighlightedText>\n                    <span className=\"mx-1\"> status to </span>\n                    <span className=\"inline-flex items-center gap-1\">\n                        <Badge\n                            className={ticketStatus[data.status || 0].bgClass}\n                        />\n                        <HighlightedText>\n                            {ticketStatus[data.status || 0].label}\n                        </HighlightedText>\n                    </span>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </p>\n            )\n        case COMMENT:\n            return (\n                <>\n                    {compact ? (\n                        <>\n                            <div className=\"flex flex-col gap-y-0.5\">\n                                <HighlightedText>\n                                    {data.userName}\n                                </HighlightedText>\n                                <span className=\"text-xs font-semibold\">\n                                    <UnixDateTime value={data.dateTime} />\n                                </span>\n                            </div>\n                            <div className=\"mt-2\">\n                                <span className=\"mx-1\">comment on your</span>\n                                <HighlightedText>Post</HighlightedText>\n                            </div>\n                        </>\n                    ) : (\n                        <p className=\"gap-1 inline-flex items-center flex-wrap\">\n                            <HighlightedText>{data.userName}</HighlightedText>\n                            <span className=\"mx-1\">comment on your</span>\n                            <HighlightedText>Post</HighlightedText>\n                            <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                                <UnixDateTime value={data.dateTime} />\n                            </span>\n                        </p>\n                    )}\n                    <Card\n                        bordered={false}\n                        className=\"mt-4 bg-gray-100 dark:bg-gray-700 shadow-none\"\n                    >\n                        {ReactHtmlParser(data.comment || '', options)}\n                    </Card>\n                </>\n            )\n        case COMMENT_MENTION:\n            return (\n                <>\n                    {compact ? (\n                        <>\n                            <div className=\"flex flex-col gap-y-0.5\">\n                                <HighlightedText>\n                                    {data.userName}\n                                </HighlightedText>\n                                <span className=\"text-xs font-semibold\">\n                                    <UnixDateTime value={data.dateTime} />\n                                </span>\n                            </div>\n                            <div className=\"mt-2\">\n                                <span className=\"mx-1\">\n                                    mentioned you in a comment\n                                </span>\n                                <HighlightedText>Post</HighlightedText>\n                            </div>\n                        </>\n                    ) : (\n                        <p className=\"my-1\">\n                            <HighlightedText>{data.userName}</HighlightedText>\n                            <span className=\"mx-1\">\n                                mentioned you in a comment\n                            </span>\n                            <HighlightedText>Post</HighlightedText>\n                            <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                                <UnixDateTime value={data.dateTime} />\n                            </span>\n                        </p>\n                    )}\n                    <Card\n                        bordered={false}\n                        className=\"mt-4 bg-gray-100 dark:bg-gray-700 shadow-none\"\n                    >\n                        {ReactHtmlParser(data.comment || '', options)}\n                    </Card>\n                </>\n            )\n        case ADD_TAGS_TO_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">added tags </span>\n                        {data?.tags?.map((label, index) => (\n                            <Tag\n                                key={label + index}\n                                prefix\n                                className=\"mx-1\"\n                                prefixClass={`${taskLabelColors[label]}`}\n                            >\n                                {label}\n                            </Tag>\n                        ))}\n                    </div>\n                </>\n            ) : (\n                <div>\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">added tags </span>\n                    <span className=\"inline-flex items-center gap-1\">\n                        {data?.tags?.map((label, index) => (\n                            <Tag\n                                key={label + index}\n                                prefix\n                                prefixClass={`${taskLabelColors[label]}`}\n                            >\n                                {label}\n                            </Tag>\n                        ))}\n                    </span>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        case ADD_FILES_TO_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">added</span>\n                        {data?.files?.map((file, index) => (\n                            <HighlightedText key={file + index}>\n                                {file}\n                                {!isLastChild(data?.files || [], index) && (\n                                    <span className=\"ltr:mr-1 rtl:ml-1\">\n                                        ,{' '}\n                                    </span>\n                                )}\n                            </HighlightedText>\n                        ))}\n                    </div>\n                </>\n            ) : (\n                <div className=\"inline-flex items-center flex-wrap\">\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">added</span>\n                    {data?.files?.map((file, index) => (\n                        <HighlightedText key={file + index}>\n                            {file}\n                            {!isLastChild(data?.files || [], index) && (\n                                <span className=\"ltr:mr-1 rtl:ml-1\">, </span>\n                            )}\n                        </HighlightedText>\n                    ))}\n                    <span className=\"mx-1\">to ticket</span>\n                    <HighlightedText>{data.ticket} </HighlightedText>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        case ASSIGN_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">assigned ticket</span>\n                        <HighlightedText>{data.ticket}</HighlightedText>\n                        <span className=\"mx-1\">to</span>\n                        <HighlightedText>{data?.assignee} </HighlightedText>\n                    </div>\n                </>\n            ) : (\n                <div>\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">assigned ticket</span>\n                    <HighlightedText>{data.ticket}</HighlightedText>\n                    <span className=\"mx-1\">to</span>\n                    <HighlightedText>{data.assignee} </HighlightedText>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        case CREATE_TICKET:\n            return (\n                <div className=\"inline-flex items-center flex-wrap\">\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">has created ticket</span>\n                    <HighlightedText>{data.ticket}</HighlightedText>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        default:\n            return null\n    }\n}\n\nexport default ActivityEvent\n"],"names":["ticketStatus","taskLabelColors","UnixDateTime","value","dayjs","HighlightedText","children","className","classNames","ActivityEvent","data","compact","options","node","jsx","UPDATE_TICKET","jsxs","Fragment","Badge","COMMENT","Card","ReactHtmlParser","COMMENT_MENTION","ADD_TAGS_TO_TICKET","label","index","Tag","ADD_FILES_TO_TICKET","file","isLastChild","ASSIGN_TICKET","CREATE_TICKET"],"mappings":"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"}
+{"version":3,"file":"ActivityEvent.js","sources":["../../../../../lib/@ecme/components/view/Activity/ActivityEvent.tsx"],"sourcesContent":["import Badge from '@/components/ui/Badge'\nimport Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport classNames from 'classnames'\nimport ReactHtmlParser from 'html-react-parser'\nimport isLastChild from '@/utils/isLastChild'\nimport dayjs from 'dayjs'\nimport {\n    UPDATE_TICKET,\n    COMMENT,\n    ADD_TAGS_TO_TICKET,\n    ADD_FILES_TO_TICKET,\n    CREATE_TICKET,\n    COMMENT_MENTION,\n    ASSIGN_TICKET,\n} from './constants'\nimport type { CommonProps } from '@/@types/common'\nimport type { HTMLReactParserOptions } from 'html-react-parser'\n\ntype ActivityEventProps = {\n    data: {\n        type: string\n        dateTime: number\n        ticket?: string\n        status?: number\n        userName: string\n        userImg?: string\n        comment?: string\n        tags?: string[]\n        files?: string[]\n        assignee?: string\n    }\n    compact?: boolean\n}\n\nconst ticketStatus: Record<\n    number,\n    {\n        label: string\n        bgClass: string\n        textClass: string\n    }\n> = {\n    0: {\n        label: 'Completed',\n        bgClass: 'bg-emerald-500',\n        textClass: 'text-emerald-500',\n    },\n    1: {\n        label: 'In progress',\n        bgClass: 'bg-blue-500',\n        textClass: 'text-blue-500',\n    },\n    2: {\n        label: 'Ready to test',\n        bgClass: 'bg-amber-500',\n        textClass: 'text-amber-500',\n    },\n}\n\nconst taskLabelColors: Record<string, string> = {\n    'Live Issue': 'bg-rose-500',\n    Backend: 'bg-blue-500',\n    Bug: 'bg-amber-400',\n    'Low priority': 'bg-indigo-500',\n}\n\nconst UnixDateTime = ({ value }: { value: number }) => {\n    return <>{dayjs.unix(value).format('hh:mm A')}</>\n}\n\nconst HighlightedText = ({ children, className }: CommonProps) => {\n    return (\n        <span className={classNames('font-bold heading-text', className)}>\n            {children}\n        </span>\n    )\n}\n\nconst ActivityEvent = ({ data, compact }: ActivityEventProps) => {\n    const options: HTMLReactParserOptions = {\n        // eslint-disable-next-line  @typescript-eslint/no-explicit-any\n        replace: (node: any) => {\n            if (node.type === 'tag' && node?.name === 'strong') {\n                return (\n                    <HighlightedText key={node?.children[0]?.data}>\n                        {node?.children[0]?.data}\n                    </HighlightedText>\n                )\n            }\n            return node.data\n        },\n    }\n\n    switch (data.type) {\n        case UPDATE_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">has change </span>\n                        <HighlightedText>{data.ticket}</HighlightedText>\n                        <span className=\"mx-1\"> status to </span>\n                        <span className=\"inline-flex items-center gap-1\">\n                            <Badge\n                                className={\n                                    ticketStatus[data.status || 0].bgClass\n                                }\n                            />\n                            <HighlightedText className=\"ml-1 rtl:mr-1\">\n                                {ticketStatus[data.status || 0].label}\n                            </HighlightedText>\n                        </span>\n                    </div>\n                </>\n            ) : (\n                <p className=\"my-1\">\n                    <HighlightedText>{data.userName}</HighlightedText>\n                    <span className=\"mx-1\">has change </span>\n                    <HighlightedText>{data.ticket}</HighlightedText>\n                    <span className=\"mx-1\"> status to </span>\n                    <span className=\"inline-flex items-center gap-1\">\n                        <Badge\n                            className={ticketStatus[data.status || 0].bgClass}\n                        />\n                        <HighlightedText>\n                            {ticketStatus[data.status || 0].label}\n                        </HighlightedText>\n                    </span>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </p>\n            )\n        case COMMENT:\n            return (\n                <>\n                    {compact ? (\n                        <>\n                            <div className=\"flex flex-col gap-y-0.5\">\n                                <HighlightedText>\n                                    {data.userName}\n                                </HighlightedText>\n                                <span className=\"text-xs font-semibold\">\n                                    <UnixDateTime value={data.dateTime} />\n                                </span>\n                            </div>\n                            <div className=\"mt-2\">\n                                <span className=\"mx-1\">comment on your</span>\n                                <HighlightedText>Post</HighlightedText>\n                            </div>\n                        </>\n                    ) : (\n                        <p className=\"gap-1 inline-flex items-center flex-wrap\">\n                            <HighlightedText>{data.userName}</HighlightedText>\n                            <span className=\"mx-1\">comment on your</span>\n                            <HighlightedText>Post</HighlightedText>\n                            <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                                <UnixDateTime value={data.dateTime} />\n                            </span>\n                        </p>\n                    )}\n                    <Card\n                        bordered={false}\n                        className=\"mt-4 bg-gray-100 dark:bg-gray-700 shadow-none\"\n                    >\n                        {ReactHtmlParser(data.comment || '', options)}\n                    </Card>\n                </>\n            )\n        case COMMENT_MENTION:\n            return (\n                <>\n                    {compact ? (\n                        <>\n                            <div className=\"flex flex-col gap-y-0.5\">\n                                <HighlightedText>\n                                    {data.userName}\n                                </HighlightedText>\n                                <span className=\"text-xs font-semibold\">\n                                    <UnixDateTime value={data.dateTime} />\n                                </span>\n                            </div>\n                            <div className=\"mt-2\">\n                                <span className=\"mx-1\">\n                                    mentioned you in a comment\n                                </span>\n                                <HighlightedText>Post</HighlightedText>\n                            </div>\n                        </>\n                    ) : (\n                        <p className=\"my-1\">\n                            <HighlightedText>{data.userName}</HighlightedText>\n                            <span className=\"mx-1\">\n                                mentioned you in a comment\n                            </span>\n                            <HighlightedText>Post</HighlightedText>\n                            <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                                <UnixDateTime value={data.dateTime} />\n                            </span>\n                        </p>\n                    )}\n                    <Card\n                        bordered={false}\n                        className=\"mt-4 bg-gray-100 dark:bg-gray-700 shadow-none\"\n                    >\n                        {ReactHtmlParser(data.comment || '', options)}\n                    </Card>\n                </>\n            )\n        case ADD_TAGS_TO_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">added tags </span>\n                        {data?.tags?.map((label, index) => (\n                            <Tag\n                                key={label + index}\n                                prefix\n                                className=\"mx-1\"\n                                prefixClass={`${taskLabelColors[label]}`}\n                            >\n                                {label}\n                            </Tag>\n                        ))}\n                    </div>\n                </>\n            ) : (\n                <div>\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">added tags </span>\n                    <span className=\"inline-flex items-center gap-1\">\n                        {data?.tags?.map((label, index) => (\n                            <Tag\n                                key={label + index}\n                                prefix\n                                prefixClass={`${taskLabelColors[label]}`}\n                            >\n                                {label}\n                            </Tag>\n                        ))}\n                    </span>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        case ADD_FILES_TO_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">added</span>\n                        {data?.files?.map((file, index) => (\n                            <HighlightedText key={file + index}>\n                                {file}\n                                {!isLastChild(data?.files || [], index) && (\n                                    <span className=\"ltr:mr-1 rtl:ml-1\">\n                                        ,{' '}\n                                    </span>\n                                )}\n                            </HighlightedText>\n                        ))}\n                    </div>\n                </>\n            ) : (\n                <div className=\"inline-flex items-center flex-wrap\">\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">added</span>\n                    {data?.files?.map((file, index) => (\n                        <HighlightedText key={file + index}>\n                            {file}\n                            {!isLastChild(data?.files || [], index) && (\n                                <span className=\"ltr:mr-1 rtl:ml-1\">, </span>\n                            )}\n                        </HighlightedText>\n                    ))}\n                    <span className=\"mx-1\">to ticket</span>\n                    <HighlightedText>{data.ticket} </HighlightedText>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        case ASSIGN_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">assigned ticket</span>\n                        <HighlightedText>{data.ticket}</HighlightedText>\n                        <span className=\"mx-1\">to</span>\n                        <HighlightedText>{data?.assignee} </HighlightedText>\n                    </div>\n                </>\n            ) : (\n                <div>\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">assigned ticket</span>\n                    <HighlightedText>{data.ticket}</HighlightedText>\n                    <span className=\"mx-1\">to</span>\n                    <HighlightedText>{data.assignee} </HighlightedText>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        case CREATE_TICKET:\n            return (\n                <div className=\"inline-flex items-center flex-wrap\">\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">has created ticket</span>\n                    <HighlightedText>{data.ticket}</HighlightedText>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        default:\n            return null\n    }\n}\n\nexport default ActivityEvent\n"],"names":["ticketStatus","taskLabelColors","UnixDateTime","value","dayjs","HighlightedText","children","className","classNames","ActivityEvent","data","compact","options","node","jsx","UPDATE_TICKET","jsxs","Fragment","Badge","COMMENT","Card","ReactHtmlParser","COMMENT_MENTION","ADD_TAGS_TO_TICKET","label","index","Tag","ADD_FILES_TO_TICKET","file","isLastChild","ASSIGN_TICKET","CREATE_TICKET"],"mappings":"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"}

package/dist/@ecme/components/view/BaseView.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseView.js","sources":["../../../../lib/@ecme/components/view/BaseView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport { Routes, Route, Navigate } from 'react-router-dom'\n\nimport type { LazyExoticComponent, JSX } from 'react'\n\nexport type ModuleRouteNav = {\n    path: string\n    label: string\n    component: LazyExoticComponent<() => JSX.Element>\n}\n\nexport type ModuleRoute = {\n    groupName: string\n    nav: ModuleRouteNav[]\n}\n\nconst BaseView = ({\n    moduleRoutes,\n    ModuleWrapper,\n}: {\n    moduleRoutes: ModuleRoute[]\n    ModuleWrapper?: ({\n        title,\n        children,\n    }: {\n        title: string\n        children: JSX.Element\n    }) => JSX.Element\n}) => {\n    const Wrapper = ModuleWrapper || (({ children }) => <>{children}</>)\n\n    return (\n        <Routes>\n            {moduleRoutes.map((group) => (\n                <Fragment key={group.groupName}>\n                    {group.nav.map(({ path, component: Component, label }) => (\n                        <Route\n                            key={label}\n                            path={path}\n                            element={\n                                <Suspense\n                                    fallback={\n                                        <div className=\"flex h-full w-full items-center justify-center\">\n                                            <Spinner size={40} />\n                                        </div>\n                                    }\n                                >\n                                    <Wrapper title={label}>\n                                        <Component />\n                                    </Wrapper>\n                                </Suspense>\n                            }\n                        />\n                    ))}\n                </Fragment>\n            ))}\n            <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\n        </Routes>\n    )\n}\n\nexport default BaseView\n"],"names":["BaseView","moduleRoutes","ModuleWrapper","Wrapper","children","Routes","group","jsx","Fragment","path","Component","label","Route","Suspense","Spinner","Navigate"],"mappings":";;;;;AAiBA,MAAMA,IAAW,CAAC;AAAA,EACd,cAAAC;AAAA,EACA,eAAAC;AACJ,MASM;AACF,QAAMC,IAAUD,MAAkB,CAAC,EAAE,UAAAE,EAAA,6BAAkB,UAAAA,EAAA,CAAS;AAEhE,2BACKC,GAAA,EACI,UAAA;AAAA,IAAAJ,EAAa,IAAI,CAACK,MACf,gBAAAC,EAACC,GAAA,EACI,UAAAF,EAAM,IAAI,IAAI,CAAC,EAAE,MAAAG,GAAM,WAAWC,GAAW,OAAAC,QAC1C,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEG,MAAAH;AAAA,QACA,SACI,gBAAAF;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,4BACK,OAAA,EAAI,WAAU,kDACX,UAAA,gBAAAN,EAACO,GAAA,EAAQ,MAAM,GAAA,CAAI,EAAA,CACvB;AAAA,YAGJ,4BAACX,GAAA,EAAQ,OAAOQ,GACZ,UAAA,gBAAAJ,EAACG,KAAU,EAAA,CACf;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,MAbCC;AAAA,IAAA,CAgBZ,EAAA,GAnBUL,EAAM,SAoBrB,CACH;AAAA,IACD,gBAAAC,EAACK,GAAA,EAAM,MAAK,KAAI,SAAS,gBAAAL,EAACQ,GAAA,EAAS,SAAO,IAAC,IAAG,IAAA,CAAI,EAAA,CAAI;AAAA,EAAA,GAC1D;AAER;"}
+{"version":3,"file":"BaseView.js","sources":["../../../../lib/@ecme/components/view/BaseView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport { Routes, Route, Navigate } from 'react-router-dom'\n\nimport type { LazyExoticComponent, JSX } from 'react'\n\nexport type ModuleRouteNav = {\n    path: string\n    label: string\n    component: LazyExoticComponent<() => JSX.Element>\n}\n\nexport type ModuleRoute = {\n    groupName: string\n    nav: ModuleRouteNav[]\n}\n\nconst BaseView = ({\n    moduleRoutes,\n    ModuleWrapper,\n}: {\n    moduleRoutes: ModuleRoute[]\n    ModuleWrapper?: ({\n        title,\n        children,\n    }: {\n        title: string\n        children: JSX.Element\n    }) => JSX.Element\n}) => {\n    const Wrapper = ModuleWrapper || (({ children }) => <>{children}</>)\n\n    return (\n        <Routes>\n            {moduleRoutes.map((group) => (\n                <Fragment key={group.groupName}>\n                    {group.nav.map(({ path, component: Component, label }) => (\n                        <Route\n                            key={label}\n                            path={path}\n                            element={\n                                <Suspense\n                                    fallback={\n                                        <div className=\"flex h-full w-full items-center justify-center\">\n                                            <Spinner size={40} />\n                                        </div>\n                                    }\n                                >\n                                    <Wrapper title={label}>\n                                        <Component />\n                                    </Wrapper>\n                                </Suspense>\n                            }\n                        />\n                    ))}\n                </Fragment>\n            ))}\n            <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\n        </Routes>\n    )\n}\n\nexport default BaseView\n"],"names":["BaseView","moduleRoutes","ModuleWrapper","Wrapper","children","Routes","group","jsx","Fragment","path","Component","label","Route","Suspense","Spinner","Navigate"],"mappings":";;;;;AAiBA,MAAMA,IAAW,CAAC;AAAA,EACd,cAAAC;AAAA,EACA,eAAAC;AACJ,MASM;AACF,QAAMC,IAAUD,MAAkB,CAAC,EAAE,UAAAE,EAAS,6BAAS,UAAAA,EAAS,CAAA;AAEhE,2BACKC,GACI,EAAA,UAAA;AAAA,IAAAJ,EAAa,IAAI,CAACK,MACf,gBAAAC,EAACC,GAAA,EACI,UAAAF,EAAM,IAAI,IAAI,CAAC,EAAE,MAAAG,GAAM,WAAWC,GAAW,OAAAC,QAC1C,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEG,MAAAH;AAAA,QACA,SACI,gBAAAF;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,4BACK,OAAI,EAAA,WAAU,kDACX,UAAC,gBAAAN,EAAAO,GAAA,EAAQ,MAAM,GAAA,CAAI,EACvB,CAAA;AAAA,YAGJ,4BAACX,GAAQ,EAAA,OAAOQ,GACZ,UAAA,gBAAAJ,EAACG,KAAU,EACf,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,MAbCC;AAAA,IAAA,CAgBZ,EAAA,GAnBUL,EAAM,SAoBrB,CACH;AAAA,IACD,gBAAAC,EAACK,GAAM,EAAA,MAAK,KAAI,SAAU,gBAAAL,EAAAQ,GAAA,EAAS,SAAO,IAAC,IAAG,IAAI,CAAA,EAAI,CAAA;AAAA,EAAA,GAC1D;AAER;"}

package/dist/@ecme/components/view/ChatBox/ChatBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBox.js","sources":["../../../../../lib/@ecme/components/view/ChatBox/ChatBox.tsx"],"sourcesContent":["import ChatContainer from './components/ChatContainer'\nimport MessageList from './components/MessageList'\nimport ChatInput from './components/ChatInput'\nimport type { MessageListProps } from './components/MessageList'\nimport type { ChatContainerProps } from './components/ChatContainer'\nimport type { ChatInputProps } from './components/ChatInput'\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\n\nexport type MessageList = MessageListProps['list']\n\nexport type ChatBoxProps = {\n    messageList: MessageList\n    header?: ChatContainerProps['header']\n    showMessageList?: boolean\n    children?: ReactNode\n    containerClass?: string\n} & Omit<MessageListProps, 'list'> &\n    ChatInputProps\n\nconst ChatBox = forwardRef<ScrollBarRef, ChatBoxProps>((props, ref) => {\n    const {\n        messageList,\n        showMessageList = true,\n        children,\n        header,\n        placeholder,\n        onInputChange,\n        showAvatar,\n        avatarGap,\n        customRenderer,\n        customAction,\n        bubbleClass,\n        typing,\n        messageListClass,\n        containerClass,\n    } = props\n\n    return (\n        <ChatContainer\n            className={containerClass}\n            header={header}\n            input={\n                <ChatInput\n                    placeholder={placeholder}\n                    onInputChange={onInputChange}\n                />\n            }\n        >\n            {showMessageList && (\n                <MessageList\n                    ref={ref}\n                    list={messageList}\n                    showAvatar={showAvatar}\n                    avatarGap={avatarGap}\n                    customRenderer={customRenderer}\n                    customAction={customAction}\n                    typing={typing}\n                    messageListClass={messageListClass}\n                    bubbleClass={bubbleClass}\n                />            )}\n            {children}\n        </ChatContainer>\n    )\n})\n\nChatBox.displayName = 'ChatBox'\n\nexport default ChatBox\n"],"names":["ChatBox","forwardRef","props","ref","messageList","showMessageList","children","header","placeholder","onInputChange","showAvatar","avatarGap","customRenderer","customAction","bubbleClass","typing","messageListClass","containerClass","jsxs","ChatContainer","jsx","ChatInput","MessageList"],"mappings":";;;;;AAqBA,MAAMA,IAAUC,EAAuC,CAACC,GAAOC,MAAQ;AACnE,QAAM;AAAA,IACF,aAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACAf;AAEJ,SACI,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAWF;AAAA,MACX,QAAAV;AAAA,MACA,OACI,gBAAAa;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,aAAAb;AAAA,UACA,eAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAIP,UAAA;AAAA,QAAAJ,KACG,gBAAAe;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,KAAAnB;AAAA,YACA,MAAMC;AAAA,YACN,YAAAM;AAAA,YACA,WAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,QAAAE;AAAA,YACA,kBAAAC;AAAA,YACA,aAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAEPR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAEDN,EAAQ,cAAc;"}
+{"version":3,"file":"ChatBox.js","sources":["../../../../../lib/@ecme/components/view/ChatBox/ChatBox.tsx"],"sourcesContent":["import ChatContainer from './components/ChatContainer'\nimport MessageList from './components/MessageList'\nimport ChatInput from './components/ChatInput'\nimport type { MessageListProps } from './components/MessageList'\nimport type { ChatContainerProps } from './components/ChatContainer'\nimport type { ChatInputProps } from './components/ChatInput'\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\n\nexport type MessageList = MessageListProps['list']\n\nexport type ChatBoxProps = {\n    messageList: MessageList\n    header?: ChatContainerProps['header']\n    showMessageList?: boolean\n    children?: ReactNode\n    containerClass?: string\n} & Omit<MessageListProps, 'list'> &\n    ChatInputProps\n\nconst ChatBox = forwardRef<ScrollBarRef, ChatBoxProps>((props, ref) => {\n    const {\n        messageList,\n        showMessageList = true,\n        children,\n        header,\n        placeholder,\n        onInputChange,\n        showAvatar,\n        avatarGap,\n        customRenderer,\n        customAction,\n        bubbleClass,\n        typing,\n        messageListClass,\n        containerClass,\n    } = props\n\n    return (\n        <ChatContainer\n            className={containerClass}\n            header={header}\n            input={\n                <ChatInput\n                    placeholder={placeholder}\n                    onInputChange={onInputChange}\n                />\n            }\n        >\n            {showMessageList && (\n                <MessageList\n                    ref={ref}\n                    list={messageList}\n                    showAvatar={showAvatar}\n                    avatarGap={avatarGap}\n                    customRenderer={customRenderer}\n                    customAction={customAction}\n                    typing={typing}\n                    messageListClass={messageListClass}\n                    bubbleClass={bubbleClass}\n                />            )}\n            {children}\n        </ChatContainer>\n    )\n})\n\nChatBox.displayName = 'ChatBox'\n\nexport default ChatBox\n"],"names":["ChatBox","forwardRef","props","ref","messageList","showMessageList","children","header","placeholder","onInputChange","showAvatar","avatarGap","customRenderer","customAction","bubbleClass","typing","messageListClass","containerClass","jsxs","ChatContainer","jsx","ChatInput","MessageList"],"mappings":";;;;;AAqBA,MAAMA,IAAUC,EAAuC,CAACC,GAAOC,MAAQ;AAC7D,QAAA;AAAA,IACF,aAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACAf;AAGA,SAAA,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAWF;AAAA,MACX,QAAAV;AAAA,MACA,OACI,gBAAAa;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,aAAAb;AAAA,UACA,eAAAC;AAAA,QAAA;AAAA,MACJ;AAAA,MAGH,UAAA;AAAA,QACGJ,KAAA,gBAAAe;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,KAAAnB;AAAA,YACA,MAAMC;AAAA,YACN,YAAAM;AAAA,YACA,WAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,QAAAE;AAAA,YACA,kBAAAC;AAAA,YACA,aAAAF;AAAA,UAAA;AAAA,QACJ;AAAA,QACHR;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AAER,CAAC;AAEDN,EAAQ,cAAc;"}

package/dist/@ecme/components/view/ChatBox/components/Attachment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Attachment.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/Attachment.tsx"],"sourcesContent":["import fileSizeUnit from '@/utils/fileSizeUnit'\nimport { TbFile } from 'react-icons/tb'\n\nexport type AttatchmentProps = {\n    attachments?: Array<{\n        type: 'image' | 'video' | 'audio' | 'misc'\n        source: File\n        mediaUrl: string\n    }>\n}\n\nconst Attachment = ({ attachments }: AttatchmentProps) => {\n    return (\n        <div className=\"flex flex-col\">\n            {attachments &&\n                attachments.map((attachment, index) => {\n                    const key = attachment.mediaUrl + index\n\n                    if (attachment.type === 'image') {\n                        return (\n                            <div key={key}>\n                                <img\n                                    className=\"rounded-xl my-2\"\n                                    src={attachment.mediaUrl}\n                                    alt=\"\"\n                                />\n                            </div>\n                        )\n                    }\n\n                    if (attachment.type === 'video') {\n                        return (\n                            <div key={key}>\n                                <a\n                                    href={attachment.mediaUrl}\n                                    target=\"_blank\"\n                                    rel=\"noreferrer\"\n                                >\n                                    <video\n                                        className=\"rounded-xl my-2\"\n                                        src={attachment.mediaUrl}\n                                    />\n                                </a>\n                            </div>\n                        )\n                    }\n\n                    if (attachment.type === 'audio') {\n                        return (\n                            <div key={key}>\n                                <audio controls>\n                                    <source src={attachment.mediaUrl} />\n                                    Your browser does not support the audio\n                                    element.\n                                </audio>\n                            </div>\n                        )\n                    }\n\n                    return (\n                        <a\n                            key={key}\n                            download\n                            className=\"flex items-center gap-2 p-2 rounded-xl border border-gray-300 dark:border-gray-600 min-w-[250px] bg-white dark:bg-gray-600 my-2 no-underline\"\n                            href={attachment.mediaUrl}\n                        >\n                            <TbFile className=\"text-3xl heading-text\" />\n                            <div>\n                                <div className=\"heading-text font-bold\">\n                                    {attachment.source?.name}\n                                </div>\n                                <div className=\"heading-text\">\n                                    {fileSizeUnit(attachment.source?.size)}\n                                </div>\n                            </div>\n                        </a>\n                    )\n                })}\n        </div>\n    )\n}\n\nexport default Attachment\n"],"names":["Attachment","attachments","jsx","attachment","index","key","jsxs","TbFile"],"mappings":";;;AAWA,MAAMA,IAAa,CAAC,EAAE,aAAAC,QAEd,gBAAAC,EAAC,SAAI,WAAU,iBACV,eACGD,EAAY,IAAI,CAACE,GAAYC,MAAU;AACnC,QAAMC,IAAMF,EAAW,WAAWC;AAElC,SAAID,EAAW,SAAS,4BAEf,OAAA,EACG,UAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,KAAKC,EAAW;AAAA,MAChB,KAAI;AAAA,IAAA;AAAA,EAAA,KAJFE,CAMV,IAIJF,EAAW,SAAS,4BAEf,OAAA,EACG,UAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAMC,EAAW;AAAA,MACjB,QAAO;AAAA,MACP,KAAI;AAAA,MAEJ,UAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,KAAKC,EAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACpB;AAAA,EAAA,KATEE,CAWV,IAIJF,EAAW,SAAS,UAEhB,gBAAAD,EAAC,OAAA,EACG,UAAA,gBAAAI,EAAC,SAAA,EAAM,UAAQ,IACX,UAAA;AAAA,IAAA,gBAAAJ,EAAC,UAAA,EAAO,KAAKC,EAAW,SAAA,CAAU;AAAA,IAAE;AAAA,EAAA,EAAA,CAGxC,KALME,CAMV,IAKJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,UAAQ;AAAA,MACR,WAAU;AAAA,MACV,MAAMH,EAAW;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAD,EAACK,GAAA,EAAO,WAAU,wBAAA,CAAwB;AAAA,0BACzC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,0BACV,UAAAC,EAAW,QAAQ,MACxB;AAAA,UACA,gBAAAD,EAAC,SAAI,WAAU,gBACV,YAAaC,EAAW,QAAQ,IAAI,EAAA,CACzC;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAbKE;AAAA,EAAA;AAgBjB,CAAC,EAAA,CACT;"}
+{"version":3,"file":"Attachment.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/Attachment.tsx"],"sourcesContent":["import fileSizeUnit from '@/utils/fileSizeUnit'\nimport { TbFile } from 'react-icons/tb'\n\nexport type AttatchmentProps = {\n    attachments?: Array<{\n        type: 'image' | 'video' | 'audio' | 'misc'\n        source: File\n        mediaUrl: string\n    }>\n}\n\nconst Attachment = ({ attachments }: AttatchmentProps) => {\n    return (\n        <div className=\"flex flex-col\">\n            {attachments &&\n                attachments.map((attachment, index) => {\n                    const key = attachment.mediaUrl + index\n\n                    if (attachment.type === 'image') {\n                        return (\n                            <div key={key}>\n                                <img\n                                    className=\"rounded-xl my-2\"\n                                    src={attachment.mediaUrl}\n                                    alt=\"\"\n                                />\n                            </div>\n                        )\n                    }\n\n                    if (attachment.type === 'video') {\n                        return (\n                            <div key={key}>\n                                <a\n                                    href={attachment.mediaUrl}\n                                    target=\"_blank\"\n                                    rel=\"noreferrer\"\n                                >\n                                    <video\n                                        className=\"rounded-xl my-2\"\n                                        src={attachment.mediaUrl}\n                                    />\n                                </a>\n                            </div>\n                        )\n                    }\n\n                    if (attachment.type === 'audio') {\n                        return (\n                            <div key={key}>\n                                <audio controls>\n                                    <source src={attachment.mediaUrl} />\n                                    Your browser does not support the audio\n                                    element.\n                                </audio>\n                            </div>\n                        )\n                    }\n\n                    return (\n                        <a\n                            key={key}\n                            download\n                            className=\"flex items-center gap-2 p-2 rounded-xl border border-gray-300 dark:border-gray-600 min-w-[250px] bg-white dark:bg-gray-600 my-2 no-underline\"\n                            href={attachment.mediaUrl}\n                        >\n                            <TbFile className=\"text-3xl heading-text\" />\n                            <div>\n                                <div className=\"heading-text font-bold\">\n                                    {attachment.source?.name}\n                                </div>\n                                <div className=\"heading-text\">\n                                    {fileSizeUnit(attachment.source?.size)}\n                                </div>\n                            </div>\n                        </a>\n                    )\n                })}\n        </div>\n    )\n}\n\nexport default Attachment\n"],"names":["Attachment","attachments","jsx","attachment","index","key","jsxs","TbFile"],"mappings":";;;AAWA,MAAMA,IAAa,CAAC,EAAE,aAAAC,QAEd,gBAAAC,EAAC,SAAI,WAAU,iBACV,eACGD,EAAY,IAAI,CAACE,GAAYC,MAAU;AAC7B,QAAAC,IAAMF,EAAW,WAAWC;AAE9B,SAAAD,EAAW,SAAS,4BAEf,OACG,EAAA,UAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,KAAKC,EAAW;AAAA,MAChB,KAAI;AAAA,IAAA;AAAA,OAJFE,CAMV,IAIJF,EAAW,SAAS,4BAEf,OACG,EAAA,UAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAMC,EAAW;AAAA,MACjB,QAAO;AAAA,MACP,KAAI;AAAA,MAEJ,UAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,KAAKC,EAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACpB;AAAA,OATEE,CAWV,IAIJF,EAAW,SAAS,UAEf,gBAAAD,EAAA,OAAA,EACG,UAAC,gBAAAI,EAAA,SAAA,EAAM,UAAQ,IACX,UAAA;AAAA,IAAC,gBAAAJ,EAAA,UAAA,EAAO,KAAKC,EAAW,SAAU,CAAA;AAAA,IAAE;AAAA,EAAA,EAGxC,CAAA,KALME,CAMV,IAKJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,UAAQ;AAAA,MACR,WAAU;AAAA,MACV,MAAMH,EAAW;AAAA,MAEjB,UAAA;AAAA,QAAC,gBAAAD,EAAAK,GAAA,EAAO,WAAU,wBAAwB,CAAA;AAAA,0BACzC,OACG,EAAA,UAAA;AAAA,UAAA,gBAAAL,EAAC,OAAI,EAAA,WAAU,0BACV,UAAAC,EAAW,QAAQ,MACxB;AAAA,UACA,gBAAAD,EAAC,SAAI,WAAU,gBACV,YAAaC,EAAW,QAAQ,IAAI,EACzC,CAAA;AAAA,QAAA,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAbKE;AAAA,EAcT;AAEP,CAAA,GACT;"}

package/dist/@ecme/components/view/ChatBox/components/ChatContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContainer.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/ChatContainer.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { CommonProps } from '@/@types/common'\nimport classNames from '@/utils/classNames'\n\nexport interface ChatContainerProps extends CommonProps {\n    header?: ReactNode\n    input?: ReactNode\n}\n\nconst ChatContainer = (props: ChatContainerProps) => {\n    const { header, children, className, input } = props\n\n    return (\n        <div\n            className={classNames(\n                'h-full flex flex-col justify-between',\n                className,\n            )}\n        >\n            {header}\n            {children}\n            {input}\n        </div>\n    )\n}\n\nexport default ChatContainer\n"],"names":["ChatContainer","props","header","children","className","input","jsxs","classNames"],"mappings":";;AASA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,WAAAC,GAAW,OAAAC,MAAUJ;AAE/C,SACI,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAH;AAAA,MAAA;AAAA,MAGH,UAAA;AAAA,QAAAF;AAAA,QACAC;AAAA,QACAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"ChatContainer.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/ChatContainer.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { CommonProps } from '@/@types/common'\nimport classNames from '@/utils/classNames'\n\nexport interface ChatContainerProps extends CommonProps {\n    header?: ReactNode\n    input?: ReactNode\n}\n\nconst ChatContainer = (props: ChatContainerProps) => {\n    const { header, children, className, input } = props\n\n    return (\n        <div\n            className={classNames(\n                'h-full flex flex-col justify-between',\n                className,\n            )}\n        >\n            {header}\n            {children}\n            {input}\n        </div>\n    )\n}\n\nexport default ChatContainer\n"],"names":["ChatContainer","props","header","children","className","input","jsxs","classNames"],"mappings":";;AASM,MAAAA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,WAAAC,GAAW,OAAAC,EAAU,IAAAJ;AAG3C,SAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAH;AAAA,MACJ;AAAA,MAEC,UAAA;AAAA,QAAAF;AAAA,QACAC;AAAA,QACAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AAER;"}

package/dist/@ecme/components/view/ChatBox/components/ChatInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/ChatInput.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Upload from '@/components/ui/Upload'\nimport hooks from '@/components/ui/hooks'\nimport { TbPhotoPlus, TbArrowRight } from 'react-icons/tb'\nimport type { KeyboardEvent, Ref } from 'react'\n\nexport type ChatInputProps = {\n    placeholder?: string\n    onInputChange?: (payload: { value: string; attachments: File[] }) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst { useMergeRef } = hooks\n\nconst ChatInput = (props: ChatInputProps) => {\n    const [attachments, setAttachments] = useState<File[]>([])\n\n    const { placeholder, onInputChange, ref = null } = props\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const handleInputClear = () => {\n        if (inputRef.current) {\n            inputRef.current.value = ''\n        }\n        setAttachments([])\n    }\n\n    const handleChange = () => {\n        if (inputRef.current?.value) {\n            onInputChange?.({\n                value: inputRef.current?.value || '',\n                attachments,\n            })\n            handleInputClear()\n        }\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            onInputChange?.({\n                value: inputRef.current?.value || '',\n                attachments,\n            })\n            handleInputClear()\n        }\n    }\n\n    return (\n        <div className=\"border-2 border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col\">\n            {attachments.length > 0 && (\n                <Upload\n                    fileList={attachments}\n                    fileListClass=\"flex gap-4\"\n                    fileItemClass=\"flex gap-8\"\n                    onFileRemove={setAttachments}\n                >\n                    <></>\n                </Upload>\n            )}\n            <div className=\"flex items-center gap-2 w-full h-[50px]\">\n                <Upload\n                    fileList={attachments}\n                    showList={false}\n                    onChange={setAttachments}\n                >\n                    <button\n                        className=\"text-xl heading-text hover:text-primary px-1 py-2\"\n                        type=\"button\"\n                    >\n                        <TbPhotoPlus />\n                    </button>\n                </Upload>\n                <input\n                    ref={useMergeRef(inputRef, ref)}\n                    className=\"flex-1 h-full placeholder:text-gray-400 bg-transparent focus:outline-none heading-text\"\n                    placeholder={placeholder}\n                    onKeyDown={handleKeyDown}\n                />\n                <Button\n                    size=\"xs\"\n                    shape=\"circle\"\n                    variant=\"solid\"\n                    icon={<TbArrowRight />}\n                    onClick={handleChange}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default ChatInput\n"],"names":["useMergeRef","hooks","ChatInput","props","attachments","setAttachments","useState","placeholder","onInputChange","ref","inputRef","useRef","handleInputClear","handleChange","handleKeyDown","event","jsxs","jsx","Upload","Fragment","TbPhotoPlus","Button","TbArrowRight"],"mappings":";;;;;;;;AAaA,MAAM,EAAE,aAAAA,MAAgBC,GAElBC,IAAY,CAACC,MAA0B;AACzC,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAiB,CAAA,CAAE,GAEnD,EAAE,aAAAC,GAAa,eAAAC,GAAe,KAAAC,IAAM,SAASN,GAE7CO,IAAWC,EAAyB,IAAI,GAExCC,IAAmB,MAAM;AAC3B,IAAIF,EAAS,YACTA,EAAS,QAAQ,QAAQ,KAE7BL,EAAe,CAAA,CAAE;AAAA,EACrB,GAEMQ,IAAe,MAAM;AACvB,IAAIH,EAAS,SAAS,UAClBF,IAAgB;AAAA,MACZ,OAAOE,EAAS,SAAS,SAAS;AAAA,MAClC,aAAAN;AAAA,IAAA,CACH,GACDQ,EAAA;AAAA,EAER,GAEME,IAAgB,CAACC,MAA2C;AAC9D,IAAIA,EAAM,QAAQ,YACdP,IAAgB;AAAA,MACZ,OAAOE,EAAS,SAAS,SAAS;AAAA,MAClC,aAAAN;AAAA,IAAA,CACH,GACDQ,EAAA;AAAA,EAER;AAEA,SACI,gBAAAI,EAAC,OAAA,EAAI,WAAU,4FACV,UAAA;AAAA,IAAAZ,EAAY,SAAS,KAClB,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAUd;AAAA,QACV,eAAc;AAAA,QACd,eAAc;AAAA,QACd,cAAcC;AAAA,QAEd,UAAA,gBAAAY,EAAAE,GAAA,CAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAGV,gBAAAH,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,UAAUd;AAAA,UACV,UAAU;AAAA,UACV,UAAUC;AAAA,UAEV,UAAA,gBAAAY;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,4BAACG,GAAA,CAAA,CAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MAAA;AAAA,MAEJ,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKjB,EAAYU,GAAUD,CAAG;AAAA,UAC9B,WAAU;AAAA,UACV,aAAAF;AAAA,UACA,WAAWO;AAAA,QAAA;AAAA,MAAA;AAAA,MAEf,gBAAAG;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,wBAAOC,GAAA,EAAa;AAAA,UACpB,SAAST;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ChatInput.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/ChatInput.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Upload from '@/components/ui/Upload'\nimport hooks from '@/components/ui/hooks'\nimport { TbPhotoPlus, TbArrowRight } from 'react-icons/tb'\nimport type { KeyboardEvent, Ref } from 'react'\n\nexport type ChatInputProps = {\n    placeholder?: string\n    onInputChange?: (payload: { value: string; attachments: File[] }) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst { useMergeRef } = hooks\n\nconst ChatInput = (props: ChatInputProps) => {\n    const [attachments, setAttachments] = useState<File[]>([])\n\n    const { placeholder, onInputChange, ref = null } = props\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const handleInputClear = () => {\n        if (inputRef.current) {\n            inputRef.current.value = ''\n        }\n        setAttachments([])\n    }\n\n    const handleChange = () => {\n        if (inputRef.current?.value) {\n            onInputChange?.({\n                value: inputRef.current?.value || '',\n                attachments,\n            })\n            handleInputClear()\n        }\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            onInputChange?.({\n                value: inputRef.current?.value || '',\n                attachments,\n            })\n            handleInputClear()\n        }\n    }\n\n    return (\n        <div className=\"border-2 border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col\">\n            {attachments.length > 0 && (\n                <Upload\n                    fileList={attachments}\n                    fileListClass=\"flex gap-4\"\n                    fileItemClass=\"flex gap-8\"\n                    onFileRemove={setAttachments}\n                >\n                    <></>\n                </Upload>\n            )}\n            <div className=\"flex items-center gap-2 w-full h-[50px]\">\n                <Upload\n                    fileList={attachments}\n                    showList={false}\n                    onChange={setAttachments}\n                >\n                    <button\n                        className=\"text-xl heading-text hover:text-primary px-1 py-2\"\n                        type=\"button\"\n                    >\n                        <TbPhotoPlus />\n                    </button>\n                </Upload>\n                <input\n                    ref={useMergeRef(inputRef, ref)}\n                    className=\"flex-1 h-full placeholder:text-gray-400 bg-transparent focus:outline-none heading-text\"\n                    placeholder={placeholder}\n                    onKeyDown={handleKeyDown}\n                />\n                <Button\n                    size=\"xs\"\n                    shape=\"circle\"\n                    variant=\"solid\"\n                    icon={<TbArrowRight />}\n                    onClick={handleChange}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default ChatInput\n"],"names":["useMergeRef","hooks","ChatInput","props","attachments","setAttachments","useState","placeholder","onInputChange","ref","inputRef","useRef","handleInputClear","handleChange","handleKeyDown","event","jsxs","jsx","Upload","Fragment","TbPhotoPlus","Button","TbArrowRight"],"mappings":";;;;;;;;AAaA,MAAM,EAAE,aAAAA,EAAgB,IAAAC,GAElBC,IAAY,CAACC,MAA0B;AACzC,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAiB,CAAA,CAAE,GAEnD,EAAE,aAAAC,GAAa,eAAAC,GAAe,KAAAC,IAAM,KAAS,IAAAN,GAE7CO,IAAWC,EAAyB,IAAI,GAExCC,IAAmB,MAAM;AAC3B,IAAIF,EAAS,YACTA,EAAS,QAAQ,QAAQ,KAE7BL,EAAe,CAAA,CAAE;AAAA,EACrB,GAEMQ,IAAe,MAAM;AACnB,IAAAH,EAAS,SAAS,UACFF,IAAA;AAAA,MACZ,OAAOE,EAAS,SAAS,SAAS;AAAA,MAClC,aAAAN;AAAA,IAAA,CACH,GACgBQ,EAAA;AAAA,EAEzB,GAEME,IAAgB,CAACC,MAA2C;AAC1D,IAAAA,EAAM,QAAQ,YACEP,IAAA;AAAA,MACZ,OAAOE,EAAS,SAAS,SAAS;AAAA,MAClC,aAAAN;AAAA,IAAA,CACH,GACgBQ,EAAA;AAAA,EAEzB;AAGI,SAAA,gBAAAI,EAAC,OAAI,EAAA,WAAU,4FACV,UAAA;AAAA,IAAAZ,EAAY,SAAS,KAClB,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAUd;AAAA,QACV,eAAc;AAAA,QACd,eAAc;AAAA,QACd,cAAcC;AAAA,QAEd,UAAE,gBAAAY,EAAAE,GAAA,CAAA,CAAA;AAAA,MAAA;AAAA,IACN;AAAA,IAEJ,gBAAAH,EAAC,OAAI,EAAA,WAAU,2CACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,UAAUd;AAAA,UACV,UAAU;AAAA,UACV,UAAUC;AAAA,UAEV,UAAA,gBAAAY;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,4BAACG,GAAY,CAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MACJ;AAAA,MACA,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKjB,EAAYU,GAAUD,CAAG;AAAA,UAC9B,WAAU;AAAA,UACV,aAAAF;AAAA,UACA,WAAWO;AAAA,QAAA;AAAA,MACf;AAAA,MACA,gBAAAG;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,wBAAOC,GAAa,EAAA;AAAA,UACpB,SAAST;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}