@orbe-agro/client-core 5.5.2 → 5.5.8

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,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;"}
+{"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;"}

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'\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":"AAiCO,MAAM,yBAAyB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAoC;AAChC,MAAI,mBAAmB,QAAQ;AAC3B,WAAO,eAAe,SAAS,OAAO,EAAE,SAAS;AAAA,EACrD;AAEA,SAAO,gBAAgB,SAAS,OAAO,EAAE,SAAS;AACtD;AAEA,MAAM,mBAAmB;AAAA,EACrB,SAAS;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAAA,EAEf,SAAS;AAAA,IACL,WAAW;AAAA,IACX,SAAS;AAAA,EAAA;AAAA,EAEb,MAAM;AAAA,IACF,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAEnB;AAEA,MAAM,kBAAkB;AAAA,EACpB,SAAS;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb,SAAS;AAAA,IACL,SAAS;AAAA,EAAA;AAAA,EAEb,MAAM;AAAA,IACF,SAAS;AAAA,EAAA;AAEjB;AAEA,MAAM,kBAAkB,CACpB,SACA,YACkD;AAClD,SAAO;AAAA,IACH,WAAW;AAAA,MACP,SAAS;AAAA,QACL,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,MAEX,UAAU;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IACP;AAAA,IAEJ,aAAa;AAAA,MACT,SAAS;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,MAEV,UAAU;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IACP;AAAA,IAEJ,cAAc;AAAA,MACV,SAAS;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEf,UAAU;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IACP;AAAA,IAEJ,cAAc;AAAA,MACV,SAAS;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAEX,UAAU;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IACP;AAAA,IAEJ,gBAAgB;AAAA,MACZ,SAAS;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,MAAA;AAAA,MAEV,UAAU;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IACP;AAAA,IAEJ,iBAAiB;AAAA,MACb,SAAS;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEf,UAAU;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IACP;AAAA,EACJ;AAER;AAEA,MAAM,iBAAiB,CACnB,SACA,YACkD;AAClD,SAAO;AAAA,IACH,WAAW;AAAA,MACP,SAAS;AAAA,QACL,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,MAEX,UAAU;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IACP;AAAA,IAEJ,aAAa;AAAA,MACT,SAAS;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,MAEV,UAAU;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IACP;AAAA,IAEJ,cAAc;AAAA,MACV,SAAS;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEf,UAAU;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IACP;AAAA,IAEJ,cAAc;AAAA,MACV,SAAS;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAEX,UAAU;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IACP;AAAA,IAEJ,gBAAgB;AAAA,MACZ,SAAS;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,MAAA;AAAA,MAEV,UAAU;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IACP;AAAA,IAEJ,iBAAiB;AAAA,MACb,SAAS;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEf,UAAU;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IACP;AAAA,EACJ;AAER;"}

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":"AACwB,SAAA,aAAa,KAAU,UAAe;AACtD,MAAA,MAAM,QAAQ,QAAQ,GAAG;AAClB,WAAA,SAAS,QAAQ,GAAG,KAAK;AAAA,EAAA;AAEpC,SAAO,QAAQ;AACnB;"}
+{"version":3,"file":"arrayIndexOf.js","sources":["../../../../../lib/@ecme/components/ui/utils/arrayIndexOf.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nexport default function arrayIndexOf(one: any, ofTarget: any) {\n    if (Array.isArray(ofTarget)) {\n        return ofTarget.indexOf(one) >= 0\n    }\n    return one === ofTarget\n}\n"],"names":[],"mappings":"AACA,SAAwB,aAAa,KAAU,UAAe;AAC1D,MAAI,MAAM,QAAQ,QAAQ,GAAG;AACzB,WAAO,SAAS,QAAQ,GAAG,KAAK;AAAA,EACpC;AACA,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,YAAY,IAAI,MAAM,MAAM,CAAC;AACvD;"}
+{"version":3,"file":"capitalize.js","sources":["../../../../../lib/@ecme/components/ui/utils/capitalize.ts"],"sourcesContent":["export default function capitalize(value: string) {\n    return typeof value !== 'string'\n        ? ''\n        : value.charAt(0).toUpperCase() + value.slice(1)\n}\n"],"names":[],"mappings":"AAAA,SAAwB,WAAW,OAAe;AAC9C,SAAO,OAAO,UAAU,WAClB,KACA,MAAM,OAAO,CAAC,EAAE,YAAA,IAAgB,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;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;"}
+{"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;"}

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;AACnD,SAAA,QAAQA,aAAG,IAAI,CAAC;AAC3B;"}
+{"version":3,"file":"classNames.js","sources":["../../../../../lib/@ecme/components/ui/utils/classNames.ts"],"sourcesContent":["import cn from 'classnames'\nimport { twMerge } from 'tailwind-merge'\n\nexport default function classNames(...args: cn.ArgumentArray) {\n    return twMerge(cn(args))\n}\n"],"names":["cn"],"mappings":";;AAGA,SAAwB,cAAc,MAAwB;AAC1D,SAAO,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":"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;"}
+{"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;"}

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":"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;"}
+{"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;"}

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;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;"}
+{"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;"}

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,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;"}
+{"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;"}

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,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;"}
+{"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;"}

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'\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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"}

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,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;"}
+{"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;"}

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;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;"}
+{"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;"}

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;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;"}
+{"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;"}

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":";;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;"}
+{"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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/ChatInput.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Upload from '@/components/ui/Upload'\nimport hooks from '@/components/ui/hooks'\nimport { TbPhotoPlus, TbArrowRight } from 'react-icons/tb'\nimport type { KeyboardEvent, Ref } from 'react'\n\nexport type ChatInputProps = {\n    placeholder?: string\n    onInputChange?: (payload: { value: string; attachments: File[] }) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst { useMergeRef } = hooks\n\nconst ChatInput = (props: ChatInputProps) => {\n    const [attachments, setAttachments] = useState<File[]>([])\n\n    const { placeholder, onInputChange, ref = null } = props\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const handleInputClear = () => {\n        if (inputRef.current) {\n            inputRef.current.value = ''\n        }\n        setAttachments([])\n    }\n\n    const handleChange = () => {\n        if (inputRef.current?.value) {\n            onInputChange?.({\n                value: inputRef.current?.value || '',\n                attachments,\n            })\n            handleInputClear()\n        }\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            onInputChange?.({\n                value: inputRef.current?.value || '',\n                attachments,\n            })\n            handleInputClear()\n        }\n    }\n\n    return (\n        <div className=\"border-2 border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col\">\n            {attachments.length > 0 && (\n                <Upload\n                    fileList={attachments}\n                    fileListClass=\"flex gap-4\"\n                    fileItemClass=\"flex gap-8\"\n                    onFileRemove={setAttachments}\n                >\n                    <></>\n                </Upload>\n            )}\n            <div className=\"flex items-center gap-2 w-full h-[50px]\">\n                <Upload\n                    fileList={attachments}\n                    showList={false}\n                    onChange={setAttachments}\n                >\n                    <button\n                        className=\"text-xl heading-text hover:text-primary px-1 py-2\"\n                        type=\"button\"\n                    >\n                        <TbPhotoPlus />\n                    </button>\n                </Upload>\n                <input\n                    ref={useMergeRef(inputRef, ref)}\n                    className=\"flex-1 h-full placeholder:text-gray-400 bg-transparent focus:outline-none heading-text\"\n                    placeholder={placeholder}\n                    onKeyDown={handleKeyDown}\n                />\n                <Button\n                    size=\"xs\"\n                    shape=\"circle\"\n                    variant=\"solid\"\n                    icon={<TbArrowRight />}\n                    onClick={handleChange}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default ChatInput\n"],"names":[],"mappings":";;;;;;;;AAaA,MAAM,EAAE,YAAgB,IAAA;AAElB,MAAA,YAAY,CAAC,UAA0B;AACzC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,CAAA,CAAE;AAEzD,QAAM,EAAE,aAAa,eAAe,MAAM,KAAS,IAAA;AAE7C,QAAA,WAAW,OAAyB,IAAI;AAE9C,QAAM,mBAAmB,MAAM;AAC3B,QAAI,SAAS,SAAS;AAClB,eAAS,QAAQ,QAAQ;AAAA,IAAA;AAE7B,mBAAe,CAAA,CAAE;AAAA,EACrB;AAEA,QAAM,eAAe,MAAM;AACnB,QAAA,SAAS,SAAS,OAAO;AACT,sBAAA;AAAA,QACZ,OAAO,SAAS,SAAS,SAAS;AAAA,QAClC;AAAA,MAAA,CACH;AACgB,uBAAA;AAAA,IAAA;AAAA,EAEzB;AAEM,QAAA,gBAAgB,CAAC,UAA2C;AAC1D,QAAA,MAAM,QAAQ,SAAS;AACP,sBAAA;AAAA,QACZ,OAAO,SAAS,SAAS,SAAS;AAAA,QAClC;AAAA,MAAA,CACH;AACgB,uBAAA;AAAA,IAAA;AAAA,EAEzB;AAGI,SAAA,qBAAC,OAAI,EAAA,WAAU,4FACV,UAAA;AAAA,IAAA,YAAY,SAAS,KAClB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAU;AAAA,QACV,eAAc;AAAA,QACd,eAAc;AAAA,QACd,cAAc;AAAA,QAEd,UAAE,oBAAA,UAAA,CAAA,CAAA;AAAA,MAAA;AAAA,IACN;AAAA,IAEJ,qBAAC,OAAI,EAAA,WAAU,2CACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,UAAU;AAAA,UACV,UAAU;AAAA,UAEV,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,8BAAC,aAAY,CAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MACJ;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK,YAAY,UAAU,GAAG;AAAA,UAC9B,WAAU;AAAA,UACV;AAAA,UACA,WAAW;AAAA,QAAA;AAAA,MACf;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,0BAAO,cAAa,EAAA;AAAA,UACpB,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ChatInput.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/ChatInput.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Upload from '@/components/ui/Upload'\nimport hooks from '@/components/ui/hooks'\nimport { TbPhotoPlus, TbArrowRight } from 'react-icons/tb'\nimport type { KeyboardEvent, Ref } from 'react'\n\nexport type ChatInputProps = {\n    placeholder?: string\n    onInputChange?: (payload: { value: string; attachments: File[] }) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst { useMergeRef } = hooks\n\nconst ChatInput = (props: ChatInputProps) => {\n    const [attachments, setAttachments] = useState<File[]>([])\n\n    const { placeholder, onInputChange, ref = null } = props\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const handleInputClear = () => {\n        if (inputRef.current) {\n            inputRef.current.value = ''\n        }\n        setAttachments([])\n    }\n\n    const handleChange = () => {\n        if (inputRef.current?.value) {\n            onInputChange?.({\n                value: inputRef.current?.value || '',\n                attachments,\n            })\n            handleInputClear()\n        }\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            onInputChange?.({\n                value: inputRef.current?.value || '',\n                attachments,\n            })\n            handleInputClear()\n        }\n    }\n\n    return (\n        <div className=\"border-2 border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col\">\n            {attachments.length > 0 && (\n                <Upload\n                    fileList={attachments}\n                    fileListClass=\"flex gap-4\"\n                    fileItemClass=\"flex gap-8\"\n                    onFileRemove={setAttachments}\n                >\n                    <></>\n                </Upload>\n            )}\n            <div className=\"flex items-center gap-2 w-full h-[50px]\">\n                <Upload\n                    fileList={attachments}\n                    showList={false}\n                    onChange={setAttachments}\n                >\n                    <button\n                        className=\"text-xl heading-text hover:text-primary px-1 py-2\"\n                        type=\"button\"\n                    >\n                        <TbPhotoPlus />\n                    </button>\n                </Upload>\n                <input\n                    ref={useMergeRef(inputRef, ref)}\n                    className=\"flex-1 h-full placeholder:text-gray-400 bg-transparent focus:outline-none heading-text\"\n                    placeholder={placeholder}\n                    onKeyDown={handleKeyDown}\n                />\n                <Button\n                    size=\"xs\"\n                    shape=\"circle\"\n                    variant=\"solid\"\n                    icon={<TbArrowRight />}\n                    onClick={handleChange}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default ChatInput\n"],"names":[],"mappings":";;;;;;;;AAaA,MAAM,EAAE,gBAAgB;AAExB,MAAM,YAAY,CAAC,UAA0B;AACzC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,CAAA,CAAE;AAEzD,QAAM,EAAE,aAAa,eAAe,MAAM,SAAS;AAEnD,QAAM,WAAW,OAAyB,IAAI;AAE9C,QAAM,mBAAmB,MAAM;AAC3B,QAAI,SAAS,SAAS;AAClB,eAAS,QAAQ,QAAQ;AAAA,IAC7B;AACA,mBAAe,CAAA,CAAE;AAAA,EACrB;AAEA,QAAM,eAAe,MAAM;AACvB,QAAI,SAAS,SAAS,OAAO;AACzB,sBAAgB;AAAA,QACZ,OAAO,SAAS,SAAS,SAAS;AAAA,QAClC;AAAA,MAAA,CACH;AACD,uBAAA;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,gBAAgB,CAAC,UAA2C;AAC9D,QAAI,MAAM,QAAQ,SAAS;AACvB,sBAAgB;AAAA,QACZ,OAAO,SAAS,SAAS,SAAS;AAAA,QAClC;AAAA,MAAA,CACH;AACD,uBAAA;AAAA,IACJ;AAAA,EACJ;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,4FACV,UAAA;AAAA,IAAA,YAAY,SAAS,KAClB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAU;AAAA,QACV,eAAc;AAAA,QACd,eAAc;AAAA,QACd,cAAc;AAAA,QAEd,UAAA,oBAAA,UAAA,CAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAGV,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,UAAU;AAAA,UACV,UAAU;AAAA,UAEV,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,8BAAC,aAAA,CAAA,CAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MAAA;AAAA,MAEJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK,YAAY,UAAU,GAAG;AAAA,UAC9B,WAAU;AAAA,UACV;AAAA,UACA,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEf;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,0BAAO,cAAA,EAAa;AAAA,UACpB,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/Message.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Attachment from './Attachment'\nimport classNames from '@/utils/classNames'\nimport type { ReactNode } from 'react'\n\nexport type MessageProps = {\n    id: string\n    sender: {\n        id: string\n        name: string\n        avatarImageUrl?: string\n    }\n    content?: string | ReactNode\n    timestamp?: Date | number\n    type: 'regular' | 'reply' | 'deleted' | 'divider'\n    attachments?: Array<{\n        type: 'image' | 'video' | 'audio' | 'misc'\n        source: File\n        mediaUrl: string\n    }>\n    showAvatar?: boolean\n    isMyMessage?: boolean\n    avatarGap?: boolean\n    bubbleClass?: string\n    customRenderer?: () => string | ReactNode\n    customAction?: () => string | ReactNode\n}\n\nconst Message = (props: MessageProps) => {\n    const {\n        attachments,\n        content,\n        showAvatar = true,\n        avatarGap,\n        isMyMessage,\n        sender,\n        type,\n        customRenderer,\n        customAction,\n        bubbleClass,\n    } = props\n\n    return (\n        <>\n            {type === 'divider' ? (\n                <></>\n            ) : (\n                <div\n                    className={classNames('flex', isMyMessage && 'justify-end')}\n                >\n                    <div className=\"flex flex-col\">\n                        <div\n                            className={classNames(\n                                'inline-flex items-end gap-2',\n                                isMyMessage && 'justify-end flex-row-reverse',\n                            )}\n                        >\n                            {showAvatar && (\n                                <div className={classNames('w-[35px]')}>\n                                    {avatarGap && (\n                                        <Avatar\n                                            src={sender.avatarImageUrl}\n                                            size={35}\n                                        />\n                                    )}\n                                </div>\n                            )}\n                            <div\n                                className={classNames(\n                                    'bubble flex flex-col justify-center h-full max-w-[750px] rounded-xl px-5 py-2.5 bg-gray-100 dark:bg-gray-700 prose text-sm text-gray-900 dark:text-gray-100',\n                                    bubbleClass,\n                                )}\n                            >\n                                {customRenderer ? (\n                                    customRenderer()\n                                ) : (\n                                    <>\n                                        {attachments &&\n                                            attachments?.length > 0 && (\n                                                <Attachment\n                                                    attachments={attachments}\n                                                />\n                                            )}\n                                        {content}\n                                    </>\n                                )}\n                            </div>\n                        </div>\n                        {customAction && (\n                            <div>\n                                <div\n                                    className={classNames(\n                                        'flex items-end gap-2',\n                                        isMyMessage && ' flex-row-reverse',\n                                    )}\n                                >\n                                    {showAvatar && avatarGap && (\n                                        <div\n                                            className={classNames('w-[35px]')}\n                                        ></div>\n                                    )}\n                                    {customAction()}\n                                </div>\n                            </div>\n                        )}\n                    </div>\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default Message\n"],"names":[],"mappings":";;;;AA4BM,MAAA,UAAU,CAAC,UAAwB;AAC/B,QAAA;AAAA,IACF;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SAES,oBAAA,UAAA,EAAA,UAAA,SAAS,YACN,oBAAA,UAAA,CAAE,CAAA,IAEF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,WAAW,QAAQ,eAAe,aAAa;AAAA,MAE1D,UAAA,qBAAC,OAAI,EAAA,WAAU,iBACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,eAAe;AAAA,YACnB;AAAA,YAEC,UAAA;AAAA,cAAA,kCACI,OAAI,EAAA,WAAW,WAAW,UAAU,GAChC,UACG,aAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,KAAK,OAAO;AAAA,kBACZ,MAAM;AAAA,gBAAA;AAAA,cAAA,GAGlB;AAAA,cAEJ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAW;AAAA,oBACP;AAAA,oBACA;AAAA,kBACJ;AAAA,kBAEC,UAAA,iBACG,eAAe,IAGV,qBAAA,UAAA,EAAA,UAAA;AAAA,oBACG,eAAA,aAAa,SAAS,KAClB;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG;AAAA,sBAAA;AAAA,oBACJ;AAAA,oBAEP;AAAA,kBAAA,EACL,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,QACJ;AAAA,QACC,oCACI,OACG,EAAA,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,eAAe;AAAA,YACnB;AAAA,YAEC,UAAA;AAAA,cAAA,cAAc,aACX;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAW,WAAW,UAAU;AAAA,gBAAA;AAAA,cACnC;AAAA,cAEJ,aAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,EAEtB,CAAA;AAAA,MAAA,EAER,CAAA;AAAA,IAAA;AAAA,EAAA,GAGZ;AAER;"}
+{"version":3,"file":"Message.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/Message.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Attachment from './Attachment'\nimport classNames from '@/utils/classNames'\nimport type { ReactNode } from 'react'\n\nexport type MessageProps = {\n    id: string\n    sender: {\n        id: string\n        name: string\n        avatarImageUrl?: string\n    }\n    content?: string | ReactNode\n    timestamp?: Date | number\n    type: 'regular' | 'reply' | 'deleted' | 'divider'\n    attachments?: Array<{\n        type: 'image' | 'video' | 'audio' | 'misc'\n        source: File\n        mediaUrl: string\n    }>\n    showAvatar?: boolean\n    isMyMessage?: boolean\n    avatarGap?: boolean\n    bubbleClass?: string\n    customRenderer?: () => string | ReactNode\n    customAction?: () => string | ReactNode\n}\n\nconst Message = (props: MessageProps) => {\n    const {\n        attachments,\n        content,\n        showAvatar = true,\n        avatarGap,\n        isMyMessage,\n        sender,\n        type,\n        customRenderer,\n        customAction,\n        bubbleClass,\n    } = props\n\n    return (\n        <>\n            {type === 'divider' ? (\n                <></>\n            ) : (\n                <div\n                    className={classNames('flex', isMyMessage && 'justify-end')}\n                >\n                    <div className=\"flex flex-col\">\n                        <div\n                            className={classNames(\n                                'inline-flex items-end gap-2',\n                                isMyMessage && 'justify-end flex-row-reverse',\n                            )}\n                        >\n                            {showAvatar && (\n                                <div className={classNames('w-[35px]')}>\n                                    {avatarGap && (\n                                        <Avatar\n                                            src={sender.avatarImageUrl}\n                                            size={35}\n                                        />\n                                    )}\n                                </div>\n                            )}\n                            <div\n                                className={classNames(\n                                    'bubble flex flex-col justify-center h-full max-w-[750px] rounded-xl px-5 py-2.5 bg-gray-100 dark:bg-gray-700 prose text-sm text-gray-900 dark:text-gray-100',\n                                    bubbleClass,\n                                )}\n                            >\n                                {customRenderer ? (\n                                    customRenderer()\n                                ) : (\n                                    <>\n                                        {attachments &&\n                                            attachments?.length > 0 && (\n                                                <Attachment\n                                                    attachments={attachments}\n                                                />\n                                            )}\n                                        {content}\n                                    </>\n                                )}\n                            </div>\n                        </div>\n                        {customAction && (\n                            <div>\n                                <div\n                                    className={classNames(\n                                        'flex items-end gap-2',\n                                        isMyMessage && ' flex-row-reverse',\n                                    )}\n                                >\n                                    {showAvatar && avatarGap && (\n                                        <div\n                                            className={classNames('w-[35px]')}\n                                        ></div>\n                                    )}\n                                    {customAction()}\n                                </div>\n                            </div>\n                        )}\n                    </div>\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default Message\n"],"names":[],"mappings":";;;;AA4BA,MAAM,UAAU,CAAC,UAAwB;AACrC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI,oBAAA,UAAA,EACK,UAAA,SAAS,YACN,oBAAA,UAAA,CAAA,CAAE,IAEF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,WAAW,QAAQ,eAAe,aAAa;AAAA,MAE1D,UAAA,qBAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,eAAe;AAAA,YAAA;AAAA,YAGlB,UAAA;AAAA,cAAA,kCACI,OAAA,EAAI,WAAW,WAAW,UAAU,GAChC,UAAA,aACG;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,KAAK,OAAO;AAAA,kBACZ,MAAM;AAAA,gBAAA;AAAA,cAAA,GAGlB;AAAA,cAEJ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAW;AAAA,oBACP;AAAA,oBACA;AAAA,kBAAA;AAAA,kBAGH,UAAA,iBACG,eAAA,IAEA,qBAAA,UAAA,EACK,UAAA;AAAA,oBAAA,eACG,aAAa,SAAS,KAClB;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAGX;AAAA,kBAAA,EAAA,CACL;AAAA,gBAAA;AAAA,cAAA;AAAA,YAER;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,oCACI,OAAA,EACG,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,eAAe;AAAA,YAAA;AAAA,YAGlB,UAAA;AAAA,cAAA,cAAc,aACX;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAW,WAAW,UAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGvC,aAAA;AAAA,YAAa;AAAA,UAAA;AAAA,QAAA,EAClB,CACJ;AAAA,MAAA,EAAA,CAER;AAAA,IAAA;AAAA,EAAA,GAGZ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MessageList.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/MessageList.tsx"],"sourcesContent":["import ScrollBar from '@/components/ui/ScrollBar'\nimport Message from './Message'\nimport classNames from '@/utils/classNames'\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\nimport type { MessageProps } from './Message'\n\ntype List = MessageProps & { fresh?: boolean }\n\nexport type MessageListProps = {\n    list: List[]\n    showAvatar?: boolean\n    avatarGap?: boolean\n    typing?:\n        | {\n              id: string\n              name: string\n              avatarImageUrl?: string\n          }\n        | false\n    customRenderer?: (message: List, index: number) => string | ReactNode\n    customAction?: (message: List, index: number) => string | ReactNode\n    bubbleClass?: string\n    messageListClass?: string\n}\n\nconst MessageList = forwardRef<ScrollBarRef, MessageListProps>((props, ref) => {    const {\n        list = [],\n        showAvatar = true,\n        typing = false,\n        avatarGap,\n        customRenderer,\n        customAction,\n        messageListClass,\n        bubbleClass,\n    } = props\n\n    return (\n        <div className={classNames('relative', messageListClass)}>\n            <div className=\"absolute top-0 left-0 h-full w-full py-4\">                <ScrollBar\n                    ref={ref}\n                    autoHide\n                    className=\"overflow-y-auto h-full max-w-full\"\n                >\n                    <div className=\"flex flex-col gap-4 px-4\">\n                        {list.map((message, index) => (\n                            <Message\n                                key={message.id}\n                                showAvatar={showAvatar}\n                                avatarGap={avatarGap}\n                                bubbleClass={bubbleClass}\n                                {...message}\n                                {...(customRenderer\n                                    ? {\n                                          customRenderer: () =>\n                                              customRenderer(message, index),\n                                      }\n                                    : {})}\n                                {...(customAction\n                                    ? {\n                                          customAction: () =>\n                                              customAction(message, index),\n                                      }\n                                    : {})}\n                            />\n                        ))}\n                        {typing && (\n                            <Message\n                                id={typing.name + 'typing'}\n                                sender={typing}\n                                type=\"regular\"\n                                showAvatar={showAvatar}\n                                bubbleClass={bubbleClass}\n                                avatarGap={avatarGap}\n                                content={\n                                    <span className=\"flex items-center gap-2\">\n                                        <span className=\"size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_1s_ease-in-out_infinite] dark:bg-gray-300\"></span>\n                                        <span className=\"size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_0.5s_ease-in-out_infinite] dark:bg-gray-300\"></span>\n                                        <span className=\"size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_1s_ease-in-out_infinite] dark:bg-gray-300\"></span>\n                                    </span>\n                                }\n                            />\n                        )}\n                    </div>                </ScrollBar>\n            </div>\n        </div>\n    )\n})\n\nMessageList.displayName = 'MessageList'\n\nexport default MessageList\n"],"names":[],"mappings":";;;;;;AA2BA,MAAM,cAAc,WAA2C,CAAC,OAAO,QAAQ;AAAW,QAAA;AAAA,IAClF,OAAO,CAAC;AAAA,IACR,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAGA,SAAA,oBAAC,OAAI,EAAA,WAAW,WAAW,YAAY,gBAAgB,GACnD,UAAA,qBAAC,OAAI,EAAA,WAAU,4CAA2C,UAAA;AAAA,IAAA;AAAA,IAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACnE;AAAA,QACA,UAAQ;AAAA,QACR,WAAU;AAAA,QAEV,UAAA;AAAA,UAAC,qBAAA,OAAA,EAAI,WAAU,4BACV,UAAA;AAAA,YAAK,KAAA,IAAI,CAAC,SAAS,UAChB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG;AAAA,gBACA;AAAA,gBACA;AAAA,gBACC,GAAG;AAAA,gBACH,GAAI,iBACC;AAAA,kBACI,gBAAgB,MACZ,eAAe,SAAS,KAAK;AAAA,gBAAA,IAErC,CAAC;AAAA,gBACN,GAAI,eACC;AAAA,kBACI,cAAc,MACV,aAAa,SAAS,KAAK;AAAA,gBAAA,IAEnC,CAAA;AAAA,cAAC;AAAA,cAhBF,QAAQ;AAAA,YAAA,CAkBpB;AAAA,YACA,UACG;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,IAAI,OAAO,OAAO;AAAA,gBAClB,QAAQ;AAAA,gBACR,MAAK;AAAA,gBACL;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,SACI,qBAAC,QAAK,EAAA,WAAU,2BACZ,UAAA;AAAA,kBAAC,oBAAA,QAAA,EAAK,WAAU,0GAA0G,CAAA;AAAA,kBAC1H,oBAAC,QAAK,EAAA,WAAU,4GAA4G,CAAA;AAAA,kBAC5H,oBAAC,QAAK,EAAA,WAAU,0GAA0G,CAAA;AAAA,gBAAA,EAC9H,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAER,GAER;AAAA,UAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAgB,EAAA,CAC9B,EACJ,CAAA;AAER,CAAC;AAED,YAAY,cAAc;"}
+{"version":3,"file":"MessageList.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/MessageList.tsx"],"sourcesContent":["import ScrollBar from '@/components/ui/ScrollBar'\nimport Message from './Message'\nimport classNames from '@/utils/classNames'\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\nimport type { ScrollBarRef } from '@/components/ui/ScrollBar'\nimport type { MessageProps } from './Message'\n\ntype List = MessageProps & { fresh?: boolean }\n\nexport type MessageListProps = {\n    list: List[]\n    showAvatar?: boolean\n    avatarGap?: boolean\n    typing?:\n        | {\n              id: string\n              name: string\n              avatarImageUrl?: string\n          }\n        | false\n    customRenderer?: (message: List, index: number) => string | ReactNode\n    customAction?: (message: List, index: number) => string | ReactNode\n    bubbleClass?: string\n    messageListClass?: string\n}\n\nconst MessageList = forwardRef<ScrollBarRef, MessageListProps>((props, ref) => {    const {\n        list = [],\n        showAvatar = true,\n        typing = false,\n        avatarGap,\n        customRenderer,\n        customAction,\n        messageListClass,\n        bubbleClass,\n    } = props\n\n    return (\n        <div className={classNames('relative', messageListClass)}>\n            <div className=\"absolute top-0 left-0 h-full w-full py-4\">                <ScrollBar\n                    ref={ref}\n                    autoHide\n                    className=\"overflow-y-auto h-full max-w-full\"\n                >\n                    <div className=\"flex flex-col gap-4 px-4\">\n                        {list.map((message, index) => (\n                            <Message\n                                key={message.id}\n                                showAvatar={showAvatar}\n                                avatarGap={avatarGap}\n                                bubbleClass={bubbleClass}\n                                {...message}\n                                {...(customRenderer\n                                    ? {\n                                          customRenderer: () =>\n                                              customRenderer(message, index),\n                                      }\n                                    : {})}\n                                {...(customAction\n                                    ? {\n                                          customAction: () =>\n                                              customAction(message, index),\n                                      }\n                                    : {})}\n                            />\n                        ))}\n                        {typing && (\n                            <Message\n                                id={typing.name + 'typing'}\n                                sender={typing}\n                                type=\"regular\"\n                                showAvatar={showAvatar}\n                                bubbleClass={bubbleClass}\n                                avatarGap={avatarGap}\n                                content={\n                                    <span className=\"flex items-center gap-2\">\n                                        <span className=\"size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_1s_ease-in-out_infinite] dark:bg-gray-300\"></span>\n                                        <span className=\"size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_0.5s_ease-in-out_infinite] dark:bg-gray-300\"></span>\n                                        <span className=\"size-1.5 rounded-full bg-gray-700 motion-safe:animate-[bounce_1s_ease-in-out_infinite] dark:bg-gray-300\"></span>\n                                    </span>\n                                }\n                            />\n                        )}\n                    </div>                </ScrollBar>\n            </div>\n        </div>\n    )\n})\n\nMessageList.displayName = 'MessageList'\n\nexport default MessageList\n"],"names":[],"mappings":";;;;;;AA2BA,MAAM,cAAc,WAA2C,CAAC,OAAO,QAAQ;AAAK,QAAM;AAAA,IAClF,OAAO,CAAA;AAAA,IACP,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI,oBAAC,OAAA,EAAI,WAAW,WAAW,YAAY,gBAAgB,GACnD,UAAA,qBAAC,OAAA,EAAI,WAAU,4CAA2C,UAAA;AAAA,IAAA;AAAA,IAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACnE;AAAA,QACA,UAAQ;AAAA,QACR,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,4BACV,UAAA;AAAA,YAAA,KAAK,IAAI,CAAC,SAAS,UAChB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG;AAAA,gBACA;AAAA,gBACA;AAAA,gBACC,GAAG;AAAA,gBACH,GAAI,iBACC;AAAA,kBACI,gBAAgB,MACZ,eAAe,SAAS,KAAK;AAAA,gBAAA,IAErC,CAAA;AAAA,gBACL,GAAI,eACC;AAAA,kBACI,cAAc,MACV,aAAa,SAAS,KAAK;AAAA,gBAAA,IAEnC,CAAA;AAAA,cAAC;AAAA,cAhBF,QAAQ;AAAA,YAAA,CAkBpB;AAAA,YACA,UACG;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,IAAI,OAAO,OAAO;AAAA,gBAClB,QAAQ;AAAA,gBACR,MAAK;AAAA,gBACL;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,SACI,qBAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,kBAAA,oBAAC,QAAA,EAAK,WAAU,0GAAA,CAA0G;AAAA,kBAC1H,oBAAC,QAAA,EAAK,WAAU,4GAAA,CAA4G;AAAA,kBAC5H,oBAAC,QAAA,EAAK,WAAU,0GAAA,CAA0G;AAAA,gBAAA,EAAA,CAC9H;AAAA,cAAA;AAAA,YAAA;AAAA,UAER,GAER;AAAA,UAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAgB,EAAA,CAC9B,EAAA,CACJ;AAER,CAAC;AAED,YAAY,cAAc;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CreditCardDialog.js","sources":["../../../../../lib/@ecme/components/view/CreditCardDialog/CreditCardDialog.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\nimport FormPatternInput from '@/components/shared/PatternInput'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype CreditCard = {\n    cardHolderName: string\n    ccNumber?: string\n    cardExpiry?: string\n    code?: string\n}\n\ntype FormSchema = CreditCard\n\ntype CreditCardDialogProps = {\n    title: string\n    dialogOpen: boolean\n    onDialogClose: () => void\n    defaultValues: CreditCard\n    onSubmit: (value: FormSchema) => void\n}\n\nfunction limit(val: string, max: string) {\n    if (val.length === 1 && val[0] > max[0]) {\n        val = '0' + val\n    }\n\n    if (val.length === 2) {\n        if (Number(val) === 0) {\n            val = '01'\n        } else if (val > max) {\n            val = max\n        }\n    }\n\n    return val\n}\n\nfunction cardExpiryFormat(val: string) {\n    const month = limit(val.substring(0, 2), '12')\n    const date = limit(val.substring(2, 4), '31')\n\n    return month + (date.length ? '/' + date : '')\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    cardHolderName: z.string().min(1, { message: 'Card holder name required' }),\n    ccNumber: z\n        .string()\n        .min(1, 'Credit card number required')\n        .refine(\n            (value) =>\n                /^(?:4[0-9]{12}(?:[0-9]{3})?|[25][1-7][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\\d{3})\\d{11})$/.test(\n                    value,\n                ),\n            'Invalid credit card number',\n        ),\n    cardExpiry: z\n        .string()\n        .min(1, { message: 'Card holder name required' })\n        .refine(\n            (value) => /^(0[1-9]|1[0-2])\\/?([0-9]{4}|[0-9]{2})$/.test(value),\n            'Invalid Date',\n        ),\n    code: z\n        .string()\n        .min(1, { message: 'Code required' })\n        .refine((value) => /^[0-9]{3}$/.test(value), 'Invalid CVV'),\n})\n\nconst CreditCardDialog = ({\n    title,\n    dialogOpen,\n    onDialogClose,\n    defaultValues,\n    onSubmit,\n}: CreditCardDialogProps) => {\n    const {\n        handleSubmit,\n        formState: { errors, isSubmitting },\n        reset,\n        control,\n    } = useForm<FormSchema>({\n        defaultValues,\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        reset(defaultValues)\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [defaultValues])\n\n    return (\n        <Dialog\n            isOpen={dialogOpen}\n            onClose={onDialogClose}\n            onRequestClose={onDialogClose}\n        >\n            <h4>{title}</h4>\n            <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n                <FormItem\n                    label=\"User Name\"\n                    invalid={Boolean(errors.cardHolderName)}\n                    errorMessage={errors.cardHolderName?.message}\n                >\n                    <Controller\n                        name=\"cardHolderName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Card holder name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Credit card number\"\n                    invalid={Boolean(errors.ccNumber)}\n                    errorMessage={errors.ccNumber?.message}\n                >\n                    <Controller\n                        name=\"ccNumber\"\n                        control={control}\n                        render={({ field }) => (\n                            <FormPatternInput\n                                placeholder=\"•••• •••• •••• ••••\"\n                                format=\"#### #### #### ####\"\n                                value={field.value}\n                                onValueChange={(e) => {\n                                    field.onChange(e.value)\n                                }}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <div className=\"grid grid-cols-2 gap-4\">\n                    <FormItem\n                        label=\"Expiration date\"\n                        invalid={Boolean(errors.cardExpiry)}\n                        errorMessage={errors.cardExpiry?.message}\n                    >\n                        <Controller\n                            name=\"cardExpiry\"\n                            control={control}\n                            render={({ field }) => (\n                                <FormCustomFormatInput\n                                    placeholder=\"••/••\"\n                                    format={cardExpiryFormat}\n                                    value={field.value}\n                                    onValueChange={(e) => {\n                                        field.onChange(e.value)\n                                    }}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <FormItem\n                        label=\"CVV\"\n                        invalid={Boolean(errors.code)}\n                        errorMessage={errors.code?.message}\n                    >\n                        <Controller\n                            name=\"code\"\n                            control={control}\n                            render={({ field }) => (\n                                <FormPatternInput\n                                    placeholder=\"•••\"\n                                    format=\"###\"\n                                    value={field.value}\n                                    onValueChange={(e) => {\n                                        field.onChange(e.value)\n                                    }}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                </div>\n                <Button\n                    block\n                    variant=\"solid\"\n                    type=\"submit\"\n                    loading={isSubmitting}\n                >\n                    Update\n                </Button>\n            </Form>\n        </Dialog>\n    )\n}\n\nexport default CreditCardDialog\n"],"names":["FormPatternInput"],"mappings":"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"}
+{"version":3,"file":"CreditCardDialog.js","sources":["../../../../../lib/@ecme/components/view/CreditCardDialog/CreditCardDialog.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\nimport FormPatternInput from '@/components/shared/PatternInput'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype CreditCard = {\n    cardHolderName: string\n    ccNumber?: string\n    cardExpiry?: string\n    code?: string\n}\n\ntype FormSchema = CreditCard\n\ntype CreditCardDialogProps = {\n    title: string\n    dialogOpen: boolean\n    onDialogClose: () => void\n    defaultValues: CreditCard\n    onSubmit: (value: FormSchema) => void\n}\n\nfunction limit(val: string, max: string) {\n    if (val.length === 1 && val[0] > max[0]) {\n        val = '0' + val\n    }\n\n    if (val.length === 2) {\n        if (Number(val) === 0) {\n            val = '01'\n        } else if (val > max) {\n            val = max\n        }\n    }\n\n    return val\n}\n\nfunction cardExpiryFormat(val: string) {\n    const month = limit(val.substring(0, 2), '12')\n    const date = limit(val.substring(2, 4), '31')\n\n    return month + (date.length ? '/' + date : '')\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    cardHolderName: z.string().min(1, { message: 'Card holder name required' }),\n    ccNumber: z\n        .string()\n        .min(1, 'Credit card number required')\n        .refine(\n            (value) =>\n                /^(?:4[0-9]{12}(?:[0-9]{3})?|[25][1-7][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\\d{3})\\d{11})$/.test(\n                    value,\n                ),\n            'Invalid credit card number',\n        ),\n    cardExpiry: z\n        .string()\n        .min(1, { message: 'Card holder name required' })\n        .refine(\n            (value) => /^(0[1-9]|1[0-2])\\/?([0-9]{4}|[0-9]{2})$/.test(value),\n            'Invalid Date',\n        ),\n    code: z\n        .string()\n        .min(1, { message: 'Code required' })\n        .refine((value) => /^[0-9]{3}$/.test(value), 'Invalid CVV'),\n})\n\nconst CreditCardDialog = ({\n    title,\n    dialogOpen,\n    onDialogClose,\n    defaultValues,\n    onSubmit,\n}: CreditCardDialogProps) => {\n    const {\n        handleSubmit,\n        formState: { errors, isSubmitting },\n        reset,\n        control,\n    } = useForm<FormSchema>({\n        defaultValues,\n        resolver: zodResolver(validationSchema),\n    })\n\n    useEffect(() => {\n        reset(defaultValues)\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [defaultValues])\n\n    return (\n        <Dialog\n            isOpen={dialogOpen}\n            onClose={onDialogClose}\n            onRequestClose={onDialogClose}\n        >\n            <h4>{title}</h4>\n            <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n                <FormItem\n                    label=\"User Name\"\n                    invalid={Boolean(errors.cardHolderName)}\n                    errorMessage={errors.cardHolderName?.message}\n                >\n                    <Controller\n                        name=\"cardHolderName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"Card holder name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Credit card number\"\n                    invalid={Boolean(errors.ccNumber)}\n                    errorMessage={errors.ccNumber?.message}\n                >\n                    <Controller\n                        name=\"ccNumber\"\n                        control={control}\n                        render={({ field }) => (\n                            <FormPatternInput\n                                placeholder=\"•••• •••• •••• ••••\"\n                                format=\"#### #### #### ####\"\n                                value={field.value}\n                                onValueChange={(e) => {\n                                    field.onChange(e.value)\n                                }}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <div className=\"grid grid-cols-2 gap-4\">\n                    <FormItem\n                        label=\"Expiration date\"\n                        invalid={Boolean(errors.cardExpiry)}\n                        errorMessage={errors.cardExpiry?.message}\n                    >\n                        <Controller\n                            name=\"cardExpiry\"\n                            control={control}\n                            render={({ field }) => (\n                                <FormCustomFormatInput\n                                    placeholder=\"••/••\"\n                                    format={cardExpiryFormat}\n                                    value={field.value}\n                                    onValueChange={(e) => {\n                                        field.onChange(e.value)\n                                    }}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <FormItem\n                        label=\"CVV\"\n                        invalid={Boolean(errors.code)}\n                        errorMessage={errors.code?.message}\n                    >\n                        <Controller\n                            name=\"code\"\n                            control={control}\n                            render={({ field }) => (\n                                <FormPatternInput\n                                    placeholder=\"•••\"\n                                    format=\"###\"\n                                    value={field.value}\n                                    onValueChange={(e) => {\n                                        field.onChange(e.value)\n                                    }}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                </div>\n                <Button\n                    block\n                    variant=\"solid\"\n                    type=\"submit\"\n                    loading={isSubmitting}\n                >\n                    Update\n                </Button>\n            </Form>\n        </Dialog>\n    )\n}\n\nexport default CreditCardDialog\n"],"names":["FormPatternInput"],"mappings":"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"}