geoiq-frontend-ui-kit 2.0.3 → 2.0.4

package/dist/{index122.es.js.map → index.es121.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index122.es.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.es121.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/{index123.es.js → index.es122.js}

@@ -1,6 +1,6 @@
 import e from "react";
-import { AccordionDemo as m } from "./index4.es.js";
-import { Typography as a } from "./index19.es.js";
+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,
   {
@@ -20,4 +20,4 @@ const i = ({ types: t }) => t && t.length > 0 ? /* @__PURE__ */ e.createElement(
 export {
   i as TypeSection
 };
-//# sourceMappingURL=index123.es.js.map
+//# sourceMappingURL=index.es122.js.map

package/dist/{index123.es.js.map → index.es122.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index123.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":"index.es122.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/{index124.es.js → index.es123.js}

@@ -1,6 +1,6 @@
 import e from "react";
-import { AccordionDemo as r } from "./index4.es.js";
-import { Typography as o } from "./index19.es.js";
+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,
   {
@@ -12,4 +12,4 @@ const n = ({ sharedMarkets: t }) => t ? /* @__PURE__ */ e.createElement(
 export {
   n as SharedMarketsSection
 };
-//# sourceMappingURL=index124.es.js.map
+//# sourceMappingURL=index.es123.js.map

package/dist/{index124.es.js.map → index.es123.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index124.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":"index.es123.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/{index125.es.js → index.es124.js}

@@ -1,16 +1,16 @@
 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 { 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 "./index9.es.js";
-import { Input as k } from "./index11.es.js";
+import { Button as S } from "./index.es9.js";
+import { Input as k } from "./index.es11.js";
 import "clsx";
 import "tailwind-merge";
-import "./index60.es.js";
-import "./index90.es.js";
-import "./index29.es.js";
-import "./index35.es.js";
-import { Spinner as z } from "./index64.es.js";
+import "./index.es60.js";
+import "./index.es90.js";
+import "./index.es29.js";
+import "./index.es35.js";
+import { Spinner as z } from "./index.es64.js";
 const G = ({
   properties: n = [],
   title: s = "Properties added",
@@ -98,4 +98,4 @@ const G = ({
 export {
   G as PropertiesAddedSection
 };
-//# sourceMappingURL=index125.es.js.map
+//# sourceMappingURL=index.es124.js.map

package/dist/{index125.es.js.map → index.es124.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index125.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":";;;;;;;;;;;;;AAOO,MAAMA,IAAgE,CAAC;AAAA,EAC5E,YAAAC,IAAa,CAAA;AAAA,EACb,OAAAC,IAAQ;AAAA,EACR,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAAM;AACJ,QAAMC,IAAaC,EAAuB,IAAI,GACxCC,IAAgBD,EAAO,EAAK,GAC5B,CAACE,GAAQC,CAAS,IAAIC,EAAS,EAAE,GAEjCC,IAAoB,CAACC,MAA2C;AACpE,IAAAH,EAAUG,EAAE,OAAO,KAAK,GACxBT,IAAiBS,EAAE,OAAO,KAAK,GAC3BP,EAAW,YACbA,EAAW,QAAQ,YAAY;AAAA,EAEnC;AAEA,EAAAQ,EAAU,MAAM;AACd,IAAAN,EAAc,UAAU;AAAA,EAC1B,GAAG,CAACT,CAAU,CAAC;AAEf,QAAMgB,IAAe,CAACF,MAAqC;AACzD,UAAM,EAAE,WAAAG,GAAW,cAAAC,GAAc,cAAAC,EAAA,IAAiBL,EAAE;AACpD,IAAIG,IAAYE,KAAgBD,IAAe,KAC7Cd,IAAA;AAAA,EAEJ;AACA,SACEgB,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SACED,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,eAAA,GACnCrB,GAAM,MAAGC,GAAe,GAC3B;AAAA,MAEF,SACEkB,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKb;AAAA,UACL,UAAUS;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,QAEVI,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,2CAAA,GACbA,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,QAAQH,gBAAAA,EAAA,cAACI,GAAA,EAAW,WAAU,kBAAiB,MAAM,IAAI;AAAA,YACzD,OAAOd;AAAA,YACP,UAAUG;AAAA,UAAA;AAAA,QAAA,CAEd;AAAA,QACCb,EAAW,WAAW,IACrBoB,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,qDAAA,GAAqD,mBAEpE,IAEAA,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACGpB,EAAW,IAAI,CAACyB,MACfL,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKK,EAAS;AAAA,YACd,WAAU;AAAA,UAAA;AAAA,0CAET,OAAA,EAAI,WAAU,6CACbL,gBAAAA,EAAA,cAAC,OAAA,sCACE,OAAA,EAAI,WAAU,mCAAA,GACbA,gBAAAA,EAAA,cAACE,KAAW,SAAQ,SAAQ,WAAU,gBAAA,GACnCG,EAAS,IACZ,GACAL,gBAAAA,EAAA;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS,MAAMvB,IAAasB,CAAQ;AAAA,YAAA;AAAA,YAEpCL,gBAAAA,EAAA;AAAA,cAACO;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ,CAEJ,GACAP,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,8CAEZK,EAAS,oBACRA,EAAS,iBAAiB,SAAS,KACjCL,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,wCAAA,GACZK,EAAS,oBACRA,EAAS,iBAAiB,SAAS,KACnCA,EAAS,iBAAiB;AAAA,YACxB,CAACG,GAASC,MACRT,gBAAAA,EAAA,cAACA,EAAM,UAAN,EAAe,KAAKS,EAAA,GACnBT,gBAAAA,EAAA,cAAC,SAAI,WAAU,wBAAA,GACbA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,uBAAA,GACbA,gBAAAA,EAAA;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAU;AAAA,cAAA;AAAA,cAETM,EAAQ;AAAA,YAAA,GACG,GAChB,GACAR,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,2BACbA,gBAAAA,EAAA;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAU;AAAA,cAAA;AAAA,cAETM,EAAQ;AAAA,YAAA,CAEb,CACF,GACCH,EAAS,oBACRI,MACEJ,EAAS,iBAAiB,SACxB,KACFL,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,8CAA6C,CAElE;AAAA,UAAA,CAGR,CAEN,CACF,CACF;AAAA,QAAA,CAEH,GACAd,KACCc,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,gEAAA,GACbA,gBAAAA,EAAA,cAACU,GAAA,IAAQ,CACX,CAEJ;AAAA,MAAA;AAAA,MAIN,cAAc,EAAE,WAAW,sBAAA;AAAA,MAC3B,cAAc,EAAE,WAAW,gCAAA;AAAA,IAAgC;AAAA,EAAA;AAGjE;"}
+{"version":3,"file":"index.es124.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/{index126.es.js → index.es125.js}

@@ -1,16 +1,16 @@
 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 { 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 "./index64.es.js";
-import { AvatarDemo as f } from "./index6.es.js";
+import { Spinner as g } from "./index.es64.js";
+import { AvatarDemo as f } from "./index.es6.js";
 import "clsx";
 import "tailwind-merge";
-import "./index60.es.js";
-import "./index90.es.js";
-import "./index29.es.js";
-import "./index35.es.js";
+import "./index.es60.js";
+import "./index.es90.js";
+import "./index.es29.js";
+import "./index.es35.js";
 const D = ({ notes: r, onAddNote: l, notesLoading: o }) => /* @__PURE__ */ e.createElement(
   c,
   {
@@ -64,4 +64,4 @@ const D = ({ notes: r, onAddNote: l, notesLoading: o }) => /* @__PURE__ */ e.cre
 export {
   D as NotesSection
 };
-//# sourceMappingURL=index126.es.js.map
+//# sourceMappingURL=index.es125.js.map

package/dist/{index126.es.js.map → index.es125.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index126.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":"index.es125.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/{index127.es.js → index.es126.js}

@@ -1,9 +1,9 @@
 import e from "react";
 import { X as o } from "lucide-react";
-import { Button as r } from "./index9.es.js";
-import { _Dialog as c } from "./index41.es.js";
-import { Textarea as s } from "./index16.es.js";
-import { Typography as p } from "./index19.es.js";
+import { Button as r } from "./index.es9.js";
+import { _Dialog as c } from "./index.es41.js";
+import { Textarea as s } from "./index.es16.js";
+import { Typography as p } from "./index.es19.js";
 const x = ({
   open: m,
   noteValue: a,
@@ -55,4 +55,4 @@ const x = ({
 export {
   x as DialogNote
 };
-//# sourceMappingURL=index127.es.js.map
+//# sourceMappingURL=index.es126.js.map

package/dist/{index127.es.js.map → index.es126.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index127.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;"}
+{"version":3,"file":"index.es126.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/{index110.es.js → index.es127.js}

@@ -1,7 +1,7 @@
 import e from "react";
-import { FormSection as m } from "./index139.es.js";
-import { Typography as o } from "./index19.es.js";
-import { useFormStructure as c } from "./index140.es.js";
+import { FormSection as m } from "./index.es159.js";
+import { Typography as o } from "./index.es19.js";
+import { useFormStructure as c } from "./index.es160.js";
 const f = () => {
   const { currentStep: t, totalSteps: l, currentStepIndex: a } = c();
   return /* @__PURE__ */ e.createElement("section", { className: "flex flex-col gap-4 flex-1 overflow-scroll pb-16  [&::-webkit-scrollbar]:hidden [-ms-overflow-style:'none'] [scrollbar-width:'none']" }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ e.createElement(o, { variant: "h2" }, t.name), /* @__PURE__ */ e.createElement(o, { variant: "h3", className: "text-light-3" }, "Step ", a + 1, " of ", l)), /* @__PURE__ */ e.createElement("div", { className: "border-b border-light-1" }), t.sections.map((r) => /* @__PURE__ */ e.createElement(m, { key: r.id, section: r })));
@@ -9,4 +9,4 @@ const f = () => {
 export {
   f as FormStep
 };
-//# sourceMappingURL=index110.es.js.map
+//# sourceMappingURL=index.es127.js.map

package/dist/{index110.es.js.map → index.es127.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index110.es.js","sources":["../src/components/ui/form-renderer/components/form-step.tsx"],"sourcesContent":["// components/FormStep.tsx\nimport React from 'react'\nimport { FormSection } from './form-section'\nimport { useFormStructure } from '../context/form-structure'\nimport { Typography } from '@/components/atoms/typography'\n\nexport const FormStep: React.FC = () => {\n  const { currentStep, totalSteps, currentStepIndex } = useFormStructure()\n\n  return (\n    <section className=\"flex flex-col gap-4 flex-1 overflow-scroll pb-16  [&::-webkit-scrollbar]:hidden [-ms-overflow-style:'none'] [scrollbar-width:'none']\">\n      <div className=\"flex flex-col gap-1\">\n        <Typography variant=\"h2\">{currentStep.name}</Typography>\n        <Typography variant=\"h3\" className=\"text-light-3\">\n          Step {currentStepIndex + 1} of {totalSteps}\n        </Typography>\n      </div>\n      <div className=\"border-b border-light-1\" />\n      {currentStep.sections.map((section) => (\n        <FormSection key={section.id} section={section} />\n      ))}\n    </section>\n  )\n}\n"],"names":["FormStep","currentStep","totalSteps","currentStepIndex","useFormStructure","React","Typography","section","FormSection"],"mappings":";;;;AAMO,MAAMA,IAAqB,MAAM;AACtC,QAAM,EAAE,aAAAC,GAAa,YAAAC,GAAY,kBAAAC,EAAA,IAAqBC,EAAA;AAEtD,SACEC,gBAAAA,EAAA,cAAC,aAAQ,WAAU,uIAAA,mCAChB,OAAA,EAAI,WAAU,yBACbA,gBAAAA,EAAA,cAACC,GAAA,EAAW,SAAQ,KAAA,GAAML,EAAY,IAAK,GAC3CI,gBAAAA,EAAA,cAACC,KAAW,SAAQ,MAAK,WAAU,eAAA,GAAe,SAC1CH,IAAmB,GAAE,QAAKD,CAClC,CACF,mCACC,OAAA,EAAI,WAAU,2BAA0B,GACxCD,EAAY,SAAS,IAAI,CAACM,MACzBF,gBAAAA,EAAA,cAACG,GAAA,EAAY,KAAKD,EAAQ,IAAI,SAAAA,EAAA,CAAkB,CACjD,CACH;AAEJ;"}
+{"version":3,"file":"index.es127.js","sources":["../src/components/ui/form-renderer/components/form-step.tsx"],"sourcesContent":["// components/FormStep.tsx\nimport React from 'react'\nimport { FormSection } from './form-section'\nimport { useFormStructure } from '../context/form-structure'\nimport { Typography } from '@/components/atoms/typography'\n\nexport const FormStep: React.FC = () => {\n  const { currentStep, totalSteps, currentStepIndex } = useFormStructure()\n\n  return (\n    <section className=\"flex flex-col gap-4 flex-1 overflow-scroll pb-16  [&::-webkit-scrollbar]:hidden [-ms-overflow-style:'none'] [scrollbar-width:'none']\">\n      <div className=\"flex flex-col gap-1\">\n        <Typography variant=\"h2\">{currentStep.name}</Typography>\n        <Typography variant=\"h3\" className=\"text-light-3\">\n          Step {currentStepIndex + 1} of {totalSteps}\n        </Typography>\n      </div>\n      <div className=\"border-b border-light-1\" />\n      {currentStep.sections.map((section) => (\n        <FormSection key={section.id} section={section} />\n      ))}\n    </section>\n  )\n}\n"],"names":["FormStep","currentStep","totalSteps","currentStepIndex","useFormStructure","React","Typography","section","FormSection"],"mappings":";;;;AAMO,MAAMA,IAAqB,MAAM;AACtC,QAAM,EAAE,aAAAC,GAAa,YAAAC,GAAY,kBAAAC,EAAA,IAAqBC,EAAA;AAEtD,SACEC,gBAAAA,EAAA,cAAC,aAAQ,WAAU,uIAAA,mCAChB,OAAA,EAAI,WAAU,yBACbA,gBAAAA,EAAA,cAACC,GAAA,EAAW,SAAQ,KAAA,GAAML,EAAY,IAAK,GAC3CI,gBAAAA,EAAA,cAACC,KAAW,SAAQ,MAAK,WAAU,eAAA,GAAe,SAC1CH,IAAmB,GAAE,QAAKD,CAClC,CACF,mCACC,OAAA,EAAI,WAAU,2BAA0B,GACxCD,EAAY,SAAS,IAAI,CAACM,MACzBF,gBAAAA,EAAA,cAACG,GAAA,EAAY,KAAKD,EAAQ,IAAI,SAAAA,EAAA,CAAkB,CACjD,CACH;AAEJ;"}

package/dist/{index111.es.js → index.es128.js}

@@ -1,7 +1,7 @@
 import e, { useState as N } from "react";
-import { Button as n } from "./index9.es.js";
-import { useFormStructure as k } from "./index140.es.js";
-import { useFormValues as C } from "./index141.es.js";
+import { Button as n } from "./index.es9.js";
+import { useFormStructure as k } from "./index.es160.js";
+import { useFormValues as C } from "./index.es161.js";
 const V = ({
   onGoToNextStep: i,
   onGoToPreviousStep: o,
@@ -68,4 +68,4 @@ const V = ({
 export {
   V as FormNavigation
 };
-//# sourceMappingURL=index111.es.js.map
+//# sourceMappingURL=index.es128.js.map

package/dist/{index111.es.js.map → index.es128.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index111.es.js","sources":["../src/components/ui/form-renderer/components/form-navigation.tsx"],"sourcesContent":["// components/FormNavigation.tsx\nimport React, { useState } from 'react'\nimport { useFormValues } from '../context/form-values'\nimport { useFormStructure } from '../context/form-structure'\nimport { Button } from '@/components/atoms/button'\nimport { OnNavigate } from '../form.types'\n\ninterface FormNavigationProps {\n  onGoToNextStep?: OnNavigate\n  onGoToPreviousStep?: OnNavigate\n  isSubmitting: boolean\n  testMode?: boolean\n}\n\nexport const FormNavigation: React.FC<FormNavigationProps> = ({\n  onGoToNextStep,\n  onGoToPreviousStep,\n  isSubmitting,\n  testMode = false,\n}) => {\n  const {\n    goToNextStep,\n    goToPreviousStep,\n    isFirstStep,\n    isLastStep,\n    currentStep,\n    currentStepIndex,\n    totalSteps,\n  } = useFormStructure()\n\n  const { submitForm, validateStep, values } = useFormValues()\n\n  const { isStepValid } = validateStep(currentStep)\n  // const isStepValid = true\n\n  const [nextLoading, setNextLoading] = useState<boolean>(false)\n\n  const handleNextStep = async () => {\n    if (!onGoToNextStep) {\n      goToNextStep()\n      return\n    }\n\n    const nextStepData = {\n      currentStepIndex,\n      totalSteps,\n      isFirstStep,\n      isLastStep,\n      values,\n    }\n\n    try {\n      setNextLoading(true)\n      const result = onGoToNextStep(nextStepData)\n\n      // Await if it's a Promise, otherwise just continue\n      if (result && typeof result.then === 'function') {\n        await result\n      }\n\n      // If successful, proceed to next step\n      goToNextStep()\n    } catch (error) {\n      // Don't proceed to next step if there's an error\n    } finally {\n      setNextLoading(false)\n    }\n  }\n\n  const handlePreviousStep = () => {\n    if (onGoToPreviousStep)\n      onGoToPreviousStep({\n        currentStepIndex,\n        totalSteps,\n        isFirstStep,\n        isLastStep,\n        values,\n      })\n    goToPreviousStep()\n  }\n\n  return (\n    <div className=\"w-full flex h-[5rem] items-center justify-center gap-3 border-t border-neutral-1 bg-light-2 px-3\">\n      <Button variant=\"secondary\" onClick={handlePreviousStep}>\n        {isFirstStep ? 'Cancel' : 'Back'}\n      </Button>\n\n      {isLastStep ? (\n        <Button\n          variant=\"primary\"\n          onClick={submitForm}\n          disabled={!(isStepValid || testMode)}\n          loading={isSubmitting}\n        >\n          Submit\n        </Button>\n      ) : (\n        <Button\n          variant=\"primary\"\n          onClick={handleNextStep}\n          disabled={!(isStepValid || testMode)}\n          loading={nextLoading}\n        >\n          Save & Next\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"names":["FormNavigation","onGoToNextStep","onGoToPreviousStep","isSubmitting","testMode","goToNextStep","goToPreviousStep","isFirstStep","isLastStep","currentStep","currentStepIndex","totalSteps","useFormStructure","submitForm","validateStep","values","useFormValues","isStepValid","nextLoading","setNextLoading","useState","handleNextStep","nextStepData","result","handlePreviousStep","React","Button"],"mappings":";;;;AAcO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAM;AACJ,QAAM;AAAA,IACJ,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACEC,EAAA,GAEE,EAAE,YAAAC,GAAY,cAAAC,GAAc,QAAAC,EAAA,IAAWC,EAAA,GAEvC,EAAE,aAAAC,EAAA,IAAgBH,EAAaL,CAAW,GAG1C,CAACS,GAAaC,CAAc,IAAIC,EAAkB,EAAK,GAEvDC,IAAiB,YAAY;AACjC,QAAI,CAACpB,GAAgB;AACnB,MAAAI,EAAA;AACA;AAAA,IACF;AAEA,UAAMiB,IAAe;AAAA,MACnB,kBAAAZ;AAAA,MACA,YAAAC;AAAA,MACA,aAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,QAAAO;AAAA,IAAA;AAGF,QAAI;AACF,MAAAI,EAAe,EAAI;AACnB,YAAMI,IAAStB,EAAeqB,CAAY;AAG1C,MAAIC,KAAU,OAAOA,EAAO,QAAS,cACnC,MAAMA,GAIRlB,EAAA;AAAA,IACF,QAAgB;AAAA,IAEhB,UAAA;AACE,MAAAc,EAAe,EAAK;AAAA,IACtB;AAAA,EACF,GAEMK,IAAqB,MAAM;AAC/B,IAAItB,KACFA,EAAmB;AAAA,MACjB,kBAAAQ;AAAA,MACA,YAAAC;AAAA,MACA,aAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,QAAAO;AAAA,IAAA,CACD,GACHT,EAAA;AAAA,EACF;AAEA,SACEmB,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,sIACZC,GAAA,EAAO,SAAQ,aAAY,SAASF,EAAA,GAClCjB,IAAc,WAAW,MAC5B,GAECC,IACCiB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAASb;AAAA,MACT,UAAU,EAAEI,KAAeb;AAAA,MAC3B,SAASD;AAAA,IAAA;AAAA,IACV;AAAA,EAAA,IAIDsB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAASL;AAAA,MACT,UAAU,EAAEJ,KAAeb;AAAA,MAC3B,SAASc;AAAA,IAAA;AAAA,IACV;AAAA,EAAA,CAIL;AAEJ;"}
+{"version":3,"file":"index.es128.js","sources":["../src/components/ui/form-renderer/components/form-navigation.tsx"],"sourcesContent":["// components/FormNavigation.tsx\nimport React, { useState } from 'react'\nimport { useFormValues } from '../context/form-values'\nimport { useFormStructure } from '../context/form-structure'\nimport { Button } from '@/components/atoms/button'\nimport { OnNavigate } from '../form.types'\n\ninterface FormNavigationProps {\n  onGoToNextStep?: OnNavigate\n  onGoToPreviousStep?: OnNavigate\n  isSubmitting: boolean\n  testMode?: boolean\n}\n\nexport const FormNavigation: React.FC<FormNavigationProps> = ({\n  onGoToNextStep,\n  onGoToPreviousStep,\n  isSubmitting,\n  testMode = false,\n}) => {\n  const {\n    goToNextStep,\n    goToPreviousStep,\n    isFirstStep,\n    isLastStep,\n    currentStep,\n    currentStepIndex,\n    totalSteps,\n  } = useFormStructure()\n\n  const { submitForm, validateStep, values } = useFormValues()\n\n  const { isStepValid } = validateStep(currentStep)\n  // const isStepValid = true\n\n  const [nextLoading, setNextLoading] = useState<boolean>(false)\n\n  const handleNextStep = async () => {\n    if (!onGoToNextStep) {\n      goToNextStep()\n      return\n    }\n\n    const nextStepData = {\n      currentStepIndex,\n      totalSteps,\n      isFirstStep,\n      isLastStep,\n      values,\n    }\n\n    try {\n      setNextLoading(true)\n      const result = onGoToNextStep(nextStepData)\n\n      // Await if it's a Promise, otherwise just continue\n      if (result && typeof result.then === 'function') {\n        await result\n      }\n\n      // If successful, proceed to next step\n      goToNextStep()\n    } catch (error) {\n      // Don't proceed to next step if there's an error\n    } finally {\n      setNextLoading(false)\n    }\n  }\n\n  const handlePreviousStep = () => {\n    if (onGoToPreviousStep)\n      onGoToPreviousStep({\n        currentStepIndex,\n        totalSteps,\n        isFirstStep,\n        isLastStep,\n        values,\n      })\n    goToPreviousStep()\n  }\n\n  return (\n    <div className=\"w-full flex h-[5rem] items-center justify-center gap-3 border-t border-neutral-1 bg-light-2 px-3\">\n      <Button variant=\"secondary\" onClick={handlePreviousStep}>\n        {isFirstStep ? 'Cancel' : 'Back'}\n      </Button>\n\n      {isLastStep ? (\n        <Button\n          variant=\"primary\"\n          onClick={submitForm}\n          disabled={!(isStepValid || testMode)}\n          loading={isSubmitting}\n        >\n          Submit\n        </Button>\n      ) : (\n        <Button\n          variant=\"primary\"\n          onClick={handleNextStep}\n          disabled={!(isStepValid || testMode)}\n          loading={nextLoading}\n        >\n          Save & Next\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"names":["FormNavigation","onGoToNextStep","onGoToPreviousStep","isSubmitting","testMode","goToNextStep","goToPreviousStep","isFirstStep","isLastStep","currentStep","currentStepIndex","totalSteps","useFormStructure","submitForm","validateStep","values","useFormValues","isStepValid","nextLoading","setNextLoading","useState","handleNextStep","nextStepData","result","handlePreviousStep","React","Button"],"mappings":";;;;AAcO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAM;AACJ,QAAM;AAAA,IACJ,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACEC,EAAA,GAEE,EAAE,YAAAC,GAAY,cAAAC,GAAc,QAAAC,EAAA,IAAWC,EAAA,GAEvC,EAAE,aAAAC,EAAA,IAAgBH,EAAaL,CAAW,GAG1C,CAACS,GAAaC,CAAc,IAAIC,EAAkB,EAAK,GAEvDC,IAAiB,YAAY;AACjC,QAAI,CAACpB,GAAgB;AACnB,MAAAI,EAAA;AACA;AAAA,IACF;AAEA,UAAMiB,IAAe;AAAA,MACnB,kBAAAZ;AAAA,MACA,YAAAC;AAAA,MACA,aAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,QAAAO;AAAA,IAAA;AAGF,QAAI;AACF,MAAAI,EAAe,EAAI;AACnB,YAAMI,IAAStB,EAAeqB,CAAY;AAG1C,MAAIC,KAAU,OAAOA,EAAO,QAAS,cACnC,MAAMA,GAIRlB,EAAA;AAAA,IACF,QAAgB;AAAA,IAEhB,UAAA;AACE,MAAAc,EAAe,EAAK;AAAA,IACtB;AAAA,EACF,GAEMK,IAAqB,MAAM;AAC/B,IAAItB,KACFA,EAAmB;AAAA,MACjB,kBAAAQ;AAAA,MACA,YAAAC;AAAA,MACA,aAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,QAAAO;AAAA,IAAA,CACD,GACHT,EAAA;AAAA,EACF;AAEA,SACEmB,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,sIACZC,GAAA,EAAO,SAAQ,aAAY,SAASF,EAAA,GAClCjB,IAAc,WAAW,MAC5B,GAECC,IACCiB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAASb;AAAA,MACT,UAAU,EAAEI,KAAeb;AAAA,MAC3B,SAASD;AAAA,IAAA;AAAA,IACV;AAAA,EAAA,IAIDsB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAASL;AAAA,MACT,UAAU,EAAEJ,KAAeb;AAAA,MAC3B,SAASc;AAAA,IAAA;AAAA,IACV;AAAA,EAAA,CAIL;AAEJ;"}

package/dist/{index112.es.js → index.es129.js}

@@ -1,9 +1,9 @@
 import e from "react";
-import { Typography as s } from "./index19.es.js";
+import { Typography as s } from "./index.es19.js";
 import { Checkbox as N } from "@radix-ui/react-checkbox";
-import { AccordionDemo as I } from "./index4.es.js";
-import { Badge as b } from "./index8.es.js";
-import { FormFieldType as a } from "./index142.es.js";
+import { AccordionDemo as I } from "./index.es4.js";
+import { Badge as b } from "./index.es8.js";
+import { FormFieldType as a } from "./index.es162.js";
 const x = ({
   structure: u,
   values: o
@@ -186,4 +186,4 @@ const x = ({
 export {
   x as FormReadOnlyView
 };
-//# sourceMappingURL=index112.es.js.map
+//# sourceMappingURL=index.es129.js.map

package/dist/{index112.es.js.map → index.es129.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index112.es.js","sources":["../src/components/ui/form-renderer/components/form-read-only-view.tsx"],"sourcesContent":["// components/form-readonly-view.tsx\nimport React, { ReactNode } from 'react'\nimport {\n  FormStructure,\n  FormValues,\n  FormField,\n  FormFieldValue,\n  AssetValue,\n  TaggableAssetValue,\n  RadioGroupWithInputFieldValue,\n} from './../form.types'\nimport { Typography } from '@/components/atoms/typography'\nimport { Checkbox } from '@radix-ui/react-checkbox'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Badge } from '@/components/atoms/badge'\n\nimport { FormFieldType } from '../form.enums'\n\ninterface FormReadOnlyViewProps {\n  structure: FormStructure\n  values: FormValues\n}\n\nexport const FormReadOnlyView: React.FC<FormReadOnlyViewProps> = ({\n  structure,\n  values,\n}) => {\n  // Helper function to render field value based on type\n  const renderFieldValue = (\n    field: FormField,\n    value: FormFieldValue\n  ): ReactNode => {\n    // Special handling for repeatable groups, Since values[field.id] wont exist for repeatable groups\n\n    if (field.type === FormFieldType.REPEATABLE_GROUP_FIELD) {\n      const prefix = `${field.id}||`\n      const entryIndices = new Set<number>()\n\n      // Extract unique entry indices from the keys present in `values`\n      Object.keys(values).forEach((key) => {\n        if (key.startsWith(prefix)) {\n          // Regex to capture the index part: field.id||INDEX||subfield.id\n          // Assuming field.id does not contain characters that need escaping for RegExp\n          const match = key.match(new RegExp(`^${field.id}\\\\|\\\\|(\\\\d+)\\\\|\\\\|`))\n          if (match && match[1]) {\n            entryIndices.add(parseInt(match[1]))\n          }\n        }\n      })\n\n      // Sort indices numerically\n      const sortedIndices = Array.from(entryIndices).sort((a, b) => a - b)\n\n      if (sortedIndices.length === 0) {\n        return [] // No entries to render\n      }\n\n      // Use flatMap to iterate through each entry index, then each sub-field template,\n      // and flatten the results into a single array of React elements.\n      return sortedIndices.flatMap((entryIndex) => {\n        // For each entry, map over its defined sub-fields from the field's options\n        return field.options.map((subFieldTemplate) => {\n          // Construct the unique key for this specific instance of the sub-field\n          const instanceKey = `${field.id}||${entryIndex}||${subFieldTemplate.id}`\n          const value = values[instanceKey] // Get the value for this specific instance\n\n          // Create a new field object for this instance,\n          // using the subFieldTemplate and overriding its 'id' with the unique instanceKey.\n          const instanceSpecificSubField: FormField = {\n            ...subFieldTemplate,\n            id: instanceKey,\n          }\n\n          return (\n            <React.Fragment key={instanceKey}>\n              {renderQuestionLabel(instanceSpecificSubField)}\n              {renderFieldValue(instanceSpecificSubField, value)}\n            </React.Fragment>\n          )\n        })\n      })\n    }\n\n    if (value === undefined || value === null || value === '') {\n      return (\n        <Typography variant=\"body2\" className=\"text-light-4\">\n          Not answered\n        </Typography>\n      )\n    }\n\n    switch (field.type) {\n      case FormFieldType.SHORT_TEXT:\n      case FormFieldType.LONG_TEXT:\n      case FormFieldType.EMAIL:\n      case FormFieldType.NUMBER:\n      case FormFieldType.MOBILE_NUMBER:\n      case FormFieldType.SINGLE_VIDEO_PICKER_WITH_INPUT:\n        return (\n          <Typography variant=\"body2\" className=\"text-light-1\">\n            {value as string}\n          </Typography>\n        )\n\n      case FormFieldType.DATE_PICKER:\n        return (\n          <Typography variant=\"body2\" className=\"text-light-1\">\n            {new Date((value as number) * 1000).toLocaleDateString()}\n          </Typography>\n        )\n\n      case FormFieldType.SINGLE_COMBOBOX:\n      case FormFieldType.RADIO_GROUP:\n        return (\n          <Typography variant=\"body2\" className=\"text-light-1\">\n            {value as string}\n          </Typography>\n        )\n\n      case FormFieldType.CHECKBOX_GROUP: {\n        const value = values[field.id] as string\n        return (\n          <div className=\"flex flex-col gap-2\">\n            {field.options.map((option) => {\n              return (\n                <div key={option} className=\"flex items-center space-x-2\">\n                  <Checkbox\n                    disabled\n                    id={option}\n                    checked={value?.split(',').includes(option)}\n                  />\n                  <Typography variant=\"body1\" className=\"text-light-4\">\n                    {option}\n                  </Typography>\n                </div>\n              )\n            })}\n          </div>\n        )\n      }\n      case FormFieldType.MULTI_COMBOBOX:\n      case FormFieldType.CREATABLE_MULTI_COMBOBOX:\n        return (\n          <Typography variant=\"body2\" className=\"text-light-1\">\n            {typeof value === 'string' ? value.split(',').join(', ') : null}\n          </Typography>\n        )\n\n      case FormFieldType.RADIO_GROUP_WITH_OPTIONAL_INPUT: {\n        const radioValue = value as RadioGroupWithInputFieldValue\n        return (\n          <Typography variant=\"body2\" className=\"text-light-1\">\n            {radioValue.radio_value}\n            {radioValue.input_value &&\n              radioValue.radio_value === field.inputTriggerOptionValue &&\n              `: ${radioValue.input_value}`}\n          </Typography>\n        )\n      }\n\n      // For single image/video uploads\n      case FormFieldType.SINGLE_IMAGE_PICKER: {\n        const asset = value as AssetValue\n        return (\n          <div className=\"mt-1\">\n            <a\n              href={asset.public_url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              <img\n                src={asset.public_url}\n                alt={field.name}\n                className=\"object-cover w-full h-32 rounded-md hover:opacity-90\"\n              />\n            </a>\n          </div>\n        )\n      }\n\n      case FormFieldType.SINGLE_VIDEO_PICKER: {\n        const asset = value as AssetValue\n        return (\n          <div className=\"mt-1\">\n            <video\n              src={asset.public_url}\n              controls\n              className=\"w-full h-32 rounded-md\"\n            >\n              <track\n                kind=\"captions\"\n                label=\"English captions\"\n                srcLang=\"en\"\n                src=\"\"\n                default\n              />\n            </video>\n          </div>\n        )\n      }\n\n      case FormFieldType.MULTI_IMAGE_PICKER: {\n        const assets = value as AssetValue[]\n        return (\n          <div className=\"grid grid-cols-1 gap-2 mt-1 sm:grid-cols-3 md:grid-cols-4\">\n            {assets.map((asset, index) => (\n              <a\n                key={index}\n                href={asset.public_url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                <img\n                  src={asset.public_url}\n                  alt={field.name}\n                  className=\"object-cover w-full h-32 rounded-md hover:opacity-90\"\n                />\n              </a>\n            ))}\n          </div>\n        )\n      }\n\n      case FormFieldType.MULTI_VIDEO_PICKER: {\n        const assets = value as AssetValue[]\n        return (\n          <div className=\"grid grid-cols-1 gap-4 mt-1 sm:grid-cols-2\">\n            {assets.map((asset, index) => (\n              <div key={index} className=\"flex flex-col\">\n                <video\n                  src={asset.public_url}\n                  controls\n                  className=\"h-32 rounded-md\"\n                >\n                  <track\n                    kind=\"captions\"\n                    label=\"English captions\"\n                    srcLang=\"en\"\n                    src=\"\"\n                    default\n                  />\n                </video>\n              </div>\n            ))}\n          </div>\n        )\n      }\n\n      case FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER:\n      case FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT: {\n        const taggedAssets = value as TaggableAssetValue[]\n        return (\n          <div className=\"grid grid-cols-1 gap-2 mt-1 sm:grid-cols-3 md:grid-cols-4\">\n            {taggedAssets.map((asset, index) => (\n              <div key={index} className=\"relative\">\n                <a\n                  key={index}\n                  href={asset.public_url}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  <img\n                    src={asset.public_url}\n                    alt={field.name}\n                    className=\"object-cover w-full h-32 rounded-md hover:opacity-90\"\n                  />\n                </a>\n                <Badge\n                  className=\"absolute bottom-2 right-2  \"\n                  variant={'select'}\n                >\n                  {asset.tag && asset.tag.length > 8\n                    ? `${asset.tag.substring(0, 8)}...`\n                    : asset.tag}\n                </Badge>\n              </div>\n            ))}\n          </div>\n        )\n      }\n\n      default:\n        return (\n          <Typography variant=\"body2\" className=\"text-light-4\">\n            Unsupported field type\n          </Typography>\n        )\n    }\n  }\n\n  const renderQuestionLabel = (field: FormField): ReactNode => {\n    return (\n      <Typography variant=\"body1\" className=\"mb-1 text-light-3\">\n        {field.name}\n        {field.required && <span className=\"text-danger-1\">*</span>}\n      </Typography>\n    )\n  }\n\n  return (\n    <div className=\"\">\n      {structure.steps.map((step) => (\n        <Accordion\n          key={step.id}\n          trigger={\n            <div className=\"flex items-center gap-2\">\n              <Typography variant=\"h3\" className=\"text-light-2\">\n                {step.name}\n              </Typography>\n            </div>\n          }\n          triggerProps={{ className: 'mt-4 ' }}\n          contentProps={{ className: 'mt-4 p-2 bg-light-2 rounded' }}\n          content={step.sections.map((section) => (\n            <div key={section.id} className=\"mb-4\">\n              <Typography variant=\"h3\" className=\"mb-2 text-light-2\">\n                {section.name}\n              </Typography>\n\n              <div className=\"flex flex-col gap-3\">\n                {section.fields.map((field) => (\n                  <div key={field.id} className=\"last:border-b-0\">\n                    {renderQuestionLabel(field)}\n                    {renderFieldValue(field, values[field.id])}\n                  </div>\n                ))}\n              </div>\n            </div>\n          ))}\n        />\n      ))}\n    </div>\n  )\n}\n"],"names":["FormReadOnlyView","structure","values","renderFieldValue","field","value","FormFieldType","prefix","entryIndices","key","match","sortedIndices","a","b","entryIndex","subFieldTemplate","instanceKey","instanceSpecificSubField","React","renderQuestionLabel","Typography","option","Checkbox","radioValue","asset","assets","index","taggedAssets","Badge","step","Accordion","section"],"mappings":"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"}
+{"version":3,"file":"index.es129.js","sources":["../src/components/ui/form-renderer/components/form-read-only-view.tsx"],"sourcesContent":["// components/form-readonly-view.tsx\nimport React, { ReactNode } from 'react'\nimport {\n  FormStructure,\n  FormValues,\n  FormField,\n  FormFieldValue,\n  AssetValue,\n  TaggableAssetValue,\n  RadioGroupWithInputFieldValue,\n} from './../form.types'\nimport { Typography } from '@/components/atoms/typography'\nimport { Checkbox } from '@radix-ui/react-checkbox'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Badge } from '@/components/atoms/badge'\n\nimport { FormFieldType } from '../form.enums'\n\ninterface FormReadOnlyViewProps {\n  structure: FormStructure\n  values: FormValues\n}\n\nexport const FormReadOnlyView: React.FC<FormReadOnlyViewProps> = ({\n  structure,\n  values,\n}) => {\n  // Helper function to render field value based on type\n  const renderFieldValue = (\n    field: FormField,\n    value: FormFieldValue\n  ): ReactNode => {\n    // Special handling for repeatable groups, Since values[field.id] wont exist for repeatable groups\n\n    if (field.type === FormFieldType.REPEATABLE_GROUP_FIELD) {\n      const prefix = `${field.id}||`\n      const entryIndices = new Set<number>()\n\n      // Extract unique entry indices from the keys present in `values`\n      Object.keys(values).forEach((key) => {\n        if (key.startsWith(prefix)) {\n          // Regex to capture the index part: field.id||INDEX||subfield.id\n          // Assuming field.id does not contain characters that need escaping for RegExp\n          const match = key.match(new RegExp(`^${field.id}\\\\|\\\\|(\\\\d+)\\\\|\\\\|`))\n          if (match && match[1]) {\n            entryIndices.add(parseInt(match[1]))\n          }\n        }\n      })\n\n      // Sort indices numerically\n      const sortedIndices = Array.from(entryIndices).sort((a, b) => a - b)\n\n      if (sortedIndices.length === 0) {\n        return [] // No entries to render\n      }\n\n      // Use flatMap to iterate through each entry index, then each sub-field template,\n      // and flatten the results into a single array of React elements.\n      return sortedIndices.flatMap((entryIndex) => {\n        // For each entry, map over its defined sub-fields from the field's options\n        return field.options.map((subFieldTemplate) => {\n          // Construct the unique key for this specific instance of the sub-field\n          const instanceKey = `${field.id}||${entryIndex}||${subFieldTemplate.id}`\n          const value = values[instanceKey] // Get the value for this specific instance\n\n          // Create a new field object for this instance,\n          // using the subFieldTemplate and overriding its 'id' with the unique instanceKey.\n          const instanceSpecificSubField: FormField = {\n            ...subFieldTemplate,\n            id: instanceKey,\n          }\n\n          return (\n            <React.Fragment key={instanceKey}>\n              {renderQuestionLabel(instanceSpecificSubField)}\n              {renderFieldValue(instanceSpecificSubField, value)}\n            </React.Fragment>\n          )\n        })\n      })\n    }\n\n    if (value === undefined || value === null || value === '') {\n      return (\n        <Typography variant=\"body2\" className=\"text-light-4\">\n          Not answered\n        </Typography>\n      )\n    }\n\n    switch (field.type) {\n      case FormFieldType.SHORT_TEXT:\n      case FormFieldType.LONG_TEXT:\n      case FormFieldType.EMAIL:\n      case FormFieldType.NUMBER:\n      case FormFieldType.MOBILE_NUMBER:\n      case FormFieldType.SINGLE_VIDEO_PICKER_WITH_INPUT:\n        return (\n          <Typography variant=\"body2\" className=\"text-light-1\">\n            {value as string}\n          </Typography>\n        )\n\n      case FormFieldType.DATE_PICKER:\n        return (\n          <Typography variant=\"body2\" className=\"text-light-1\">\n            {new Date((value as number) * 1000).toLocaleDateString()}\n          </Typography>\n        )\n\n      case FormFieldType.SINGLE_COMBOBOX:\n      case FormFieldType.RADIO_GROUP:\n        return (\n          <Typography variant=\"body2\" className=\"text-light-1\">\n            {value as string}\n          </Typography>\n        )\n\n      case FormFieldType.CHECKBOX_GROUP: {\n        const value = values[field.id] as string\n        return (\n          <div className=\"flex flex-col gap-2\">\n            {field.options.map((option) => {\n              return (\n                <div key={option} className=\"flex items-center space-x-2\">\n                  <Checkbox\n                    disabled\n                    id={option}\n                    checked={value?.split(',').includes(option)}\n                  />\n                  <Typography variant=\"body1\" className=\"text-light-4\">\n                    {option}\n                  </Typography>\n                </div>\n              )\n            })}\n          </div>\n        )\n      }\n      case FormFieldType.MULTI_COMBOBOX:\n      case FormFieldType.CREATABLE_MULTI_COMBOBOX:\n        return (\n          <Typography variant=\"body2\" className=\"text-light-1\">\n            {typeof value === 'string' ? value.split(',').join(', ') : null}\n          </Typography>\n        )\n\n      case FormFieldType.RADIO_GROUP_WITH_OPTIONAL_INPUT: {\n        const radioValue = value as RadioGroupWithInputFieldValue\n        return (\n          <Typography variant=\"body2\" className=\"text-light-1\">\n            {radioValue.radio_value}\n            {radioValue.input_value &&\n              radioValue.radio_value === field.inputTriggerOptionValue &&\n              `: ${radioValue.input_value}`}\n          </Typography>\n        )\n      }\n\n      // For single image/video uploads\n      case FormFieldType.SINGLE_IMAGE_PICKER: {\n        const asset = value as AssetValue\n        return (\n          <div className=\"mt-1\">\n            <a\n              href={asset.public_url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              <img\n                src={asset.public_url}\n                alt={field.name}\n                className=\"object-cover w-full h-32 rounded-md hover:opacity-90\"\n              />\n            </a>\n          </div>\n        )\n      }\n\n      case FormFieldType.SINGLE_VIDEO_PICKER: {\n        const asset = value as AssetValue\n        return (\n          <div className=\"mt-1\">\n            <video\n              src={asset.public_url}\n              controls\n              className=\"w-full h-32 rounded-md\"\n            >\n              <track\n                kind=\"captions\"\n                label=\"English captions\"\n                srcLang=\"en\"\n                src=\"\"\n                default\n              />\n            </video>\n          </div>\n        )\n      }\n\n      case FormFieldType.MULTI_IMAGE_PICKER: {\n        const assets = value as AssetValue[]\n        return (\n          <div className=\"grid grid-cols-1 gap-2 mt-1 sm:grid-cols-3 md:grid-cols-4\">\n            {assets.map((asset, index) => (\n              <a\n                key={index}\n                href={asset.public_url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                <img\n                  src={asset.public_url}\n                  alt={field.name}\n                  className=\"object-cover w-full h-32 rounded-md hover:opacity-90\"\n                />\n              </a>\n            ))}\n          </div>\n        )\n      }\n\n      case FormFieldType.MULTI_VIDEO_PICKER: {\n        const assets = value as AssetValue[]\n        return (\n          <div className=\"grid grid-cols-1 gap-4 mt-1 sm:grid-cols-2\">\n            {assets.map((asset, index) => (\n              <div key={index} className=\"flex flex-col\">\n                <video\n                  src={asset.public_url}\n                  controls\n                  className=\"h-32 rounded-md\"\n                >\n                  <track\n                    kind=\"captions\"\n                    label=\"English captions\"\n                    srcLang=\"en\"\n                    src=\"\"\n                    default\n                  />\n                </video>\n              </div>\n            ))}\n          </div>\n        )\n      }\n\n      case FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER:\n      case FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT: {\n        const taggedAssets = value as TaggableAssetValue[]\n        return (\n          <div className=\"grid grid-cols-1 gap-2 mt-1 sm:grid-cols-3 md:grid-cols-4\">\n            {taggedAssets.map((asset, index) => (\n              <div key={index} className=\"relative\">\n                <a\n                  key={index}\n                  href={asset.public_url}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  <img\n                    src={asset.public_url}\n                    alt={field.name}\n                    className=\"object-cover w-full h-32 rounded-md hover:opacity-90\"\n                  />\n                </a>\n                <Badge\n                  className=\"absolute bottom-2 right-2  \"\n                  variant={'select'}\n                >\n                  {asset.tag && asset.tag.length > 8\n                    ? `${asset.tag.substring(0, 8)}...`\n                    : asset.tag}\n                </Badge>\n              </div>\n            ))}\n          </div>\n        )\n      }\n\n      default:\n        return (\n          <Typography variant=\"body2\" className=\"text-light-4\">\n            Unsupported field type\n          </Typography>\n        )\n    }\n  }\n\n  const renderQuestionLabel = (field: FormField): ReactNode => {\n    return (\n      <Typography variant=\"body1\" className=\"mb-1 text-light-3\">\n        {field.name}\n        {field.required && <span className=\"text-danger-1\">*</span>}\n      </Typography>\n    )\n  }\n\n  return (\n    <div className=\"\">\n      {structure.steps.map((step) => (\n        <Accordion\n          key={step.id}\n          trigger={\n            <div className=\"flex items-center gap-2\">\n              <Typography variant=\"h3\" className=\"text-light-2\">\n                {step.name}\n              </Typography>\n            </div>\n          }\n          triggerProps={{ className: 'mt-4 ' }}\n          contentProps={{ className: 'mt-4 p-2 bg-light-2 rounded' }}\n          content={step.sections.map((section) => (\n            <div key={section.id} className=\"mb-4\">\n              <Typography variant=\"h3\" className=\"mb-2 text-light-2\">\n                {section.name}\n              </Typography>\n\n              <div className=\"flex flex-col gap-3\">\n                {section.fields.map((field) => (\n                  <div key={field.id} className=\"last:border-b-0\">\n                    {renderQuestionLabel(field)}\n                    {renderFieldValue(field, values[field.id])}\n                  </div>\n                ))}\n              </div>\n            </div>\n          ))}\n        />\n      ))}\n    </div>\n  )\n}\n"],"names":["FormReadOnlyView","structure","values","renderFieldValue","field","value","FormFieldType","prefix","entryIndices","key","match","sortedIndices","a","b","entryIndex","subFieldTemplate","instanceKey","instanceSpecificSubField","React","renderQuestionLabel","Typography","option","Checkbox","radioValue","asset","assets","index","taggedAssets","Badge","step","Accordion","section"],"mappings":";;;;;;AAuBO,MAAMA,IAAoD,CAAC;AAAA,EAChE,WAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AAEJ,QAAMC,IAAmB,CACvBC,GACAC,MACc;AAGd,QAAID,EAAM,SAASE,EAAc,wBAAwB;AACvD,YAAMC,IAAS,GAAGH,EAAM,EAAE,MACpBI,wBAAmB,IAAA;AAGzB,aAAO,KAAKN,CAAM,EAAE,QAAQ,CAACO,MAAQ;AACnC,YAAIA,EAAI,WAAWF,CAAM,GAAG;AAG1B,gBAAMG,IAAQD,EAAI,MAAM,IAAI,OAAO,IAAIL,EAAM,EAAE,oBAAoB,CAAC;AACpE,UAAIM,KAASA,EAAM,CAAC,KAClBF,EAAa,IAAI,SAASE,EAAM,CAAC,CAAC,CAAC;AAAA,QAEvC;AAAA,MACF,CAAC;AAGD,YAAMC,IAAgB,MAAM,KAAKH,CAAY,EAAE,KAAK,CAACI,GAAGC,MAAMD,IAAIC,CAAC;AAEnE,aAAIF,EAAc,WAAW,IACpB,CAAA,IAKFA,EAAc,QAAQ,CAACG,MAErBV,EAAM,QAAQ,IAAI,CAACW,MAAqB;AAE7C,cAAMC,IAAc,GAAGZ,EAAM,EAAE,KAAKU,CAAU,KAAKC,EAAiB,EAAE,IAChEV,IAAQH,EAAOc,CAAW,GAI1BC,IAAsC;AAAA,UAC1C,GAAGF;AAAA,UACH,IAAIC;AAAA,QAAA;AAGN,eACEE,gBAAAA,EAAA,cAACA,EAAM,UAAN,EAAe,KAAKF,KAClBG,EAAoBF,CAAwB,GAC5Cd,EAAiBc,GAA0BZ,CAAK,CACnD;AAAA,MAEJ,CAAC,CACF;AAAA,IACH;AAEA,QAA2BA,KAAU,QAAQA,MAAU;AACrD,6CACGe,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBAAe,cAErD;AAIJ,YAAQhB,EAAM,MAAA;AAAA,MACZ,KAAKE,EAAc;AAAA,MACnB,KAAKA,EAAc;AAAA,MACnB,KAAKA,EAAc;AAAA,MACnB,KAAKA,EAAc;AAAA,MACnB,KAAKA,EAAc;AAAA,MACnB,KAAKA,EAAc;AACjB,+CACGc,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBACnCf,CACH;AAAA,MAGJ,KAAKC,EAAc;AACjB,eACEY,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,eAAA,GACnC,IAAI,KAAMf,IAAmB,GAAI,EAAE,mBAAA,CACtC;AAAA,MAGJ,KAAKC,EAAc;AAAA,MACnB,KAAKA,EAAc;AACjB,+CACGc,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBACnCf,CACH;AAAA,MAGJ,KAAKC,EAAc,gBAAgB;AACjC,cAAMD,IAAQH,EAAOE,EAAM,EAAE;AAC7B,eACEc,gBAAAA,EAAA,cAAC,SAAI,WAAU,sBAAA,GACZd,EAAM,QAAQ,IAAI,CAACiB,MAEhBH,gBAAAA,EAAA,cAAC,OAAA,EAAI,KAAKG,GAAQ,WAAU,iCAC1BH,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAQ;AAAA,YACR,IAAID;AAAA,YACJ,SAAShB,GAAO,MAAM,GAAG,EAAE,SAASgB,CAAM;AAAA,UAAA;AAAA,QAAA,mCAE3CD,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBACnCC,CACH,CACF,CAEH,CACH;AAAA,MAEJ;AAAA,MACA,KAAKf,EAAc;AAAA,MACnB,KAAKA,EAAc;AACjB,+CACGc,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBACnC,OAAOf,KAAU,WAAWA,EAAM,MAAM,GAAG,EAAE,KAAK,IAAI,IAAI,IAC7D;AAAA,MAGJ,KAAKC,EAAc,iCAAiC;AAClD,cAAMiB,IAAalB;AACnB,+CACGe,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBACnCG,EAAW,aACXA,EAAW,eACVA,EAAW,gBAAgBnB,EAAM,2BACjC,KAAKmB,EAAW,WAAW,EAC/B;AAAA,MAEJ;AAAA,MAGA,KAAKjB,EAAc,qBAAqB;AACtC,cAAMkB,IAAQnB;AACd,eACEa,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,OAAA,GACbA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAMM,EAAM;AAAA,YACZ,QAAO;AAAA,YACP,KAAI;AAAA,UAAA;AAAA,UAEJN,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKM,EAAM;AAAA,cACX,KAAKpB,EAAM;AAAA,cACX,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,CAEJ;AAAA,MAEJ;AAAA,MAEA,KAAKE,EAAc,qBAAqB;AACtC,cAAMkB,IAAQnB;AACd,eACEa,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,OAAA,GACbA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKM,EAAM;AAAA,YACX,UAAQ;AAAA,YACR,WAAU;AAAA,UAAA;AAAA,UAEVN,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAAQ;AAAA,cACR,KAAI;AAAA,cACJ,SAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QACT,CAEJ;AAAA,MAEJ;AAAA,MAEA,KAAKZ,EAAc,oBAAoB;AACrC,cAAMmB,IAASpB;AACf,eACEa,gBAAAA,EAAA,cAAC,SAAI,WAAU,4DAAA,GACZO,EAAO,IAAI,CAACD,GAAOE,MAClBR,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKQ;AAAA,YACL,MAAMF,EAAM;AAAA,YACZ,QAAO;AAAA,YACP,KAAI;AAAA,UAAA;AAAA,UAEJN,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKM,EAAM;AAAA,cACX,KAAKpB,EAAM;AAAA,cACX,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,CAEH,CACH;AAAA,MAEJ;AAAA,MAEA,KAAKE,EAAc,oBAAoB;AACrC,cAAMmB,IAASpB;AACf,eACEa,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,gDACZO,EAAO,IAAI,CAACD,GAAOE,MAClBR,gBAAAA,EAAA,cAAC,OAAA,EAAI,KAAKQ,GAAO,WAAU,mBACzBR,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKM,EAAM;AAAA,YACX,UAAQ;AAAA,YACR,WAAU;AAAA,UAAA;AAAA,UAEVN,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAAQ;AAAA,cACR,KAAI;AAAA,cACJ,SAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QACT,CAEJ,CACD,CACH;AAAA,MAEJ;AAAA,MAEA,KAAKZ,EAAc;AAAA,MACnB,KAAKA,EAAc,wCAAwC;AACzD,cAAMqB,IAAetB;AACrB,eACEa,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,+DACZS,EAAa,IAAI,CAACH,GAAOE,MACxBR,gBAAAA,EAAA,cAAC,OAAA,EAAI,KAAKQ,GAAO,WAAU,cACzBR,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKQ;AAAA,YACL,MAAMF,EAAM;AAAA,YACZ,QAAO;AAAA,YACP,KAAI;AAAA,UAAA;AAAA,UAEJN,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKM,EAAM;AAAA,cACX,KAAKpB,EAAM;AAAA,cACX,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,GAEFc,gBAAAA,EAAA;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS;AAAA,UAAA;AAAA,UAERJ,EAAM,OAAOA,EAAM,IAAI,SAAS,IAC7B,GAAGA,EAAM,IAAI,UAAU,GAAG,CAAC,CAAC,QAC5BA,EAAM;AAAA,QAAA,CAEd,CACD,CACH;AAAA,MAEJ;AAAA,MAEA;AACE,+CACGJ,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBAAe,wBAErD;AAAA,IAAA;AAAA,EAGR,GAEMD,IAAsB,CAACf,MAEzBc,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,oBAAA,GACnChB,EAAM,MACNA,EAAM,YAAYc,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,mBAAgB,GAAC,CACtD;AAIJ,SACEA,gBAAAA,EAAA,cAAC,SAAI,WAAU,GAAA,GACZjB,EAAU,MAAM,IAAI,CAAC4B,MACpBX,gBAAAA,EAAA;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,KAAKD,EAAK;AAAA,MACV,SACEX,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,0BAAA,GACbA,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,MAAK,WAAU,kBAChCS,EAAK,IACR,CACF;AAAA,MAEF,cAAc,EAAE,WAAW,QAAA;AAAA,MAC3B,cAAc,EAAE,WAAW,8BAAA;AAAA,MAC3B,SAASA,EAAK,SAAS,IAAI,CAACE,MAC1Bb,gBAAAA,EAAA,cAAC,OAAA,EAAI,KAAKa,EAAQ,IAAI,WAAU,OAAA,GAC9Bb,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,MAAK,WAAU,uBAChCW,EAAQ,IACX,GAEAb,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,yBACZa,EAAQ,OAAO,IAAI,CAAC3B,MACnBc,gBAAAA,EAAA,cAAC,SAAI,KAAKd,EAAM,IAAI,WAAU,kBAAA,GAC3Be,EAAoBf,CAAK,GACzBD,EAAiBC,GAAOF,EAAOE,EAAM,EAAE,CAAC,CAC3C,CACD,CACH,CACF,CACD;AAAA,IAAA;AAAA,EAAA,CAEJ,CACH;AAEJ;"}

package/dist/{index13.es.js → index.es13.js}

@@ -1,7 +1,7 @@
 import * as e from "react";
 import * as a from "@radix-ui/react-radio-group";
-import { cn as d } from "./index89.es.js";
-import { RadioGroupVariants as i } from "./index79.es.js";
+import { cn as d } from "./index.es89.js";
+import { RadioGroupVariants as i } from "./index.es79.js";
 const m = e.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ e.createElement(
   a.Root,
   {
@@ -27,4 +27,4 @@ export {
   c as RadioGroupItem,
   i as RadioGroupVariants
 };
-//# sourceMappingURL=index13.es.js.map
+//# sourceMappingURL=index.es13.js.map

package/dist/{index13.es.js.map → index.es13.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index13.es.js","sources":["../src/components/atoms/radio-group/radio-group.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\n\nimport { cn } from '@/lib/utils'\nimport { RadioGroupVariants } from './radio-group-style'\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn('grid gap-2', className)}\n      {...props}\n      ref={ref}\n    />\n  )\n})\n\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(RadioGroupVariants({ className }))}\n      {...props}\n    >\n      {props.children}\n      <RadioGroupPrimitive.Indicator className=\"flex data=[state=unchecked]:hover:bg-primary-1 data-[state=checked]:bg-rest-p1 data-[state=checked]:hover:bg-hover-p1 h-2.5 w-2.5  rounded-full t-7 l-y disabled:opacity-50 items-center justify-center border-none\"></RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem, RadioGroupVariants }\n"],"names":["RadioGroup","React","className","props","ref","RadioGroupPrimitive","cn","RadioGroupItem","RadioGroupVariants"],"mappings":";;;;AAMA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExB,gBAAAH,EAAA;AAAA,EAACI,EAAoB;AAAA,EAApB;AAAA,IACC,WAAWC,EAAG,cAAcJ,CAAS;AAAA,IACpC,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AAAA,CAGL;AAEDJ,EAAW,cAAcK,EAAoB,KAAK;AAElD,MAAME,IAAiBN,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExB,gBAAAH,EAAA;AAAA,EAACI,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGE,EAAmB,EAAE,WAAAN,EAAA,CAAW,CAAC;AAAA,IAC9C,GAAGC;AAAA,EAAA;AAAA,EAEHA,EAAM;AAAA,EACP,gBAAAF,EAAA,cAACI,EAAoB,WAApB,EAA8B,WAAU,sNAAA,CAAsN;AAAA,CAGpQ;AACDE,EAAe,cAAcF,EAAoB,KAAK;"}
+{"version":3,"file":"index.es13.js","sources":["../src/components/atoms/radio-group/radio-group.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\n\nimport { cn } from '@/lib/utils'\nimport { RadioGroupVariants } from './radio-group-style'\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn('grid gap-2', className)}\n      {...props}\n      ref={ref}\n    />\n  )\n})\n\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(RadioGroupVariants({ className }))}\n      {...props}\n    >\n      {props.children}\n      <RadioGroupPrimitive.Indicator className=\"flex data=[state=unchecked]:hover:bg-primary-1 data-[state=checked]:bg-rest-p1 data-[state=checked]:hover:bg-hover-p1 h-2.5 w-2.5  rounded-full t-7 l-y disabled:opacity-50 items-center justify-center border-none\"></RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem, RadioGroupVariants }\n"],"names":["RadioGroup","React","className","props","ref","RadioGroupPrimitive","cn","RadioGroupItem","RadioGroupVariants"],"mappings":";;;;AAMA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExB,gBAAAH,EAAA;AAAA,EAACI,EAAoB;AAAA,EAApB;AAAA,IACC,WAAWC,EAAG,cAAcJ,CAAS;AAAA,IACpC,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AAAA,CAGL;AAEDJ,EAAW,cAAcK,EAAoB,KAAK;AAElD,MAAME,IAAiBN,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExB,gBAAAH,EAAA;AAAA,EAACI,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGE,EAAmB,EAAE,WAAAN,EAAA,CAAW,CAAC;AAAA,IAC9C,GAAGC;AAAA,EAAA;AAAA,EAEHA,EAAM;AAAA,EACP,gBAAAF,EAAA,cAACI,EAAoB,WAApB,EAA8B,WAAU,sNAAA,CAAsN;AAAA,CAGpQ;AACDE,EAAe,cAAcF,EAAoB,KAAK;"}

package/dist/{index113.es.js → index.es130.js}

@@ -1,5 +1,5 @@
 import l, { useState as a } from "react";
-import { FormStructureContext as c } from "./index140.es.js";
+import { FormStructureContext as c } from "./index.es160.js";
 const f = ({ children: n, structure: e }) => {
   const [t, o] = a(0), r = () => {
     t < e.steps.length - 1 && o(t + 1);
@@ -23,4 +23,4 @@ const f = ({ children: n, structure: e }) => {
 export {
   f as FormStructureProvider
 };
-//# sourceMappingURL=index113.es.js.map
+//# sourceMappingURL=index.es130.js.map

package/dist/{index113.es.js.map → index.es130.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index113.es.js","sources":["../src/components/ui/form-renderer/context/form-structure/form-structure.provider.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { FormStructureContext } from './form-structure.context'\nimport { FormStructure } from '../../form.types'\n\nexport const FormStructureProvider: React.FC<{\n  children: React.ReactNode\n  structure: FormStructure\n}> = ({ children, structure }) => {\n  const [currentStepIndex, setCurrentStepIndex] = useState(0)\n\n  const goToNextStep = () => {\n    if (currentStepIndex < structure.steps.length - 1) {\n      setCurrentStepIndex(currentStepIndex + 1)\n    }\n  }\n\n  const goToPreviousStep = () => {\n    if (currentStepIndex > 0) {\n      setCurrentStepIndex(currentStepIndex - 1)\n    }\n  }\n\n  const goToStep = (stepIndex: number) => {\n    if (stepIndex >= 0 && stepIndex < structure.steps.length) {\n      setCurrentStepIndex(stepIndex)\n    }\n  }\n\n  const value = {\n    structure,\n    currentStepIndex,\n    currentStep: structure.steps[currentStepIndex],\n    goToNextStep,\n    goToPreviousStep,\n    goToStep,\n    isFirstStep: currentStepIndex === 0,\n    isLastStep: currentStepIndex === structure.steps.length - 1,\n    totalSteps: structure.steps.length,\n  }\n\n  return (\n    <FormStructureContext.Provider value={value}>\n      {children}\n    </FormStructureContext.Provider>\n  )\n}\n"],"names":["FormStructureProvider","children","structure","currentStepIndex","setCurrentStepIndex","useState","goToNextStep","goToPreviousStep","goToStep","stepIndex","value","React","FormStructureContext"],"mappings":";;AAIO,MAAMA,IAGR,CAAC,EAAE,UAAAC,GAAU,WAAAC,QAAgB;AAChC,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,CAAC,GAEpDC,IAAe,MAAM;AACzB,IAAIH,IAAmBD,EAAU,MAAM,SAAS,KAC9CE,EAAoBD,IAAmB,CAAC;AAAA,EAE5C,GAEMI,IAAmB,MAAM;AAC7B,IAAIJ,IAAmB,KACrBC,EAAoBD,IAAmB,CAAC;AAAA,EAE5C,GAEMK,IAAW,CAACC,MAAsB;AACtC,IAAIA,KAAa,KAAKA,IAAYP,EAAU,MAAM,UAChDE,EAAoBK,CAAS;AAAA,EAEjC,GAEMC,IAAQ;AAAA,IACZ,WAAAR;AAAA,IACA,kBAAAC;AAAA,IACA,aAAaD,EAAU,MAAMC,CAAgB;AAAA,IAC7C,cAAAG;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAaL,MAAqB;AAAA,IAClC,YAAYA,MAAqBD,EAAU,MAAM,SAAS;AAAA,IAC1D,YAAYA,EAAU,MAAM;AAAA,EAAA;AAG9B,SACES,gBAAAA,EAAA,cAACC,EAAqB,UAArB,EAA8B,OAAAF,KAC5BT,CACH;AAEJ;"}
+{"version":3,"file":"index.es130.js","sources":["../src/components/ui/form-renderer/context/form-structure/form-structure.provider.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { FormStructureContext } from './form-structure.context'\nimport { FormStructure } from '../../form.types'\n\nexport const FormStructureProvider: React.FC<{\n  children: React.ReactNode\n  structure: FormStructure\n}> = ({ children, structure }) => {\n  const [currentStepIndex, setCurrentStepIndex] = useState(0)\n\n  const goToNextStep = () => {\n    if (currentStepIndex < structure.steps.length - 1) {\n      setCurrentStepIndex(currentStepIndex + 1)\n    }\n  }\n\n  const goToPreviousStep = () => {\n    if (currentStepIndex > 0) {\n      setCurrentStepIndex(currentStepIndex - 1)\n    }\n  }\n\n  const goToStep = (stepIndex: number) => {\n    if (stepIndex >= 0 && stepIndex < structure.steps.length) {\n      setCurrentStepIndex(stepIndex)\n    }\n  }\n\n  const value = {\n    structure,\n    currentStepIndex,\n    currentStep: structure.steps[currentStepIndex],\n    goToNextStep,\n    goToPreviousStep,\n    goToStep,\n    isFirstStep: currentStepIndex === 0,\n    isLastStep: currentStepIndex === structure.steps.length - 1,\n    totalSteps: structure.steps.length,\n  }\n\n  return (\n    <FormStructureContext.Provider value={value}>\n      {children}\n    </FormStructureContext.Provider>\n  )\n}\n"],"names":["FormStructureProvider","children","structure","currentStepIndex","setCurrentStepIndex","useState","goToNextStep","goToPreviousStep","goToStep","stepIndex","value","React","FormStructureContext"],"mappings":";;AAIO,MAAMA,IAGR,CAAC,EAAE,UAAAC,GAAU,WAAAC,QAAgB;AAChC,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,CAAC,GAEpDC,IAAe,MAAM;AACzB,IAAIH,IAAmBD,EAAU,MAAM,SAAS,KAC9CE,EAAoBD,IAAmB,CAAC;AAAA,EAE5C,GAEMI,IAAmB,MAAM;AAC7B,IAAIJ,IAAmB,KACrBC,EAAoBD,IAAmB,CAAC;AAAA,EAE5C,GAEMK,IAAW,CAACC,MAAsB;AACtC,IAAIA,KAAa,KAAKA,IAAYP,EAAU,MAAM,UAChDE,EAAoBK,CAAS;AAAA,EAEjC,GAEMC,IAAQ;AAAA,IACZ,WAAAR;AAAA,IACA,kBAAAC;AAAA,IACA,aAAaD,EAAU,MAAMC,CAAgB;AAAA,IAC7C,cAAAG;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAaL,MAAqB;AAAA,IAClC,YAAYA,MAAqBD,EAAU,MAAM,SAAS;AAAA,IAC1D,YAAYA,EAAU,MAAM;AAAA,EAAA;AAG9B,SACES,gBAAAA,EAAA,cAACC,EAAqB,UAArB,EAA8B,OAAAF,KAC5BT,CACH;AAEJ;"}

package/dist/{index114.es.js → index.es131.js}

@@ -1,6 +1,6 @@
 import G, { useState as E } from "react";
-import { FormValuesContext as L } from "./index141.es.js";
-import { FormFieldType as r } from "./index142.es.js";
+import { FormValuesContext as L } from "./index.es161.js";
+import { FormFieldType as r } from "./index.es162.js";
 const B = ({
   children: I,
   initialValues: m = {},
@@ -203,4 +203,4 @@ const B = ({
 export {
   B as FormValuesProvider
 };
-//# sourceMappingURL=index114.es.js.map
+//# sourceMappingURL=index.es131.js.map