geoiq-frontend-ui-kit 2.0.5 → 2.0.6

package/dist/index124.es.js

@@ -1,23 +1,101 @@
-import e from "react";
-import { AccordionDemo as m } from "./index4.es.js";
-import { Typography as a } from "./index19.es.js";
-const i = ({ types: t }) => t && t.length > 0 ? /* @__PURE__ */ e.createElement(
-  m,
-  {
-    trigger: /* @__PURE__ */ e.createElement(a, { variant: "body1", className: "text-light-2" }, "Types"),
-    content: /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-1" }, t.map((r, o) => /* @__PURE__ */ e.createElement(
-      a,
-      {
-        key: r + o,
-        variant: "body4",
-        className: "rounded bg-primary-1 px-2 py-0.5 text-xs text-light-3"
-      },
-      r
-    ))),
-    triggerProps: { className: "cursor-pointer my-2" }
-  }
-) : null;
+import e, { useRef as m, useState as N, useEffect as b } from "react";
+import { AccordionDemo as y } from "./index4.es.js";
+import { Typography as r } from "./index19.es.js";
+import { SearchIcon as w, ExternalLink as _ } from "lucide-react";
+import { Button as S } from "./index9.es.js";
+import { Input as k } from "./index11.es.js";
+import "clsx";
+import "tailwind-merge";
+import "./index62.es.js";
+import "./index92.es.js";
+import "./index31.es.js";
+import "./index37.es.js";
+import { Spinner as z } from "./index66.es.js";
+const G = ({
+  properties: n = [],
+  title: s = "Properties added",
+  property_count: i,
+  onRedirect: o,
+  onReachBottom: d,
+  onSearchChange: g,
+  loading: f = !1
+}) => {
+  const c = m(null), p = m(!1), [u, h] = N(""), E = (t) => {
+    h(t.target.value), g?.(t.target.value), c.current && (c.current.scrollTop = 0);
+  };
+  b(() => {
+    p.current = !1;
+  }, [n]);
+  const x = (t) => {
+    const { scrollTop: l, scrollHeight: a, clientHeight: v } = t.currentTarget;
+    l + v >= a - 5 && d?.();
+  };
+  return /* @__PURE__ */ e.createElement(
+    y,
+    {
+      trigger: /* @__PURE__ */ e.createElement(r, { variant: "body1", className: "text-light-2" }, s, " (", i, ")"),
+      content: /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          ref: c,
+          onScroll: x,
+          className: "max-h-[400px] overflow-y-auto"
+        },
+        /* @__PURE__ */ e.createElement("div", { className: "w-full sticky top-0 bg-light-1 z-50 pb-2" }, /* @__PURE__ */ e.createElement(
+          k,
+          {
+            placeholder: "Search properties",
+            prefix: /* @__PURE__ */ e.createElement(w, { className: "stroke-light-2", size: 20 }),
+            value: u,
+            onChange: E
+          }
+        )),
+        n.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "flex justify-center items-center h-20 text-light-3" }, "No property found") : /* @__PURE__ */ e.createElement(e.Fragment, null, n.map((t) => /* @__PURE__ */ e.createElement(
+          "div",
+          {
+            key: t.id,
+            className: "rounded-[12px] border border-neutral-1 bg-light-2 p-3 mb-3 flex flex-col gap-2 "
+          },
+          /* @__PURE__ */ e.createElement("div", { className: "w-full flex justify-between items-start" }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2 mb-3 p-0" }, /* @__PURE__ */ e.createElement(r, { variant: "body4", className: "text-light-2 " }, t.name), /* @__PURE__ */ e.createElement(
+            S,
+            {
+              variant: "secondary",
+              size: "sm",
+              className: "w-fit ml-auto",
+              onClick: () => o?.(t)
+            },
+            /* @__PURE__ */ e.createElement(
+              _,
+              {
+                size: 16,
+                className: "text-light-1 cursor-pointer bg-light-1"
+              }
+            )
+          )), /* @__PURE__ */ e.createElement("div", { className: "flex w-[372px] rounded-lg p-3 bg-light-1" }, t.property_details && t.property_details.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "flex w-full rounded-lg p-0 bg-light-1" }, t.property_details && t.property_details.length > 0 && t.property_details.map(
+            (l, a) => /* @__PURE__ */ e.createElement(e.Fragment, { key: a }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ e.createElement("div", { className: "truncate font-medium" }, /* @__PURE__ */ e.createElement(
+              r,
+              {
+                variant: "body6",
+                className: "text-light-4"
+              },
+              l.name
+            ), " "), /* @__PURE__ */ e.createElement("div", { className: "truncate text-light-3" }, /* @__PURE__ */ e.createElement(
+              r,
+              {
+                variant: "body6",
+                className: "text-light-2"
+              },
+              l.value
+            ))), t.property_details && a !== t.property_details.length - 1 && /* @__PURE__ */ e.createElement("div", { className: "h-auto w-px border-l mx-3 border-neutral-2" }))
+          )))))
+        )), f && /* @__PURE__ */ e.createElement("div", { className: "left-0 right-0 bottom-0 flex justify-center items-center py-4" }, /* @__PURE__ */ e.createElement(z, null)))
+      ),
+      triggerProps: { className: "cursor-pointer my-2" },
+      contentProps: { className: "max-h-[400px] overflow-y-auto" }
+    }
+  );
+};
 export {
-  i as TypeSection
+  G as PropertiesAddedSection
 };
 //# sourceMappingURL=index124.es.js.map

package/dist/index124.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index124.es.js","sources":["../src/components/ui/agent-snippet-view/components/agent-type-section.tsx"],"sourcesContent":["import React from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Typography } from '@/components/atoms/typography'\n\nexport const TypeSection: React.FC<{\n  types?: string[]\n}> = ({ types }) =>\n  types && types.length > 0 ? (\n    <Accordion\n      trigger={\n        <Typography variant=\"body1\" className=\"text-light-2\">\n          Types\n        </Typography>\n      }\n      content={\n        <div className=\"flex flex-wrap gap-1\">\n          {types.map((type, idx) => (\n            <Typography\n              key={type + idx}\n              variant=\"body4\"\n              className=\"rounded bg-primary-1 px-2 py-0.5 text-xs text-light-3\"\n            >\n              {type}\n            </Typography>\n          ))}\n        </div>\n      }\n      triggerProps={{ className: 'cursor-pointer my-2' }}\n    />\n  ) : null\n"],"names":["TypeSection","types","React","Accordion","Typography","type","idx"],"mappings":";;;AAIO,MAAMA,IAER,CAAC,EAAE,OAAAC,QACNA,KAASA,EAAM,SAAS,IACtBC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACED,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBAAe,OAErD;AAAA,IAEF,yCACG,OAAA,EAAI,WAAU,0BACZH,EAAM,IAAI,CAACI,GAAMC,MAChBJ,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKC,IAAOC;AAAA,QACZ,SAAQ;AAAA,QACR,WAAU;AAAA,MAAA;AAAA,MAETD;AAAA,IAAA,CAEJ,CACH;AAAA,IAEF,cAAc,EAAE,WAAW,sBAAA;AAAA,EAAsB;AACnD,IACE;"}
+{"version":3,"file":"index124.es.js","sources":["../src/components/ui/agent-snippet-view/components/properties-added-section.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Typography } from '@/components/atoms/typography'\nimport { ExternalLink, SearchIcon } from 'lucide-react'\nimport { PropertiesAddedSectionProps } from '../agent-snippet-view.types'\nimport { Button, Input, Spinner } from '@/index'\n\nexport const PropertiesAddedSection: React.FC<PropertiesAddedSectionProps> = ({\n  properties = [],\n  title = 'Properties added',\n  property_count,\n  onRedirect,\n  onReachBottom,\n  onSearchChange,\n  loading = false,\n}) => {\n  const contentRef = useRef<HTMLDivElement>(null)\n  const isFetchingRef = useRef(false)\n  const [search, setSearch] = useState('')\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setSearch(e.target.value)\n    onSearchChange?.(e.target.value)\n    if (contentRef.current) {\n      contentRef.current.scrollTop = 0\n    }\n  }\n\n  useEffect(() => {\n    isFetchingRef.current = false\n  }, [properties])\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const { scrollTop, scrollHeight, clientHeight } = e.currentTarget\n    if (scrollTop + clientHeight >= scrollHeight - 5) {\n      onReachBottom?.()\n    }\n  }\n  return (\n    <Accordion\n      trigger={\n        <Typography variant=\"body1\" className=\"text-light-2\">\n          {title} ({property_count})\n        </Typography>\n      }\n      content={\n        <div\n          ref={contentRef}\n          onScroll={handleScroll}\n          className=\"max-h-[400px] overflow-y-auto\"\n        >\n          <div className=\"w-full sticky top-0 bg-light-1 z-50 pb-2\">\n            <Input\n              placeholder=\"Search properties\"\n              prefix={<SearchIcon className=\"stroke-light-2\" size={20} />}\n              value={search}\n              onChange={handleInputChange}\n            />\n          </div>\n          {properties.length === 0 ? (\n            <div className=\"flex justify-center items-center h-20 text-light-3\">\n              No property found\n            </div>\n          ) : (\n            <>\n              {properties.map((property) => (\n                <div\n                  key={property.id}\n                  className=\"rounded-[12px] border border-neutral-1 bg-light-2 p-3 mb-3 flex flex-col gap-2 \"\n                >\n                  <div className=\"w-full flex justify-between items-start\">\n                    <div>\n                      <div className=\"flex items-center gap-2 mb-3 p-0\">\n                        <Typography variant=\"body4\" className=\"text-light-2 \">\n                          {property.name}\n                        </Typography>\n                        <Button\n                          variant=\"secondary\"\n                          size=\"sm\"\n                          className=\"w-fit ml-auto\"\n                          onClick={() => onRedirect?.(property)}\n                        >\n                          <ExternalLink\n                            size={16}\n                            className=\"text-light-1 cursor-pointer bg-light-1\"\n                          />\n                        </Button>\n                      </div>\n                      <div className=\"flex w-[372px] rounded-lg p-3 bg-light-1\">\n                        {/* Render features only */}\n                        {property.property_details &&\n                          property.property_details.length > 0 && (\n                            <div className=\"flex w-full rounded-lg p-0 bg-light-1\">\n                              {property.property_details &&\n                                property.property_details.length > 0 &&\n                                property.property_details.map(\n                                  (feature, idx) => (\n                                    <React.Fragment key={idx}>\n                                      <div className=\"flex flex-col min-w-0\">\n                                        <div className=\"truncate font-medium\">\n                                          <Typography\n                                            variant=\"body6\"\n                                            className=\"text-light-4\"\n                                          >\n                                            {feature.name}\n                                          </Typography>{' '}\n                                        </div>\n                                        <div className=\"truncate text-light-3\">\n                                          <Typography\n                                            variant=\"body6\"\n                                            className=\"text-light-2\"\n                                          >\n                                            {feature.value}\n                                          </Typography>\n                                        </div>\n                                      </div>\n                                      {property.property_details &&\n                                        idx !==\n                                          property.property_details.length -\n                                            1 && (\n                                          <div className=\"h-auto w-px border-l mx-3 border-neutral-2\" />\n                                        )}\n                                    </React.Fragment>\n                                  )\n                                )}\n                            </div>\n                          )}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              ))}\n              {loading && (\n                <div className=\"left-0 right-0 bottom-0 flex justify-center items-center py-4\">\n                  <Spinner />\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      }\n      triggerProps={{ className: 'cursor-pointer my-2' }}\n      contentProps={{ className: 'max-h-[400px] overflow-y-auto' }}\n    />\n  )\n}\n"],"names":["PropertiesAddedSection","properties","title","property_count","onRedirect","onReachBottom","onSearchChange","loading","contentRef","useRef","isFetchingRef","search","setSearch","useState","handleInputChange","e","useEffect","handleScroll","scrollTop","scrollHeight","clientHeight","React","Accordion","Typography","Input","SearchIcon","property","Button","ExternalLink","feature","idx","Spinner"],"mappings":"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"}

package/dist/index125.es.js

@@ -1,15 +1,67 @@
 import e from "react";
-import { AccordionDemo as r } from "./index4.es.js";
-import { Typography as o } from "./index19.es.js";
-const n = ({ sharedMarkets: t }) => t ? /* @__PURE__ */ e.createElement(
-  r,
+import { AccordionDemo as c } from "./index4.es.js";
+import { Typography as a } from "./index19.es.js";
+import { Button as p } from "./index9.es.js";
+import { FileText as d } from "lucide-react";
+import { Spinner as g } from "./index66.es.js";
+import { AvatarDemo as f } from "./index6.es.js";
+import "clsx";
+import "tailwind-merge";
+import "./index62.es.js";
+import "./index92.es.js";
+import "./index31.es.js";
+import "./index37.es.js";
+const D = ({ notes: r, onAddNote: l, notesLoading: o }) => /* @__PURE__ */ e.createElement(
+  c,
   {
-    trigger: /* @__PURE__ */ e.createElement(o, { variant: "body1", className: "text-light-2" }, "Shared markets"),
-    content: /* @__PURE__ */ e.createElement("div", null, t),
-    triggerProps: { className: "cursor-pointer my-2" }
+    trigger: /* @__PURE__ */ e.createElement(a, { variant: "body1", className: "my-2 text-light-2" }, "Call history & notes"),
+    content: /* @__PURE__ */ e.createElement("div", null, l && /* @__PURE__ */ e.createElement("div", { className: "w-full sticky top-0 bg-light-1 z-50 pb-2" }, /* @__PURE__ */ e.createElement(
+      p,
+      {
+        variant: "secondary",
+        size: "sm",
+        className: "flex w-fit justify-start",
+        onClick: l
+      },
+      /* @__PURE__ */ e.createElement(d, { size: 16, className: "mr-1" }),
+      "Add notes"
+    )), o && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center items-center py-2" }, /* @__PURE__ */ e.createElement(g, null)), r.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "py-4 text-start text-light-4" }, "Nothing here yet. Add a note to begin.") : r.map((t, m) => {
+      const i = new Date(t.timestamp), n = i.toLocaleDateString("en-GB"), s = i.toLocaleTimeString("en-US", {
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+      return /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          key: m,
+          className: `flex items-start gap-3 py-3 ${m !== r.length - 1 ? "border-b border-neutral-2" : ""}`
+        },
+        /* @__PURE__ */ e.createElement(
+          f,
+          {
+            imageSrc: t.user.image_url || "",
+            alt: t.user.first_name,
+            fallback: t.user.first_name?.[0]?.toUpperCase() || "",
+            size: "md"
+          }
+        ),
+        /* @__PURE__ */ e.createElement("div", { className: "mr-3 flex w-full justify-between" }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+          a,
+          {
+            variant: "body2",
+            className: "mt-1 max-w-[250px] whitespace-pre-line break-words text-light-3"
+          },
+          t.note
+        ), t.call_duration && /* @__PURE__ */ e.createElement(a, { variant: "body6", className: "text-light-4 mt-1" }, t.call_duration)), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ e.createElement(a, { variant: "body6", className: "text-light-2" }, n), /* @__PURE__ */ e.createElement(a, { variant: "body6", className: "text-light-4" }, s)))
+      );
+    })),
+    triggerProps: {
+      className: "cursor-pointer my-2"
+    },
+    contentProps: { className: "max-h-[400px] overflow-y-auto" }
   }
-) : null;
+);
 export {
-  n as SharedMarketsSection
+  D as NotesSection
 };
 //# sourceMappingURL=index125.es.js.map

package/dist/index125.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index125.es.js","sources":["../src/components/ui/agent-snippet-view/components/shared-markets-section.tsx"],"sourcesContent":["import React from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Typography } from '@/components/atoms/typography'\n\nexport const SharedMarketsSection: React.FC<{\n  sharedMarkets?: React.ReactNode\n}> = ({ sharedMarkets }) =>\n  sharedMarkets ? (\n    <Accordion\n      trigger={\n        <Typography variant=\"body1\" className=\"text-light-2\">\n          Shared markets\n        </Typography>\n      }\n      content={<div>{sharedMarkets}</div>}\n      triggerProps={{ className: 'cursor-pointer my-2' }}\n    />\n  ) : null\n"],"names":["SharedMarketsSection","sharedMarkets","React","Accordion","Typography"],"mappings":";;;AAIO,MAAMA,IAER,CAAC,EAAE,eAAAC,EAAA,MACNA,IACEC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACED,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBAAe,gBAErD;AAAA,IAEF,SAASF,gBAAAA,EAAA,cAAC,OAAA,MAAKD,CAAc;AAAA,IAC7B,cAAc,EAAE,WAAW,sBAAA;AAAA,EAAsB;AACnD,IACE;"}
+{"version":3,"file":"index125.es.js","sources":["../src/components/ui/agent-snippet-view/components/notes-section.tsx"],"sourcesContent":["import React from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\n// import { Avatar } from '@/components/atoms/avatar'\nimport { Typography } from '@/components/atoms/typography'\nimport { Button } from '@/components/atoms/button'\nimport { FileText } from 'lucide-react'\nimport type { Note } from '../agent-snippet-view.types'\nimport { Spinner } from '@/components/unstyled/spinner'\nimport { Avatar } from '@/index'\n\nexport const NotesSection: React.FC<{\n  notes: Note[]\n  onAddNote?: () => void\n  notesLoading?: boolean\n}> = ({ notes, onAddNote, notesLoading }) => (\n  <Accordion\n    trigger={\n      <Typography variant=\"body1\" className=\"my-2 text-light-2\">\n        Call history & notes\n      </Typography>\n    }\n    content={\n      <div>\n        {onAddNote && (\n          <div className=\"w-full sticky top-0 bg-light-1 z-50 pb-2\">\n            <Button\n              variant=\"secondary\"\n              size=\"sm\"\n              className=\"flex w-fit justify-start\"\n              onClick={onAddNote}\n            >\n              <FileText size={16} className=\"mr-1\" />\n              Add notes\n            </Button>\n          </div>\n        )}\n        {notesLoading && (\n          <div className=\"flex justify-center items-center py-2\">\n            <Spinner />\n          </div>\n        )}\n        {notes.length === 0 ? (\n          <div className=\"py-4 text-start text-light-4\">\n            Nothing here yet. Add a note to begin.\n          </div>\n        ) : (\n          notes.map((item, idx) => {\n            const date = new Date(item.timestamp)\n            const dateStr = date.toLocaleDateString('en-GB')\n            const timeStr = date.toLocaleTimeString('en-US', {\n              hour: '2-digit',\n              minute: '2-digit',\n            })\n            // const fallback = item.user.first_name?.[0]?.toUpperCase() || ''\n            return (\n              <div\n                key={idx}\n                className={`flex items-start gap-3 py-3 ${idx !== notes.length - 1 ? 'border-b border-neutral-2' : ''}`}\n              >\n                <Avatar\n                  imageSrc={item.user.image_url || ''}\n                  alt={item.user.first_name}\n                  fallback={item.user.first_name?.[0]?.toUpperCase() || ''}\n                  size=\"md\"\n                />\n                <div className=\"mr-3 flex w-full justify-between\">\n                  <div>\n                    <Typography\n                      variant=\"body2\"\n                      className=\"mt-1 max-w-[250px] whitespace-pre-line break-words text-light-3\"\n                    >\n                      {item.note}\n                    </Typography>\n                    {item.call_duration && (\n                      <Typography variant=\"body6\" className=\"text-light-4 mt-1\">\n                        {item.call_duration}\n                      </Typography>\n                    )}\n                  </div>\n                  <div className=\"flex flex-col gap-1\">\n                    <Typography variant=\"body6\" className=\"text-light-2\">\n                      {dateStr}\n                    </Typography>\n                    <Typography variant=\"body6\" className=\"text-light-4\">\n                      {timeStr}\n                    </Typography>\n                  </div>\n                </div>\n              </div>\n            )\n          })\n        )}\n      </div>\n    }\n    triggerProps={{\n      className: 'cursor-pointer my-2',\n    }}\n    contentProps={{ className: 'max-h-[400px] overflow-y-auto' }}\n  />\n)\n"],"names":["NotesSection","notes","onAddNote","notesLoading","React","Accordion","Typography","Button","FileText","Spinner","item","idx","date","dateStr","timeStr","Avatar"],"mappings":";;;;;;;;;;;;;AAUO,MAAMA,IAIR,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,cAAAC,QACxBC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACED,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,uBAAoB,sBAE1D;AAAA,IAEF,SACEF,gBAAAA,EAAA,cAAC,OAAA,MACEF,KACCE,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,2CAAA,GACbA,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAASL;AAAA,MAAA;AAAA,MAETE,gBAAAA,EAAA,cAACI,GAAA,EAAS,MAAM,IAAI,WAAU,QAAO;AAAA,MAAE;AAAA,IAAA,CAG3C,GAEDL,KACCC,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,wCAAA,GACbA,gBAAAA,EAAA,cAACK,GAAA,IAAQ,CACX,GAEDR,EAAM,WAAW,IAChBG,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,kCAA+B,wCAE9C,IAEAH,EAAM,IAAI,CAACS,GAAMC,MAAQ;AACvB,YAAMC,IAAO,IAAI,KAAKF,EAAK,SAAS,GAC9BG,IAAUD,EAAK,mBAAmB,OAAO,GACzCE,IAAUF,EAAK,mBAAmB,SAAS;AAAA,QAC/C,MAAM;AAAA,QACN,QAAQ;AAAA,MAAA,CACT;AAED,aACER,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKO;AAAA,UACL,WAAW,+BAA+BA,MAAQV,EAAM,SAAS,IAAI,8BAA8B,EAAE;AAAA,QAAA;AAAA,QAErGG,gBAAAA,EAAA;AAAA,UAACW;AAAAA,UAAA;AAAA,YACC,UAAUL,EAAK,KAAK,aAAa;AAAA,YACjC,KAAKA,EAAK,KAAK;AAAA,YACf,UAAUA,EAAK,KAAK,aAAa,CAAC,GAAG,iBAAiB;AAAA,YACtD,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEPN,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,mCAAA,mCACZ,OAAA,MACCA,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,UAAA;AAAA,UAETI,EAAK;AAAA,QAAA,GAEPA,EAAK,iBACJN,gBAAAA,EAAA,cAACE,KAAW,SAAQ,SAAQ,WAAU,oBAAA,GACnCI,EAAK,aACR,CAEJ,mCACC,OAAA,EAAI,WAAU,sBAAA,GACbN,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBACnCO,CACH,GACAT,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,eAAA,GACnCQ,CACH,CACF,CACF;AAAA,MAAA;AAAA,IAGN,CAAC,CAEL;AAAA,IAEF,cAAc;AAAA,MACZ,WAAW;AAAA,IAAA;AAAA,IAEb,cAAc,EAAE,WAAW,gCAAA;AAAA,EAAgC;AAC7D;"}

package/dist/index126.es.js

@@ -1,101 +1,58 @@
-import e, { useRef as m, useState as N, useEffect as b } from "react";
-import { AccordionDemo as y } from "./index4.es.js";
-import { Typography as r } from "./index19.es.js";
-import { SearchIcon as w, ExternalLink as _ } from "lucide-react";
-import { Button as S } from "./index9.es.js";
-import { Input as k } from "./index11.es.js";
-import "clsx";
-import "tailwind-merge";
-import "./index62.es.js";
-import "./index92.es.js";
-import "./index31.es.js";
-import "./index37.es.js";
-import { Spinner as z } from "./index66.es.js";
-const G = ({
-  properties: n = [],
-  title: s = "Properties added",
-  property_count: i,
-  onRedirect: o,
-  onReachBottom: d,
-  onSearchChange: g,
-  loading: f = !1
-}) => {
-  const c = m(null), p = m(!1), [u, h] = N(""), E = (t) => {
-    h(t.target.value), g?.(t.target.value), c.current && (c.current.scrollTop = 0);
-  };
-  b(() => {
-    p.current = !1;
-  }, [n]);
-  const x = (t) => {
-    const { scrollTop: l, scrollHeight: a, clientHeight: v } = t.currentTarget;
-    l + v >= a - 5 && d?.();
-  };
-  return /* @__PURE__ */ e.createElement(
-    y,
-    {
-      trigger: /* @__PURE__ */ e.createElement(r, { variant: "body1", className: "text-light-2" }, s, " (", i, ")"),
-      content: /* @__PURE__ */ e.createElement(
-        "div",
+import e from "react";
+import { X as o } from "lucide-react";
+import { Button as r } from "./index9.es.js";
+import { _Dialog as c } from "./index43.es.js";
+import { Textarea as s } from "./index16.es.js";
+import { Typography as p } from "./index19.es.js";
+const x = ({
+  open: m,
+  noteValue: a,
+  onNoteChange: i,
+  onClose: t,
+  onSave: l
+}) => /* @__PURE__ */ e.createElement(
+  c,
+  {
+    trigger: null,
+    contentClassName: "h-fit w-fit",
+    open: m,
+    onInteractOutside: t,
+    body: /* @__PURE__ */ e.createElement("div", { className: "p-4" }, /* @__PURE__ */ e.createElement(
+      p,
+      {
+        variant: "h3",
+        className: "mb-2 flex items-center justify-between text-light-2"
+      },
+      "Add notes",
+      /* @__PURE__ */ e.createElement(
+        o,
         {
-          ref: c,
-          onScroll: x,
-          className: "max-h-[400px] overflow-y-auto"
-        },
-        /* @__PURE__ */ e.createElement("div", { className: "w-full sticky top-0 bg-light-1 z-50 pb-2" }, /* @__PURE__ */ e.createElement(
-          k,
-          {
-            placeholder: "Search properties",
-            prefix: /* @__PURE__ */ e.createElement(w, { className: "stroke-light-2", size: 20 }),
-            value: u,
-            onChange: E
-          }
-        )),
-        n.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "flex justify-center items-center h-20 text-light-3" }, "No property found") : /* @__PURE__ */ e.createElement(e.Fragment, null, n.map((t) => /* @__PURE__ */ e.createElement(
-          "div",
-          {
-            key: t.id,
-            className: "rounded-[12px] border border-neutral-1 bg-light-2 p-3 mb-3 flex flex-col gap-2 "
-          },
-          /* @__PURE__ */ e.createElement("div", { className: "w-full flex justify-between items-start" }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2 mb-3 p-0" }, /* @__PURE__ */ e.createElement(r, { variant: "body4", className: "text-light-2 " }, t.name), /* @__PURE__ */ e.createElement(
-            S,
-            {
-              variant: "secondary",
-              size: "sm",
-              className: "w-fit ml-auto",
-              onClick: () => o?.(t)
-            },
-            /* @__PURE__ */ e.createElement(
-              _,
-              {
-                size: 16,
-                className: "text-light-1 cursor-pointer bg-light-1"
-              }
-            )
-          )), /* @__PURE__ */ e.createElement("div", { className: "flex w-[372px] rounded-lg p-3 bg-light-1" }, t.property_details && t.property_details.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "flex w-full rounded-lg p-0 bg-light-1" }, t.property_details && t.property_details.length > 0 && t.property_details.map(
-            (l, a) => /* @__PURE__ */ e.createElement(e.Fragment, { key: a }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ e.createElement("div", { className: "truncate font-medium" }, /* @__PURE__ */ e.createElement(
-              r,
-              {
-                variant: "body6",
-                className: "text-light-4"
-              },
-              l.name
-            ), " "), /* @__PURE__ */ e.createElement("div", { className: "truncate text-light-3" }, /* @__PURE__ */ e.createElement(
-              r,
-              {
-                variant: "body6",
-                className: "text-light-2"
-              },
-              l.value
-            ))), t.property_details && a !== t.property_details.length - 1 && /* @__PURE__ */ e.createElement("div", { className: "h-auto w-px border-l mx-3 border-neutral-2" }))
-          )))))
-        )), f && /* @__PURE__ */ e.createElement("div", { className: "left-0 right-0 bottom-0 flex justify-center items-center py-4" }, /* @__PURE__ */ e.createElement(z, null)))
-      ),
-      triggerProps: { className: "cursor-pointer my-2" },
-      contentProps: { className: "max-h-[400px] overflow-y-auto" }
-    }
-  );
-};
+          size: 16,
+          className: "cursor-pointer justify-end text-light-1",
+          onClick: t
+        }
+      )
+    ), /* @__PURE__ */ e.createElement(
+      s,
+      {
+        value: a,
+        placeholder: "Add notes",
+        onChange: (n) => i(n.target.value),
+        className: "h-[200px] w-[400px]"
+      }
+    ), /* @__PURE__ */ e.createElement("div", { className: "mt-4 flex gap-2" }, /* @__PURE__ */ e.createElement(
+      r,
+      {
+        size: "sm",
+        variant: "primary",
+        onClick: l,
+        disabled: !a.trim()
+      },
+      "Save"
+    ), /* @__PURE__ */ e.createElement(r, { size: "sm", variant: "secondary", onClick: t }, "Cancel")))
+  }
+);
 export {
-  G as PropertiesAddedSection
+  x as DialogNote
 };
 //# sourceMappingURL=index126.es.js.map

package/dist/index126.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index126.es.js","sources":["../src/components/ui/agent-snippet-view/components/properties-added-section.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Typography } from '@/components/atoms/typography'\nimport { ExternalLink, SearchIcon } from 'lucide-react'\nimport { PropertiesAddedSectionProps } from '../agent-snippet-view.types'\nimport { Button, Input, Spinner } from '@/index'\n\nexport const PropertiesAddedSection: React.FC<PropertiesAddedSectionProps> = ({\n  properties = [],\n  title = 'Properties added',\n  property_count,\n  onRedirect,\n  onReachBottom,\n  onSearchChange,\n  loading = false,\n}) => {\n  const contentRef = useRef<HTMLDivElement>(null)\n  const isFetchingRef = useRef(false)\n  const [search, setSearch] = useState('')\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setSearch(e.target.value)\n    onSearchChange?.(e.target.value)\n    if (contentRef.current) {\n      contentRef.current.scrollTop = 0\n    }\n  }\n\n  useEffect(() => {\n    isFetchingRef.current = false\n  }, [properties])\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const { scrollTop, scrollHeight, clientHeight } = e.currentTarget\n    if (scrollTop + clientHeight >= scrollHeight - 5) {\n      onReachBottom?.()\n    }\n  }\n  return (\n    <Accordion\n      trigger={\n        <Typography variant=\"body1\" className=\"text-light-2\">\n          {title} ({property_count})\n        </Typography>\n      }\n      content={\n        <div\n          ref={contentRef}\n          onScroll={handleScroll}\n          className=\"max-h-[400px] overflow-y-auto\"\n        >\n          <div className=\"w-full sticky top-0 bg-light-1 z-50 pb-2\">\n            <Input\n              placeholder=\"Search properties\"\n              prefix={<SearchIcon className=\"stroke-light-2\" size={20} />}\n              value={search}\n              onChange={handleInputChange}\n            />\n          </div>\n          {properties.length === 0 ? (\n            <div className=\"flex justify-center items-center h-20 text-light-3\">\n              No property found\n            </div>\n          ) : (\n            <>\n              {properties.map((property) => (\n                <div\n                  key={property.id}\n                  className=\"rounded-[12px] border border-neutral-1 bg-light-2 p-3 mb-3 flex flex-col gap-2 \"\n                >\n                  <div className=\"w-full flex justify-between items-start\">\n                    <div>\n                      <div className=\"flex items-center gap-2 mb-3 p-0\">\n                        <Typography variant=\"body4\" className=\"text-light-2 \">\n                          {property.name}\n                        </Typography>\n                        <Button\n                          variant=\"secondary\"\n                          size=\"sm\"\n                          className=\"w-fit ml-auto\"\n                          onClick={() => onRedirect?.(property)}\n                        >\n                          <ExternalLink\n                            size={16}\n                            className=\"text-light-1 cursor-pointer bg-light-1\"\n                          />\n                        </Button>\n                      </div>\n                      <div className=\"flex w-[372px] rounded-lg p-3 bg-light-1\">\n                        {/* Render features only */}\n                        {property.property_details &&\n                          property.property_details.length > 0 && (\n                            <div className=\"flex w-full rounded-lg p-0 bg-light-1\">\n                              {property.property_details &&\n                                property.property_details.length > 0 &&\n                                property.property_details.map(\n                                  (feature, idx) => (\n                                    <React.Fragment key={idx}>\n                                      <div className=\"flex flex-col min-w-0\">\n                                        <div className=\"truncate font-medium\">\n                                          <Typography\n                                            variant=\"body6\"\n                                            className=\"text-light-4\"\n                                          >\n                                            {feature.name}\n                                          </Typography>{' '}\n                                        </div>\n                                        <div className=\"truncate text-light-3\">\n                                          <Typography\n                                            variant=\"body6\"\n                                            className=\"text-light-2\"\n                                          >\n                                            {feature.value}\n                                          </Typography>\n                                        </div>\n                                      </div>\n                                      {property.property_details &&\n                                        idx !==\n                                          property.property_details.length -\n                                            1 && (\n                                          <div className=\"h-auto w-px border-l mx-3 border-neutral-2\" />\n                                        )}\n                                    </React.Fragment>\n                                  )\n                                )}\n                            </div>\n                          )}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              ))}\n              {loading && (\n                <div className=\"left-0 right-0 bottom-0 flex justify-center items-center py-4\">\n                  <Spinner />\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      }\n      triggerProps={{ className: 'cursor-pointer my-2' }}\n      contentProps={{ className: 'max-h-[400px] overflow-y-auto' }}\n    />\n  )\n}\n"],"names":["PropertiesAddedSection","properties","title","property_count","onRedirect","onReachBottom","onSearchChange","loading","contentRef","useRef","isFetchingRef","search","setSearch","useState","handleInputChange","e","useEffect","handleScroll","scrollTop","scrollHeight","clientHeight","React","Accordion","Typography","Input","SearchIcon","property","Button","ExternalLink","feature","idx","Spinner"],"mappings":"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"}
+{"version":3,"file":"index126.es.js","sources":["../src/components/ui/agent-snippet-view/components/add-notes-dialog.tsx"],"sourcesContent":["import React from 'react'\nimport { X } from 'lucide-react'\nimport { Button } from '@/components/atoms/button'\nimport { Dialog } from '@/components/organisms/dialog'\nimport { Textarea } from '@/components/atoms/textarea'\nimport { Typography } from '@/components/atoms/typography'\n\ninterface DialogNoteProps {\n  open: boolean\n  noteValue: string\n  onNoteChange: (value: string) => void\n  onClose: () => void\n  onSave: () => void\n}\n\nexport const DialogNote: React.FC<DialogNoteProps> = ({\n  open,\n  noteValue,\n  onNoteChange,\n  onClose,\n  onSave,\n}) => (\n  <Dialog\n    trigger={null}\n    contentClassName=\"h-fit w-fit\"\n    open={open}\n    onInteractOutside={onClose}\n    body={\n      <div className=\"p-4\">\n        <Typography\n          variant=\"h3\"\n          className=\"mb-2 flex items-center justify-between text-light-2\"\n        >\n          Add notes\n          <X\n            size={16}\n            className=\"cursor-pointer justify-end text-light-1\"\n            onClick={onClose}\n          />\n        </Typography>\n\n        <Textarea\n          value={noteValue}\n          placeholder=\"Add notes\"\n          onChange={(e) => onNoteChange(e.target.value)}\n          className=\"h-[200px] w-[400px]\"\n        />\n        <div className=\"mt-4 flex gap-2\">\n          <Button\n            size=\"sm\"\n            variant=\"primary\"\n            onClick={onSave}\n            disabled={!noteValue.trim()}\n          >\n            Save\n          </Button>\n          <Button size=\"sm\" variant=\"secondary\" onClick={onClose}>\n            Cancel\n          </Button>\n        </div>\n      </div>\n    }\n  />\n)\n"],"names":["DialogNote","open","noteValue","onNoteChange","onClose","onSave","React","Dialog","Typography","X","Textarea","e","Button"],"mappings":";;;;;;AAeO,MAAMA,IAAwC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SAAS;AAAA,IACT,kBAAiB;AAAA,IACjB,MAAAN;AAAA,IACA,mBAAmBG;AAAA,IACnB,MACEE,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,MAAA,GACbA,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,MAAA;AAAA,MACX;AAAA,MAECF,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UACV,SAASL;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,GAGFE,gBAAAA,EAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,OAAOR;AAAA,QACP,aAAY;AAAA,QACZ,UAAU,CAACS,MAAMR,EAAaQ,EAAE,OAAO,KAAK;AAAA,QAC5C,WAAU;AAAA,MAAA;AAAA,IAAA,GAEZL,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,kBAAA,GACbA,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAASP;AAAA,QACT,UAAU,CAACH,EAAU,KAAA;AAAA,MAAK;AAAA,MAC3B;AAAA,IAAA,GAGDI,gBAAAA,EAAA,cAACM,GAAA,EAAO,MAAK,MAAK,SAAQ,aAAY,SAASR,EAAA,GAAS,QAExD,CACF,CACF;AAAA,EAAA;AAEJ;"}

package/dist/index127.es.js

@@ -1,67 +1,19 @@
-import e from "react";
-import { AccordionDemo as c } from "./index4.es.js";
-import { Typography as a } from "./index19.es.js";
-import { Button as p } from "./index9.es.js";
-import { FileText as d } from "lucide-react";
-import { Spinner as g } from "./index66.es.js";
-import { AvatarDemo as f } from "./index6.es.js";
-import "clsx";
-import "tailwind-merge";
-import "./index62.es.js";
-import "./index92.es.js";
-import "./index31.es.js";
-import "./index37.es.js";
-const D = ({ notes: r, onAddNote: l, notesLoading: o }) => /* @__PURE__ */ e.createElement(
-  c,
-  {
-    trigger: /* @__PURE__ */ e.createElement(a, { variant: "body1", className: "my-2 text-light-2" }, "Call history & notes"),
-    content: /* @__PURE__ */ e.createElement("div", null, l && /* @__PURE__ */ e.createElement("div", { className: "w-full sticky top-0 bg-light-1 z-50 pb-2" }, /* @__PURE__ */ e.createElement(
-      p,
-      {
-        variant: "secondary",
-        size: "sm",
-        className: "flex w-fit justify-start",
-        onClick: l
-      },
-      /* @__PURE__ */ e.createElement(d, { size: 16, className: "mr-1" }),
-      "Add notes"
-    )), o && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center items-center py-2" }, /* @__PURE__ */ e.createElement(g, null)), r.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "py-4 text-start text-light-4" }, "Nothing here yet. Add a note to begin.") : r.map((t, m) => {
-      const i = new Date(t.timestamp), n = i.toLocaleDateString("en-GB"), s = i.toLocaleTimeString("en-US", {
-        hour: "2-digit",
-        minute: "2-digit"
-      });
-      return /* @__PURE__ */ e.createElement(
-        "div",
-        {
-          key: m,
-          className: `flex items-start gap-3 py-3 ${m !== r.length - 1 ? "border-b border-neutral-2" : ""}`
-        },
-        /* @__PURE__ */ e.createElement(
-          f,
-          {
-            imageSrc: t.user.image_url || "",
-            alt: t.user.first_name,
-            fallback: t.user.first_name?.[0]?.toUpperCase() || "",
-            size: "md"
-          }
-        ),
-        /* @__PURE__ */ e.createElement("div", { className: "mr-3 flex w-full justify-between" }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
-          a,
-          {
-            variant: "body2",
-            className: "mt-1 max-w-[250px] whitespace-pre-line break-words text-light-3"
-          },
-          t.note
-        ), t.call_duration && /* @__PURE__ */ e.createElement(a, { variant: "body6", className: "text-light-4 mt-1" }, t.call_duration)), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ e.createElement(a, { variant: "body6", className: "text-light-2" }, n), /* @__PURE__ */ e.createElement(a, { variant: "body6", className: "text-light-4" }, s)))
-      );
-    })),
-    triggerProps: {
-      className: "cursor-pointer my-2"
-    },
-    contentProps: { className: "max-h-[400px] overflow-y-auto" }
-  }
-);
+import _ from "react-dom";
+var r, t = _;
+if (process.env.NODE_ENV === "production")
+  r = t.createRoot, t.hydrateRoot;
+else {
+  var e = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  r = function(o, n) {
+    e.usingClientEntryPoint = !0;
+    try {
+      return t.createRoot(o, n);
+    } finally {
+      e.usingClientEntryPoint = !1;
+    }
+  };
+}
 export {
-  D as NotesSection
+  r as createRoot
 };
 //# sourceMappingURL=index127.es.js.map

package/dist/index127.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index127.es.js","sources":["../src/components/ui/agent-snippet-view/components/notes-section.tsx"],"sourcesContent":["import React from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\n// import { Avatar } from '@/components/atoms/avatar'\nimport { Typography } from '@/components/atoms/typography'\nimport { Button } from '@/components/atoms/button'\nimport { FileText } from 'lucide-react'\nimport type { Note } from '../agent-snippet-view.types'\nimport { Spinner } from '@/components/unstyled/spinner'\nimport { Avatar } from '@/index'\n\nexport const NotesSection: React.FC<{\n  notes: Note[]\n  onAddNote?: () => void\n  notesLoading?: boolean\n}> = ({ notes, onAddNote, notesLoading }) => (\n  <Accordion\n    trigger={\n      <Typography variant=\"body1\" className=\"my-2 text-light-2\">\n        Call history & notes\n      </Typography>\n    }\n    content={\n      <div>\n        {onAddNote && (\n          <div className=\"w-full sticky top-0 bg-light-1 z-50 pb-2\">\n            <Button\n              variant=\"secondary\"\n              size=\"sm\"\n              className=\"flex w-fit justify-start\"\n              onClick={onAddNote}\n            >\n              <FileText size={16} className=\"mr-1\" />\n              Add notes\n            </Button>\n          </div>\n        )}\n        {notesLoading && (\n          <div className=\"flex justify-center items-center py-2\">\n            <Spinner />\n          </div>\n        )}\n        {notes.length === 0 ? (\n          <div className=\"py-4 text-start text-light-4\">\n            Nothing here yet. Add a note to begin.\n          </div>\n        ) : (\n          notes.map((item, idx) => {\n            const date = new Date(item.timestamp)\n            const dateStr = date.toLocaleDateString('en-GB')\n            const timeStr = date.toLocaleTimeString('en-US', {\n              hour: '2-digit',\n              minute: '2-digit',\n            })\n            // const fallback = item.user.first_name?.[0]?.toUpperCase() || ''\n            return (\n              <div\n                key={idx}\n                className={`flex items-start gap-3 py-3 ${idx !== notes.length - 1 ? 'border-b border-neutral-2' : ''}`}\n              >\n                <Avatar\n                  imageSrc={item.user.image_url || ''}\n                  alt={item.user.first_name}\n                  fallback={item.user.first_name?.[0]?.toUpperCase() || ''}\n                  size=\"md\"\n                />\n                <div className=\"mr-3 flex w-full justify-between\">\n                  <div>\n                    <Typography\n                      variant=\"body2\"\n                      className=\"mt-1 max-w-[250px] whitespace-pre-line break-words text-light-3\"\n                    >\n                      {item.note}\n                    </Typography>\n                    {item.call_duration && (\n                      <Typography variant=\"body6\" className=\"text-light-4 mt-1\">\n                        {item.call_duration}\n                      </Typography>\n                    )}\n                  </div>\n                  <div className=\"flex flex-col gap-1\">\n                    <Typography variant=\"body6\" className=\"text-light-2\">\n                      {dateStr}\n                    </Typography>\n                    <Typography variant=\"body6\" className=\"text-light-4\">\n                      {timeStr}\n                    </Typography>\n                  </div>\n                </div>\n              </div>\n            )\n          })\n        )}\n      </div>\n    }\n    triggerProps={{\n      className: 'cursor-pointer my-2',\n    }}\n    contentProps={{ className: 'max-h-[400px] overflow-y-auto' }}\n  />\n)\n"],"names":["NotesSection","notes","onAddNote","notesLoading","React","Accordion","Typography","Button","FileText","Spinner","item","idx","date","dateStr","timeStr","Avatar"],"mappings":";;;;;;;;;;;;;AAUO,MAAMA,IAIR,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,cAAAC,QACxBC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACED,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,uBAAoB,sBAE1D;AAAA,IAEF,SACEF,gBAAAA,EAAA,cAAC,OAAA,MACEF,KACCE,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,2CAAA,GACbA,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAASL;AAAA,MAAA;AAAA,MAETE,gBAAAA,EAAA,cAACI,GAAA,EAAS,MAAM,IAAI,WAAU,QAAO;AAAA,MAAE;AAAA,IAAA,CAG3C,GAEDL,KACCC,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,wCAAA,GACbA,gBAAAA,EAAA,cAACK,GAAA,IAAQ,CACX,GAEDR,EAAM,WAAW,IAChBG,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,kCAA+B,wCAE9C,IAEAH,EAAM,IAAI,CAACS,GAAMC,MAAQ;AACvB,YAAMC,IAAO,IAAI,KAAKF,EAAK,SAAS,GAC9BG,IAAUD,EAAK,mBAAmB,OAAO,GACzCE,IAAUF,EAAK,mBAAmB,SAAS;AAAA,QAC/C,MAAM;AAAA,QACN,QAAQ;AAAA,MAAA,CACT;AAED,aACER,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKO;AAAA,UACL,WAAW,+BAA+BA,MAAQV,EAAM,SAAS,IAAI,8BAA8B,EAAE;AAAA,QAAA;AAAA,QAErGG,gBAAAA,EAAA;AAAA,UAACW;AAAAA,UAAA;AAAA,YACC,UAAUL,EAAK,KAAK,aAAa;AAAA,YACjC,KAAKA,EAAK,KAAK;AAAA,YACf,UAAUA,EAAK,KAAK,aAAa,CAAC,GAAG,iBAAiB;AAAA,YACtD,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEPN,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,mCAAA,mCACZ,OAAA,MACCA,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,UAAA;AAAA,UAETI,EAAK;AAAA,QAAA,GAEPA,EAAK,iBACJN,gBAAAA,EAAA,cAACE,KAAW,SAAQ,SAAQ,WAAU,oBAAA,GACnCI,EAAK,aACR,CAEJ,mCACC,OAAA,EAAI,WAAU,sBAAA,GACbN,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBACnCO,CACH,GACAT,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,eAAA,GACnCQ,CACH,CACF,CACF;AAAA,MAAA;AAAA,IAGN,CAAC,CAEL;AAAA,IAEF,cAAc;AAAA,MACZ,WAAW;AAAA,IAAA;AAAA,IAEb,cAAc,EAAE,WAAW,gCAAA;AAAA,EAAgC;AAC7D;"}
+{"version":3,"file":"index127.es.js","sources":["../node_modules/react-dom/client.js"],"sourcesContent":["'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n"],"names":["m","require$$0","createRoot","i","c","o"],"mappings":";OAEIA,IAAIC;AACR,IAAI,QAAQ,IAAI,aAAa;AAC3B,EAAAC,IAAqBF,EAAE,YACDA,EAAE;AAAA,KACnB;AACL,MAAIG,IAAIH,EAAE;AACV,EAAAE,IAAqB,SAASE,GAAGC,GAAG;AAClC,IAAAF,EAAE,wBAAwB;AAC1B,QAAI;AACF,aAAOH,EAAE,WAAWI,GAAGC,CAAC;AAAA,IAC9B,UAAK;AACC,MAAAF,EAAE,wBAAwB;AAAA,IAChC;AAAA,EACA;AASA;","x_google_ignoreList":[0]}