@orbe-agro/client-core 3.4.10 → 3.4.12

package/dist/lib/@ecme/views/dashboards/MarketingDashboard/components/RecentCampaign.js

@@ -0,0 +1,119 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useState as D, useEffect as w } from "react";
+import { Avatar as x } from "../../../../components/ui/Avatar/index.js";
+import "../../../../components/ui/Card/index.js";
+import { Table as b } from "../../../../components/ui/Table/index.js";
+import "../../../../components/ui/Switcher/index.js";
+import "../../../../components/ui/Tag/index.js";
+import y from "./CreateCampaign.js";
+import o from "../../../../utils/classNames.js";
+import { campaignTypeOption as h } from "../utils.js";
+import { NumericFormat as T } from "react-number-format";
+import m from "dayjs";
+import g from "../../../../components/ui/Card/Card.js";
+import S from "../../../../components/ui/Switcher/Switcher.js";
+import Y from "../../../../components/ui/Tag/Tag.js";
+const p = {
+  active: { label: "Active", className: "bg-sky-200" },
+  completed: { label: "Completed", className: "bg-emerald-200" },
+  scheduled: { label: "Scheduled", className: "bg-orange-200" },
+  disabled: { label: "Disabled", className: "" }
+}, { Tr: f, Td: s, TBody: M, THead: j, Th: a } = b, P = ({ data: l }) => {
+  const [u, n] = D(l);
+  w(() => {
+    l.length > 0 && n(l);
+  }, [l]);
+  const v = (t) => {
+    n((d) => [t, ...d]);
+  }, N = (t, d, c) => {
+    n((C) => C.map((i) => (i.id === d && (c === "scheduled" && t && (i.startDate = (/* @__PURE__ */ new Date()).setDate(
+      (/* @__PURE__ */ new Date()).getDate()
+    ), i.status = "active"), c === "disabled" && t && (i.status = "active"), c === "active" && !t && (i.status = "disabled")), i)));
+  };
+  return /* @__PURE__ */ r(g, { children: [
+    /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ e("h4", { children: "Campaigns" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(y, { onCreate: v }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ r(b, { hoverable: !1, children: [
+      /* @__PURE__ */ e(j, { children: /* @__PURE__ */ r(f, { children: [
+        /* @__PURE__ */ e(a, {}),
+        /* @__PURE__ */ e(a, { children: "Campaign" }),
+        /* @__PURE__ */ e(a, { children: "Status" }),
+        /* @__PURE__ */ e(a, { children: "Budget" }),
+        /* @__PURE__ */ e(a, { children: "Conversions" }),
+        /* @__PURE__ */ e(a, { children: "Start" }),
+        /* @__PURE__ */ e(a, { children: "End" })
+      ] }) }),
+      /* @__PURE__ */ e(M, { children: u.map((t) => /* @__PURE__ */ r(f, { children: [
+        /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+          S,
+          {
+            checked: t.status === "active",
+            disabled: t.status === "completed",
+            onChange: (d) => N(
+              d,
+              t.id,
+              t.status
+            )
+          }
+        ) }),
+        /* @__PURE__ */ e(s, { children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(
+            x,
+            {
+              className: "bg-transparent dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600",
+              size: 50,
+              shape: "round",
+              icon: /* @__PURE__ */ e(
+                "div",
+                {
+                  className: o(
+                    "text-2xl heading-text"
+                  ),
+                  children: h[t.type].icon
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ r("div", { className: "whitespace-nowrap", children: [
+            /* @__PURE__ */ e("div", { className: "heading-text font-bold", children: t.name }),
+            h[t.type].label
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+          Y,
+          {
+            className: o(
+              p[t.status].className
+            ),
+            children: p[t.status].label
+          }
+        ) }),
+        /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+          T,
+          {
+            displayType: "text",
+            value: t.budget,
+            prefix: "$",
+            thousandSeparator: !0
+          }
+        ) }),
+        /* @__PURE__ */ e(s, { children: /* @__PURE__ */ r("div", { children: [
+          t.conversions,
+          "%"
+        ] }) }),
+        /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("div", { className: "whitespace-nowrap", children: m(t.startDate).format(
+          "DD MMM YYYY"
+        ) }) }),
+        /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("div", { className: "whitespace-nowrap", children: m(t.endDate).format(
+          "DD MMM YYYY"
+        ) }) })
+      ] }, t.id)) })
+    ] }) })
+  ] });
+};
+export {
+  P as default
+};
+//# sourceMappingURL=RecentCampaign.js.map

package/dist/lib/@ecme/views/dashboards/MarketingDashboard/components/RecentCampaign.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentCampaign.js","sources":["../../../../../../../lib/@ecme/views/dashboards/MarketingDashboard/components/RecentCampaign.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport Table from '@/components/ui/Table'\nimport Switcher from '@/components/ui/Switcher'\nimport Tag from '@/components/ui/Tag'\nimport CreateCampaign from './CreateCampaign'\nimport classNames from '@/utils/classNames'\nimport { campaignTypeOption } from '../utils'\nimport { NumericFormat } from 'react-number-format'\nimport dayjs from 'dayjs'\nimport type { Campagin } from '../types'\n\ntype RecentCampaignProps = {\n    data: Campagin[]\n}\n\nconst campaignStatus: Record<string, { label: string; className: string }> = {\n    active: { label: 'Active', className: 'bg-sky-200' },\n    completed: { label: 'Completed', className: 'bg-emerald-200' },\n    scheduled: { label: 'Scheduled', className: 'bg-orange-200' },\n    disabled: { label: 'Disabled', className: '' },\n}\n\nconst { Tr, Td, TBody, THead, Th } = Table\n\nconst RecentCampaign = ({ data }: RecentCampaignProps) => {\n    const [campaignList, setCampaignList] = useState<Campagin[]>(data)\n\n    useEffect(() => {\n        if (data.length > 0) {\n            setCampaignList(data)\n        }\n    }, [data])\n\n    const handleCreate = (value: Campagin) => {\n        setCampaignList((prevList) => {\n            return [...[value], ...prevList]\n        })\n    }\n\n    const handleSwitcherChange = (\n        value: boolean,\n        id: string,\n        status: string,\n    ) => {\n        setCampaignList((prevList) => {\n            const list = prevList.map((campaign) => {\n                if (campaign.id === id) {\n                    if (status === 'scheduled' && value) {\n                        campaign.startDate = new Date().setDate(\n                            new Date().getDate(),\n                        )\n                        campaign.status = 'active'\n                    }\n\n                    if (status === 'disabled' && value) {\n                        campaign.status = 'active'\n                    }\n\n                    if (status === 'active' && !value) {\n                        campaign.status = 'disabled'\n                    }\n                }\n                return campaign\n            })\n            return list\n        })\n    }\n\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Campaigns</h4>\n                <div>\n                    <CreateCampaign onCreate={handleCreate} />\n                </div>\n            </div>\n            <div className=\"mt-6\">\n                <Table hoverable={false}>\n                    <THead>\n                        <Tr>\n                            <Th></Th>\n                            <Th>Campaign</Th>\n                            <Th>Status</Th>\n                            <Th>Budget</Th>\n                            <Th>Conversions</Th>\n                            <Th>Start</Th>\n                            <Th>End</Th>\n                        </Tr>\n                    </THead>\n                    <TBody>\n                        {campaignList.map((campagin) => (\n                            <Tr key={campagin.id}>\n                                <Td>\n                                    <Switcher\n                                        checked={campagin.status === 'active'}\n                                        disabled={\n                                            campagin.status === 'completed'\n                                        }\n                                        onChange={(val) =>\n                                            handleSwitcherChange(\n                                                val,\n                                                campagin.id,\n                                                campagin.status,\n                                            )\n                                        }\n                                    />\n                                </Td>\n                                <Td>\n                                    <div className=\"flex items-center gap-2\">\n                                        <Avatar\n                                            className=\"bg-transparent dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600\"\n                                            size={50}\n                                            shape=\"round\"\n                                            icon={\n                                                <div\n                                                    className={classNames(\n                                                        'text-2xl heading-text',\n                                                    )}\n                                                >\n                                                    {\n                                                        campaignTypeOption[\n                                                            campagin.type\n                                                        ].icon\n                                                    }\n                                                </div>\n                                            }\n                                        />\n                                        <div className=\"whitespace-nowrap\">\n                                            <div className=\"heading-text font-bold\">\n                                                {campagin.name}\n                                            </div>\n                                            {\n                                                campaignTypeOption[\n                                                    campagin.type\n                                                ].label\n                                            }\n                                        </div>\n                                    </div>\n                                </Td>\n                                <Td>\n                                    <Tag\n                                        className={classNames(\n                                            campaignStatus[campagin.status]\n                                                .className,\n                                        )}\n                                    >\n                                        {campaignStatus[campagin.status].label}\n                                    </Tag>\n                                </Td>\n                                <Td>\n                                    <NumericFormat\n                                        displayType=\"text\"\n                                        value={campagin.budget}\n                                        prefix={'$'}\n                                        thousandSeparator={true}\n                                    />\n                                </Td>\n                                <Td>\n                                    <div>{campagin.conversions}%</div>\n                                </Td>\n                                <Td>\n                                    <div className=\"whitespace-nowrap\">\n                                        {dayjs(campagin.startDate).format(\n                                            'DD MMM YYYY',\n                                        )}\n                                    </div>\n                                </Td>\n                                <Td>\n                                    <div className=\"whitespace-nowrap\">\n                                        {dayjs(campagin.endDate).format(\n                                            'DD MMM YYYY',\n                                        )}\n                                    </div>\n                                </Td>\n                            </Tr>\n                        ))}\n                    </TBody>\n                </Table>\n            </div>\n        </Card>\n    )\n}\n\nexport default RecentCampaign\n"],"names":["campaignStatus","Tr","Td","TBody","THead","Th","Table","RecentCampaign","data","campaignList","setCampaignList","useState","useEffect","handleCreate","value","prevList","handleSwitcherChange","id","status","campaign","Card","jsxs","jsx","CreateCampaign","campagin","Switcher","val","Avatar","classNames","campaignTypeOption","Tag","NumericFormat","dayjs"],"mappings":"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"}

package/dist/lib/@ecme/views/dashboards/MarketingDashboard/index.js

@@ -0,0 +1,5 @@
+import r from "./MarketingDashboard.js";
+export {
+  r as default
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/views/dashboards/MarketingDashboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/@ecme/views/dashboards/MarketingDashboard/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/dist/lib/@ecme/views/dashboards/MarketingDashboard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/@ecme/views/dashboards/MarketingDashboard/utils.js

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import { TbRocket as a, TbLeaf as n, TbRosetteDiscount as e } from "react-icons/tb";
+const i = {
+  promotional: {
+    label: "Promotional",
+    icon: /* @__PURE__ */ o(e, {})
+  },
+  seasonal: {
+    label: "Seasonal",
+    icon: /* @__PURE__ */ o(n, {})
+  },
+  launch: {
+    label: "Lauch",
+    icon: /* @__PURE__ */ o(a, {})
+  }
+};
+export {
+  i as campaignTypeOption
+};
+//# sourceMappingURL=utils.js.map

package/dist/lib/@ecme/views/dashboards/MarketingDashboard/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../lib/@ecme/views/dashboards/MarketingDashboard/utils.tsx"],"sourcesContent":["import { TbRocket, TbLeaf, TbRosetteDiscount } from 'react-icons/tb'\nimport type { ReactNode } from 'react'\n\nexport const campaignTypeOption: Record<\n    string,\n    {\n        label: string\n        icon: ReactNode\n    }\n> = {\n    promotional: {\n        label: 'Promotional',\n        icon: <TbRosetteDiscount />,\n    },\n    seasonal: {\n        label: 'Seasonal',\n        icon: <TbLeaf />,\n    },\n    launch: {\n        label: 'Lauch',\n        icon: <TbRocket />,\n    },\n}\n"],"names":["campaignTypeOption","TbRosetteDiscount","TbLeaf","TbRocket"],"mappings":";;AAGO,MAAMA,IAMT;AAAA,EACA,aAAa;AAAA,IACT,OAAO;AAAA,IACP,wBAAOC,GAAkB,CAAA,CAAA;AAAA,EAC7B;AAAA,EACA,UAAU;AAAA,IACN,OAAO;AAAA,IACP,wBAAOC,GAAO,CAAA,CAAA;AAAA,EAClB;AAAA,EACA,QAAQ;AAAA,IACJ,OAAO;AAAA,IACP,wBAAOC,GAAS,CAAA,CAAA;AAAA,EAAA;AAExB;"}

package/dist/lib/@ecme/views/dashboards/ProjectDashboard/ProjectDashboard.js

@@ -0,0 +1,39 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import o from "../../../components/shared/Loading.js";
+import d from "./components/UpcomingSchedule.js";
+import c from "./components/TaskOverview.js";
+import i from "./components/CurrentTasks.js";
+import s from "./components/Schedule.js";
+import t from "./components/ProjectOverview.js";
+import m from "./components/RecentActivity.js";
+import { apiGetProjectDashboard as n } from "../../../services/DashboardService.js";
+import p from "swr";
+const k = () => {
+  const { data: r, isLoading: l } = p(
+    ["/api/dashboard/project"],
+    () => n(),
+    {
+      revalidateOnFocus: !1,
+      revalidateIfStale: !1,
+      revalidateOnReconnect: !1
+    }
+  );
+  return /* @__PURE__ */ e(o, { loading: l, children: r && /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ a("div", { className: "flex flex-col xl:flex-row gap-4", children: [
+      /* @__PURE__ */ a("div", { className: "flex flex-col gap-4 flex-1 xl:max-w-[calc(100%-350px)]", children: [
+        /* @__PURE__ */ e(t, { data: r.projectOverview }),
+        /* @__PURE__ */ e(s, { data: r.schedule })
+      ] }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(d, {}) })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4", children: [
+      /* @__PURE__ */ e("div", { className: "md:col-span-1 xl:col-span-1 order-1", children: /* @__PURE__ */ e(i, { data: r.currentTasks }) }),
+      /* @__PURE__ */ e("div", { className: "md:col-span-1 xl:col-span-1 order-2 xl:order-3", children: /* @__PURE__ */ e(m, { data: r.recentActivity }) }),
+      /* @__PURE__ */ e("div", { className: "md:col-span-2 xl:col-span-1 order-3 xl:order-2", children: /* @__PURE__ */ e(c, { data: r.taskOverview }) })
+    ] })
+  ] }) });
+};
+export {
+  k as default
+};
+//# sourceMappingURL=ProjectDashboard.js.map

package/dist/lib/@ecme/views/dashboards/ProjectDashboard/ProjectDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectDashboard.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/ProjectDashboard.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\nimport UpcomingSchedule from './components/UpcomingSchedule'\nimport TaskOverview from './components/TaskOverview'\nimport CurrentTasks from './components/CurrentTasks'\nimport Schedule from './components/Schedule'\nimport ProjectOverview from './components/ProjectOverview'\nimport RecentActivity from './components/RecentActivity'\nimport { apiGetProjectDashboard } from '@/services/DashboardService'\nimport useSWR from 'swr'\nimport type { GetProjectDashboardResponse } from './types'\n\nconst ProjectDashboard = () => {\n    const { data, isLoading } = useSWR(\n        ['/api/dashboard/project'],\n        () => apiGetProjectDashboard<GetProjectDashboardResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    return (\n        <Loading loading={isLoading}>\n            {data && (\n                <div className=\"flex flex-col gap-4\">\n                    <div className=\"flex flex-col xl:flex-row gap-4\">\n                        <div className=\"flex flex-col gap-4 flex-1 xl:max-w-[calc(100%-350px)]\">\n                            <ProjectOverview data={data.projectOverview} />\n                            <Schedule data={data.schedule} />\n                        </div>\n                        <div>\n                            <UpcomingSchedule />\n                        </div>\n                    </div>\n                    <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\n                        <div className=\"md:col-span-1 xl:col-span-1 order-1\">\n                            <CurrentTasks data={data.currentTasks} />\n                        </div>\n                        <div className=\"md:col-span-1 xl:col-span-1 order-2 xl:order-3\">\n                            <RecentActivity data={data.recentActivity} />\n                        </div>\n                        <div className=\"md:col-span-2 xl:col-span-1 order-3 xl:order-2\">\n                            <TaskOverview data={data.taskOverview} />\n                        </div>\n                    </div>\n                </div>\n            )}\n        </Loading>\n    )\n}\n\nexport default ProjectDashboard\n"],"names":["ProjectDashboard","data","isLoading","useSWR","apiGetProjectDashboard","jsx","Loading","jsxs","ProjectOverview","Schedule","UpcomingSchedule","CurrentTasks","RecentActivity","TaskOverview"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAmB,MAAM;AACrB,QAAA,EAAE,MAAAC,GAAM,WAAAC,EAAA,IAAcC;AAAA,IACxB,CAAC,wBAAwB;AAAA,IACzB,MAAMC,EAAoD;AAAA,IAC1D;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAE/B;AAGI,SAAA,gBAAAC,EAACC,KAAQ,SAASJ,GACb,eACI,gBAAAK,EAAA,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,MAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,0DACX,UAAA;AAAA,QAAC,gBAAAF,EAAAG,GAAA,EAAgB,MAAMP,EAAK,gBAAiB,CAAA;AAAA,QAC5C,gBAAAI,EAAAI,GAAA,EAAS,MAAMR,EAAK,SAAU,CAAA;AAAA,MAAA,GACnC;AAAA,MACC,gBAAAI,EAAA,OAAA,EACG,UAAC,gBAAAA,EAAAK,GAAA,CAAA,CAAiB,EACtB,CAAA;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAH,EAAC,OAAI,EAAA,WAAU,wDACX,UAAA;AAAA,MAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,uCACX,UAAA,gBAAAA,EAACM,KAAa,MAAMV,EAAK,cAAc,EAC3C,CAAA;AAAA,MACA,gBAAAI,EAAC,SAAI,WAAU,kDACX,4BAACO,GAAe,EAAA,MAAMX,EAAK,eAAA,CAAgB,EAC/C,CAAA;AAAA,MACA,gBAAAI,EAAC,SAAI,WAAU,kDACX,4BAACQ,GAAa,EAAA,MAAMZ,EAAK,aAAc,CAAA,EAC3C,CAAA;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA,EAAA,CACJ,EAER,CAAA;AAER;"}

package/dist/lib/@ecme/views/dashboards/ProjectDashboard/components/CreateEventDialog.js

@@ -0,0 +1,246 @@
+import { jsx as e, jsxs as s, Fragment as f } from "react/jsx-runtime";
+import { useState as A } from "react";
+import "../../../../components/ui/Button/index.js";
+import "../../../../components/ui/Dialog/index.js";
+import "../../../../components/ui/Input/index.js";
+import "../../../../components/ui/Select/index.js";
+import "../../../../components/ui/Form/index.js";
+import { TbBell as S, TbPresentation as T, TbCalendarStar as E, TbCoffee as O, TbVideo as B, TbCheckbox as x } from "react-icons/tb";
+import { LuTreePalm as j } from "react-icons/lu";
+import { useForm as q, Controller as u } from "react-hook-form";
+import { zodResolver as w } from "@hookform/resolvers/zod";
+import { z as r } from "zod";
+import D from "lodash/uniqueId";
+import { components as F } from "react-select";
+import R from "../../../../components/ui/Select/Option.js";
+import g from "../../../../components/ui/Button/Button.js";
+import I from "../../../../components/ui/Dialog/Dialog.js";
+import { Form as N } from "../../../../components/ui/Form/Form.js";
+import c from "../../../../components/ui/Form/FormItem.js";
+import _ from "../../../../components/ui/Input/Input.js";
+import h from "../../../../components/ui/Select/Select.js";
+const { Control: z } = F, ce = {
+  task: {
+    label: "Task",
+    icon: /* @__PURE__ */ e(x, {}),
+    color: "bg-purple-200 dark:bg-purple-200"
+  },
+  meeting: {
+    label: "Meeting",
+    icon: /* @__PURE__ */ e(B, {}),
+    color: "bg-sky-200 dark:bg-sky-200"
+  },
+  holiday: {
+    label: "Enjoy your holiday",
+    icon: /* @__PURE__ */ e(j, {}),
+    color: "bg-amber-200 dark:bg-amber-200"
+  },
+  breaks: {
+    label: "Break",
+    icon: /* @__PURE__ */ e(O, {}),
+    color: "bg-orange-200 dark:bg-orange-200"
+  },
+  event: {
+    label: "Event",
+    icon: /* @__PURE__ */ e(E, {}),
+    color: "bg-emerald-200 dark:bg-emerald-200"
+  },
+  workshops: {
+    label: "Workshop",
+    icon: /* @__PURE__ */ e(T, {}),
+    color: "bg-rose-200 dark:bg-rose-200"
+  },
+  reminders: {
+    label: "Reminder",
+    icon: /* @__PURE__ */ e(S, {}),
+    color: "bg-teal-200 dark:bg-teal-200"
+  }
+}, k = [
+  { label: "Task", value: "task", color: "bg-purple-200" },
+  { label: "Meeting", value: "meeting", color: "bg-sky-200" },
+  { label: "Breaks", value: "breaks", color: "bg-orange-200" },
+  { label: "Event", value: "event", color: "bg-emerald-200" },
+  { label: "Workshops", value: "workshops", color: "bg-rose-200" },
+  { label: "Reminders", value: "reminders", color: "bg-teal-200" }
+], M = [
+  { value: 0, label: "12:00 AM" },
+  { value: 1, label: "1:00 AM" },
+  { value: 2, label: "2:00 AM" },
+  { value: 3, label: "3:00 AM" },
+  { value: 4, label: "4:00 AM" },
+  { value: 5, label: "5:00 AM" },
+  { value: 6, label: "6:00 AM" },
+  { value: 7, label: "7:00 AM" },
+  { value: 8, label: "8:00 AM" },
+  { value: 9, label: "9:00 AM" },
+  { value: 10, label: "10:00 AM" },
+  { value: 11, label: "11:00 AM" },
+  { value: 12, label: "12:00 PM" },
+  { value: 13, label: "1:00 PM" },
+  { value: 14, label: "2:00 PM" },
+  { value: 15, label: "3:00 PM" },
+  { value: 16, label: "4:00 PM" },
+  { value: 17, label: "5:00 PM" },
+  { value: 18, label: "6:00 PM" },
+  { value: 19, label: "7:00 PM" },
+  { value: 20, label: "8:00 PM" },
+  { value: 21, label: "9:00 PM" },
+  { value: 22, label: "10:00 PM" },
+  { value: 23, label: "11:00 PM" }
+], L = (n) => /* @__PURE__ */ e(
+  R,
+  {
+    ...n,
+    customLabel: (i, o) => /* @__PURE__ */ e("span", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("span", { children: o }) })
+  }
+), V = ({ children: n, ...i }) => {
+  const o = i.getValue()[0];
+  return /* @__PURE__ */ s(z, { ...i, children: [
+    o && /* @__PURE__ */ e(f, {}),
+    n
+  ] });
+}, W = r.object({
+  type: r.union([
+    r.literal("meeting"),
+    r.literal("task"),
+    r.literal("holiday"),
+    r.literal("breaks"),
+    r.literal("event"),
+    r.literal("workshops"),
+    r.literal("reminders")
+  ]),
+  label: r.string({ required_error: "Please enter event name" }),
+  time: r.number({ required_error: "Please select a time" })
+}), ve = ({
+  onCreateEvent: n
+}) => {
+  var v, d, p;
+  const [i, o] = A(!1), {
+    handleSubmit: C,
+    formState: { errors: t, isSubmitting: y },
+    reset: P,
+    control: m
+  } = q({
+    resolver: w(W)
+  }), b = () => {
+    P(), o(!1);
+  };
+  return /* @__PURE__ */ s(f, { children: [
+    /* @__PURE__ */ e(g, { block: !0, onClick: () => o(!0), children: "Add event" }),
+    /* @__PURE__ */ s(
+      I,
+      {
+        isOpen: i,
+        onClose: b,
+        onRequestClose: b,
+        children: [
+          /* @__PURE__ */ e("h4", { children: "New event" }),
+          /* @__PURE__ */ s(N, { className: "mt-6", onSubmit: C((l) => {
+            n({
+              id: D("schedule-event-"),
+              ...l
+            }), b();
+          }), children: [
+            /* @__PURE__ */ e(
+              c,
+              {
+                label: "Event name",
+                invalid: !!t.label,
+                errorMessage: (v = t.label) == null ? void 0 : v.message,
+                children: /* @__PURE__ */ e(
+                  u,
+                  {
+                    name: "label",
+                    control: m,
+                    render: ({ field: l }) => /* @__PURE__ */ e(
+                      _,
+                      {
+                        type: "text",
+                        autoComplete: "off",
+                        placeholder: "Event name",
+                        ...l
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e(
+              c,
+              {
+                label: "Event type",
+                invalid: !!t.type,
+                errorMessage: ((d = t.type) == null ? void 0 : d.message) && "Please select a type",
+                children: /* @__PURE__ */ e(
+                  u,
+                  {
+                    name: "type",
+                    control: m,
+                    render: ({ field: l }) => /* @__PURE__ */ e(
+                      h,
+                      {
+                        options: k,
+                        ...l,
+                        components: {
+                          Option: L,
+                          Control: V
+                        },
+                        placeholder: "Event type",
+                        value: k.filter(
+                          (a) => a.value === l.value
+                        ),
+                        onChange: (a) => l.onChange(a == null ? void 0 : a.value)
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e(
+              c,
+              {
+                label: "Time",
+                invalid: !!t.time,
+                errorMessage: (p = t.time) == null ? void 0 : p.message,
+                children: /* @__PURE__ */ e(
+                  u,
+                  {
+                    name: "time",
+                    control: m,
+                    render: ({ field: l }) => /* @__PURE__ */ e(
+                      h,
+                      {
+                        options: M,
+                        ...l,
+                        placeholder: "Select a time...",
+                        value: M.filter(
+                          (a) => a.value === l.value
+                        ),
+                        onChange: (a) => l.onChange(a == null ? void 0 : a.value)
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e(
+              g,
+              {
+                block: !0,
+                variant: "solid",
+                type: "submit",
+                loading: y,
+                children: "Create"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  ve as default,
+  ce as eventTypes
+};
+//# sourceMappingURL=CreateEventDialog.js.map

package/dist/lib/@ecme/views/dashboards/ProjectDashboard/components/CreateEventDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateEventDialog.js","sources":["../../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/CreateEventDialog.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport {\n    TbVideo,\n    TbCheckbox,\n    TbCoffee,\n    TbCalendarStar,\n    TbPresentation,\n    TbBell,\n} from 'react-icons/tb'\nimport { LuTreePalm } from 'react-icons/lu'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport uniqueId from 'lodash/uniqueId'\nimport { components } from 'react-select'\nimport type { Event } from '../types'\nimport type { ZodType } from 'zod'\nimport type { ReactNode } from 'react'\nimport type { ControlProps, OptionProps } from 'react-select'\n\nexport type FormSchema = {\n    type: Event\n    label: string\n    time: number\n}\n\ntype EventOption = { label: string; value: Event; color: string }\n\nconst { Control } = components\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const eventTypes: Record<\n    Event,\n    { label: string; icon: ReactNode; color: string }\n> = {\n    task: {\n        label: 'Task',\n        icon: <TbCheckbox />,\n        color: 'bg-purple-200 dark:bg-purple-200',\n    },\n    meeting: {\n        label: 'Meeting',\n        icon: <TbVideo />,\n        color: 'bg-sky-200 dark:bg-sky-200',\n    },\n    holiday: {\n        label: 'Enjoy your holiday',\n        icon: <LuTreePalm />,\n        color: 'bg-amber-200 dark:bg-amber-200',\n    },\n    breaks: {\n        label: 'Break',\n        icon: <TbCoffee />,\n        color: 'bg-orange-200 dark:bg-orange-200',\n    },\n    event: {\n        label: 'Event',\n        icon: <TbCalendarStar />,\n        color: 'bg-emerald-200 dark:bg-emerald-200',\n    },\n    workshops: {\n        label: 'Workshop',\n        icon: <TbPresentation />,\n        color: 'bg-rose-200 dark:bg-rose-200',\n    },\n    reminders: {\n        label: 'Reminder',\n        icon: <TbBell />,\n        color: 'bg-teal-200 dark:bg-teal-200',\n    },\n}\n\nconst eventOptions: EventOption[] = [\n    { label: 'Task', value: 'task', color: 'bg-purple-200' },\n    { label: 'Meeting', value: 'meeting', color: 'bg-sky-200' },\n    { label: 'Breaks', value: 'breaks', color: 'bg-orange-200' },\n    { label: 'Event', value: 'event', color: 'bg-emerald-200' },\n    { label: 'Workshops', value: 'workshops', color: 'bg-rose-200' },\n    { label: 'Reminders', value: 'reminders', color: 'bg-teal-200' },\n]\n\nconst timeOption = [\n    { value: 0, label: '12:00 AM' },\n    { value: 1, label: '1:00 AM' },\n    { value: 2, label: '2:00 AM' },\n    { value: 3, label: '3:00 AM' },\n    { value: 4, label: '4:00 AM' },\n    { value: 5, label: '5:00 AM' },\n    { value: 6, label: '6:00 AM' },\n    { value: 7, label: '7:00 AM' },\n    { value: 8, label: '8:00 AM' },\n    { value: 9, label: '9:00 AM' },\n    { value: 10, label: '10:00 AM' },\n    { value: 11, label: '11:00 AM' },\n    { value: 12, label: '12:00 PM' },\n    { value: 13, label: '1:00 PM' },\n    { value: 14, label: '2:00 PM' },\n    { value: 15, label: '3:00 PM' },\n    { value: 16, label: '4:00 PM' },\n    { value: 17, label: '5:00 PM' },\n    { value: 18, label: '6:00 PM' },\n    { value: 19, label: '7:00 PM' },\n    { value: 20, label: '8:00 PM' },\n    { value: 21, label: '9:00 PM' },\n    { value: 22, label: '10:00 PM' },\n    { value: 23, label: '11:00 PM' },\n]\n\nconst CustomSelectOption = (props: OptionProps<EventOption>) => {\n    return (\n        <DefaultOption<EventOption>\n            {...props}\n            customLabel={(_, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <span>{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<EventOption>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && <></>}\n            {children}\n        </Control>\n    )\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    type: z.union([\n        z.literal('meeting'),\n        z.literal('task'),\n        z.literal('holiday'),\n        z.literal('breaks'),\n        z.literal('event'),\n        z.literal('workshops'),\n        z.literal('reminders'),\n    ]),\n    label: z.string({ required_error: 'Please enter event name' }),\n    time: z.number({ required_error: 'Please select a time' }),\n})\n\nconst CreateEventDialog = ({\n    onCreateEvent,\n}: {\n    onCreateEvent: (value: FormSchema & { id: string }) => void\n}) => {\n    const [dialogOpen, setDialogOpen] = useState(false)\n\n    const {\n        handleSubmit,\n        formState: { errors, isSubmitting },\n        reset,\n        control,\n    } = useForm<FormSchema>({\n        resolver: zodResolver(validationSchema),\n    })\n\n    const handleDialogClose = () => {\n        reset()\n        setDialogOpen(false)\n    }\n\n    const onSubmit = (value: FormSchema) => {\n        onCreateEvent({\n            id: uniqueId('schedule-event-'),\n            ...value,\n        })\n        handleDialogClose()\n    }\n\n    return (\n        <>\n            <Button block onClick={() => setDialogOpen(true)}>\n                Add event\n            </Button>\n            <Dialog\n                isOpen={dialogOpen}\n                onClose={handleDialogClose}\n                onRequestClose={handleDialogClose}\n            >\n                <h4>New event</h4>\n                <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n                    <FormItem\n                        label=\"Event name\"\n                        invalid={Boolean(errors.label)}\n                        errorMessage={errors.label?.message}\n                    >\n                        <Controller\n                            name=\"label\"\n                            control={control}\n                            render={({ field }) => (\n                                <Input\n                                    type=\"text\"\n                                    autoComplete=\"off\"\n                                    placeholder=\"Event name\"\n                                    {...field}\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <FormItem\n                        label=\"Event type\"\n                        invalid={Boolean(errors.type)}\n                        errorMessage={\n                            errors.type?.message && 'Please select a type'\n                        }\n                    >\n                        <Controller\n                            name=\"type\"\n                            control={control}\n                            render={({ field }) => (\n                                <Select<EventOption>\n                                    options={eventOptions}\n                                    {...field}\n                                    components={{\n                                        Option: CustomSelectOption,\n                                        Control: CustomControl,\n                                    }}\n                                    placeholder=\"Event type\"\n                                    value={eventOptions.filter(\n                                        (option) =>\n                                            option.value === field.value,\n                                    )}\n                                    onChange={(option) =>\n                                        field.onChange(option?.value)\n                                    }\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <FormItem\n                        label=\"Time\"\n                        invalid={Boolean(errors.time)}\n                        errorMessage={errors.time?.message}\n                    >\n                        <Controller\n                            name=\"time\"\n                            control={control}\n                            render={({ field }) => (\n                                <Select\n                                    options={timeOption}\n                                    {...field}\n                                    placeholder=\"Select a time...\"\n                                    value={timeOption.filter(\n                                        (option) =>\n                                            option.value === field.value,\n                                    )}\n                                    onChange={(option) =>\n                                        field.onChange(option?.value)\n                                    }\n                                />\n                            )}\n                        />\n                    </FormItem>\n                    <Button\n                        block\n                        variant=\"solid\"\n                        type=\"submit\"\n                        loading={isSubmitting}\n                    >\n                        Create\n                    </Button>\n                </Form>\n            </Dialog>\n        </>\n    )\n}\n\nexport default CreateEventDialog\n"],"names":["Control","components","eventTypes","TbCheckbox","TbVideo","LuTreePalm","TbCoffee","TbCalendarStar","TbPresentation","TbBell","eventOptions","timeOption","CustomSelectOption","props","jsx","DefaultOption","_","label","CustomControl","children","selected","jsxs","Fragment","validationSchema","z","CreateEventDialog","onCreateEvent","dialogOpen","setDialogOpen","useState","handleSubmit","errors","isSubmitting","reset","control","useForm","zodResolver","handleDialogClose","Button","Dialog","Form","value","uniqueId","FormItem","_a","Controller","field","Input","_b","Select","option","_c"],"mappings":"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"}

package/dist/lib/@ecme/views/dashboards/ProjectDashboard/components/CurrentTasks.js

@@ -0,0 +1,89 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { useState as o, useEffect as n } from "react";
+import "../../../../components/ui/Card/index.js";
+import "../../../../components/ui/Button/index.js";
+import "../../../../components/ui/Tag/index.js";
+import m from "../../../../utils/classNames.js";
+import g from "../../../../utils/isLastChild.js";
+import { TbCircleCheckFilled as p, TbCircleCheck as h, TbCalendar as b } from "react-icons/tb";
+import f from "dayjs";
+import { Link as u } from "react-router-dom";
+import x from "../../../../components/ui/Card/Card.js";
+import y from "../../../../components/ui/Button/Button.js";
+import k from "../../../../components/ui/Tag/Tag.js";
+const C = {
+  "In Progress": "bg-sky-200 dark:bg-sky-200 dark:text-gray-900",
+  Completed: "bg-emerald-200 dark:bg-emerald-200 dark:text-gray-900",
+  Pending: "bg-amber-200 dark:bg-amber-200 dark:text-gray-900",
+  High: "bg-red-200 dark:bg-red-200 dark:text-gray-900",
+  Medium: "bg-orange-200 dark:bg-orange-200 dark:text-gray-900",
+  Low: "bg-purple-200 dark:bg-purple-200 dark:text-gray-900"
+}, F = ({ data: s }) => {
+  const [a, l] = o([]);
+  n(() => {
+    a.length === 0 && l(s);
+  }, [s, a.length]);
+  const c = (e) => {
+    const d = structuredClone(a).map((i) => (i.id === e && (i.checked = !i.checked), i));
+    l(d);
+  };
+  return /* @__PURE__ */ t(x, { children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ r("h4", { children: "Current tasks" }),
+      /* @__PURE__ */ r(u, { to: "/concepts/projects/tasks", children: /* @__PURE__ */ r(y, { asElement: "div", size: "sm", children: "All tasks" }) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "mt-4", children: a.map((e, d) => /* @__PURE__ */ t(
+      "div",
+      {
+        className: m(
+          "flex items-center justify-between py-4 border-gray-200 dark:border-gray-600",
+          !g(a, d) && "border-b"
+        ),
+        children: [
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ r(
+              "button",
+              {
+                className: " text-[26px] cursor-pointer",
+                role: "button",
+                onClick: () => c(e.id),
+                children: e.checked ? /* @__PURE__ */ r(p, { className: "text-primary" }) : /* @__PURE__ */ r(h, { className: "hover:text-primary" })
+              }
+            ),
+            /* @__PURE__ */ t("div", { children: [
+              /* @__PURE__ */ r(
+                "div",
+                {
+                  className: m(
+                    "heading-text font-bold mb-1",
+                    e.checked && "line-through opacity-50"
+                  ),
+                  children: e.name
+                }
+              ),
+              /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ r(b, { className: "text-lg" }),
+                e.dueDate ? f(e.dueDate).format(
+                  "MMMM DD"
+                ) : "-"
+              ] }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
+            k,
+            {
+              className: `mr-2 rtl:ml-2 mb-2 ${e.priority ? C[e.priority] : ""}`,
+              children: e.priority
+            }
+          ) })
+        ]
+      },
+      e.id
+    )) })
+  ] });
+};
+export {
+  F as default,
+  C as labelClass
+};
+//# sourceMappingURL=CurrentTasks.js.map

package/dist/lib/@ecme/views/dashboards/ProjectDashboard/components/CurrentTasks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrentTasks.js","sources":["../../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/CurrentTasks.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { useState, useEffect } from 'react'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Tag from '@/components/ui/Tag'\nimport classNames from '@/utils/classNames'\nimport isLastChild from '@/utils/isLastChild'\nimport { TbCircleCheck, TbCircleCheckFilled, TbCalendar } from 'react-icons/tb'\nimport dayjs from 'dayjs'\nimport { Link } from 'react-router-dom'\nimport type { Task } from '../types'\n\ntype CurrentTasksProps = {\n    data: Task[]\n}\n\nexport const labelClass: Record<string, string> = {\n    'In Progress': 'bg-sky-200 dark:bg-sky-200 dark:text-gray-900',\n    Completed: 'bg-emerald-200 dark:bg-emerald-200 dark:text-gray-900',\n    Pending: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n    High: 'bg-red-200 dark:bg-red-200 dark:text-gray-900',\n    Medium: 'bg-orange-200 dark:bg-orange-200 dark:text-gray-900',\n    Low: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\n}\n\nconst CurrentTasks = ({ data }: CurrentTasksProps) => {\n    const [tasks, setTasks] = useState<Task[]>([])\n\n    useEffect(() => {\n        if (tasks.length === 0) {\n            setTasks(data)\n        }\n    }, [data, tasks.length])\n\n    const handleChange = (taskId: string) => {\n        const newTasks = structuredClone(tasks).map((task) => {\n            if (task.id === taskId) {\n                task.checked = !task.checked\n            }\n            return task\n        })\n        setTasks(newTasks)\n    }\n\n    return (\n        <Card>\n            <div className=\"flex items-center justify-between\">\n                <h4>Current tasks</h4>\n                <Link to=\"/concepts/projects/tasks\">\n                    <Button asElement=\"div\" size=\"sm\">\n                        All tasks\n                    </Button>\n                </Link>\n            </div>\n            <div className=\"mt-4\">\n                {tasks.map((task, index) => (\n                    <div\n                        key={task.id}\n                        className={classNames(\n                            'flex items-center justify-between py-4 border-gray-200 dark:border-gray-600',\n                            !isLastChild(tasks, index) && 'border-b',\n                        )}\n                    >\n                        <div className=\"flex items-center gap-4\">\n                            <button\n                                className=\" text-[26px] cursor-pointer\"\n                                role=\"button\"\n                                onClick={() => handleChange(task.id)}\n                            >\n                                {task.checked ? (\n                                    <TbCircleCheckFilled className=\"text-primary\" />\n                                ) : (\n                                    <TbCircleCheck className=\"hover:text-primary\" />\n                                )}\n                            </button>\n                            <div>\n                                <div\n                                    className={classNames(\n                                        'heading-text font-bold mb-1',\n                                        task.checked &&\n                                            'line-through opacity-50',\n                                    )}\n                                >\n                                    {task.name}\n                                </div>\n                                <div className=\"flex items-center gap-2\">\n                                    <div className=\"flex items-center gap-1\">\n                                        <TbCalendar className=\"text-lg\" />\n                                        {task.dueDate\n                                            ? dayjs(task.dueDate).format(\n                                                  'MMMM DD',\n                                              )\n                                            : '-'}\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div>\n                            <Tag\n                                className={`mr-2 rtl:ml-2 mb-2 ${\n                                    task.priority\n                                        ? labelClass[task.priority]\n                                        : ''\n                                }`}\n                            >\n                                {task.priority}\n                            </Tag>\n                        </div>\n                    </div>\n                ))}\n            </div>\n        </Card>\n    )\n}\n\nexport default CurrentTasks\n"],"names":["labelClass","CurrentTasks","data","tasks","setTasks","useState","useEffect","handleChange","taskId","newTasks","task","Card","jsxs","jsx","Link","Button","index","classNames","isLastChild","TbCircleCheckFilled","TbCircleCheck","TbCalendar","dayjs","Tag"],"mappings":";;;;;;;;;;;;;AAgBO,MAAMA,IAAqC;AAAA,EAC9C,eAAe;AAAA,EACf,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AACT,GAEMC,IAAe,CAAC,EAAE,MAAAC,QAA8B;AAClD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,CAAA,CAAE;AAE7C,EAAAC,EAAU,MAAM;AACR,IAAAH,EAAM,WAAW,KACjBC,EAASF,CAAI;AAAA,EAElB,GAAA,CAACA,GAAMC,EAAM,MAAM,CAAC;AAEjB,QAAAI,IAAe,CAACC,MAAmB;AACrC,UAAMC,IAAW,gBAAgBN,CAAK,EAAE,IAAI,CAACO,OACrCA,EAAK,OAAOF,MACPE,EAAA,UAAU,CAACA,EAAK,UAElBA,EACV;AACD,IAAAN,EAASK,CAAQ;AAAA,EACrB;AAEA,2BACKE,GACG,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAG,UAAa,gBAAA,CAAA;AAAA,MACjB,gBAAAA,EAACC,GAAK,EAAA,IAAG,4BACL,UAAA,gBAAAD,EAACE,GAAO,EAAA,WAAU,OAAM,MAAK,MAAK,UAAA,YAAA,CAElC,EACJ,CAAA;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAF,EAAC,SAAI,WAAU,QACV,YAAM,IAAI,CAACH,GAAMM,MACd,gBAAAJ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAWK;AAAA,UACP;AAAA,UACA,CAACC,EAAYf,GAAOa,CAAK,KAAK;AAAA,QAClC;AAAA,QAEA,UAAA;AAAA,UAAC,gBAAAJ,EAAA,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAS,MAAMN,EAAaG,EAAK,EAAE;AAAA,gBAElC,UAAAA,EAAK,UACF,gBAAAG,EAACM,GAAoB,EAAA,WAAU,gBAAe,IAE9C,gBAAAN,EAACO,GAAc,EAAA,WAAU,qBAAqB,CAAA;AAAA,cAAA;AAAA,YAEtD;AAAA,8BACC,OACG,EAAA,UAAA;AAAA,cAAA,gBAAAP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAWI;AAAA,oBACP;AAAA,oBACAP,EAAK,WACD;AAAA,kBACR;AAAA,kBAEC,UAAKA,EAAA;AAAA,gBAAA;AAAA,cACV;AAAA,gCACC,OAAI,EAAA,WAAU,2BACX,UAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAC,gBAAAC,EAAAQ,GAAA,EAAW,WAAU,UAAU,CAAA;AAAA,gBAC/BX,EAAK,UACAY,EAAMZ,EAAK,OAAO,EAAE;AAAA,kBAChB;AAAA,gBAAA,IAEJ;AAAA,cAAA,EAAA,CACV,EACJ,CAAA;AAAA,YAAA,EACJ,CAAA;AAAA,UAAA,GACJ;AAAA,4BACC,OACG,EAAA,UAAA,gBAAAG;AAAA,YAACU;AAAA,YAAA;AAAA,cACG,WAAW,sBACPb,EAAK,WACCV,EAAWU,EAAK,QAAQ,IACxB,EACV;AAAA,cAEC,UAAKA,EAAA;AAAA,YAAA;AAAA,UAAA,EAEd,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAlDKA,EAAK;AAAA,IAAA,CAoDjB,EACL,CAAA;AAAA,EAAA,GACJ;AAER;"}