geoiq-frontend-ui-kit 1.9.3 → 1.9.4

package/dist/index.es101.js

@@ -1,37 +1,20 @@
-import a from "react";
-import { AccordionDemo as l } from "./index.es4.js";
-import { AvatarDemo as o } from "./index.es6.js";
-import { Typography as r } from "./index.es19.js";
-const p = ({ members: t }) => t.length > 0 ? /* @__PURE__ */ a.createElement(
-  l,
+import { cva as t } from "class-variance-authority";
+const r = t(
+  "rounded hover:text-light-2 hover:stroke-light-1 hover:bg-light-3 ",
   {
-    trigger: /* @__PURE__ */ a.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ a.createElement(r, { variant: "body1", className: "text-light-2" }, "Members (", t.length, ")")),
-    content: /* @__PURE__ */ a.createElement("div", { className: "flex flex-col gap-2" }, t.map((e) => /* @__PURE__ */ a.createElement(
-      "div",
-      {
-        key: e.id,
-        className: "flex items-center gap-3 rounded-xl bg-light-2 px-4 py-3"
+    variants: {
+      type: {
+        icon: "p-1",
+        text: "px-2 py-1"
       },
-      /* @__PURE__ */ a.createElement(
-        o,
-        {
-          size: "md",
-          imageSrc: e.imageSrc || "",
-          alt: e.alt || e.name,
-          fallback: e.fallback || e.name?.[0].toUpperCase() || "",
-          avatarProps: {
-            className: "border border-neutral-1 h-8 w-8 bg-light-1"
-          },
-          ...e
-        }
-      ),
-      /* @__PURE__ */ a.createElement(r, { variant: "body2" }, e.name)
-    ))),
-    contentProps: { className: "max-h-[400px] overflow-y-auto" },
-    triggerProps: { className: "cursor-pointer my-2" }
+      isSelected: {
+        true: "text-light-2 stroke-light-1 bg-light-3",
+        false: "text-light-3 stroke-light-2"
+      }
+    }
   }
-) : null;
+);
 export {
-  p as MembersSection
+  r as CrumbVariants
 };
 //# sourceMappingURL=index.es101.js.map

package/dist/index.es101.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es101.js","sources":["../src/components/ui/agent-snippet-view/components/members-section.tsx"],"sourcesContent":["import React from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Avatar } from '@/components/atoms/avatar'\nimport { Typography } from '@/components/atoms/typography'\nimport type { Member } from '../agent-snippet-view.types'\n\nexport const MembersSection: React.FC<{\n  members: Member[]\n}> = ({ members }) =>\n  members.length > 0 ? (\n    <Accordion\n      trigger={\n        <div className=\"flex items-center gap-1\">\n          <Typography variant=\"body1\" className=\"text-light-2\">\n            Members ({members.length})\n          </Typography>\n        </div>\n      }\n      content={\n        <div className=\"flex flex-col gap-2\">\n          {members.map((member) => (\n            <div\n              key={member.id}\n              className=\"flex items-center gap-3 rounded-xl bg-light-2 px-4 py-3\"\n            >\n              <Avatar\n                size=\"md\"\n                imageSrc={member.imageSrc || ''}\n                alt={member.alt || member.name}\n                fallback={\n                  member.fallback || member.name?.[0].toUpperCase() || ''\n                }\n                avatarProps={{\n                  className: 'border border-neutral-1 h-8 w-8 bg-light-1',\n                }}\n                {...member}\n              />\n              <Typography variant=\"body2\">{member.name}</Typography>\n            </div>\n          ))}\n        </div>\n      }\n      contentProps={{ className: 'max-h-[400px] overflow-y-auto' }}\n      triggerProps={{ className: 'cursor-pointer my-2' }}\n    />\n  ) : null\n"],"names":["MembersSection","members","React","Accordion","Typography","member","Avatar"],"mappings":";;;;AAMO,MAAMA,IAER,CAAC,EAAE,SAAAC,QACNA,EAAQ,SAAS,IACfC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACED,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,6BACbA,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,eAAA,GAAe,aACzCH,EAAQ,QAAO,GAC3B,CACF;AAAA,IAEF,yCACG,OAAA,EAAI,WAAU,yBACZA,EAAQ,IAAI,CAACI,MACZH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKG,EAAO;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,MAEVH,gBAAAA,EAAA;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAUD,EAAO,YAAY;AAAA,UAC7B,KAAKA,EAAO,OAAOA,EAAO;AAAA,UAC1B,UACEA,EAAO,YAAYA,EAAO,OAAO,CAAC,EAAE,iBAAiB;AAAA,UAEvD,aAAa;AAAA,YACX,WAAW;AAAA,UAAA;AAAA,UAEZ,GAAGA;AAAA,QAAA;AAAA,MAAA;AAAA,MAENH,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,QAAA,GAASC,EAAO,IAAK;AAAA,IAAA,CAE5C,CACH;AAAA,IAEF,cAAc,EAAE,WAAW,gCAAA;AAAA,IAC3B,cAAc,EAAE,WAAW,sBAAA;AAAA,EAAsB;AACnD,IACE;"}
+{"version":3,"file":"index.es101.js","sources":["../src/components/molecules/breadcrumb/breadcrumb.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const CrumbVariants = cva(\n  'rounded hover:text-light-2 hover:stroke-light-1 hover:bg-light-3 ',\n  {\n    variants: {\n      type: {\n        icon: 'p-1',\n        text: 'px-2 py-1',\n      },\n      isSelected: {\n        true: 'text-light-2 stroke-light-1 bg-light-3',\n        false: 'text-light-3 stroke-light-2',\n      },\n    },\n  }\n)\n"],"names":["CrumbVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAAA,MAER,YAAY;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ;"}

package/dist/index.es102.js

@@ -1,23 +1,37 @@
-import e from "react";
-import { AccordionDemo as m } from "./index.es4.js";
-import { Typography as a } from "./index.es19.js";
-const i = ({ servingStates: t }) => t && t.length > 0 ? /* @__PURE__ */ e.createElement(
-  m,
+import a from "react";
+import { AccordionDemo as l } from "./index.es4.js";
+import { AvatarDemo as o } from "./index.es6.js";
+import { Typography as r } from "./index.es19.js";
+const p = ({ members: t }) => t.length > 0 ? /* @__PURE__ */ a.createElement(
+  l,
   {
-    trigger: /* @__PURE__ */ e.createElement(a, { variant: "body1", className: "text-light-2" }, "Serving states"),
-    content: /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-1" }, t.map((r, o) => /* @__PURE__ */ e.createElement(
-      a,
+    trigger: /* @__PURE__ */ a.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ a.createElement(r, { variant: "body1", className: "text-light-2" }, "Members (", t.length, ")")),
+    content: /* @__PURE__ */ a.createElement("div", { className: "flex flex-col gap-2" }, t.map((e) => /* @__PURE__ */ a.createElement(
+      "div",
       {
-        key: r + o,
-        variant: "body4",
-        className: "rounded bg-primary-1 px-2 py-0.5 text-xs text-light-3"
+        key: e.id,
+        className: "flex items-center gap-3 rounded-xl bg-light-2 px-4 py-3"
       },
-      r
+      /* @__PURE__ */ a.createElement(
+        o,
+        {
+          size: "md",
+          imageSrc: e.imageSrc || "",
+          alt: e.alt || e.name,
+          fallback: e.fallback || e.name?.[0].toUpperCase() || "",
+          avatarProps: {
+            className: "border border-neutral-1 h-8 w-8 bg-light-1"
+          },
+          ...e
+        }
+      ),
+      /* @__PURE__ */ a.createElement(r, { variant: "body2" }, e.name)
     ))),
+    contentProps: { className: "max-h-[400px] overflow-y-auto" },
     triggerProps: { className: "cursor-pointer my-2" }
   }
 ) : null;
 export {
-  i as ServingStatesSection
+  p as MembersSection
 };
 //# sourceMappingURL=index.es102.js.map

package/dist/index.es102.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es102.js","sources":["../src/components/ui/agent-snippet-view/components/serving-states-section.tsx"],"sourcesContent":["import React from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Typography } from '@/components/atoms/typography'\n\nexport const ServingStatesSection: React.FC<{\n  servingStates?: string[]\n}> = ({ servingStates }) =>\n  servingStates && servingStates.length > 0 ? (\n    <Accordion\n      trigger={\n        <Typography variant=\"body1\" className=\"text-light-2\">\n          Serving states\n        </Typography>\n      }\n      content={\n        <div className=\"flex flex-wrap gap-1\">\n          {servingStates.map((state, idx) => (\n            <Typography\n              key={state + idx}\n              variant=\"body4\"\n              className=\"rounded bg-primary-1 px-2 py-0.5 text-xs text-light-3\"\n            >\n              {state}\n            </Typography>\n          ))}\n        </div>\n      }\n      triggerProps={{ className: 'cursor-pointer my-2' }}\n    />\n  ) : null\n"],"names":["ServingStatesSection","servingStates","React","Accordion","Typography","state","idx"],"mappings":";;;AAIO,MAAMA,IAER,CAAC,EAAE,eAAAC,QACNA,KAAiBA,EAAc,SAAS,IACtCC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACED,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBAAe,gBAErD;AAAA,IAEF,yCACG,OAAA,EAAI,WAAU,0BACZH,EAAc,IAAI,CAACI,GAAOC,MACzBJ,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKC,IAAQC;AAAA,QACb,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":"index.es102.js","sources":["../src/components/ui/agent-snippet-view/components/members-section.tsx"],"sourcesContent":["import React from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Avatar } from '@/components/atoms/avatar'\nimport { Typography } from '@/components/atoms/typography'\nimport type { Member } from '../agent-snippet-view.types'\n\nexport const MembersSection: React.FC<{\n  members: Member[]\n}> = ({ members }) =>\n  members.length > 0 ? (\n    <Accordion\n      trigger={\n        <div className=\"flex items-center gap-1\">\n          <Typography variant=\"body1\" className=\"text-light-2\">\n            Members ({members.length})\n          </Typography>\n        </div>\n      }\n      content={\n        <div className=\"flex flex-col gap-2\">\n          {members.map((member) => (\n            <div\n              key={member.id}\n              className=\"flex items-center gap-3 rounded-xl bg-light-2 px-4 py-3\"\n            >\n              <Avatar\n                size=\"md\"\n                imageSrc={member.imageSrc || ''}\n                alt={member.alt || member.name}\n                fallback={\n                  member.fallback || member.name?.[0].toUpperCase() || ''\n                }\n                avatarProps={{\n                  className: 'border border-neutral-1 h-8 w-8 bg-light-1',\n                }}\n                {...member}\n              />\n              <Typography variant=\"body2\">{member.name}</Typography>\n            </div>\n          ))}\n        </div>\n      }\n      contentProps={{ className: 'max-h-[400px] overflow-y-auto' }}\n      triggerProps={{ className: 'cursor-pointer my-2' }}\n    />\n  ) : null\n"],"names":["MembersSection","members","React","Accordion","Typography","member","Avatar"],"mappings":";;;;AAMO,MAAMA,IAER,CAAC,EAAE,SAAAC,QACNA,EAAQ,SAAS,IACfC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACED,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,6BACbA,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,eAAA,GAAe,aACzCH,EAAQ,QAAO,GAC3B,CACF;AAAA,IAEF,yCACG,OAAA,EAAI,WAAU,yBACZA,EAAQ,IAAI,CAACI,MACZH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKG,EAAO;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,MAEVH,gBAAAA,EAAA;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAUD,EAAO,YAAY;AAAA,UAC7B,KAAKA,EAAO,OAAOA,EAAO;AAAA,UAC1B,UACEA,EAAO,YAAYA,EAAO,OAAO,CAAC,EAAE,iBAAiB;AAAA,UAEvD,aAAa;AAAA,YACX,WAAW;AAAA,UAAA;AAAA,UAEZ,GAAGA;AAAA,QAAA;AAAA,MAAA;AAAA,MAENH,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,QAAA,GAASC,EAAO,IAAK;AAAA,IAAA,CAE5C,CACH;AAAA,IAEF,cAAc,EAAE,WAAW,gCAAA;AAAA,IAC3B,cAAc,EAAE,WAAW,sBAAA;AAAA,EAAsB;AACnD,IACE;"}

package/dist/index.es103.js

@@ -1,10 +1,10 @@
 import e from "react";
 import { AccordionDemo as m } from "./index.es4.js";
 import { Typography as a } from "./index.es19.js";
-const i = ({ types: t }) => t && t.length > 0 ? /* @__PURE__ */ e.createElement(
+const i = ({ servingStates: t }) => t && t.length > 0 ? /* @__PURE__ */ e.createElement(
   m,
   {
-    trigger: /* @__PURE__ */ e.createElement(a, { variant: "body1", className: "text-light-2" }, "Types"),
+    trigger: /* @__PURE__ */ e.createElement(a, { variant: "body1", className: "text-light-2" }, "Serving states"),
     content: /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-1" }, t.map((r, o) => /* @__PURE__ */ e.createElement(
       a,
       {
@@ -18,6 +18,6 @@ const i = ({ types: t }) => t && t.length > 0 ? /* @__PURE__ */ e.createElement(
   }
 ) : null;
 export {
-  i as TypeSection
+  i as ServingStatesSection
 };
 //# sourceMappingURL=index.es103.js.map

package/dist/index.es103.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es103.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":"index.es103.js","sources":["../src/components/ui/agent-snippet-view/components/serving-states-section.tsx"],"sourcesContent":["import React from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Typography } from '@/components/atoms/typography'\n\nexport const ServingStatesSection: React.FC<{\n  servingStates?: string[]\n}> = ({ servingStates }) =>\n  servingStates && servingStates.length > 0 ? (\n    <Accordion\n      trigger={\n        <Typography variant=\"body1\" className=\"text-light-2\">\n          Serving states\n        </Typography>\n      }\n      content={\n        <div className=\"flex flex-wrap gap-1\">\n          {servingStates.map((state, idx) => (\n            <Typography\n              key={state + idx}\n              variant=\"body4\"\n              className=\"rounded bg-primary-1 px-2 py-0.5 text-xs text-light-3\"\n            >\n              {state}\n            </Typography>\n          ))}\n        </div>\n      }\n      triggerProps={{ className: 'cursor-pointer my-2' }}\n    />\n  ) : null\n"],"names":["ServingStatesSection","servingStates","React","Accordion","Typography","state","idx"],"mappings":";;;AAIO,MAAMA,IAER,CAAC,EAAE,eAAAC,QACNA,KAAiBA,EAAc,SAAS,IACtCC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACED,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBAAe,gBAErD;AAAA,IAEF,yCACG,OAAA,EAAI,WAAU,0BACZH,EAAc,IAAI,CAACI,GAAOC,MACzBJ,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKC,IAAQC;AAAA,QACb,SAAQ;AAAA,QACR,WAAU;AAAA,MAAA;AAAA,MAETD;AAAA,IAAA,CAEJ,CACH;AAAA,IAEF,cAAc,EAAE,WAAW,sBAAA;AAAA,EAAsB;AACnD,IACE;"}

package/dist/index.es104.js

@@ -1,15 +1,23 @@
 import e from "react";
-import { AccordionDemo as r } from "./index.es4.js";
-import { Typography as o } from "./index.es19.js";
-const n = ({ sharedMarkets: t }) => t ? /* @__PURE__ */ e.createElement(
-  r,
+import { AccordionDemo as m } from "./index.es4.js";
+import { Typography as a } from "./index.es19.js";
+const i = ({ types: t }) => t && t.length > 0 ? /* @__PURE__ */ e.createElement(
+  m,
   {
-    trigger: /* @__PURE__ */ e.createElement(o, { variant: "body1", className: "text-light-2" }, "Shared markets"),
-    content: /* @__PURE__ */ e.createElement("div", null, t),
+    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;
 export {
-  n as SharedMarketsSection
+  i as TypeSection
 };
 //# sourceMappingURL=index.es104.js.map

package/dist/index.es104.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es104.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":"index.es104.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;"}

package/dist/index.es105.js

@@ -1,101 +1,15 @@
-import e, { useRef as m, useState as N, useEffect as b } from "react";
-import { AccordionDemo as y } from "./index.es4.js";
-import { Typography as r } from "./index.es19.js";
-import { SearchIcon as w, ExternalLink as _ } from "lucide-react";
-import { Button as S } from "./index.es9.js";
-import { Input as k } from "./index.es11.js";
-import "clsx";
-import "tailwind-merge";
-import "./index.es56.js";
-import "./index.es86.js";
-import "./index.es29.js";
-import "./index.es35.js";
-import { Spinner as z } from "./index.es60.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" }
-    }
-  );
-};
+import e from "react";
+import { AccordionDemo as r } from "./index.es4.js";
+import { Typography as o } from "./index.es19.js";
+const n = ({ sharedMarkets: t }) => t ? /* @__PURE__ */ e.createElement(
+  r,
+  {
+    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" }
+  }
+) : null;
 export {
-  G as PropertiesAddedSection
+  n as SharedMarketsSection
 };
 //# sourceMappingURL=index.es105.js.map

package/dist/index.es105.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es105.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":"index.es105.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;"}

package/dist/index.es106.js

@@ -1,67 +1,101 @@
-import e from "react";
-import { AccordionDemo as c } from "./index.es4.js";
-import { Typography as a } from "./index.es19.js";
-import { Button as p } from "./index.es9.js";
-import { FileText as d } from "lucide-react";
-import { Spinner as g } from "./index.es60.js";
-import { AvatarDemo as f } from "./index.es6.js";
+import e, { useRef as m, useState as N, useEffect as b } from "react";
+import { AccordionDemo as y } from "./index.es4.js";
+import { Typography as r } from "./index.es19.js";
+import { SearchIcon as w, ExternalLink as _ } from "lucide-react";
+import { Button as S } from "./index.es9.js";
+import { Input as k } from "./index.es11.js";
 import "clsx";
 import "tailwind-merge";
 import "./index.es56.js";
 import "./index.es86.js";
 import "./index.es29.js";
 import "./index.es35.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(
+import { Spinner as z } from "./index.es60.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",
         {
-          key: m,
-          className: `flex items-start gap-3 py-3 ${m !== r.length - 1 ? "border-b border-neutral-2" : ""}`
+          ref: c,
+          onScroll: x,
+          className: "max-h-[400px] overflow-y-auto"
         },
-        /* @__PURE__ */ e.createElement(
-          f,
+        /* @__PURE__ */ e.createElement("div", { className: "w-full sticky top-0 bg-light-1 z-50 pb-2" }, /* @__PURE__ */ e.createElement(
+          k,
           {
-            imageSrc: t.user.image_url || "",
-            alt: t.user.first_name,
-            fallback: t.user.first_name?.[0]?.toUpperCase() || "",
-            size: "md"
+            placeholder: "Search properties",
+            prefix: /* @__PURE__ */ e.createElement(w, { className: "stroke-light-2", size: 20 }),
+            value: u,
+            onChange: E
           }
-        ),
-        /* @__PURE__ */ e.createElement("div", { className: "mr-3 flex w-full justify-between" }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
-          a,
+        )),
+        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",
           {
-            variant: "body2",
-            className: "mt-1 max-w-[250px] whitespace-pre-line break-words text-light-3"
+            key: t.id,
+            className: "rounded-[12px] border border-neutral-1 bg-light-2 p-3 mb-3 flex flex-col gap-2 "
           },
-          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" }
-  }
-);
+          /* @__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 {
-  D as NotesSection
+  G as PropertiesAddedSection
 };
 //# sourceMappingURL=index.es106.js.map

package/dist/index.es106.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es106.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":"index.es106.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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"}