@orbe-agro/client-core 5.6.187 → 5.6.188-prod.0

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":[],"mappings":";AAeA,MAAM,cAAc,CAAC,SAAkB,SAAqC;AACxE,MAAI,QAAQ,UAAU;AAClB,WAAO,QAAQ,SAAS,IAAI;AAAA,EAChC,WAAW,QAAQ,yBAAyB;AACxC,WACI,YAAY,QACZ,CAAC,EAAE,QAAQ,wBAAwB,IAAY,IAAI;AAAA,EAE3D;AACA,MAAI,MAAM;AACN,OAAG;AACC,UAAI,SAAS,SAAS;AAClB,eAAO;AAAA,MACX;AAAA,IACJ,SAAU,OAAO,KAAK;AAAA,EAC1B;AACA,SAAO;AACX;AAEA,SAAS,iBAAiB,GAAe;AACrC,SAAO,GAAG,WAAW;AACzB;AAEA,SAAS,gBAAgB,GAAe;AACpC,SAAO,CAAC,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,GAAG;AACvD;AAEA,SAAS,gBACL,QACA,WACA,UACA,UAA6C,OAC1B;AACnB,SAAO,iBAAiB,WAAW,UAAU,OAAO;AAEpD,SAAO;AAAA,IACH,MAAM;AACF,aAAO,oBAAoB,WAAW,UAAU,OAAO;AAAA,IAC3D;AAAA,EAAA;AAER;AAEA,SAAS,aACL,aACA,EAAE,UAAU,eAAe,iBAC7B;AACE,QAAM,0BAA0B;AAAA,IAC5B,CAAC,UAAe;AACZ,YAAM,iBAAiB,eAAe;AACtC,YAAM,iBAAiB,eAAe;AAEtC,UAAI,kBAAkB,YAAY,gBAAgB,MAAM,MAAM,GAAG;AAC7D;AAAA,MACJ;AAEA,UAAI,kBAAkB,YAAY,gBAAgB,MAAM,MAAM,GAAG;AAC7D;AAAA,MACJ;AAEA,UAAI,gBAAgB,KAAK,KAAK,CAAC,iBAAiB,KAAK,GAAG;AACpD;AAAA,MACJ;AAEA,oBAAc,KAAK;AAAA,IACvB;AAAA,IACA,CAAC,aAAa,eAAe,aAAa;AAAA,EAAA;AAG9C,QAAM,6BAA6B,OAAO,uBAAuB;AAEjE,YAAU,MAAM;AACZ,+BAA2B,UAAU;AAAA,EACzC,GAAG,CAAC,uBAAuB,CAAC;AAE5B,YAAU,MAAM;AACZ,UAAM,gBAAgB,eAAe;AAErC,QAAI,YAAY,CAAC,cAAe;AAEhC,UAAM,MAAM,MACP,iBAAiB,cAAc,iBAAkB;AACtD,UAAM,8BAA8B;AAAA,MAChC,IAAA;AAAA,MACA;AAAA,MACA,CAAC,UAAe,2BAA2B,QAAQ,KAAK;AAAA,MACxD;AAAA,IAAA;AAGJ,WAAO,MAAM;AACT,mCAA6B,IAAA;AAAA,IACjC;AAAA,EACJ,GAAG,CAAC,eAAe,QAAQ,CAAC;AAChC;"}
+{"version":3,"file":"useRootClose.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useRootClose.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { useEffect, useCallback, useRef } from 'react'\r\nimport type { RefObject, ReactEventHandler } from 'react'\r\n\r\ntype Options = {\r\n    disabled: boolean\r\n    triggerTarget: RefObject<HTMLElement | null>\r\n    overlayTarget: RefObject<HTMLElement | null>\r\n    listenEscape?: boolean\r\n}\r\n\r\ninterface CustomEventListener<T = any> {\r\n    (evt: T): void\r\n}\r\n\r\nconst domContains = (context: Element, node: (Node & ParentNode) | null) => {\r\n    if (context.contains) {\r\n        return context.contains(node)\r\n    } else if (context.compareDocumentPosition) {\r\n        return (\r\n            context === node ||\r\n            !!(context.compareDocumentPosition(node as Node) & 16)\r\n        )\r\n    }\r\n    if (node) {\r\n        do {\r\n            if (node === context) {\r\n                return true\r\n            }\r\n        } while ((node = node.parentNode))\r\n    }\r\n    return false\r\n}\r\n\r\nfunction isLeftClickEvent(e: MouseEvent) {\r\n    return e?.button === 0\r\n}\r\n\r\nfunction isModifiedEvent(e: MouseEvent) {\r\n    return !!(e.metaKey || e.altKey || e.ctrlKey || e?.shiftKey)\r\n}\r\n\r\nfunction onEventListener<K extends keyof DocumentEventMap>(\r\n    target: Element | Window | Document | EventTarget,\r\n    eventType: K,\r\n    listener: EventListenerOrEventListenerObject | CustomEventListener,\r\n    options: boolean | AddEventListenerOptions = false,\r\n): { off: () => void } {\r\n    target.addEventListener(eventType, listener, options)\r\n\r\n    return {\r\n        off() {\r\n            target.removeEventListener(eventType, listener, options)\r\n        },\r\n    }\r\n}\r\n\r\nfunction useRootClose(\r\n    onRootClose: ReactEventHandler | undefined,\r\n    { disabled, triggerTarget, overlayTarget }: Options,\r\n) {\r\n    const handleDocumentMouseDown = useCallback(\r\n        (event: any) => {\r\n            const triggerElement = triggerTarget?.current\r\n            const overlayElement = overlayTarget?.current\r\n\r\n            if (triggerElement && domContains(triggerElement, event.target)) {\r\n                return\r\n            }\r\n\r\n            if (overlayElement && domContains(overlayElement, event.target)) {\r\n                return\r\n            }\r\n\r\n            if (isModifiedEvent(event) || !isLeftClickEvent(event)) {\r\n                return\r\n            }\r\n\r\n            onRootClose?.(event)\r\n        },\r\n        [onRootClose, triggerTarget, overlayTarget],\r\n    )\r\n\r\n    const handleDocumentMouseDownRef = useRef(handleDocumentMouseDown)\r\n\r\n    useEffect(() => {\r\n        handleDocumentMouseDownRef.current = handleDocumentMouseDown\r\n    }, [handleDocumentMouseDown])\r\n\r\n    useEffect(() => {\r\n        const currentTarget = triggerTarget?.current\r\n\r\n        if (disabled || !currentTarget) return\r\n\r\n        const doc = () =>\r\n            (currentTarget && currentTarget.ownerDocument) || document\r\n        const onDocumentMouseDownListener = onEventListener(\r\n            doc(),\r\n            'mousedown',\r\n            (event: any) => handleDocumentMouseDownRef.current(event),\r\n            true,\r\n        )\r\n\r\n        return () => {\r\n            onDocumentMouseDownListener?.off()\r\n        }\r\n    }, [triggerTarget, disabled])\r\n}\r\n\r\nexport default useRootClose\r\n"],"names":[],"mappings":";AAeA,MAAM,cAAc,CAAC,SAAkB,SAAqC;AACxE,MAAI,QAAQ,UAAU;AACX,WAAA,QAAQ,SAAS,IAAI;AAAA,EAAA,WACrB,QAAQ,yBAAyB;AACxC,WACI,YAAY,QACZ,CAAC,EAAE,QAAQ,wBAAwB,IAAY,IAAI;AAAA,EAAA;AAG3D,MAAI,MAAM;AACH,OAAA;AACC,UAAI,SAAS,SAAS;AACX,eAAA;AAAA,MAAA;AAAA,IACX,SACM,OAAO,KAAK;AAAA,EAAA;AAEnB,SAAA;AACX;AAEA,SAAS,iBAAiB,GAAe;AACrC,SAAO,GAAG,WAAW;AACzB;AAEA,SAAS,gBAAgB,GAAe;AAC7B,SAAA,CAAC,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,GAAG;AACvD;AAEA,SAAS,gBACL,QACA,WACA,UACA,UAA6C,OAC1B;AACZ,SAAA,iBAAiB,WAAW,UAAU,OAAO;AAE7C,SAAA;AAAA,IACH,MAAM;AACK,aAAA,oBAAoB,WAAW,UAAU,OAAO;AAAA,IAAA;AAAA,EAE/D;AACJ;AAEA,SAAS,aACL,aACA,EAAE,UAAU,eAAe,iBAC7B;AACE,QAAM,0BAA0B;AAAA,IAC5B,CAAC,UAAe;AACZ,YAAM,iBAAiB,eAAe;AACtC,YAAM,iBAAiB,eAAe;AAEtC,UAAI,kBAAkB,YAAY,gBAAgB,MAAM,MAAM,GAAG;AAC7D;AAAA,MAAA;AAGJ,UAAI,kBAAkB,YAAY,gBAAgB,MAAM,MAAM,GAAG;AAC7D;AAAA,MAAA;AAGJ,UAAI,gBAAgB,KAAK,KAAK,CAAC,iBAAiB,KAAK,GAAG;AACpD;AAAA,MAAA;AAGJ,oBAAc,KAAK;AAAA,IACvB;AAAA,IACA,CAAC,aAAa,eAAe,aAAa;AAAA,EAC9C;AAEM,QAAA,6BAA6B,OAAO,uBAAuB;AAEjE,YAAU,MAAM;AACZ,+BAA2B,UAAU;AAAA,EAAA,GACtC,CAAC,uBAAuB,CAAC;AAE5B,YAAU,MAAM;AACZ,UAAM,gBAAgB,eAAe;AAEjC,QAAA,YAAY,CAAC,cAAe;AAEhC,UAAM,MAAM,MACP,iBAAiB,cAAc,iBAAkB;AACtD,UAAM,8BAA8B;AAAA,MAChC,IAAI;AAAA,MACJ;AAAA,MACA,CAAC,UAAe,2BAA2B,QAAQ,KAAK;AAAA,MACxD;AAAA,IACJ;AAEA,WAAO,MAAM;AACT,mCAA6B,IAAI;AAAA,IACrC;AAAA,EAAA,GACD,CAAC,eAAe,QAAQ,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":[],"mappings":";AAOA,SAAS,WACL,IACA,KAAK,GACL,UAAU,MACM;AAChB,QAAM,UAAU,OAAsC,MAAS;AAC/D,QAAM,WAAW,OAAO,EAAE;AAE1B,QAAM,QAAQ,YAAY,MAAM;AAC5B,YAAQ,WAAW,aAAa,QAAQ,OAAO;AAAA,EACnD,GAAG,CAAA,CAAE;AAEL,QAAM,MAAM,YAAY,MAAM;AAC1B,YAAQ,WAAW,aAAa,QAAQ,OAAO;AAC/C,QAAI,SAAS;AACT,cAAQ,UAAU,WAAW,MAAM;AAC/B,iBAAS,UAAA;AAAA,MACb,GAAG,EAAE;AAAA,IACT;AAAA,EACJ,GAAG,CAAC,IAAI,OAAO,CAAC;AAEhB,YAAU,MAAM;AACZ,aAAS,UAAU;AAAA,EACvB,GAAG,CAAC,EAAE,CAAC;AAEP,YAAU,MAAM;AACZ,QAAA;AACA,WAAO;AAAA,EACX,GAAG,CAAC,IAAI,SAAS,KAAK,KAAK,CAAC;AAE5B,SAAO,EAAE,OAAO,OAAO,IAAA;AAC3B;"}
+{"version":3,"file":"useTimeout.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useCallback } from 'react'\r\n\r\nexport type UseTimeoutReturn = {\r\n    clear: () => void\r\n    reset: () => void\r\n}\r\n\r\nfunction useTimeout(\r\n    fn: (() => void) | undefined,\r\n    ms = 0,\r\n    enabled = true,\r\n): UseTimeoutReturn {\r\n    const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\r\n    const callback = useRef(fn)\r\n\r\n    const clear = useCallback(() => {\r\n        timeout.current && clearTimeout(timeout.current)\r\n    }, [])\r\n\r\n    const set = useCallback(() => {\r\n        timeout.current && clearTimeout(timeout.current)\r\n        if (enabled) {\r\n            timeout.current = setTimeout(() => {\r\n                callback.current?.()\r\n            }, ms)\r\n        }\r\n    }, [ms, enabled])\r\n\r\n    useEffect(() => {\r\n        callback.current = fn\r\n    }, [fn])\r\n\r\n    useEffect(() => {\r\n        set()\r\n        return clear\r\n    }, [ms, enabled, set, clear])\r\n\r\n    return { clear, reset: set }\r\n}\r\n\r\nexport default useTimeout\r\n"],"names":[],"mappings":";AAOA,SAAS,WACL,IACA,KAAK,GACL,UAAU,MACM;AACV,QAAA,UAAU,OAAsC,MAAS;AACzD,QAAA,WAAW,OAAO,EAAE;AAEpB,QAAA,QAAQ,YAAY,MAAM;AACpB,YAAA,WAAW,aAAa,QAAQ,OAAO;AAAA,EACnD,GAAG,EAAE;AAEC,QAAA,MAAM,YAAY,MAAM;AAClB,YAAA,WAAW,aAAa,QAAQ,OAAO;AAC/C,QAAI,SAAS;AACD,cAAA,UAAU,WAAW,MAAM;AAC/B,iBAAS,UAAU;AAAA,SACpB,EAAE;AAAA,IAAA;AAAA,EACT,GACD,CAAC,IAAI,OAAO,CAAC;AAEhB,YAAU,MAAM;AACZ,aAAS,UAAU;AAAA,EAAA,GACpB,CAAC,EAAE,CAAC;AAEP,YAAU,MAAM;AACR,QAAA;AACG,WAAA;AAAA,KACR,CAAC,IAAI,SAAS,KAAK,KAAK,CAAC;AAErB,SAAA,EAAE,OAAO,OAAO,IAAI;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":[],"mappings":";AAGA,SAAwB,gBAA6B,KAAsB;AACvE,QAAM,SAAS,OAAU,IAAI;AAE7B,MAAI,KAAK;AACL,WAAO;AAAA,EACX;AAEA,SAAO;AACX;"}
+{"version":3,"file":"useUncertainRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useUncertainRef.ts"],"sourcesContent":["import { useRef } from 'react'\r\nimport type { ForwardedRef } from 'react'\r\n\r\nexport default function useUncertainRef<T = unknown>(ref: ForwardedRef<T>) {\r\n    const newRef = useRef<T>(null)\r\n\r\n    if (ref) {\r\n        return ref\r\n    }\r\n\r\n    return newRef\r\n}\r\n"],"names":[],"mappings":";AAGA,SAAwB,gBAA6B,KAAsB;AACjE,QAAA,SAAS,OAAU,IAAI;AAE7B,MAAI,KAAK;AACE,WAAA;AAAA,EAAA;AAGJ,SAAA;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":[],"mappings":";;;AAIA,SAAwB,YAAY,SAAS,IAAI,MAAM,IAAI;AACvD,QAAM,QAAQ,OAAe,MAAS;AAEtC,MAAI,CAAC,MAAM,SAAS;AAChB,UAAM,UAAU,GAAG,SAAS,MAAM,CAAC,IAAI,UAAU,GAAG,CAAC;AAAA,EACzD;AAEA,SAAO,MAAM;AACjB;"}
+{"version":3,"file":"useUniqueId.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useUniqueId.ts"],"sourcesContent":["import { useRef } from 'react'\r\nimport uniqueId from 'lodash/uniqueId'\r\nimport createUID from '../utils/createUid'\r\n\r\nexport default function useUniqueId(prefix = '', len = 10) {\r\n    const idRef = useRef<string>(undefined)\r\n\r\n    if (!idRef.current) {\r\n        idRef.current = `${uniqueId(prefix)}-${createUID(len)}`\r\n    }\r\n\r\n    return idRef.current\r\n}\r\n"],"names":[],"mappings":";;;AAIA,SAAwB,YAAY,SAAS,IAAI,MAAM,IAAI;AACjD,QAAA,QAAQ,OAAe,MAAS;AAElC,MAAA,CAAC,MAAM,SAAS;AACV,UAAA,UAAU,GAAG,SAAS,MAAM,CAAC,IAAI,UAAU,GAAG,CAAC;AAAA,EAAA;AAGzD,SAAO,MAAM;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":[],"mappings":";AAEA,SAAwB,gBAAgB;AACpC,QAAM,CAAC,YAAY,aAAa,IAAI,SAGjC;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACX;AACD,YAAU,MAAM;AACZ,aAAS,eAAe;AACpB,oBAAc;AAAA,QACV,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA,CAClB;AAAA,IACL;AACA,WAAO,iBAAiB,UAAU,YAAY;AAC9C,iBAAA;AACA,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAClE,GAAG,CAAA,CAAE;AAEL,SAAO;AACX;"}
+{"version":3,"file":"useWindowSize.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useWindowSize.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\r\n\r\nexport default function useWindowSize() {\r\n    const [windowSize, setWindowSize] = useState<{\r\n        width?: number\r\n        height?: number\r\n    }>({\r\n        width: undefined,\r\n        height: undefined,\r\n    })\r\n    useEffect(() => {\r\n        function handleResize() {\r\n            setWindowSize({\r\n                width: window.innerWidth,\r\n                height: window.innerHeight,\r\n            })\r\n        }\r\n        window.addEventListener('resize', handleResize)\r\n        handleResize()\r\n        return () => window.removeEventListener('resize', handleResize)\r\n    }, [])\r\n\r\n    return windowSize\r\n}\r\n"],"names":[],"mappings":";AAEA,SAAwB,gBAAgB;AACpC,QAAM,CAAC,YAAY,aAAa,IAAI,SAGjC;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACX;AACD,YAAU,MAAM;AACZ,aAAS,eAAe;AACN,oBAAA;AAAA,QACV,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA,CAClB;AAAA,IAAA;AAEE,WAAA,iBAAiB,UAAU,YAAY;AACjC,iBAAA;AACb,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAClE,GAAG,EAAE;AAEE,SAAA;AACX;"}

package/dist/@ecme/components/ui/index.js

@@ -58,10 +58,10 @@ import { default as default21 } from "./Skeleton/Skeleton.js";
 import { default as default22 } from "./Spinner/Spinner.js";
 import { default as default23 } from "./Switcher/Switcher.js";
 import { default as default24 } from "./Tag/Tag.js";
-import { default as default25 } from "./Tooltip/Tooltip.js";
-import { default as default26 } from "./Upload/Upload.js";
-import { default as default27 } from "./UploadCustom/UploadCustom.js";
-import { default as default28 } from "./toast/toast.js";
+import { default as default25 } from "./toast/toast.js";
+import { default as default26 } from "./Tooltip/Tooltip.js";
+import { default as default27 } from "./Upload/Upload.js";
+import { default as default28 } from "./UploadCustom/UploadCustom.js";
 export {
   default6 as Alert,
   Avatar,
@@ -99,10 +99,10 @@ export {
   default24 as Tag,
   TimeInput,
   Timeline,
-  default25 as Tooltip,
-  default26 as Upload,
-  default27 as UploadCustom,
+  default26 as Tooltip,
+  default27 as Upload,
+  default28 as UploadCustom,
   default4 as hooks,
-  default28 as toast
+  default25 as toast
 };
 //# sourceMappingURL=index.js.map

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":[],"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":[],"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":[],"mappings":";;AAMO,MAAM,oBAAoB;AAAA,EAC7B,WAAW,UAAU;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,OAAO;AACX;AAWA,MAAM,mBAAmB;AACzB,MAAM,+BAAe,IAAA;AAErB,SAAS,aAAa,WAAkC;AACpD,MAAI,SAAS,KAAK,SAAS,GAAG;AAC1B,WAAO;AAAA,EACX;AAEA,MAAI,YAAY,KAAK,SAAS,GAAG;AAC7B,WAAO;AAAA,EACX;AACJ;AAEA,eAAe,cAAc,WAAmB,OAAmB;AAE/D,QAAM,CAAC,OAAO,IAAI,MAAM,aAAa,YAAY,KAA0B;AAE3E,WAAS,IAAI,aAAa,kBAAkB,OAAO;AAEnD,SAAO;AACX;AAEA,SAAS,WAAW,WAAoB;AACpC,MAAI,SAAS,SAAS,GAAG;AACrB,WAAO;AAAA,EACX;AACA,SAAO,SAAS,IAAI,aAAa,gBAAgB;AACrD;AAEA,MAAM,QAAe,CAAC,YAAuB,MAAM,KAAK,OAAO;AAE/D,MAAM,OAAO,CAAC,SAAS,UAAU,sBAAoC;AACjE,MAAI,KAAK,QAAQ;AACjB,MAAI,QAAQ,OAAO;AACf,SAAK,aAAa,QAAQ,SAAkC;AAAA,EAChE;AAEA,QAAM,UAAU,WAAW,EAAE;AAE7B,MAAI,SAAS,SAAS;AAClB,WAAO,QAAQ,QAAQ,KAAK,OAAO;AAAA,EACvC;AAEA,SAAO,cAAc,MAAM,IAAI,OAAO,EAAE,KAAK,CAAC,QAAQ;AAClD,WAAO,IAAI,SAAS,KAAK,OAAO;AAAA,EACpC,CAAC;AACL;AAEA,MAAM,SAAS,CAAC,QAAQ;AACpB,WAAS,QAAQ,CAAC,QAAQ;AACtB,QAAI,QAAQ,OAAO,GAAG;AAAA,EAC1B,CAAC;AACL;AAEA,MAAM,YAAY,MAAM;AACpB,WAAS,QAAQ,CAAC,QAAQ,IAAI,QAAQ,WAAW;AACrD;"}
+{"version":3,"file":"toast.js","sources":["../../../../../lib/@ecme/components/ui/toast/toast.tsx"],"sourcesContent":["import ToastWrapper from './ToastWrapper'\r\nimport { PLACEMENT } from '../utils/constants'\r\nimport type { ToastProps, ToastWrapperProps } from './ToastWrapper'\r\nimport { NotificationPlacement } from '../@types/placement'\r\nimport type { ReactNode } from 'react'\r\n\r\nexport const toastDefaultProps = {\r\n    placement: PLACEMENT.TOP_END,\r\n    offsetX: 30,\r\n    offsetY: 30,\r\n    transitionType: 'scale',\r\n    block: false,\r\n}\r\n\r\nexport interface Toast {\r\n    push(\r\n        message: ReactNode,\r\n        options?: ToastProps,\r\n    ): string | undefined | Promise<string | undefined>\r\n    remove(key: string): void\r\n    removeAll(): void\r\n}\r\n\r\nconst defaultWrapperId = 'default'\r\nconst wrappers = new Map()\r\n\r\nfunction castPlacment(placement: NotificationPlacement) {\r\n    if (/\\top\\b/.test(placement)) {\r\n        return 'top-full'\r\n    }\r\n\r\n    if (/\\bottom\\b/.test(placement)) {\r\n        return 'bottom-full'\r\n    }\r\n}\r\n\r\nasync function createWrapper(wrapperId: string, props: ToastProps) {\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    const [wrapper] = await ToastWrapper.getInstance(props as ToastWrapperProps) as any\r\n\r\n    wrappers.set(wrapperId || defaultWrapperId, wrapper)\r\n\r\n    return wrapper\r\n}\r\n\r\nfunction getWrapper(wrapperId?: string) {\r\n    if (wrappers.size === 0) {\r\n        return null\r\n    }\r\n    return wrappers.get(wrapperId || defaultWrapperId)\r\n}\r\n\r\nconst toast: Toast = (message: ReactNode) => toast.push(message)\r\n\r\ntoast.push = (message, options = toastDefaultProps as ToastProps) => {\r\n    let id = options.placement\r\n    if (options.block) {\r\n        id = castPlacment(options.placement as NotificationPlacement)\r\n    }\r\n\r\n    const wrapper = getWrapper(id)\r\n\r\n    if (wrapper?.current) {\r\n        return wrapper.current.push(message)\r\n    }\r\n\r\n    return createWrapper(id ?? '', options).then((ref) => {\r\n        return ref.current?.push(message)\r\n    })\r\n}\r\n\r\ntoast.remove = (key) => {\r\n    wrappers.forEach((elm) => {\r\n        elm.current.remove(key)\r\n    })\r\n}\r\n\r\ntoast.removeAll = () => {\r\n    wrappers.forEach((elm) => elm.current.removeAll())\r\n}\r\n\r\nexport default toast\r\n"],"names":[],"mappings":";;AAMO,MAAM,oBAAoB;AAAA,EAC7B,WAAW,UAAU;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,OAAO;AACX;AAWA,MAAM,mBAAmB;AACzB,MAAM,+BAAe,IAAI;AAEzB,SAAS,aAAa,WAAkC;AAChD,MAAA,SAAS,KAAK,SAAS,GAAG;AACnB,WAAA;AAAA,EAAA;AAGP,MAAA,YAAY,KAAK,SAAS,GAAG;AACtB,WAAA;AAAA,EAAA;AAEf;AAEA,eAAe,cAAc,WAAmB,OAAmB;AAE/D,QAAM,CAAC,OAAO,IAAI,MAAM,aAAa,YAAY,KAA0B;AAElE,WAAA,IAAI,aAAa,kBAAkB,OAAO;AAE5C,SAAA;AACX;AAEA,SAAS,WAAW,WAAoB;AAChC,MAAA,SAAS,SAAS,GAAG;AACd,WAAA;AAAA,EAAA;AAEJ,SAAA,SAAS,IAAI,aAAa,gBAAgB;AACrD;AAEA,MAAM,QAAe,CAAC,YAAuB,MAAM,KAAK,OAAO;AAE/D,MAAM,OAAO,CAAC,SAAS,UAAU,sBAAoC;AACjE,MAAI,KAAK,QAAQ;AACjB,MAAI,QAAQ,OAAO;AACV,SAAA,aAAa,QAAQ,SAAkC;AAAA,EAAA;AAG1D,QAAA,UAAU,WAAW,EAAE;AAE7B,MAAI,SAAS,SAAS;AACX,WAAA,QAAQ,QAAQ,KAAK,OAAO;AAAA,EAAA;AAGvC,SAAO,cAAc,MAAM,IAAI,OAAO,EAAE,KAAK,CAAC,QAAQ;AAC3C,WAAA,IAAI,SAAS,KAAK,OAAO;AAAA,EAAA,CACnC;AACL;AAEA,MAAM,SAAS,CAAC,QAAQ;AACX,WAAA,QAAQ,CAAC,QAAQ;AAClB,QAAA,QAAQ,OAAO,GAAG;AAAA,EAAA,CACzB;AACL;AAEA,MAAM,YAAY,MAAM;AACpB,WAAS,QAAQ,CAAC,QAAQ,IAAI,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":[],"mappings":"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"}
+{"version":3,"file":"transition.js","sources":["../../../../../lib/@ecme/components/ui/toast/transition.ts"],"sourcesContent":["import { NotificationPlacement } from '../@types/placement'\r\n\r\ntype GetPlacementTransitionParams = {\r\n    offsetX: string | number\r\n    offsetY: string | number\r\n    placement: NotificationPlacement\r\n    transitionType: 'scale' | 'fade'\r\n}\r\n\r\ntype Motion = {\r\n    opacity: number\r\n    transform?: string\r\n}\r\n\r\ntype MotionProps = {\r\n    initial: Motion\r\n    animate: Motion\r\n    exit: Motion\r\n}\r\n\r\ntype MotionDefault = {\r\n    top?: string | number\r\n    left?: string | number\r\n    right?: string | number\r\n    bottom?: string | number\r\n    transform?: string\r\n}\r\n\r\ntype MotionTransition = {\r\n    default: MotionDefault\r\n    variants: MotionProps\r\n}\r\n\r\nexport const getPlacementTransition = ({\r\n    offsetX,\r\n    offsetY,\r\n    placement,\r\n    transitionType,\r\n}: GetPlacementTransitionParams) => {\r\n    if (transitionType === 'fade') {\r\n        return fadeTransition(offsetX, offsetY)[placement]\r\n    }\r\n\r\n    return scaleTransition(offsetX, offsetY)[placement]\r\n}\r\n\r\nconst scaleMotionProps = {\r\n    initial: {\r\n        opacity: 0,\r\n        transform: 'scale(0.75)',\r\n    },\r\n    animate: {\r\n        transform: 'scale(1)',\r\n        opacity: 1,\r\n    },\r\n    exit: {\r\n        opacity: 0,\r\n        transform: 'scale(0.75)',\r\n    },\r\n}\r\n\r\nconst fadeMotionProps = {\r\n    initial: {\r\n        opacity: 0,\r\n    },\r\n    animate: {\r\n        opacity: 1,\r\n    },\r\n    exit: {\r\n        opacity: 0,\r\n    },\r\n}\r\n\r\nconst scaleTransition = (\r\n    offsetX: number | string,\r\n    offsetY: number | string,\r\n): Record<NotificationPlacement, MotionTransition> => {\r\n    return {\r\n        'top-end': {\r\n            default: {\r\n                top: offsetY,\r\n                right: offsetX,\r\n            },\r\n            variants: {\r\n                ...scaleMotionProps,\r\n            },\r\n        },\r\n        'top-start': {\r\n            default: {\r\n                top: offsetY,\r\n                left: offsetX,\r\n            },\r\n            variants: {\r\n                ...scaleMotionProps,\r\n            },\r\n        },\r\n        'top-center': {\r\n            default: {\r\n                top: offsetY,\r\n                left: '50%',\r\n                transform: 'translateX(-50%)',\r\n            },\r\n            variants: {\r\n                ...scaleMotionProps,\r\n            },\r\n        },\r\n        'bottom-end': {\r\n            default: {\r\n                bottom: offsetY,\r\n                right: offsetX,\r\n            },\r\n            variants: {\r\n                ...scaleMotionProps,\r\n            },\r\n        },\r\n        'bottom-start': {\r\n            default: {\r\n                bottom: offsetY,\r\n                left: offsetX,\r\n            },\r\n            variants: {\r\n                ...scaleMotionProps,\r\n            },\r\n        },\r\n        'bottom-center': {\r\n            default: {\r\n                bottom: offsetY,\r\n                left: '50%',\r\n                transform: 'translateX(-50%)',\r\n            },\r\n            variants: {\r\n                ...scaleMotionProps,\r\n            },\r\n        },\r\n    }\r\n}\r\n\r\nconst fadeTransition = (\r\n    offsetX: number | string,\r\n    offsetY: number | string,\r\n): Record<NotificationPlacement, MotionTransition> => {\r\n    return {\r\n        'top-end': {\r\n            default: {\r\n                top: offsetY,\r\n                right: offsetX,\r\n            },\r\n            variants: {\r\n                ...fadeMotionProps,\r\n            },\r\n        },\r\n        'top-start': {\r\n            default: {\r\n                top: offsetY,\r\n                left: offsetX,\r\n            },\r\n            variants: {\r\n                ...fadeMotionProps,\r\n            },\r\n        },\r\n        'top-center': {\r\n            default: {\r\n                top: offsetY,\r\n                left: '50%',\r\n                transform: 'translateX(-50%)',\r\n            },\r\n            variants: {\r\n                ...fadeMotionProps,\r\n            },\r\n        },\r\n        'bottom-end': {\r\n            default: {\r\n                bottom: offsetY,\r\n                right: offsetX,\r\n            },\r\n            variants: {\r\n                ...fadeMotionProps,\r\n            },\r\n        },\r\n        'bottom-start': {\r\n            default: {\r\n                bottom: offsetY,\r\n                left: offsetX,\r\n            },\r\n            variants: {\r\n                ...fadeMotionProps,\r\n            },\r\n        },\r\n        'bottom-center': {\r\n            default: {\r\n                bottom: offsetY,\r\n                left: '50%',\r\n                transform: 'translateX(-50%)',\r\n            },\r\n            variants: {\r\n                ...fadeMotionProps,\r\n            },\r\n        },\r\n    }\r\n}\r\n"],"names":[],"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":[],"mappings":"AACA,SAAwB,aAAa,KAAU,UAAe;AAC1D,MAAI,MAAM,QAAQ,QAAQ,GAAG;AACzB,WAAO,SAAS,QAAQ,GAAG,KAAK;AAAA,EACpC;AACA,SAAO,QAAQ;AACnB;"}
+{"version":3,"file":"arrayIndexOf.js","sources":["../../../../../lib/@ecme/components/ui/utils/arrayIndexOf.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nexport default function arrayIndexOf(one: any, ofTarget: any) {\r\n    if (Array.isArray(ofTarget)) {\r\n        return ofTarget.indexOf(one) >= 0\r\n    }\r\n    return one === ofTarget\r\n}\r\n"],"names":[],"mappings":"AACwB,SAAA,aAAa,KAAU,UAAe;AACtD,MAAA,MAAM,QAAQ,QAAQ,GAAG;AAClB,WAAA,SAAS,QAAQ,GAAG,KAAK;AAAA,EAAA;AAEpC,SAAO,QAAQ;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":[],"mappings":"AAAA,SAAwB,WAAW,OAAe;AAC9C,SAAO,OAAO,UAAU,WAClB,KACA,MAAM,OAAO,CAAC,EAAE,YAAA,IAAgB,MAAM,MAAM,CAAC;AACvD;"}
+{"version":3,"file":"capitalize.js","sources":["../../../../../lib/@ecme/components/ui/utils/capitalize.ts"],"sourcesContent":["export default function capitalize(value: string) {\r\n    return typeof value !== 'string'\r\n        ? ''\r\n        : value.charAt(0).toUpperCase() + value.slice(1)\r\n}\r\n"],"names":[],"mappings":"AAAA,SAAwB,WAAW,OAAe;AAC9C,SAAO,OAAO,UAAU,WAClB,KACA,MAAM,OAAO,CAAC,EAAE,YAAY,IAAI,MAAM,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"],"mappings":"AACA,SAAwB,mBAA4B,OAAqB;AACrE,SAAO,MACF,OAAO,CAAC,MAAM,MAAM,QAAQ,OAAO,MAAM,WAAW,EACpD,OAAO,CAAC,KAAU,MAAW;AAC1B,QAAI,OAAO,MAAM,YAAY;AACzB,YAAM,IAAI;AAAA,QACN;AAAA,MAAA;AAAA,IAER;AAEA,QAAI,QAAQ,QAAW;AACnB,aAAO;AAAA,IACX;AAEA,WAAO,SAASA,oBAA8B,MAAa;AACvD,UAAI,MAAM,MAAM,IAAI;AACpB,QAAE,MAAM,MAAM,IAAI;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 */\r\nexport default function chainedFunction<T = any>(...funcs: (T | null)[]) {\r\n    return funcs\r\n        .filter((f) => f !== null && typeof f !== 'undefined')\r\n        .reduce((acc: any, f: any) => {\r\n            if (typeof f !== 'function') {\r\n                throw new Error(\r\n                    'Invalid Argument Type, must only provide functions, undefined, or null.',\r\n                )\r\n            }\r\n\r\n            if (acc === undefined) {\r\n                return f\r\n            }\r\n\r\n            return function chainedFunction(this: any, ...args: any[]) {\r\n                acc.apply(this, args)\r\n                f.apply(this, args)\r\n            }\r\n        }, undefined)\r\n}\r\n"],"names":["chainedFunction"],"mappings":"AACA,SAAwB,mBAA4B,OAAqB;AACrE,SAAO,MACF,OAAO,CAAC,MAAM,MAAM,QAAQ,OAAO,MAAM,WAAW,EACpD,OAAO,CAAC,KAAU,MAAW;AACtB,QAAA,OAAO,MAAM,YAAY;AACzB,YAAM,IAAI;AAAA,QACN;AAAA,MACJ;AAAA,IAAA;AAGJ,QAAI,QAAQ,QAAW;AACZ,aAAA;AAAA,IAAA;AAGJ,WAAA,SAASA,oBAA8B,MAAa;AACnD,UAAA,MAAM,MAAM,IAAI;AAClB,QAAA,MAAM,MAAM,IAAI;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":["cn"],"mappings":";;AAGA,SAAwB,cAAc,MAAwB;AAC1D,SAAO,QAAQA,aAAG,IAAI,CAAC;AAC3B;"}
+{"version":3,"file":"classNames.js","sources":["../../../../../lib/@ecme/components/ui/utils/classNames.ts"],"sourcesContent":["import cn from 'classnames'\r\nimport { twMerge } from 'tailwind-merge'\r\n\r\nexport default function classNames(...args: cn.ArgumentArray) {\r\n    return twMerge(cn(args))\r\n}\r\n"],"names":["cn"],"mappings":";;AAGA,SAAwB,cAAc,MAAwB;AACnD,SAAA,QAAQA,aAAG,IAAI,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"],"mappings":"AAAO,IAAK,0BAAAA,WAAL;AACHA,SAAA,IAAA,IAAK;AACLA,SAAA,IAAA,IAAK;AACLA,SAAA,IAAA,IAAK;AACLA,SAAA,IAAA,IAAK;AAJG,SAAAA;AAAA,GAAA,SAAA,CAAA,CAAA;AAOL,MAAM,gBAGT;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,KAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IAAC;AAAA;AAAA,KAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IAAC;AAAA;AAAA,KAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IAAC;AAAA;AAAA,KAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEd;AAEO,MAAM,gBAGT;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,KAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IAAC;AAAA;AAAA,KAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IAAC;AAAA;AAAA,KAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAEV;AAAA,IAAC;AAAA;AAAA,KAAW;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEd;AAEO,MAAM,SAAS;AAAA,EAClB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AACZ;AAEO,MAAM,aAAa;AAAA,EACtB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACV;AAEO,MAAM,kBAAkB;AAAA,EAC3B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AACT;AAEO,MAAM,eAAe;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACV;AAEO,MAAM,SAAS;AAAA,EAClB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AACb;AAEO,MAAM,eAAe;AAAA,EACxB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AAAA,EACb,OAAO;AACX;AAEO,MAAM,YAAY;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;AAEO,MAAM,qBAGT;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AACZ;AAEO,MAAM,eAAe;"}
+{"version":3,"file":"constants.js","sources":["../../../../../lib/@ecme/components/ui/utils/constants.ts"],"sourcesContent":["export enum SIZES {\r\n    XS = 'xs',\r\n    SM = 'sm',\r\n    MD = 'md',\r\n    LG = 'lg',\r\n}\r\n\r\nexport const CONTROL_SIZES: Record<\r\n    SIZES,\r\n    { h: string; w: string; minH: string; minW: string }\r\n> = {\r\n    [SIZES.XS]: {\r\n        h: 'h-8',\r\n        w: 'w-8',\r\n        minH: 'min-h-8',\r\n        minW: 'min-w-8',\r\n    },\r\n    [SIZES.SM]: {\r\n        h: 'h-10',\r\n        w: 'w-10',\r\n        minH: 'min-h-10',\r\n        minW: 'min-w-10',\r\n    },\r\n    [SIZES.MD]: {\r\n        h: 'h-12',\r\n        w: 'w-12',\r\n        minH: 'min-h-12',\r\n        minW: 'min-w-12',\r\n    },\r\n    [SIZES.LG]: {\r\n        h: 'h-14',\r\n        w: 'w-14',\r\n        minH: 'min-h-14',\r\n        minW: 'min-w-14',\r\n    },\r\n}\r\n\r\nexport const SEGMENT_SIZES: Record<\r\n    SIZES,\r\n    { h: string; w: string; minH: string; minW: string }\r\n> = {\r\n    [SIZES.XS]: {\r\n        h: 'h-6',\r\n        w: 'w-6',\r\n        minH: 'min-h-6',\r\n        minW: 'min-w-6',\r\n    },\r\n    [SIZES.SM]: {\r\n        h: 'h-10',\r\n        w: 'w-10',\r\n        minH: 'min-h-10',\r\n        minW: 'min-w-10',\r\n    },\r\n    [SIZES.MD]: {\r\n        h: 'h-10',\r\n        w: 'w-10',\r\n        minH: 'min-h-10',\r\n        minW: 'min-w-10',\r\n    },\r\n    [SIZES.LG]: {\r\n        h: 'h-12',\r\n        w: 'w-12',\r\n        minH: 'min-h-12',\r\n        minW: 'min-w-12',\r\n    },\r\n}\r\n\r\nexport const LAYOUT = {\r\n    HORIZONTAL: 'horizontal',\r\n    VERTICAL: 'vertical',\r\n    INLINE: 'inline',\r\n}\r\n\r\nexport const DIRECTIONS = {\r\n    TOP: 'top',\r\n    RIGHT: 'right',\r\n    BOTTOM: 'bottom',\r\n    LEFT: 'left',\r\n}\r\n\r\nexport const SELECTION_MODES = {\r\n    YEAR: 'year',\r\n    MONTH: 'month',\r\n    DAY: 'day',\r\n}\r\n\r\nexport const PICKER_VIEWS = {\r\n    YEAR: 'year',\r\n    MONTH: 'month',\r\n    DATE: 'date',\r\n}\r\n\r\nexport const STATUS = {\r\n    DANGER: 'danger',\r\n    SUCCESS: 'success',\r\n    WARNING: 'warning',\r\n}\r\n\r\nexport const STEPS_STATUS = {\r\n    COMPLETE: 'complete',\r\n    PENDING: 'pending',\r\n    IN_PROGRESS: 'in-progress',\r\n    ERROR: 'error',\r\n}\r\n\r\nexport const PLACEMENT = {\r\n    TOP_START: 'top-start',\r\n    TOP_CENTER: 'top-center',\r\n    TOP_END: 'top-end',\r\n    BOTTOM_START: 'bottom-start',\r\n    BOTTOM_CENTER: 'bottom-center',\r\n    BOTTOM_END: 'bottom-end',\r\n    MIDDLE_START_TOP: 'middle-start-top',\r\n    MIDDLE_START_BOTTOM: 'middle-start-bottom',\r\n    MIDDLE_END_TOP: 'middle-end-top',\r\n    MIDDLE_END_BOTTOM: 'middle-end-bottom',\r\n}\r\n\r\nexport const DROPDOWN_ITEM_TYPE: Record<\r\n    string,\r\n    'default' | 'header' | 'divider' | 'custom'\r\n> = {\r\n    DEFAULT: 'default',\r\n    HEADER: 'header',\r\n    DIVIDER: 'divider',\r\n    CUSTOM: 'custom',\r\n}\r\n\r\nexport const DAY_DURATION = 86400000\r\n"],"names":["SIZES"],"mappings":"AAAY,IAAA,0BAAAA,WAAL;AACHA,SAAA,IAAK,IAAA;AACLA,SAAA,IAAK,IAAA;AACLA,SAAA,IAAK,IAAA;AACLA,SAAA,IAAK,IAAA;AAJGA,SAAAA;AAAA,GAAA,SAAA,CAAA,CAAA;AAOL,MAAM,gBAGT;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAW,GAAA;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EACV;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAW,GAAA;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EACV;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAW,GAAA;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EACV;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAW,GAAA;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEd;AAEO,MAAM,gBAGT;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAW,GAAA;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EACV;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAW,GAAA;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EACV;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAW,GAAA;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EACV;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAW,GAAA;AAAA,IACR,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEd;AAEO,MAAM,SAAS;AAAA,EAClB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AACZ;AAEO,MAAM,aAAa;AAAA,EACtB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACV;AAEO,MAAM,kBAAkB;AAAA,EAC3B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AACT;AAEO,MAAM,eAAe;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACV;AAEO,MAAM,SAAS;AAAA,EAClB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AACb;AAEO,MAAM,eAAe;AAAA,EACxB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AAAA,EACb,OAAO;AACX;AAEO,MAAM,YAAY;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;AAEO,MAAM,qBAGT;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AACZ;AAEO,MAAM,eAAe;"}

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":[],"mappings":"AAAA,MAAM,YAAY,CAAC,MAAM,OAAO;AAC5B,QAAM,MAAgB,CAAA;AACtB,QAAM,QACF;AACJ,QAAM,UAAU,MAAM;AACtB,QAAM,SAAS;AAEf,WAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC7B,QAAI,CAAC,IAAI,MAAM,OAAO,KAAK,MAAM,KAAK,WAAW,OAAO,CAAC;AAAA,EAC7D;AACA,SAAO,IAAI,KAAK,EAAE;AACtB;"}
+{"version":3,"file":"createUid.js","sources":["../../../../../lib/@ecme/components/ui/utils/createUid.ts"],"sourcesContent":["const createUID = (len = 10) => {\r\n    const buf: string[] = []\r\n    const chars =\r\n        'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'\r\n    const charlen = chars.length\r\n    const length = len\r\n\r\n    for (let i = 0; i < length; i++) {\r\n        buf[i] = chars.charAt(Math.floor(Math.random() * charlen))\r\n    }\r\n    return buf.join('')\r\n}\r\n\r\nexport default createUID\r\n"],"names":[],"mappings":"AAAM,MAAA,YAAY,CAAC,MAAM,OAAO;AAC5B,QAAM,MAAgB,CAAC;AACvB,QAAM,QACF;AACJ,QAAM,UAAU,MAAM;AACtB,QAAM,SAAS;AAEf,WAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AACzB,QAAA,CAAC,IAAI,MAAM,OAAO,KAAK,MAAM,KAAK,WAAW,OAAO,CAAC;AAAA,EAAA;AAEtD,SAAA,IAAI,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":[],"mappings":";AAIA,SAAS,IAAI,UAAqB,MAAW,SAAe;AACxD,MAAI,QAAQ;AACZ,SAAO,SAAS,IAAI,UAAU,CAAC,UAAU;AACrC,QAAI,CAAC,eAAe,KAAK,GAAG;AACxB,aAAO;AAAA,IACX;AACA,UAAM,SAAS,KAAK,KAAK,SAAS,OAAO,KAAK;AAC9C,aAAS;AACT,WAAO;AAAA,EACX,CAAC;AACL;AAEA,SAAS,gBAAgB,UAAqB,MAAW,SAAe;AACpE,SAAO;AAAA,IACH;AAAA,IACA,CAAC,OAAmD,UAChD,aAAa,OAAO;AAAA,MAChB,KAAK;AAAA,MACL,GAAG,KAAK,OAAO,KAAK;AAAA,IAAA,CACvB;AAAA,IACL;AAAA,EAAA;AAER;"}
+{"version":3,"file":"mapCloneElement.js","sources":["../../../../../lib/@ecme/components/ui/utils/mapCloneElement.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { Children, isValidElement, cloneElement } from 'react'\r\nimport type { ReactNode, DetailedReactHTMLElement } from 'react'\r\n\r\nfunction map(children: ReactNode, func: any, context?: any) {\r\n    let index = 0\r\n    return Children.map(children, (child) => {\r\n        if (!isValidElement(child)) {\r\n            return child\r\n        }\r\n        const handle = func.call(context, child, index)\r\n        index += 1\r\n        return handle\r\n    })\r\n}\r\n\r\nfunction mapCloneElement(children: ReactNode, func: any, context?: any) {\r\n    return map(\r\n        children,\r\n        (child: DetailedReactHTMLElement<any, HTMLElement>, index: number) =>\r\n            cloneElement(child, {\r\n                key: index,\r\n                ...func(child, index),\r\n            }),\r\n        context,\r\n    )\r\n}\r\n\r\nexport default mapCloneElement\r\n"],"names":[],"mappings":";AAIA,SAAS,IAAI,UAAqB,MAAW,SAAe;AACxD,MAAI,QAAQ;AACZ,SAAO,SAAS,IAAI,UAAU,CAAC,UAAU;AACjC,QAAA,CAAC,eAAe,KAAK,GAAG;AACjB,aAAA;AAAA,IAAA;AAEX,UAAM,SAAS,KAAK,KAAK,SAAS,OAAO,KAAK;AACrC,aAAA;AACF,WAAA;AAAA,EAAA,CACV;AACL;AAEA,SAAS,gBAAgB,UAAqB,MAAW,SAAe;AAC7D,SAAA;AAAA,IACH;AAAA,IACA,CAAC,OAAmD,UAChD,aAAa,OAAO;AAAA,MAChB,KAAK;AAAA,MACL,GAAG,KAAK,OAAO,KAAK;AAAA,IAAA,CACvB;AAAA,IACL;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":[],"mappings":"AACA,MAAM,iBAAiB,OAAO,UAAU;AAExC,SAAS,GAAG,GAAQ,GAAQ;AACxB,MAAI,MAAM,GAAG;AACT,WAAO,MAAM,KAAK,MAAM,KAAK,IAAI,MAAM,IAAI;AAAA,EAC/C;AAEA,SAAO,MAAM,KAAK,MAAM;AAC5B;AAEA,SAAwB,aAAa,MAAW,MAAW;AACvD,MAAI,GAAG,MAAM,IAAI,GAAG;AAChB,WAAO;AAAA,EACX;AAEA,MACI,OAAO,SAAS,YAChB,SAAS,QACT,OAAO,SAAS,YAChB,SAAS,MACX;AACE,WAAO;AAAA,EACX;AAEA,QAAM,QAAQ,OAAO,KAAK,IAAI;AAC9B,QAAM,QAAQ,OAAO,KAAK,IAAI;AAE9B,MAAI,MAAM,WAAW,MAAM,QAAQ;AAC/B,WAAO;AAAA,EACX;AAEA,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK,GAAG;AACtC,QACI,CAAC,eAAe,KAAK,MAAM,MAAM,CAAC,CAAC,KACnC,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,GACpC;AACE,aAAO;AAAA,IACX;AAAA,EACJ;AAEA,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":[],"mappings":"AACA,MAAM,iBAAiB,OAAO,UAAU;AAExC,SAAS,GAAG,GAAQ,GAAQ;AACxB,MAAI,MAAM,GAAG;AACT,WAAO,MAAM,KAAK,MAAM,KAAK,IAAI,MAAM,IAAI;AAAA,EAAA;AAGxC,SAAA,MAAM,KAAK,MAAM;AAC5B;AAEwB,SAAA,aAAa,MAAW,MAAW;AACnD,MAAA,GAAG,MAAM,IAAI,GAAG;AACT,WAAA;AAAA,EAAA;AAIP,MAAA,OAAO,SAAS,YAChB,SAAS,QACT,OAAO,SAAS,YAChB,SAAS,MACX;AACS,WAAA;AAAA,EAAA;AAGL,QAAA,QAAQ,OAAO,KAAK,IAAI;AACxB,QAAA,QAAQ,OAAO,KAAK,IAAI;AAE1B,MAAA,MAAM,WAAW,MAAM,QAAQ;AACxB,WAAA;AAAA,EAAA;AAGX,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK,GAAG;AAElC,QAAA,CAAC,eAAe,KAAK,MAAM,MAAM,CAAC,CAAC,KACnC,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,GACpC;AACS,aAAA;AAAA,IAAA;AAAA,EACX;AAGG,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":[],"mappings":";;;;;;;;AAwBA,MAAM,OAAO,CAAC,EAAE,WAA6B;AACzC,UAAQ,MAAA;AAAA,IACJ,KAAK;AACD,iCAAQ,OAAA,EAAM;AAAA,IAClB,KAAK;AACD,iCAAQ,YAAA,EAAW;AAAA,IACvB,KAAK;AACD,iCAAQ,WAAA,EAAU;AAAA,IACtB,KAAK;AACD,iCAAQ,UAAA,EAAS;AAAA,IACrB;AACI,iCAAQ,QAAA,EAAO;AAAA,EAAA;AAE3B;AAEA,MAAM,iBAAiB,CAAC,EAAE,WAA2B;AACjD,QAAM,QAAQ,iBAAA;AAEd,QAAM,qBAAkC;AAAA,IACpC,OAAO,EAAE,MAAM,IAAI,OAAO,SAAA;AAAA,IAC1B,CAAA;AAAA,EAAC;AAGL,MAAI,QAAQ,WAAW,SAAS,KAAK,IAAI,GAAG;AACxC,UAAM,cAAc,KAAK,UACnB,EAAE,KAAK,KAAK,QAAA,IACZ,EAAE,WAAW,WAAW,MAAM,KAAK,YAAY,EAAE,CAAC,EAAA;AAExD,WACI,oBAAC,QAAA,EAAQ,GAAG,aAAc,GAAG,oBACzB,UAAA,oBAAC,QAAA,EAAK,WAAU,2BACX,UAAA,QAAQ,KAAK,YAAY,EAAE,GAChC,GACJ;AAAA,EAER;AAEA,MAAI,QAAQ,SAAS,SAAS,KAAK,IAAI,GAAG;AACtC,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAM,oBAAC,MAAA,EAAK,MAAM,KAAK,MAAM;AAAA,QAC5B,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AAEA,SAAO;AACX;"}
+{"version":3,"file":"ActivityAvatar.js","sources":["../../../../../lib/@ecme/components/view/Activity/ActivityAvatar.tsx"],"sourcesContent":["import { useMemo } from 'react'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport acronym from '@/utils/acronym'\r\nimport classNames from '@/utils/classNames'\r\nimport useRandomBgColor from '@/utils/hooks/useRandomBgColor'\r\nimport { TbUser, TbTag, TbFileText, TbTicket, TbRefresh } from 'react-icons/tb'\r\nimport {\r\n    ADD_TAGS_TO_TICKET,\r\n    ADD_FILES_TO_TICKET,\r\n    UPDATE_TICKET,\r\n    CREATE_TICKET,\r\n    avatarType,\r\n    iconType,\r\n} from './constants'\r\nimport type { AvatarProps } from '@/components/ui/Avatar'\r\n\r\ntype ActivityAvatar = {\r\n    data?: {\r\n        type: string\r\n        userImg?: string\r\n        userName: string\r\n    }\r\n}\r\n\r\nconst Icon = ({ type }: { type: string }) => {\r\n    switch (type) {\r\n        case ADD_TAGS_TO_TICKET:\r\n            return <TbTag />\r\n        case ADD_FILES_TO_TICKET:\r\n            return <TbFileText />\r\n        case UPDATE_TICKET:\r\n            return <TbRefresh />\r\n        case CREATE_TICKET:\r\n            return <TbTicket />\r\n        default:\r\n            return <TbUser />\r\n    }\r\n}\r\n\r\nconst ActivityAvatar = ({ data }: ActivityAvatar) => {\r\n    const color = useRandomBgColor()\r\n\r\n    const defaultAvatarProps: AvatarProps = useMemo(\r\n        () => ({ size: 35, shape: 'circle' }),\r\n        [],\r\n    )\r\n\r\n    if (data && avatarType.includes(data.type)) {\r\n        const avatarProps = data.userImg\r\n            ? { src: data.userImg }\r\n            : { className: classNames(color(data.userName || '')) }\r\n\r\n        return (\r\n            <Avatar {...avatarProps} {...defaultAvatarProps}>\r\n                <span className=\"text-gray-900 font-bold\">\r\n                    {acronym(data.userName || '')}\r\n                </span>\r\n            </Avatar>\r\n        )\r\n    }\r\n\r\n    if (data && iconType.includes(data.type)) {\r\n        return (\r\n            <Avatar\r\n                className=\"text-gray-900 bg-gray-100 dark:text-white dark:bg-gray-700\"\r\n                icon={<Icon type={data.type} />}\r\n                {...defaultAvatarProps}\r\n            />\r\n        )\r\n    }\r\n\r\n    return null\r\n}\r\n\r\nexport default ActivityAvatar\r\n"],"names":[],"mappings":";;;;;;;;AAwBA,MAAM,OAAO,CAAC,EAAE,WAA6B;AACzC,UAAQ,MAAM;AAAA,IACV,KAAK;AACD,iCAAQ,OAAM,EAAA;AAAA,IAClB,KAAK;AACD,iCAAQ,YAAW,EAAA;AAAA,IACvB,KAAK;AACD,iCAAQ,WAAU,EAAA;AAAA,IACtB,KAAK;AACD,iCAAQ,UAAS,EAAA;AAAA,IACrB;AACI,iCAAQ,QAAO,EAAA;AAAA,EAAA;AAE3B;AAEA,MAAM,iBAAiB,CAAC,EAAE,WAA2B;AACjD,QAAM,QAAQ,iBAAiB;AAE/B,QAAM,qBAAkC;AAAA,IACpC,OAAO,EAAE,MAAM,IAAI,OAAO,SAAS;AAAA,IACnC,CAAA;AAAA,EACJ;AAEA,MAAI,QAAQ,WAAW,SAAS,KAAK,IAAI,GAAG;AACxC,UAAM,cAAc,KAAK,UACnB,EAAE,KAAK,KAAK,QAAQ,IACpB,EAAE,WAAW,WAAW,MAAM,KAAK,YAAY,EAAE,CAAC,EAAE;AAE1D,WACK,oBAAA,QAAA,EAAQ,GAAG,aAAc,GAAG,oBACzB,UAAA,oBAAC,QAAK,EAAA,WAAU,2BACX,UAAQ,QAAA,KAAK,YAAY,EAAE,EAChC,CAAA,GACJ;AAAA,EAAA;AAIR,MAAI,QAAQ,SAAS,SAAS,KAAK,IAAI,GAAG;AAElC,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAM,oBAAC,MAAK,EAAA,MAAM,KAAK,MAAM;AAAA,QAC5B,GAAG;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAID,SAAA;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":[],"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'\r\nimport Card from '@/components/ui/Card'\r\nimport Tag from '@/components/ui/Tag'\r\nimport classNames from 'classnames'\r\nimport ReactHtmlParser from 'html-react-parser'\r\nimport isLastChild from '@/utils/isLastChild'\r\nimport dayjs from 'dayjs'\r\nimport {\r\n    UPDATE_TICKET,\r\n    COMMENT,\r\n    ADD_TAGS_TO_TICKET,\r\n    ADD_FILES_TO_TICKET,\r\n    CREATE_TICKET,\r\n    COMMENT_MENTION,\r\n    ASSIGN_TICKET,\r\n} from './constants'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport type { HTMLReactParserOptions } from 'html-react-parser'\r\n\r\ntype ActivityEventProps = {\r\n    data: {\r\n        type: string\r\n        dateTime: number\r\n        ticket?: string\r\n        status?: number\r\n        userName: string\r\n        userImg?: string\r\n        comment?: string\r\n        tags?: string[]\r\n        files?: string[]\r\n        assignee?: string\r\n    }\r\n    compact?: boolean\r\n}\r\n\r\nconst ticketStatus: Record<\r\n    number,\r\n    {\r\n        label: string\r\n        bgClass: string\r\n        textClass: string\r\n    }\r\n> = {\r\n    0: {\r\n        label: 'Completed',\r\n        bgClass: 'bg-emerald-500',\r\n        textClass: 'text-emerald-500',\r\n    },\r\n    1: {\r\n        label: 'In progress',\r\n        bgClass: 'bg-blue-500',\r\n        textClass: 'text-blue-500',\r\n    },\r\n    2: {\r\n        label: 'Ready to test',\r\n        bgClass: 'bg-amber-500',\r\n        textClass: 'text-amber-500',\r\n    },\r\n}\r\n\r\nconst taskLabelColors: Record<string, string> = {\r\n    'Live Issue': 'bg-rose-500',\r\n    Backend: 'bg-blue-500',\r\n    Bug: 'bg-amber-400',\r\n    'Low priority': 'bg-indigo-500',\r\n}\r\n\r\nconst UnixDateTime = ({ value }: { value: number }) => {\r\n    return <>{dayjs.unix(value).format('hh:mm A')}</>\r\n}\r\n\r\nconst HighlightedText = ({ children, className }: CommonProps) => {\r\n    return (\r\n        <span className={classNames('font-bold heading-text', className)}>\r\n            {children}\r\n        </span>\r\n    )\r\n}\r\n\r\nconst ActivityEvent = ({ data, compact }: ActivityEventProps) => {\r\n    const options: HTMLReactParserOptions = {\r\n        // eslint-disable-next-line  @typescript-eslint/no-explicit-any\r\n        replace: (node: any) => {\r\n            if (node.type === 'tag' && node?.name === 'strong') {\r\n                return (\r\n                    <HighlightedText key={node?.children[0]?.data}>\r\n                        {node?.children[0]?.data}\r\n                    </HighlightedText>\r\n                )\r\n            }\r\n            return node.data\r\n        },\r\n    }\r\n\r\n    switch (data.type) {\r\n        case UPDATE_TICKET:\r\n            return compact ? (\r\n                <>\r\n                    <div className=\"flex flex-col gap-y-0.5\">\r\n                        <HighlightedText>{data.userName}</HighlightedText>\r\n                        <span className=\"text-xs font-semibold\">\r\n                            <UnixDateTime value={data.dateTime} />\r\n                        </span>\r\n                    </div>\r\n                    <div className=\"mt-2\">\r\n                        <span className=\"mx-1\">has change </span>\r\n                        <HighlightedText>{data.ticket}</HighlightedText>\r\n                        <span className=\"mx-1\"> status to </span>\r\n                        <span className=\"inline-flex items-center gap-1\">\r\n                            <Badge\r\n                                className={\r\n                                    ticketStatus[data.status || 0].bgClass\r\n                                }\r\n                            />\r\n                            <HighlightedText className=\"ml-1 rtl:mr-1\">\r\n                                {ticketStatus[data.status || 0].label}\r\n                            </HighlightedText>\r\n                        </span>\r\n                    </div>\r\n                </>\r\n            ) : (\r\n                <p className=\"my-1\">\r\n                    <HighlightedText>{data.userName}</HighlightedText>\r\n                    <span className=\"mx-1\">has change </span>\r\n                    <HighlightedText>{data.ticket}</HighlightedText>\r\n                    <span className=\"mx-1\"> status to </span>\r\n                    <span className=\"inline-flex items-center gap-1\">\r\n                        <Badge\r\n                            className={ticketStatus[data.status || 0].bgClass}\r\n                        />\r\n                        <HighlightedText>\r\n                            {ticketStatus[data.status || 0].label}\r\n                        </HighlightedText>\r\n                    </span>\r\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\r\n                        <UnixDateTime value={data.dateTime} />\r\n                    </span>\r\n                </p>\r\n            )\r\n        case COMMENT:\r\n            return (\r\n                <>\r\n                    {compact ? (\r\n                        <>\r\n                            <div className=\"flex flex-col gap-y-0.5\">\r\n                                <HighlightedText>\r\n                                    {data.userName}\r\n                                </HighlightedText>\r\n                                <span className=\"text-xs font-semibold\">\r\n                                    <UnixDateTime value={data.dateTime} />\r\n                                </span>\r\n                            </div>\r\n                            <div className=\"mt-2\">\r\n                                <span className=\"mx-1\">comment on your</span>\r\n                                <HighlightedText>Post</HighlightedText>\r\n                            </div>\r\n                        </>\r\n                    ) : (\r\n                        <p className=\"gap-1 inline-flex items-center flex-wrap\">\r\n                            <HighlightedText>{data.userName}</HighlightedText>\r\n                            <span className=\"mx-1\">comment on your</span>\r\n                            <HighlightedText>Post</HighlightedText>\r\n                            <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\r\n                                <UnixDateTime value={data.dateTime} />\r\n                            </span>\r\n                        </p>\r\n                    )}\r\n                    <Card\r\n                        bordered={false}\r\n                        className=\"mt-4 bg-gray-100 dark:bg-gray-700 shadow-none\"\r\n                    >\r\n                        {ReactHtmlParser(data.comment || '', options)}\r\n                    </Card>\r\n                </>\r\n            )\r\n        case COMMENT_MENTION:\r\n            return (\r\n                <>\r\n                    {compact ? (\r\n                        <>\r\n                            <div className=\"flex flex-col gap-y-0.5\">\r\n                                <HighlightedText>\r\n                                    {data.userName}\r\n                                </HighlightedText>\r\n                                <span className=\"text-xs font-semibold\">\r\n                                    <UnixDateTime value={data.dateTime} />\r\n                                </span>\r\n                            </div>\r\n                            <div className=\"mt-2\">\r\n                                <span className=\"mx-1\">\r\n                                    mentioned you in a comment\r\n                                </span>\r\n                                <HighlightedText>Post</HighlightedText>\r\n                            </div>\r\n                        </>\r\n                    ) : (\r\n                        <p className=\"my-1\">\r\n                            <HighlightedText>{data.userName}</HighlightedText>\r\n                            <span className=\"mx-1\">\r\n                                mentioned you in a comment\r\n                            </span>\r\n                            <HighlightedText>Post</HighlightedText>\r\n                            <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\r\n                                <UnixDateTime value={data.dateTime} />\r\n                            </span>\r\n                        </p>\r\n                    )}\r\n                    <Card\r\n                        bordered={false}\r\n                        className=\"mt-4 bg-gray-100 dark:bg-gray-700 shadow-none\"\r\n                    >\r\n                        {ReactHtmlParser(data.comment || '', options)}\r\n                    </Card>\r\n                </>\r\n            )\r\n        case ADD_TAGS_TO_TICKET:\r\n            return compact ? (\r\n                <>\r\n                    <div className=\"flex flex-col gap-y-0.5\">\r\n                        <HighlightedText>{data.userName}</HighlightedText>\r\n                        <span className=\"text-xs font-semibold\">\r\n                            <UnixDateTime value={data.dateTime} />\r\n                        </span>\r\n                    </div>\r\n                    <div className=\"mt-2\">\r\n                        <span className=\"mx-1\">added tags </span>\r\n                        {data?.tags?.map((label, index) => (\r\n                            <Tag\r\n                                key={label + index}\r\n                                prefix\r\n                                className=\"mx-1\"\r\n                                prefixClass={`${taskLabelColors[label]}`}\r\n                            >\r\n                                {label}\r\n                            </Tag>\r\n                        ))}\r\n                    </div>\r\n                </>\r\n            ) : (\r\n                <div>\r\n                    <HighlightedText>{data.userName} </HighlightedText>\r\n                    <span className=\"mx-1\">added tags </span>\r\n                    <span className=\"inline-flex items-center gap-1\">\r\n                        {data?.tags?.map((label, index) => (\r\n                            <Tag\r\n                                key={label + index}\r\n                                prefix\r\n                                prefixClass={`${taskLabelColors[label]}`}\r\n                            >\r\n                                {label}\r\n                            </Tag>\r\n                        ))}\r\n                    </span>\r\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\r\n                        <UnixDateTime value={data.dateTime} />\r\n                    </span>\r\n                </div>\r\n            )\r\n        case ADD_FILES_TO_TICKET:\r\n            return compact ? (\r\n                <>\r\n                    <div className=\"flex flex-col gap-y-0.5\">\r\n                        <HighlightedText>{data.userName}</HighlightedText>\r\n                        <span className=\"text-xs font-semibold\">\r\n                            <UnixDateTime value={data.dateTime} />\r\n                        </span>\r\n                    </div>\r\n                    <div className=\"mt-2\">\r\n                        <span className=\"mx-1\">added</span>\r\n                        {data?.files?.map((file, index) => (\r\n                            <HighlightedText key={file + index}>\r\n                                {file}\r\n                                {!isLastChild(data?.files || [], index) && (\r\n                                    <span className=\"ltr:mr-1 rtl:ml-1\">\r\n                                        ,{' '}\r\n                                    </span>\r\n                                )}\r\n                            </HighlightedText>\r\n                        ))}\r\n                    </div>\r\n                </>\r\n            ) : (\r\n                <div className=\"inline-flex items-center flex-wrap\">\r\n                    <HighlightedText>{data.userName} </HighlightedText>\r\n                    <span className=\"mx-1\">added</span>\r\n                    {data?.files?.map((file, index) => (\r\n                        <HighlightedText key={file + index}>\r\n                            {file}\r\n                            {!isLastChild(data?.files || [], index) && (\r\n                                <span className=\"ltr:mr-1 rtl:ml-1\">, </span>\r\n                            )}\r\n                        </HighlightedText>\r\n                    ))}\r\n                    <span className=\"mx-1\">to ticket</span>\r\n                    <HighlightedText>{data.ticket} </HighlightedText>\r\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\r\n                        <UnixDateTime value={data.dateTime} />\r\n                    </span>\r\n                </div>\r\n            )\r\n        case ASSIGN_TICKET:\r\n            return compact ? (\r\n                <>\r\n                    <div className=\"flex flex-col gap-y-0.5\">\r\n                        <HighlightedText>{data.userName}</HighlightedText>\r\n                        <span className=\"text-xs font-semibold\">\r\n                            <UnixDateTime value={data.dateTime} />\r\n                        </span>\r\n                    </div>\r\n                    <div className=\"mt-2\">\r\n                        <span className=\"mx-1\">assigned ticket</span>\r\n                        <HighlightedText>{data.ticket}</HighlightedText>\r\n                        <span className=\"mx-1\">to</span>\r\n                        <HighlightedText>{data?.assignee} </HighlightedText>\r\n                    </div>\r\n                </>\r\n            ) : (\r\n                <div>\r\n                    <HighlightedText>{data.userName} </HighlightedText>\r\n                    <span className=\"mx-1\">assigned ticket</span>\r\n                    <HighlightedText>{data.ticket}</HighlightedText>\r\n                    <span className=\"mx-1\">to</span>\r\n                    <HighlightedText>{data.assignee} </HighlightedText>\r\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\r\n                        <UnixDateTime value={data.dateTime} />\r\n                    </span>\r\n                </div>\r\n            )\r\n        case CREATE_TICKET:\r\n            return (\r\n                <div className=\"inline-flex items-center flex-wrap\">\r\n                    <HighlightedText>{data.userName} </HighlightedText>\r\n                    <span className=\"mx-1\">has created ticket</span>\r\n                    <HighlightedText>{data.ticket}</HighlightedText>\r\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\r\n                        <UnixDateTime value={data.dateTime} />\r\n                    </span>\r\n                </div>\r\n            )\r\n        default:\r\n            return null\r\n    }\r\n}\r\n\r\nexport default ActivityEvent\r\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../lib/@ecme/components/view/Activity/constants.ts"],"sourcesContent":["export const UPDATE_TICKET = 'UPDATE-TICKET'\nexport const COMMENT = 'COMMENT'\nexport const ADD_TAGS_TO_TICKET = 'ADD-TAGS-TO-TICKET'\nexport const ADD_FILES_TO_TICKET = 'ADD-FILES-TO-TICKET'\nexport const COMMENT_MENTION = 'COMMENT-MENTION'\nexport const ASSIGN_TICKET = 'ASSIGN-TICKET'\nexport const CREATE_TICKET = 'CREATE-TICKET'\n\nexport const avatarType = [\n    UPDATE_TICKET,\n    COMMENT,\n    COMMENT_MENTION,\n    ASSIGN_TICKET,\n]\nexport const iconType = [ADD_TAGS_TO_TICKET, ADD_FILES_TO_TICKET, CREATE_TICKET]\n"],"names":[],"mappings":"AAAO,MAAM,gBAAgB;AACtB,MAAM,UAAU;AAChB,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,kBAAkB;AACxB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AAEtB,MAAM,aAAa;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AACO,MAAM,WAAW,CAAC,oBAAoB,qBAAqB,aAAa;"}
+{"version":3,"file":"constants.js","sources":["../../../../../lib/@ecme/components/view/Activity/constants.ts"],"sourcesContent":["export const UPDATE_TICKET = 'UPDATE-TICKET'\r\nexport const COMMENT = 'COMMENT'\r\nexport const ADD_TAGS_TO_TICKET = 'ADD-TAGS-TO-TICKET'\r\nexport const ADD_FILES_TO_TICKET = 'ADD-FILES-TO-TICKET'\r\nexport const COMMENT_MENTION = 'COMMENT-MENTION'\r\nexport const ASSIGN_TICKET = 'ASSIGN-TICKET'\r\nexport const CREATE_TICKET = 'CREATE-TICKET'\r\n\r\nexport const avatarType = [\r\n    UPDATE_TICKET,\r\n    COMMENT,\r\n    COMMENT_MENTION,\r\n    ASSIGN_TICKET,\r\n]\r\nexport const iconType = [ADD_TAGS_TO_TICKET, ADD_FILES_TO_TICKET, CREATE_TICKET]\r\n"],"names":[],"mappings":"AAAO,MAAM,gBAAgB;AACtB,MAAM,UAAU;AAChB,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,kBAAkB;AACxB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AAEtB,MAAM,aAAa;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AACO,MAAM,WAAW,CAAC,oBAAoB,qBAAqB,aAAa;"}

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":["Fragment"],"mappings":";;;;;AAiBA,MAAM,WAAW,CAAC;AAAA,EACd;AAAA,EACA;AACJ,MASM;AACF,QAAM,UAAU,kBAAkB,CAAC,EAAE,SAAA,sCAAkB,SAAA,CAAS;AAEhE,8BACK,QAAA,EACI,UAAA;AAAA,IAAA,aAAa,IAAI,CAAC,UACf,oBAACA,YAAA,EACI,UAAA,MAAM,IAAI,IAAI,CAAC,EAAE,MAAM,WAAW,WAAW,YAC1C;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG;AAAA,QACA,SACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,8BACK,OAAA,EAAI,WAAU,kDACX,UAAA,oBAAC,SAAA,EAAQ,MAAM,GAAA,CAAI,EAAA,CACvB;AAAA,YAGJ,8BAAC,SAAA,EAAQ,OAAO,OACZ,UAAA,oBAAC,aAAU,EAAA,CACf;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,MAbC;AAAA,IAAA,CAgBZ,EAAA,GAnBU,MAAM,SAoBrB,CACH;AAAA,IACD,oBAAC,OAAA,EAAM,MAAK,KAAI,SAAS,oBAAC,UAAA,EAAS,SAAO,MAAC,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'\r\nimport Spinner from '@/components/ui/Spinner'\r\nimport { Routes, Route, Navigate } from 'react-router-dom'\r\n\r\nimport type { LazyExoticComponent, JSX } from 'react'\r\n\r\nexport type ModuleRouteNav = {\r\n    path: string\r\n    label: string\r\n    component: LazyExoticComponent<() => JSX.Element>\r\n}\r\n\r\nexport type ModuleRoute = {\r\n    groupName: string\r\n    nav: ModuleRouteNav[]\r\n}\r\n\r\nconst BaseView = ({\r\n    moduleRoutes,\r\n    ModuleWrapper,\r\n}: {\r\n    moduleRoutes: ModuleRoute[]\r\n    ModuleWrapper?: ({\r\n        title,\r\n        children,\r\n    }: {\r\n        title: string\r\n        children: JSX.Element\r\n    }) => JSX.Element\r\n}) => {\r\n    const Wrapper = ModuleWrapper || (({ children }) => <>{children}</>)\r\n\r\n    return (\r\n        <Routes>\r\n            {moduleRoutes.map((group) => (\r\n                <Fragment key={group.groupName}>\r\n                    {group.nav.map(({ path, component: Component, label }) => (\r\n                        <Route\r\n                            key={label}\r\n                            path={path}\r\n                            element={\r\n                                <Suspense\r\n                                    fallback={\r\n                                        <div className=\"flex h-full w-full items-center justify-center\">\r\n                                            <Spinner size={40} />\r\n                                        </div>\r\n                                    }\r\n                                >\r\n                                    <Wrapper title={label}>\r\n                                        <Component />\r\n                                    </Wrapper>\r\n                                </Suspense>\r\n                            }\r\n                        />\r\n                    ))}\r\n                </Fragment>\r\n            ))}\r\n            <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\r\n        </Routes>\r\n    )\r\n}\r\n\r\nexport default BaseView\r\n"],"names":["Fragment"],"mappings":";;;;;AAiBA,MAAM,WAAW,CAAC;AAAA,EACd;AAAA,EACA;AACJ,MASM;AACF,QAAM,UAAU,kBAAkB,CAAC,EAAE,SAAS,sCAAS,SAAS,CAAA;AAEhE,8BACK,QACI,EAAA,UAAA;AAAA,IAAA,aAAa,IAAI,CAAC,UACf,oBAACA,YAAA,EACI,UAAA,MAAM,IAAI,IAAI,CAAC,EAAE,MAAM,WAAW,WAAW,YAC1C;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG;AAAA,QACA,SACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,8BACK,OAAI,EAAA,WAAU,kDACX,UAAC,oBAAA,SAAA,EAAQ,MAAM,GAAA,CAAI,EACvB,CAAA;AAAA,YAGJ,8BAAC,SAAQ,EAAA,OAAO,OACZ,UAAA,oBAAC,aAAU,EACf,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,MAbC;AAAA,IAAA,CAgBZ,EAAA,GAnBU,MAAM,SAoBrB,CACH;AAAA,IACD,oBAAC,OAAM,EAAA,MAAK,KAAI,SAAU,oBAAA,UAAA,EAAS,SAAO,MAAC,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":[],"mappings":";;;;;AAqBA,MAAM,UAAU,WAAuC,CAAC,OAAO,QAAQ;AACnE,QAAM;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX;AAAA,MACA,OACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,MAIP,UAAA;AAAA,QAAA,mBACG;AAAA,UAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEP;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAED,QAAQ,cAAc;"}
+{"version":3,"file":"ChatBox.js","sources":["../../../../../lib/@ecme/components/view/ChatBox/ChatBox.tsx"],"sourcesContent":["import ChatContainer from './components/ChatContainer'\r\nimport MessageList from './components/MessageList'\r\nimport ChatInput from './components/ChatInput'\r\nimport type { MessageListProps } from './components/MessageList'\r\nimport type { ChatContainerProps } from './components/ChatContainer'\r\nimport type { ChatInputProps } from './components/ChatInput'\r\nimport type { ReactNode } from 'react'\r\nimport { forwardRef } from 'react'\r\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\r\n\r\nexport type MessageList = MessageListProps['list']\r\n\r\nexport type ChatBoxProps = {\r\n    messageList: MessageList\r\n    header?: ChatContainerProps['header']\r\n    showMessageList?: boolean\r\n    children?: ReactNode\r\n    containerClass?: string\r\n} & Omit<MessageListProps, 'list'> &\r\n    ChatInputProps\r\n\r\nconst ChatBox = forwardRef<ScrollBarRef, ChatBoxProps>((props, ref) => {\r\n    const {\r\n        messageList,\r\n        showMessageList = true,\r\n        children,\r\n        header,\r\n        placeholder,\r\n        onInputChange,\r\n        showAvatar,\r\n        avatarGap,\r\n        customRenderer,\r\n        customAction,\r\n        bubbleClass,\r\n        typing,\r\n        messageListClass,\r\n        containerClass,\r\n    } = props\r\n\r\n    return (\r\n        <ChatContainer\r\n            className={containerClass}\r\n            header={header}\r\n            input={\r\n                <ChatInput\r\n                    placeholder={placeholder}\r\n                    onInputChange={onInputChange}\r\n                />\r\n            }\r\n        >\r\n            {showMessageList && (\r\n                <MessageList\r\n                    ref={ref}\r\n                    list={messageList}\r\n                    showAvatar={showAvatar}\r\n                    avatarGap={avatarGap}\r\n                    customRenderer={customRenderer}\r\n                    customAction={customAction}\r\n                    typing={typing}\r\n                    messageListClass={messageListClass}\r\n                    bubbleClass={bubbleClass}\r\n                />            )}\r\n            {children}\r\n        </ChatContainer>\r\n    )\r\n})\r\n\r\nChatBox.displayName = 'ChatBox'\r\n\r\nexport default ChatBox\r\n"],"names":[],"mappings":";;;;;AAqBA,MAAM,UAAU,WAAuC,CAAC,OAAO,QAAQ;AAC7D,QAAA;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAGA,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX;AAAA,MACA,OACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,QAAA;AAAA,MACJ;AAAA,MAGH,UAAA;AAAA,QACG,mBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACJ;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AAER,CAAC;AAED,QAAQ,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":[],"mappings":";;;AAWA,MAAM,aAAa,CAAC,EAAE,kBAAoC;AACtD,SACI,oBAAC,SAAI,WAAU,iBACV,yBACG,YAAY,IAAI,CAAC,YAAY,UAAU;AACnC,UAAM,MAAM,WAAW,WAAW;AAElC,QAAI,WAAW,SAAS,SAAS;AAC7B,iCACK,OAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,KAAK,WAAW;AAAA,UAChB,KAAI;AAAA,QAAA;AAAA,MAAA,KAJF,GAMV;AAAA,IAER;AAEA,QAAI,WAAW,SAAS,SAAS;AAC7B,iCACK,OAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,WAAW;AAAA,UACjB,QAAO;AAAA,UACP,KAAI;AAAA,UAEJ,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,KAAK,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACpB;AAAA,MAAA,KATE,GAWV;AAAA,IAER;AAEA,QAAI,WAAW,SAAS,SAAS;AAC7B,aACI,oBAAC,OAAA,EACG,UAAA,qBAAC,SAAA,EAAM,UAAQ,MACX,UAAA;AAAA,QAAA,oBAAC,UAAA,EAAO,KAAK,WAAW,SAAA,CAAU;AAAA,QAAE;AAAA,MAAA,EAAA,CAGxC,KALM,GAMV;AAAA,IAER;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,UAAQ;AAAA,QACR,WAAU;AAAA,QACV,MAAM,WAAW;AAAA,QAEjB,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAO,WAAU,wBAAA,CAAwB;AAAA,+BACzC,OAAA,EACG,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,0BACV,UAAA,WAAW,QAAQ,MACxB;AAAA,YACA,oBAAC,SAAI,WAAU,gBACV,uBAAa,WAAW,QAAQ,IAAI,EAAA,CACzC;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAbK;AAAA,IAAA;AAAA,EAgBjB,CAAC,EAAA,CACT;AAER;"}
+{"version":3,"file":"Attachment.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/Attachment.tsx"],"sourcesContent":["import fileSizeUnit from '@/utils/fileSizeUnit'\r\nimport { TbFile } from 'react-icons/tb'\r\n\r\nexport type AttatchmentProps = {\r\n    attachments?: Array<{\r\n        type: 'image' | 'video' | 'audio' | 'misc'\r\n        source: File\r\n        mediaUrl: string\r\n    }>\r\n}\r\n\r\nconst Attachment = ({ attachments }: AttatchmentProps) => {\r\n    return (\r\n        <div className=\"flex flex-col\">\r\n            {attachments &&\r\n                attachments.map((attachment, index) => {\r\n                    const key = attachment.mediaUrl + index\r\n\r\n                    if (attachment.type === 'image') {\r\n                        return (\r\n                            <div key={key}>\r\n                                <img\r\n                                    className=\"rounded-xl my-2\"\r\n                                    src={attachment.mediaUrl}\r\n                                    alt=\"\"\r\n                                />\r\n                            </div>\r\n                        )\r\n                    }\r\n\r\n                    if (attachment.type === 'video') {\r\n                        return (\r\n                            <div key={key}>\r\n                                <a\r\n                                    href={attachment.mediaUrl}\r\n                                    target=\"_blank\"\r\n                                    rel=\"noreferrer\"\r\n                                >\r\n                                    <video\r\n                                        className=\"rounded-xl my-2\"\r\n                                        src={attachment.mediaUrl}\r\n                                    />\r\n                                </a>\r\n                            </div>\r\n                        )\r\n                    }\r\n\r\n                    if (attachment.type === 'audio') {\r\n                        return (\r\n                            <div key={key}>\r\n                                <audio controls>\r\n                                    <source src={attachment.mediaUrl} />\r\n                                    Your browser does not support the audio\r\n                                    element.\r\n                                </audio>\r\n                            </div>\r\n                        )\r\n                    }\r\n\r\n                    return (\r\n                        <a\r\n                            key={key}\r\n                            download\r\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\"\r\n                            href={attachment.mediaUrl}\r\n                        >\r\n                            <TbFile className=\"text-3xl heading-text\" />\r\n                            <div>\r\n                                <div className=\"heading-text font-bold\">\r\n                                    {attachment.source?.name}\r\n                                </div>\r\n                                <div className=\"heading-text\">\r\n                                    {fileSizeUnit(attachment.source?.size)}\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    )\r\n                })}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Attachment\r\n"],"names":[],"mappings":";;;AAWA,MAAM,aAAa,CAAC,EAAE,kBAAoC;AAElD,SAAA,oBAAC,SAAI,WAAU,iBACV,yBACG,YAAY,IAAI,CAAC,YAAY,UAAU;AAC7B,UAAA,MAAM,WAAW,WAAW;AAE9B,QAAA,WAAW,SAAS,SAAS;AAC7B,iCACK,OACG,EAAA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,KAAK,WAAW;AAAA,UAChB,KAAI;AAAA,QAAA;AAAA,WAJF,GAMV;AAAA,IAAA;AAIJ,QAAA,WAAW,SAAS,SAAS;AAC7B,iCACK,OACG,EAAA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,WAAW;AAAA,UACjB,QAAO;AAAA,UACP,KAAI;AAAA,UAEJ,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,KAAK,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACpB;AAAA,WATE,GAWV;AAAA,IAAA;AAIJ,QAAA,WAAW,SAAS,SAAS;AAC7B,aACK,oBAAA,OAAA,EACG,UAAC,qBAAA,SAAA,EAAM,UAAQ,MACX,UAAA;AAAA,QAAC,oBAAA,UAAA,EAAO,KAAK,WAAW,SAAU,CAAA;AAAA,QAAE;AAAA,MAAA,EAGxC,CAAA,KALM,GAMV;AAAA,IAAA;AAKJ,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,UAAQ;AAAA,QACR,WAAU;AAAA,QACV,MAAM,WAAW;AAAA,QAEjB,UAAA;AAAA,UAAC,oBAAA,QAAA,EAAO,WAAU,wBAAwB,CAAA;AAAA,+BACzC,OACG,EAAA,UAAA;AAAA,YAAA,oBAAC,OAAI,EAAA,WAAU,0BACV,UAAA,WAAW,QAAQ,MACxB;AAAA,YACA,oBAAC,SAAI,WAAU,gBACV,uBAAa,WAAW,QAAQ,IAAI,EACzC,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAbK;AAAA,IAcT;AAAA,EAEP,CAAA,GACT;AAER;"}

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":[],"mappings":";;AASA,MAAM,gBAAgB,CAAC,UAA8B;AACjD,QAAM,EAAE,QAAQ,UAAU,WAAW,UAAU;AAE/C,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MAAA;AAAA,MAGH,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,QACA;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'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport classNames from '@/utils/classNames'\r\n\r\nexport interface ChatContainerProps extends CommonProps {\r\n    header?: ReactNode\r\n    input?: ReactNode\r\n}\r\n\r\nconst ChatContainer = (props: ChatContainerProps) => {\r\n    const { header, children, className, input } = props\r\n\r\n    return (\r\n        <div\r\n            className={classNames(\r\n                'h-full flex flex-col justify-between',\r\n                className,\r\n            )}\r\n        >\r\n            {header}\r\n            {children}\r\n            {input}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ChatContainer\r\n"],"names":[],"mappings":";;AASM,MAAA,gBAAgB,CAAC,UAA8B;AACjD,QAAM,EAAE,QAAQ,UAAU,WAAW,MAAU,IAAA;AAG3C,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MAEC,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AAER;"}