@orbe-agro/client-core 5.3.86 → 5.3.89

package/dist/@ecme/views/concepts/ai/Image/components/ImageDialog.js

@@ -1,37 +1,36 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { useState as x } from "react";
+import { useState as h } from "react";
 import "../../../../../components/ui/Button/index.js";
 import "../../../../../components/ui/Dialog/index.js";
 import "../../../../../components/ui/Tooltip/index.js";
 import "../../../../../components/ui/Tag/index.js";
-import N from "../../../../../utils/sleep.js";
-import { useImageGeneratorStore as u } from "../store/imageGeneratorStore.js";
-import { TbDownload as k, TbHeartFilled as w, TbHeart as b, TbAlertTriangle as v } from "react-icons/tb";
-import D from "../../../../../components/ui/Dialog/Dialog.js";
+import g from "../../../../../utils/sleep.js";
+import { useImageGeneratorStore as x } from "../store/imageGeneratorStore.js";
+import { TbDownload as N, TbHeartFilled as u, TbHeart as k, TbAlertTriangle as w } from "react-icons/tb";
+import b from "../../../../../components/ui/Dialog/Dialog.js";
 import t from "../../../../../components/ui/Tag/Tag.js";
-import a from "../../../../../components/ui/Tooltip/Tooltip.js";
-import p from "../../../../../components/ui/Button/Button.js";
-const B = () => {
-  const { imageDialog: i, setImageDialog: n } = u(), [r, m] = x(!1), c = async () => {
-    n({
+import r from "../../../../../components/ui/Tooltip/Tooltip.js";
+import a from "../../../../../components/ui/Button/Button.js";
+const H = () => {
+  const { imageDialog: i, setImageDialog: p } = x(), [s, n] = h(!1), m = async () => {
+    p({
       open: !1,
       props: i.props
-    }), await N(200), n({
+    }), await g(200), p({
       open: !1,
       props: {}
-    }), m(!1);
-  }, h = () => {
-    var d, f;
-    const s = (d = i.props.image) == null ? void 0 : d.split("/"), g = s[(s == null ? void 0 : s.length) - 1], l = document.createElement("a");
-    l.href = i.props.image || "", l.setAttribute("download", g), document.body.appendChild(l), l.click(), (f = l.parentNode) == null || f.removeChild(l);
+    }), n(!1);
+  }, d = () => {
+    const c = i.props.image?.split("/"), f = c[c?.length - 1], l = document.createElement("a");
+    l.href = i.props.image || "", l.setAttribute("download", f), document.body.appendChild(l), l.click(), l.parentNode?.removeChild(l);
   };
   return /* @__PURE__ */ e(
-    D,
+    b,
     {
       isOpen: i.open,
       width: 900,
-      onClose: c,
-      onRequestClose: c,
+      onClose: m,
+      onRequestClose: m,
       children: /* @__PURE__ */ o("div", { className: "flex flex-col md:flex-row gap-4", children: [
         /* @__PURE__ */ e("div", { className: "md:max-w-[400px]", children: /* @__PURE__ */ e(
           "img",
@@ -61,34 +60,34 @@ const B = () => {
             ] })
           ] }),
           /* @__PURE__ */ o("div", { className: "flex justify-end gap-2", children: [
-            /* @__PURE__ */ e(a, { title: "Download", children: /* @__PURE__ */ e(
-              p,
+            /* @__PURE__ */ e(r, { title: "Download", children: /* @__PURE__ */ e(
+              a,
               {
-                icon: /* @__PURE__ */ e(k, {}),
+                icon: /* @__PURE__ */ e(N, {}),
                 shape: "circle",
                 size: "sm",
-                onClick: h
+                onClick: d
               }
             ) }),
             i.props.type === "existing" && /* @__PURE__ */ e(
-              a,
+              r,
               {
-                title: /* @__PURE__ */ e("div", { className: "w-12 text-center", children: r ? "Dislike" : "Like" }),
+                title: /* @__PURE__ */ e("div", { className: "w-12 text-center", children: s ? "Dislike" : "Like" }),
                 children: /* @__PURE__ */ e(
-                  p,
+                  a,
                   {
-                    icon: r ? /* @__PURE__ */ e(w, { className: "text-pink-500" }) : /* @__PURE__ */ e(b, {}),
+                    icon: s ? /* @__PURE__ */ e(u, { className: "text-pink-500" }) : /* @__PURE__ */ e(k, {}),
                     shape: "circle",
                     size: "sm",
-                    onClick: () => m(!r)
+                    onClick: () => n(!s)
                   }
                 )
               }
             ),
-            /* @__PURE__ */ e(a, { title: "Report", children: /* @__PURE__ */ e(
-              p,
+            /* @__PURE__ */ e(r, { title: "Report", children: /* @__PURE__ */ e(
+              a,
               {
-                icon: /* @__PURE__ */ e(v, {}),
+                icon: /* @__PURE__ */ e(w, {}),
                 shape: "circle",
                 size: "sm"
               }
@@ -100,6 +99,6 @@ const B = () => {
   );
 };
 export {
-  B as default
+  H as default
 };
 //# sourceMappingURL=ImageDialog.js.map

package/dist/@ecme/views/concepts/ai/Image/components/ImageDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/ImageDialog.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Tag from '@/components/ui/Tag'\nimport sleep from '@/utils/sleep'\nimport { useImageGeneratorStore } from '../store/imageGeneratorStore'\nimport {\n    TbDownload,\n    TbHeart,\n    TbHeartFilled,\n    TbAlertTriangle,\n} from 'react-icons/tb'\n\nconst ImageDialog = () => {\n    const { imageDialog, setImageDialog } = useImageGeneratorStore()\n\n    const [liked, setLiked] = useState(false)\n\n    const handleDialogClose = async () => {\n        setImageDialog({\n            open: false,\n            props: imageDialog.props,\n        })\n        await sleep(200)\n        setImageDialog({\n            open: false,\n            props: {},\n        })\n        setLiked(false)\n    }\n\n    const downloadFile = () => {\n        const fileSegment = imageDialog.props.image?.split('/') as string[]\n        const fileName = fileSegment[fileSegment?.length - 1]\n        const link = document.createElement('a')\n        link.href = imageDialog.props.image || ''\n        link.setAttribute('download', fileName)\n        document.body.appendChild(link)\n        link.click()\n        link.parentNode?.removeChild(link)\n    }\n\n    return (\n        <Dialog\n            isOpen={imageDialog.open}\n            width={900}\n            onClose={handleDialogClose}\n            onRequestClose={handleDialogClose}\n        >\n            <div className=\"flex flex-col md:flex-row gap-4\">\n                <div className=\"md:max-w-[400px]\">\n                    <img\n                        className=\"rounded-xl\"\n                        src={imageDialog.props.image}\n                        alt={imageDialog.props.prompt}\n                    />\n                </div>\n                <div className=\"flex flex-col justify-between flex-1 gap-4\">\n                    <div className=\"mt-2\">\n                        <h5 className=\"font-bold\">Prompt</h5>\n                        <p className=\"mt-4\">{imageDialog.props.prompt}</p>\n                        <div className=\"inline-flex gap-2 mt-6\">\n                            <Tag>Size: {imageDialog.props.size}</Tag>\n                            <Tag>Ratio: {imageDialog.props.ratio}</Tag>\n                            {imageDialog.props.type === 'existing' && (\n                                <Tag>{imageDialog.props.like || 0} Likes</Tag>\n                            )}\n                        </div>\n                    </div>\n                    <div className=\"flex justify-end gap-2\">\n                        <Tooltip title=\"Download\">\n                            <Button\n                                icon={<TbDownload />}\n                                shape=\"circle\"\n                                size=\"sm\"\n                                onClick={downloadFile}\n                            />\n                        </Tooltip>\n                        {imageDialog.props.type === 'existing' && (\n                            <Tooltip\n                                title={\n                                    <div className=\"w-12 text-center\">\n                                        {liked ? 'Dislike' : 'Like'}\n                                    </div>\n                                }\n                            >\n                                <Button\n                                    icon={\n                                        liked ? (\n                                            <TbHeartFilled className=\"text-pink-500\" />\n                                        ) : (\n                                            <TbHeart />\n                                        )\n                                    }\n                                    shape=\"circle\"\n                                    size=\"sm\"\n                                    onClick={() => setLiked(!liked)}\n                                />\n                            </Tooltip>\n                        )}\n                        <Tooltip title=\"Report\">\n                            <Button\n                                icon={<TbAlertTriangle />}\n                                shape=\"circle\"\n                                size=\"sm\"\n                            />\n                        </Tooltip>\n                    </div>\n                </div>\n            </div>\n        </Dialog>\n    )\n}\n\nexport default ImageDialog\n"],"names":["ImageDialog","imageDialog","setImageDialog","useImageGeneratorStore","liked","setLiked","useState","handleDialogClose","sleep","downloadFile","fileSegment","_a","fileName","link","_b","jsx","Dialog","jsxs","Tag","Tooltip","Button","TbDownload","TbHeartFilled","TbHeart","TbAlertTriangle"],"mappings":"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"}
+{"version":3,"file":"ImageDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Image/components/ImageDialog.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Tag from '@/components/ui/Tag'\nimport sleep from '@/utils/sleep'\nimport { useImageGeneratorStore } from '../store/imageGeneratorStore'\nimport {\n    TbDownload,\n    TbHeart,\n    TbHeartFilled,\n    TbAlertTriangle,\n} from 'react-icons/tb'\n\nconst ImageDialog = () => {\n    const { imageDialog, setImageDialog } = useImageGeneratorStore()\n\n    const [liked, setLiked] = useState(false)\n\n    const handleDialogClose = async () => {\n        setImageDialog({\n            open: false,\n            props: imageDialog.props,\n        })\n        await sleep(200)\n        setImageDialog({\n            open: false,\n            props: {},\n        })\n        setLiked(false)\n    }\n\n    const downloadFile = () => {\n        const fileSegment = imageDialog.props.image?.split('/') as string[]\n        const fileName = fileSegment[fileSegment?.length - 1]\n        const link = document.createElement('a')\n        link.href = imageDialog.props.image || ''\n        link.setAttribute('download', fileName)\n        document.body.appendChild(link)\n        link.click()\n        link.parentNode?.removeChild(link)\n    }\n\n    return (\n        <Dialog\n            isOpen={imageDialog.open}\n            width={900}\n            onClose={handleDialogClose}\n            onRequestClose={handleDialogClose}\n        >\n            <div className=\"flex flex-col md:flex-row gap-4\">\n                <div className=\"md:max-w-[400px]\">\n                    <img\n                        className=\"rounded-xl\"\n                        src={imageDialog.props.image}\n                        alt={imageDialog.props.prompt}\n                    />\n                </div>\n                <div className=\"flex flex-col justify-between flex-1 gap-4\">\n                    <div className=\"mt-2\">\n                        <h5 className=\"font-bold\">Prompt</h5>\n                        <p className=\"mt-4\">{imageDialog.props.prompt}</p>\n                        <div className=\"inline-flex gap-2 mt-6\">\n                            <Tag>Size: {imageDialog.props.size}</Tag>\n                            <Tag>Ratio: {imageDialog.props.ratio}</Tag>\n                            {imageDialog.props.type === 'existing' && (\n                                <Tag>{imageDialog.props.like || 0} Likes</Tag>\n                            )}\n                        </div>\n                    </div>\n                    <div className=\"flex justify-end gap-2\">\n                        <Tooltip title=\"Download\">\n                            <Button\n                                icon={<TbDownload />}\n                                shape=\"circle\"\n                                size=\"sm\"\n                                onClick={downloadFile}\n                            />\n                        </Tooltip>\n                        {imageDialog.props.type === 'existing' && (\n                            <Tooltip\n                                title={\n                                    <div className=\"w-12 text-center\">\n                                        {liked ? 'Dislike' : 'Like'}\n                                    </div>\n                                }\n                            >\n                                <Button\n                                    icon={\n                                        liked ? (\n                                            <TbHeartFilled className=\"text-pink-500\" />\n                                        ) : (\n                                            <TbHeart />\n                                        )\n                                    }\n                                    shape=\"circle\"\n                                    size=\"sm\"\n                                    onClick={() => setLiked(!liked)}\n                                />\n                            </Tooltip>\n                        )}\n                        <Tooltip title=\"Report\">\n                            <Button\n                                icon={<TbAlertTriangle />}\n                                shape=\"circle\"\n                                size=\"sm\"\n                            />\n                        </Tooltip>\n                    </div>\n                </div>\n            </div>\n        </Dialog>\n    )\n}\n\nexport default ImageDialog\n"],"names":["ImageDialog","imageDialog","setImageDialog","useImageGeneratorStore","liked","setLiked","useState","handleDialogClose","sleep","downloadFile","fileSegment","fileName","link","jsx","Dialog","jsxs","Tag","Tooltip","Button","TbDownload","TbHeartFilled","TbHeart","TbAlertTriangle"],"mappings":"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"}

package/dist/@ecme/views/concepts/calendar/Calendar/Calendar.js

@@ -1,77 +1,76 @@
-import { jsxs as g, jsx as m } from "react/jsx-runtime";
+import { jsxs as S, jsx as m } from "react/jsx-runtime";
 import { useState as f } from "react";
-import D from "../../../../components/shared/CalendarView.js";
-import E from "../../../../components/shared/Container.js";
-import O from "./components/EventDialog.js";
-import { apiGetCalendar as b } from "../../../../services/CalendarService.js";
+import E from "../../../../components/shared/CalendarView.js";
+import g from "../../../../components/shared/Container.js";
+import D from "./components/EventDialog.js";
+import { apiGetCalendar as O } from "../../../../services/CalendarService.js";
 import p from "lodash/cloneDeep";
-import n from "dayjs";
-import x from "swr";
-const z = () => {
-  const [u, a] = f(!1), [C, d] = f({
+import l from "dayjs";
+import b from "swr";
+const V = () => {
+  const [v, a] = f(!1), [u, d] = f({
     type: ""
-  }), { data: r, mutate: c } = x(
+  }), { data: r, mutate: c } = b(
     "/api/calendar",
-    () => b(),
+    () => O(),
     {
       revalidateOnFocus: !1,
       revalidateIfStale: !1,
       revalidateOnReconnect: !1
     }
   );
-  return /* @__PURE__ */ g(E, { className: "h-full", children: [
+  return /* @__PURE__ */ S(g, { className: "h-full", children: [
     /* @__PURE__ */ m(
-      D,
+      E,
       {
         editable: !0,
         selectable: !0,
         events: r,
         eventClick: (t) => {
-          const { start: o, end: e, id: l, title: i, extendedProps: s } = t.event;
+          const { start: n, end: e, id: o, title: s, extendedProps: i } = t.event;
           d({
             type: "EDIT",
-            eventColor: s.eventColor,
-            title: i,
-            start: o ? n(o).toISOString() : void 0,
-            end: e ? n(e).toISOString() : void 0,
-            id: l
+            eventColor: i.eventColor,
+            title: s,
+            start: n ? l(n).toISOString() : void 0,
+            end: e ? l(e).toISOString() : void 0,
+            id: o
           }), a(!0);
         },
         select: (t) => {
-          const { start: o, end: e } = t;
+          const { start: n, end: e } = t;
           d({
             type: "NEW",
-            start: n(o).format(),
-            end: n(e).format()
+            start: l(n).format(),
+            end: l(e).format()
           }), a(!0);
         },
         eventDrop: (t) => {
-          var e;
-          const o = (e = p(r)) == null ? void 0 : e.map((l) => {
-            if (t.event.id === l.id) {
-              const { id: i, extendedProps: s, start: v, end: h, title: S } = t.event;
-              l = {
-                id: i,
-                start: n(v).format(),
-                end: n(h).format(),
-                title: S,
+          const n = p(r)?.map((e) => {
+            if (t.event.id === e.id) {
+              const { id: o, extendedProps: s, start: i, end: C, title: h } = t.event;
+              e = {
+                id: o,
+                start: l(i).format(),
+                end: l(C).format(),
+                title: h,
                 eventColor: s.eventColor
               };
             }
-            return l;
+            return e;
           });
-          c(o, !1);
+          c(n, !1);
         }
       }
     ),
     /* @__PURE__ */ m(
-      O,
+      D,
       {
-        open: u,
-        selected: C,
-        submit: (t, o) => {
+        open: v,
+        selected: u,
+        submit: (t, n) => {
           let e = p(r);
-          o === "NEW" && (e == null || e.push(t)), o === "EDIT" && (e = e == null ? void 0 : e.map((l) => (t.id === l.id && (l = t), l))), c(e, !1);
+          n === "NEW" && e?.push(t), n === "EDIT" && (e = e?.map((o) => (t.id === o.id && (o = t), o))), c(e, !1);
         },
         onDialogOpen: a
       }
@@ -79,6 +78,6 @@ const z = () => {
   ] });
 };
 export {
-  z as default
+  V as default
 };
 //# sourceMappingURL=Calendar.js.map

package/dist/@ecme/views/concepts/calendar/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../../lib/@ecme/views/concepts/calendar/Calendar/Calendar.tsx"],"sourcesContent":["import { useState } from 'react'\nimport CalendarView from '@/components/shared/CalendarView'\nimport Container from '@/components/shared/Container'\nimport EventDialog from './components/EventDialog'\nimport { apiGetCalendar } from '@/services/CalendarService'\nimport cloneDeep from 'lodash/cloneDeep'\nimport dayjs from 'dayjs'\nimport useSWR from 'swr'\nimport type {\n    GetCalendarResponse,\n    SelectedCell,\n    CalendarEventParam,\n} from './types'\nimport type {\n    EventDropArg,\n    EventClickArg,\n    DateSelectArg,\n} from '@fullcalendar/core'\n\nconst Calendar = () => {\n    const [dialogOpen, setDialogOpen] = useState(false)\n\n    const [selectedCell, setSelectedCell] = useState<SelectedCell>({\n        type: '',\n    })\n\n    const { data: events, mutate } = useSWR(\n        '/api/calendar',\n        () => apiGetCalendar<GetCalendarResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const handleCellSelect = (event: DateSelectArg) => {\n        const { start, end } = event\n        setSelectedCell({\n            type: 'NEW',\n            start: dayjs(start).format(),\n            end: dayjs(end).format(),\n        })\n        setDialogOpen(true)\n    }\n\n    const handleEventClick = (arg: EventClickArg) => {\n        const { start, end, id, title, extendedProps } = arg.event\n\n        setSelectedCell({\n            type: 'EDIT',\n            eventColor: extendedProps.eventColor,\n            title,\n            start: start ? dayjs(start).toISOString() : undefined,\n            end: end ? dayjs(end).toISOString() : undefined,\n            id,\n        })\n        setDialogOpen(true)\n    }\n\n    const handleEventChange = (arg: EventDropArg) => {\n        const newEvents = cloneDeep(events)?.map((event) => {\n            if (arg.event.id === event.id) {\n                const { id, extendedProps, start, end, title } = arg.event\n                event = {\n                    id,\n                    start: dayjs(start).format(),\n                    end: dayjs(end).format(),\n                    title,\n                    eventColor: extendedProps.eventColor,\n                }\n            }\n            return event\n        })\n        mutate(newEvents, false)\n    }\n\n    const handleSubmit = (data: CalendarEventParam, type: string) => {\n        let newEvents = cloneDeep(events)\n        if (type === 'NEW') {\n            newEvents?.push(data)\n        }\n\n        if (type === 'EDIT') {\n            newEvents = newEvents?.map((event) => {\n                if (data.id === event.id) {\n                    event = data\n                }\n                return event\n            })\n        }\n        mutate(newEvents, false)\n    }\n\n    return (\n        <Container className=\"h-full\">\n            <CalendarView\n                editable\n                selectable\n                events={events}\n                eventClick={handleEventClick}\n                select={handleCellSelect}\n                eventDrop={handleEventChange}\n            />\n            <EventDialog\n                open={dialogOpen}\n                selected={selectedCell}\n                submit={handleSubmit}\n                onDialogOpen={setDialogOpen}\n            />\n        </Container>\n    )\n}\n\nexport default Calendar\n"],"names":["Calendar","dialogOpen","setDialogOpen","useState","selectedCell","setSelectedCell","events","mutate","useSWR","apiGetCalendar","jsxs","Container","jsx","CalendarView","arg","start","end","id","title","extendedProps","dayjs","event","newEvents","_a","cloneDeep","EventDialog","data","type"],"mappings":";;;;;;;;;AAmBA,MAAMA,IAAW,MAAM;AACnB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5C,CAACC,GAAcC,CAAe,IAAIF,EAAuB;AAAA,IAC3D,MAAM;AAAA,EAAA,CACT,GAEK,EAAE,MAAMG,GAAQ,QAAAC,EAAA,IAAWC;AAAA,IAC7B;AAAA,IACA,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AA6DJ,SACI,gBAAAC,EAACC,GAAA,EAAU,WAAU,UACjB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,YAAU;AAAA,QACV,QAAAP;AAAA,QACA,YAtDa,CAACQ,MAAuB;AAC7C,gBAAM,EAAE,OAAAC,GAAO,KAAAC,GAAK,IAAAC,GAAI,OAAAC,GAAO,eAAAC,EAAA,IAAkBL,EAAI;AAErD,UAAAT,EAAgB;AAAA,YACZ,MAAM;AAAA,YACN,YAAYc,EAAc;AAAA,YAC1B,OAAAD;AAAA,YACA,OAAOH,IAAQK,EAAML,CAAK,EAAE,gBAAgB;AAAA,YAC5C,KAAKC,IAAMI,EAAMJ,CAAG,EAAE,gBAAgB;AAAA,YACtC,IAAAC;AAAA,UAAA,CACH,GACDf,EAAc,EAAI;AAAA,QACtB;AAAA,QA2CY,QAjEa,CAACmB,MAAyB;AAC/C,gBAAM,EAAE,OAAAN,GAAO,KAAAC,EAAA,IAAQK;AACvB,UAAAhB,EAAgB;AAAA,YACZ,MAAM;AAAA,YACN,OAAOe,EAAML,CAAK,EAAE,OAAA;AAAA,YACpB,KAAKK,EAAMJ,CAAG,EAAE,OAAA;AAAA,UAAO,CAC1B,GACDd,EAAc,EAAI;AAAA,QACtB;AAAA,QA0DY,WA1Cc,CAACY,MAAsB;;AAC7C,gBAAMQ,KAAYC,IAAAC,EAAUlB,CAAM,MAAhB,gBAAAiB,EAAmB,IAAI,CAACF,MAAU;AAChD,gBAAIP,EAAI,MAAM,OAAOO,EAAM,IAAI;AAC3B,oBAAM,EAAE,IAAAJ,GAAI,eAAAE,GAAe,OAAAJ,GAAO,KAAAC,GAAK,OAAAE,EAAA,IAAUJ,EAAI;AACrD,cAAAO,IAAQ;AAAA,gBACJ,IAAAJ;AAAA,gBACA,OAAOG,EAAML,CAAK,EAAE,OAAA;AAAA,gBACpB,KAAKK,EAAMJ,CAAG,EAAE,OAAA;AAAA,gBAChB,OAAAE;AAAA,gBACA,YAAYC,EAAc;AAAA,cAAA;AAAA,YAElC;AACA,mBAAOE;AAAA,UACX;AACA,UAAAd,EAAOe,GAAW,EAAK;AAAA,QAC3B;AAAA,MA2BuB;AAAA,IAAA;AAAA,IAEf,gBAAAV;AAAA,MAACa;AAAA,MAAA;AAAA,QACG,MAAMxB;AAAA,QACN,UAAUG;AAAA,QACV,QA9BS,CAACsB,GAA0BC,MAAiB;AAC7D,cAAIL,IAAYE,EAAUlB,CAAM;AAChC,UAAIqB,MAAS,UACTL,KAAA,QAAAA,EAAW,KAAKI,KAGhBC,MAAS,WACTL,IAAYA,KAAA,gBAAAA,EAAW,IAAI,CAACD,OACpBK,EAAK,OAAOL,EAAM,OAClBA,IAAQK,IAELL,MAGfd,EAAOe,GAAW,EAAK;AAAA,QAC3B;AAAA,QAgBY,cAAcpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAClB,GACJ;AAER;"}
+{"version":3,"file":"Calendar.js","sources":["../../../../../../lib/@ecme/views/concepts/calendar/Calendar/Calendar.tsx"],"sourcesContent":["import { useState } from 'react'\nimport CalendarView from '@/components/shared/CalendarView'\nimport Container from '@/components/shared/Container'\nimport EventDialog from './components/EventDialog'\nimport { apiGetCalendar } from '@/services/CalendarService'\nimport cloneDeep from 'lodash/cloneDeep'\nimport dayjs from 'dayjs'\nimport useSWR from 'swr'\nimport type {\n    GetCalendarResponse,\n    SelectedCell,\n    CalendarEventParam,\n} from './types'\nimport type {\n    EventDropArg,\n    EventClickArg,\n    DateSelectArg,\n} from '@fullcalendar/core'\n\nconst Calendar = () => {\n    const [dialogOpen, setDialogOpen] = useState(false)\n\n    const [selectedCell, setSelectedCell] = useState<SelectedCell>({\n        type: '',\n    })\n\n    const { data: events, mutate } = useSWR(\n        '/api/calendar',\n        () => apiGetCalendar<GetCalendarResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const handleCellSelect = (event: DateSelectArg) => {\n        const { start, end } = event\n        setSelectedCell({\n            type: 'NEW',\n            start: dayjs(start).format(),\n            end: dayjs(end).format(),\n        })\n        setDialogOpen(true)\n    }\n\n    const handleEventClick = (arg: EventClickArg) => {\n        const { start, end, id, title, extendedProps } = arg.event\n\n        setSelectedCell({\n            type: 'EDIT',\n            eventColor: extendedProps.eventColor,\n            title,\n            start: start ? dayjs(start).toISOString() : undefined,\n            end: end ? dayjs(end).toISOString() : undefined,\n            id,\n        })\n        setDialogOpen(true)\n    }\n\n    const handleEventChange = (arg: EventDropArg) => {\n        const newEvents = cloneDeep(events)?.map((event) => {\n            if (arg.event.id === event.id) {\n                const { id, extendedProps, start, end, title } = arg.event\n                event = {\n                    id,\n                    start: dayjs(start).format(),\n                    end: dayjs(end).format(),\n                    title,\n                    eventColor: extendedProps.eventColor,\n                }\n            }\n            return event\n        })\n        mutate(newEvents, false)\n    }\n\n    const handleSubmit = (data: CalendarEventParam, type: string) => {\n        let newEvents = cloneDeep(events)\n        if (type === 'NEW') {\n            newEvents?.push(data)\n        }\n\n        if (type === 'EDIT') {\n            newEvents = newEvents?.map((event) => {\n                if (data.id === event.id) {\n                    event = data\n                }\n                return event\n            })\n        }\n        mutate(newEvents, false)\n    }\n\n    return (\n        <Container className=\"h-full\">\n            <CalendarView\n                editable\n                selectable\n                events={events}\n                eventClick={handleEventClick}\n                select={handleCellSelect}\n                eventDrop={handleEventChange}\n            />\n            <EventDialog\n                open={dialogOpen}\n                selected={selectedCell}\n                submit={handleSubmit}\n                onDialogOpen={setDialogOpen}\n            />\n        </Container>\n    )\n}\n\nexport default Calendar\n"],"names":["Calendar","dialogOpen","setDialogOpen","useState","selectedCell","setSelectedCell","events","mutate","useSWR","apiGetCalendar","jsxs","Container","jsx","CalendarView","arg","start","end","id","title","extendedProps","dayjs","event","newEvents","cloneDeep","EventDialog","data","type"],"mappings":";;;;;;;;;AAmBA,MAAMA,IAAW,MAAM;AACnB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5C,CAACC,GAAcC,CAAe,IAAIF,EAAuB;AAAA,IAC3D,MAAM;AAAA,EAAA,CACT,GAEK,EAAE,MAAMG,GAAQ,QAAAC,EAAA,IAAWC;AAAA,IAC7B;AAAA,IACA,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B;AA6DJ,SACI,gBAAAC,EAACC,GAAA,EAAU,WAAU,UACjB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,YAAU;AAAA,QACV,QAAAP;AAAA,QACA,YAtDa,CAACQ,MAAuB;AAC7C,gBAAM,EAAE,OAAAC,GAAO,KAAAC,GAAK,IAAAC,GAAI,OAAAC,GAAO,eAAAC,EAAA,IAAkBL,EAAI;AAErD,UAAAT,EAAgB;AAAA,YACZ,MAAM;AAAA,YACN,YAAYc,EAAc;AAAA,YAC1B,OAAAD;AAAA,YACA,OAAOH,IAAQK,EAAML,CAAK,EAAE,gBAAgB;AAAA,YAC5C,KAAKC,IAAMI,EAAMJ,CAAG,EAAE,gBAAgB;AAAA,YACtC,IAAAC;AAAA,UAAA,CACH,GACDf,EAAc,EAAI;AAAA,QACtB;AAAA,QA2CY,QAjEa,CAACmB,MAAyB;AAC/C,gBAAM,EAAE,OAAAN,GAAO,KAAAC,EAAA,IAAQK;AACvB,UAAAhB,EAAgB;AAAA,YACZ,MAAM;AAAA,YACN,OAAOe,EAAML,CAAK,EAAE,OAAA;AAAA,YACpB,KAAKK,EAAMJ,CAAG,EAAE,OAAA;AAAA,UAAO,CAC1B,GACDd,EAAc,EAAI;AAAA,QACtB;AAAA,QA0DY,WA1Cc,CAACY,MAAsB;AAC7C,gBAAMQ,IAAYC,EAAUjB,CAAM,GAAG,IAAI,CAACe,MAAU;AAChD,gBAAIP,EAAI,MAAM,OAAOO,EAAM,IAAI;AAC3B,oBAAM,EAAE,IAAAJ,GAAI,eAAAE,GAAe,OAAAJ,GAAO,KAAAC,GAAK,OAAAE,EAAA,IAAUJ,EAAI;AACrD,cAAAO,IAAQ;AAAA,gBACJ,IAAAJ;AAAA,gBACA,OAAOG,EAAML,CAAK,EAAE,OAAA;AAAA,gBACpB,KAAKK,EAAMJ,CAAG,EAAE,OAAA;AAAA,gBAChB,OAAAE;AAAA,gBACA,YAAYC,EAAc;AAAA,cAAA;AAAA,YAElC;AACA,mBAAOE;AAAA,UACX,CAAC;AACD,UAAAd,EAAOe,GAAW,EAAK;AAAA,QAC3B;AAAA,MA2BuB;AAAA,IAAA;AAAA,IAEf,gBAAAV;AAAA,MAACY;AAAA,MAAA;AAAA,QACG,MAAMvB;AAAA,QACN,UAAUG;AAAA,QACV,QA9BS,CAACqB,GAA0BC,MAAiB;AAC7D,cAAIJ,IAAYC,EAAUjB,CAAM;AAChC,UAAIoB,MAAS,SACTJ,GAAW,KAAKG,CAAI,GAGpBC,MAAS,WACTJ,IAAYA,GAAW,IAAI,CAACD,OACpBI,EAAK,OAAOJ,EAAM,OAClBA,IAAQI,IAELJ,EACV,IAELd,EAAOe,GAAW,EAAK;AAAA,QAC3B;AAAA,QAgBY,cAAcpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAClB,GACJ;AAER;"}

package/dist/@ecme/views/concepts/calendar/Calendar/components/EventDialog.js

@@ -1,27 +1,27 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useEffect as q } from "react";
+import { useEffect as N } from "react";
 import "../../../../../components/ui/Input/index.js";
 import "../../../../../components/ui/Button/index.js";
 import "../../../../../components/ui/Select/index.js";
-import { DatePicker as C } from "../../../../../components/ui/DatePicker/index.js";
+import { DatePicker as b } from "../../../../../components/ui/DatePicker/index.js";
 import "../../../../../components/ui/Dialog/index.js";
 import "../../../../../components/ui/Form/index.js";
 import "../../../../../components/ui/Badge/index.js";
-import w from "../../../../../components/ui/hooks/index.js";
-import { useForm as B, Controller as p } from "react-hook-form";
-import { zodResolver as _ } from "@hookform/resolvers/zod";
-import { z as s } from "zod";
-import { TbChecks as j } from "react-icons/tb";
-import { components as O } from "react-select";
+import E from "../../../../../components/ui/hooks/index.js";
+import { useForm as k, Controller as p } from "react-hook-form";
+import { zodResolver as S } from "@hookform/resolvers/zod";
+import { z as i } from "zod";
+import { TbChecks as q } from "react-icons/tb";
+import { components as w } from "react-select";
 import g from "dayjs";
-import y from "../../../../../components/ui/Badge/Badge.js";
-import z from "../../../../../components/ui/Dialog/Dialog.js";
-import { Form as I } from "../../../../../components/ui/Form/Form.js";
+import f from "../../../../../components/ui/Badge/Badge.js";
+import B from "../../../../../components/ui/Dialog/Dialog.js";
+import { Form as _ } from "../../../../../components/ui/Form/Form.js";
 import m from "../../../../../components/ui/Form/FormItem.js";
-import M from "../../../../../components/ui/Input/Input.js";
-import F from "../../../../../components/ui/Select/Select.js";
-import P from "../../../../../components/ui/Button/Button.js";
-const { Control: T } = O, { useUniqueId: R } = w, v = [
+import j from "../../../../../components/ui/Input/Input.js";
+import O from "../../../../../components/ui/Select/Select.js";
+import z from "../../../../../components/ui/Button/Button.js";
+const { Control: I } = w, { useUniqueId: M } = E, v = [
   {
     value: "red",
     label: "red",
@@ -52,70 +52,69 @@ const { Control: T } = O, { useUniqueId: R } = w, v = [
     label: "purple",
     color: "bg-purple-400"
   }
-], U = ({
-  innerProps: i,
-  label: a,
+], F = ({
+  innerProps: s,
+  label: l,
   data: n,
   isSelected: r
 }) => /* @__PURE__ */ c(
   "div",
   {
     className: `flex items-center justify-between rounded-lg p-2 ${r ? "bg-gray-100 dark:bg-gray-500" : "hover:bg-gray-50 dark:hover:bg-gray-600"}`,
-    ...i,
+    ...s,
     children: [
       /* @__PURE__ */ c("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ e(y, { className: n.color }),
-        /* @__PURE__ */ e("span", { className: "ml-2 rtl:mr-2 capitalize", children: a })
+        /* @__PURE__ */ e(f, { className: n.color }),
+        /* @__PURE__ */ e("span", { className: "ml-2 rtl:mr-2 capitalize", children: l })
       ] }),
-      r && /* @__PURE__ */ e(j, { className: "text-emerald-500 text-xl" })
+      r && /* @__PURE__ */ e(q, { className: "text-emerald-500 text-xl" })
     ]
   }
-), W = ({ children: i, ...a }) => {
-  const n = a.getValue()[0];
-  return /* @__PURE__ */ c(T, { className: "capitalize", ...a, children: [
-    n && /* @__PURE__ */ e(y, { className: `${n.color} ltr:ml-4 rtl:mr-4` }),
-    i
+), P = ({ children: s, ...l }) => {
+  const n = l.getValue()[0];
+  return /* @__PURE__ */ c(I, { className: "capitalize", ...l, children: [
+    n && /* @__PURE__ */ e(f, { className: `${n.color} ltr:ml-4 rtl:mr-4` }),
+    s
   ] });
-}, $ = s.object({
-  title: s.string().min(1, { message: "Event title required" }),
-  startDate: s.date({
+}, T = i.object({
+  title: i.string().min(1, { message: "Event title required" }),
+  startDate: i.date({
     required_error: "Please select a date",
     invalid_type_error: "That's not a date!"
   }),
-  endDate: s.date({
+  endDate: i.date({
     required_error: "Please select a date",
     invalid_type_error: "That's not a date!"
   }),
-  color: s.string().min(1, { message: "Color required" })
-}), pe = (i) => {
-  var f, b, h, D;
-  const { submit: a, open: n, selected: r, onDialogOpen: x } = i, N = R("event-"), u = () => {
-    x(!1);
-  }, E = (t) => {
-    const o = {
-      id: r.id || N,
+  color: i.string().min(1, { message: "Color required" })
+}), ie = (s) => {
+  const { submit: l, open: n, selected: r, onDialogOpen: h } = s, D = M("event-"), u = () => {
+    h(!1);
+  }, C = (t) => {
+    const a = {
+      id: r.id || D,
       title: t.title,
       start: g(t.startDate).format(),
       eventColor: t.color
     };
-    t.endDate && (o.end = g(t.endDate).format()), console.log("eventData", o), a == null || a(o, r.type), u();
+    t.endDate && (a.end = g(t.endDate).format()), console.log("eventData", a), l?.(a, r.type), u();
   }, {
-    handleSubmit: k,
-    reset: S,
-    formState: { errors: l },
+    handleSubmit: y,
+    reset: x,
+    formState: { errors: o },
     control: d
-  } = B({
-    resolver: _($)
+  } = k({
+    resolver: S(T)
   });
-  return q(() => {
-    r && S({
+  return N(() => {
+    r && x({
       title: r.title || "",
       startDate: r.start && g(r.start).toDate(),
       endDate: r.end && g(r.end).toDate(),
       color: r.eventColor || v[0].value
     });
   }, [r]), /* @__PURE__ */ c(
-    z,
+    B,
     {
       isOpen: n,
       onClose: u,
@@ -123,24 +122,24 @@ const { Control: T } = O, { useUniqueId: R } = w, v = [
       children: [
         /* @__PURE__ */ e("h5", { className: "mb-4", children: r.type === "NEW" ? "Add New Event" : "Edit Event" }),
         /* @__PURE__ */ c(
-          I,
+          _,
           {
             className: "flex-1 flex flex-col",
-            onSubmit: k(E),
+            onSubmit: y(C),
             children: [
               /* @__PURE__ */ e(
                 m,
                 {
                   label: "Event title",
-                  invalid: !!l.title,
-                  errorMessage: (f = l.title) == null ? void 0 : f.message,
+                  invalid: !!o.title,
+                  errorMessage: o.title?.message,
                   children: /* @__PURE__ */ e(
                     p,
                     {
                       name: "title",
                       control: d,
                       render: ({ field: t }) => /* @__PURE__ */ e(
-                        M,
+                        j,
                         {
                           type: "text",
                           autoComplete: "off",
@@ -156,15 +155,15 @@ const { Control: T } = O, { useUniqueId: R } = w, v = [
                 m,
                 {
                   label: "Start date",
-                  invalid: !!l.startDate,
-                  errorMessage: (b = l.startDate) == null ? void 0 : b.message,
+                  invalid: !!o.startDate,
+                  errorMessage: o.startDate?.message,
                   children: /* @__PURE__ */ e(
                     p,
                     {
                       name: "startDate",
                       control: d,
                       render: ({ field: t }) => /* @__PURE__ */ e(
-                        C,
+                        b,
                         {
                           value: t.value,
                           onChange: t.onChange
@@ -178,15 +177,15 @@ const { Control: T } = O, { useUniqueId: R } = w, v = [
                 m,
                 {
                   label: "End date",
-                  invalid: !!l.endDate,
-                  errorMessage: (h = l.endDate) == null ? void 0 : h.message,
+                  invalid: !!o.endDate,
+                  errorMessage: o.endDate?.message,
                   children: /* @__PURE__ */ e(
                     p,
                     {
                       name: "endDate",
                       control: d,
                       render: ({ field: t }) => /* @__PURE__ */ e(
-                        C,
+                        b,
                         {
                           value: t.value,
                           onChange: t.onChange
@@ -201,26 +200,26 @@ const { Control: T } = O, { useUniqueId: R } = w, v = [
                 {
                   label: "Event color",
                   asterisk: !0,
-                  invalid: !!l.color,
-                  errorMessage: (D = l.color) == null ? void 0 : D.message,
+                  invalid: !!o.color,
+                  errorMessage: o.color?.message,
                   children: /* @__PURE__ */ e(
                     p,
                     {
                       name: "color",
                       control: d,
                       render: ({ field: t }) => /* @__PURE__ */ e(
-                        F,
+                        O,
                         {
                           options: v,
                           value: v.filter(
-                            (o) => o.value === t.value
+                            (a) => a.value === t.value
                           ),
                           components: {
-                            Option: U,
-                            Control: W
+                            Option: F,
+                            Control: P
                           },
-                          onChange: (o) => {
-                            t.onChange(o == null ? void 0 : o.value);
+                          onChange: (a) => {
+                            t.onChange(a?.value);
                           }
                         }
                       )
@@ -228,7 +227,7 @@ const { Control: T } = O, { useUniqueId: R } = w, v = [
                   )
                 }
               ),
-              /* @__PURE__ */ e(m, { className: "mb-0 text-right rtl:text-left", children: /* @__PURE__ */ e(P, { block: !0, variant: "solid", type: "submit", children: r.type === "NEW" ? "Create" : "Update" }) })
+              /* @__PURE__ */ e(m, { className: "mb-0 text-right rtl:text-left", children: /* @__PURE__ */ e(z, { block: !0, variant: "solid", type: "submit", children: r.type === "NEW" ? "Create" : "Update" }) })
             ]
           }
         )
@@ -237,6 +236,6 @@ const { Control: T } = O, { useUniqueId: R } = w, v = [
   );
 };
 export {
-  pe as default
+  ie as default
 };
 //# sourceMappingURL=EventDialog.js.map