geoiq-frontend-ui-kit 1.6.3 → 1.6.4

package/dist/components/ui/form-renderer/components/form-navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-navigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/form-renderer/components/form-navigation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,UAAU,mBAAmB;IAC3B,cAAc,CAAC,EAAE,UAAU,CAAA;IAC3B,kBAAkB,CAAC,EAAE,UAAU,CAAA;IAC/B,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuExD,CAAA"}
+{"version":3,"file":"form-navigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/form-renderer/components/form-navigation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,UAAU,mBAAmB;IAC3B,cAAc,CAAC,EAAE,UAAU,CAAA;IAC3B,kBAAkB,CAAC,EAAE,UAAU,CAAA;IAC/B,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8FxD,CAAA"}

package/dist/components/ui/form-renderer/form.types.d.ts

@@ -103,7 +103,7 @@ export interface OnNavigate {
         isFirstStep: boolean;
         isLastStep: boolean;
         values: FormValues;
-    }): void;
+    }): void | Promise<void>;
 }
 export type OnReplaceImage = (image: AssetValue, index: number) => void;
 export type onToggleImageEditor = (options: {

package/dist/components/ui/form-renderer/form.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/form-renderer/form.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"form.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/form-renderer/form.types.ts"],"names":[],"mappings":"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"}

package/dist/index.es10.js

@@ -1,7 +1,7 @@
 import * as r from "react";
 import * as a from "@radix-ui/react-progress";
 import { cn as i } from "./index.es78.js";
-import { ProgressVariants as n } from "./index.es94.js";
+import { ProgressVariants as n } from "./index.es93.js";
 const l = r.forwardRef(({ className: t, value: o, ...e }, m) => {
   const s = (o || 0) / (e.max || 100) * 100;
   return /* @__PURE__ */ r.createElement(

package/dist/index.es100.js

@@ -1,26 +1,87 @@
-const t = {
-  ROADMAP: "https://frontend-static-files.geoiq.io/strapi/Default_efc09fdd1c.png",
-  ROADMAP_TRAFFIC: "https://frontend-static-files.geoiq.io/strapi/ic_traffic_705be1ba8d.png",
-  SATELLITE: "https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png",
-  SATELLITE_TRAFFIC: "https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png"
-}, e = [
-  { key: "ROADMAP", label: "Roadmap", type: "roadmap", traffic: !1 },
-  {
-    key: "ROADMAP_TRAFFIC",
-    label: "Roadmap Traffic",
-    type: "roadmap",
-    traffic: !0
-  },
-  { key: "SATELLITE", label: "Satellite", type: "hybrid", traffic: !1 },
-  {
-    key: "SATELLITE_TRAFFIC",
-    label: "Satellite Traffic",
-    type: "hybrid",
-    traffic: !0
-  }
-];
+import e, { useState as y } from "react";
+import { Button as E } from "./index.es7.js";
+import { Typography as r } from "./index.es17.js";
+import { SheetPrimary as x } from "./index.es38.js";
+import { RequestCreditsDialog as v } from "./index.es101.js";
+const w = ({
+  open: l,
+  onClose: a,
+  credit_details: o = "0",
+  description: n,
+  onRequestCredits: c,
+  onProceedToPayment: m,
+  trigger: f = null,
+  containerId: d
+}) => {
+  const [u, t] = y(!1), p = () => {
+    t(!0);
+  }, h = (s, i) => {
+    c?.(s, i), t(!1), a();
+  }, g = (s, i) => {
+    m?.(s, i), t(!1), a();
+  };
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    x,
+    {
+      open: l,
+      trigger: f,
+      onOpenChange: a,
+      title: "Credits",
+      contentProps: {
+        className: "bg-light-1 md:!left-[66px] pb-12 inset-y-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        side: "custom"
+      },
+      bodyProps: {
+        className: "p-0 h-full"
+      },
+      content: /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center justify-center h-full p-6" }, /* @__PURE__ */ e.createElement("div", { className: "flex-col items-center justify-center" }, /* @__PURE__ */ e.createElement(
+        "img",
+        {
+          src: "https://frontend-static-files.geoiq.io/strapi/Group_8faa24a1c9/Group_8faa24a1c9.svg",
+          alt: "Credit information",
+          className: "w-[280px] h-[120px] object-contain"
+        }
+      ), /* @__PURE__ */ e.createElement("div", { className: "mt-2 flex justify-center" }, /* @__PURE__ */ e.createElement(r, { variant: "h2", className: "flex items-center mb-4" }, o, /* @__PURE__ */ e.createElement(
+        "img",
+        {
+          src: "https://frontend-static-files.geoiq.io/strapi/Credit_Icon_e6fcaf6845/Credit_Icon_e6fcaf6845.svg",
+          width: 32,
+          height: 32,
+          alt: "coin icon",
+          className: "ml-1"
+        }
+      )), n && /* @__PURE__ */ e.createElement(r, { variant: "body1", className: "text-light-3" }, n)))),
+      footer: /* @__PURE__ */ e.createElement("div", { className: "flex w-full justify-center" }, /* @__PURE__ */ e.createElement(
+        E,
+        {
+          variant: "primary",
+          suffixIcon: /* @__PURE__ */ e.createElement(
+            "img",
+            {
+              src: "https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg",
+              width: 16,
+              height: 16,
+              alt: "coin icon",
+              className: "ml-1"
+            }
+          ),
+          title: "Request for credits",
+          onClick: p
+        }
+      )),
+      container: typeof document < "u" ? document.getElementById(d || "") : void 0
+    }
+  ), /* @__PURE__ */ e.createElement(
+    v,
+    {
+      open: u,
+      onClose: () => t(!1),
+      onRequestCredits: h,
+      onProceedToPayment: g
+    }
+  ));
+};
 export {
-  t as MAP_LAYER_CONFIG,
-  e as MAP_LAYER_TYPES
+  w as CreditSheet
 };
 //# sourceMappingURL=index.es100.js.map

package/dist/index.es100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es100.js","sources":["../src/components/ui/map-toolbar/map-layer-config.ts"],"sourcesContent":["export const MAP_LAYER_CONFIG = {\n  ROADMAP:\n    'https://frontend-static-files.geoiq.io/strapi/Default_efc09fdd1c.png',\n  ROADMAP_TRAFFIC:\n    'https://frontend-static-files.geoiq.io/strapi/ic_traffic_705be1ba8d.png',\n  SATELLITE:\n    'https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png',\n  SATELLITE_TRAFFIC:\n    'https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png',\n}\nexport const MAP_LAYER_TYPES = [\n  { key: 'ROADMAP', label: 'Roadmap', type: 'roadmap', traffic: false },\n  {\n    key: 'ROADMAP_TRAFFIC',\n    label: 'Roadmap Traffic',\n    type: 'roadmap',\n    traffic: true,\n  },\n  { key: 'SATELLITE', label: 'Satellite', type: 'hybrid', traffic: false },\n  {\n    key: 'SATELLITE_TRAFFIC',\n    label: 'Satellite Traffic',\n    type: 'hybrid',\n    traffic: true,\n  },\n]\n"],"names":["MAP_LAYER_CONFIG","MAP_LAYER_TYPES"],"mappings":"AAAO,MAAMA,IAAmB;AAAA,EAC9B,SACE;AAAA,EACF,iBACE;AAAA,EACF,WACE;AAAA,EACF,mBACE;AACJ,GACaC,IAAkB;AAAA,EAC7B,EAAE,KAAK,WAAW,OAAO,WAAW,MAAM,WAAW,SAAS,GAAA;AAAA,EAC9D;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,EAAE,KAAK,aAAa,OAAO,aAAa,MAAM,UAAU,SAAS,GAAA;AAAA,EACjE;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb;"}
+{"version":3,"file":"index.es100.js","sources":["../src/components/ui/credit-sheet/credit-sheet.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Button } from '@/components/atoms/button'\nimport { Typography } from '@/components/atoms/typography'\nimport type { CreditSheetProps } from './credit-sheet.types'\nimport { Sheet } from '@/components/organisms/sheet'\nimport { RequestCreditsDialog } from '../request-credits-view/component/request-credit-dialog'\n\nexport const CreditSheet: React.FC<CreditSheetProps> = ({\n  open,\n  onClose,\n  credit_details = '0',\n  description,\n  onRequestCredits,\n  onProceedToPayment,\n  trigger = null,\n  containerId,\n}) => {\n  const [showRequestDialog, setShowRequestDialog] = useState(false)\n\n  const handleButtonClick = () => {\n    setShowRequestDialog(true)\n  }\n\n  const handleRequestCredits = (credits: string, phoneNumber: string) => {\n    onRequestCredits?.(credits, phoneNumber)\n    setShowRequestDialog(false)\n    onClose()\n  }\n\n  const handleProceedToPayment = (credits: string, phoneNumber: string) => {\n    onProceedToPayment?.(credits, phoneNumber)\n    setShowRequestDialog(false)\n    onClose() // Close the sheet after proceeding to payment\n  }\n\n  return (\n    <>\n      <Sheet\n        open={open}\n        trigger={trigger}\n        onOpenChange={onClose}\n        title=\"Credits\"\n        contentProps={{\n          className:\n            'bg-light-1 md:!left-[66px] pb-12 inset-y-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',\n          side: 'custom',\n        }}\n        bodyProps={{\n          className: 'p-0 h-full',\n        }}\n        content={\n          <div className=\"flex flex-col items-center justify-center h-full p-6\">\n            {/* Fixed Image - Centered */}\n            <div className=\"flex-col items-center justify-center\">\n              <img\n                src=\"https://frontend-static-files.geoiq.io/strapi/Group_8faa24a1c9/Group_8faa24a1c9.svg\"\n                alt=\"Credit information\"\n                className=\"w-[280px] h-[120px] object-contain\"\n              />\n              <div className=\"mt-2 flex justify-center\">\n                <Typography variant=\"h2\" className=\"flex items-center mb-4\">\n                  {credit_details}\n                  <img\n                    src={\n                      'https://frontend-static-files.geoiq.io/strapi/Credit_Icon_e6fcaf6845/Credit_Icon_e6fcaf6845.svg'\n                    }\n                    width={32}\n                    height={32}\n                    alt=\"coin icon\"\n                    className=\"ml-1\"\n                  />\n                </Typography>\n                {description && (\n                  <Typography variant=\"body1\" className=\"text-light-3\">\n                    {description}\n                  </Typography>\n                )}\n              </div>\n            </div>\n          </div>\n        }\n        footer={\n          <div className=\"flex w-full justify-center\">\n            <Button\n              variant=\"primary\"\n              suffixIcon={\n                <img\n                  src={\n                    'https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg'\n                  }\n                  width={16}\n                  height={16}\n                  alt=\"coin icon\"\n                  className=\"ml-1\"\n                />\n              }\n              title=\"Request for credits\"\n              onClick={handleButtonClick}\n            />\n          </div>\n        }\n        container={\n          typeof document !== 'undefined'\n            ? document.getElementById(containerId || '')\n            : undefined\n        }\n      />\n\n      {/* Request Credits Dialog */}\n      <RequestCreditsDialog\n        open={showRequestDialog}\n        onClose={() => setShowRequestDialog(false)}\n        onRequestCredits={handleRequestCredits}\n        onProceedToPayment={handleProceedToPayment}\n      />\n    </>\n  )\n}\n"],"names":["CreditSheet","open","onClose","credit_details","description","onRequestCredits","onProceedToPayment","trigger","containerId","showRequestDialog","setShowRequestDialog","useState","handleButtonClick","handleRequestCredits","credits","phoneNumber","handleProceedToPayment","React","Sheet","Typography","Button","RequestCreditsDialog"],"mappings":";;;;;AAOO,MAAMA,IAA0C,CAAC;AAAA,EACtD,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAE1DC,IAAoB,MAAM;AAC9B,IAAAF,EAAqB,EAAI;AAAA,EAC3B,GAEMG,IAAuB,CAACC,GAAiBC,MAAwB;AACrE,IAAAV,IAAmBS,GAASC,CAAW,GACvCL,EAAqB,EAAK,GAC1BR,EAAA;AAAA,EACF,GAEMc,IAAyB,CAACF,GAAiBC,MAAwB;AACvE,IAAAT,IAAqBQ,GAASC,CAAW,GACzCL,EAAqB,EAAK,GAC1BR,EAAA;AAAA,EACF;AAEA,SACEe,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAAjB;AAAA,MACA,SAAAM;AAAA,MACA,cAAcL;AAAA,MACd,OAAM;AAAA,MACN,cAAc;AAAA,QACZ,WACE;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,MAER,WAAW;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb,yCACG,OAAA,EAAI,WAAU,0DAEbe,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,uCAAA,GACbA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAI;AAAA,UACJ,KAAI;AAAA,UACJ,WAAU;AAAA,QAAA;AAAA,MAAA,GAEZA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,2BAAA,GACbA,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,MAAK,WAAU,4BAChChB,GACDc,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KACE;AAAA,UAEF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,KAAI;AAAA,UACJ,WAAU;AAAA,QAAA;AAAA,MAAA,CAEd,GACCb,KACCa,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,eAAA,GACnCf,CACH,CAEJ,CACF,CACF;AAAA,MAEF,QACEa,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,6BAAA,GACbA,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,YACEH,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KACE;AAAA,cAEF,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAI;AAAA,cACJ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAGd,OAAM;AAAA,UACN,SAASL;AAAA,QAAA;AAAA,MAAA,CAEb;AAAA,MAEF,WACE,OAAO,WAAa,MAChB,SAAS,eAAeJ,KAAe,EAAE,IACzC;AAAA,IAAA;AAAA,EAAA,GAKRS,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,SAAS,MAAMC,EAAqB,EAAK;AAAA,MACzC,kBAAkBG;AAAA,MAClB,oBAAoBG;AAAA,IAAA;AAAA,EAAA,CAExB;AAEJ;"}

package/dist/index.es102.js

@@ -1,184 +1,276 @@
-import * as e from "react";
-import R from "embla-carousel-react";
-import { ArrowLeft as z, ArrowRight as I } from "lucide-react";
-import { cn as m } from "./index.es78.js";
-import { Button as x } from "./index.es7.js";
-const b = e.createContext(null);
-function d() {
-  const r = e.useContext(b);
-  if (!r)
-    throw new Error("useCarousel must be used within a <Carousel />");
-  return r;
-}
-const L = e.forwardRef(
-  ({
-    orientation: r = "horizontal",
-    opts: o,
-    setApi: a,
-    plugins: s,
-    className: n,
-    children: u,
-    autoplay: c = !1,
-    // Default value for autoplay
-    autoplayInterval: i = 3e3,
-    // Default value for autoplay interval
-    ...w
-  }, E) => {
-    const [g, t] = R(
-      {
-        ...o,
-        axis: r === "horizontal" ? "x" : "y"
-      },
-      s
-    ), [p, y] = e.useState(!1), [S, k] = e.useState(!1), f = e.useCallback((l) => {
-      l && (y(l.canScrollPrev()), k(l.canScrollNext()));
-    }, []), C = e.useCallback(() => {
-      t?.scrollPrev();
-    }, [t]), h = e.useCallback(() => {
-      t?.scrollNext();
-    }, [t]), P = e.useCallback(
-      (l) => {
-        l.key === "ArrowLeft" ? (l.preventDefault(), C()) : l.key === "ArrowRight" && (l.preventDefault(), h());
-      },
-      [C, h]
+import e from "react";
+import { _Dialog as v } from "./index.es37.js";
+import { X as N, ChevronLeft as w, ChevronRight as S } from "lucide-react";
+import { Typography as i } from "./index.es17.js";
+import { ResponsiveContainer as d, BarChart as u, CartesianGrid as f, XAxis as g, YAxis as h, Tooltip as p, Bar as E } from "recharts";
+import { trendBoxStyles as C, trendValueStyles as k } from "./index.es123.js";
+const O = ({
+  data: r,
+  onToggle: t,
+  isOpen: n,
+  galleryActiveIndex: a,
+  setgalleryActiveIndex: l
+}) => {
+  const o = r && r.length, b = () => {
+    r && l((s) => (s + 1) % r?.length);
+  }, y = () => {
+    r && l(
+      (s) => (s - 1 + r.length) % r.length
     );
-    return e.useEffect(() => {
-      !t || !a || a(t);
-    }, [t, a]), e.useEffect(() => {
-      if (t)
-        return f(t), t.on("reInit", f), t.on("select", f), () => {
-          t?.off("select", f);
-        };
-    }, [t, f]), e.useEffect(() => {
-      if (!c || !t)
-        return;
-      let l;
-      const v = () => {
-        l = setInterval(() => {
-          t.scrollNext(), t.selectedScrollSnap() === t.scrollSnapList().length && t.scrollTo(0);
-        }, i);
-      }, N = () => {
-        document.hidden ? clearInterval(l) : v();
-      };
-      return document.addEventListener("visibilitychange", N), document.hidden || v(), () => {
-        clearInterval(l), document.removeEventListener("visibilitychange", N);
-      };
-    }, [c, t, i]), /* @__PURE__ */ e.createElement(
-      b.Provider,
-      {
-        value: {
-          carouselRef: g,
-          api: t,
-          opts: o,
-          orientation: r || (o?.axis === "y" ? "vertical" : "horizontal"),
-          scrollPrev: C,
-          scrollNext: h,
-          canScrollPrev: p,
-          canScrollNext: S,
-          autoplay: c,
-          // Pass autoplay to the context
-          autoplayInterval: i
-          // Pass autoplayInterval to the context
+  }, x = (s) => {
+    l(s);
+  }, m = () => {
+    t();
+  };
+  return /* @__PURE__ */ e.createElement(
+    v,
+    {
+      open: n,
+      trigger: null,
+      contentClassName: "bg-transparent w-fit  border-0",
+      onInteractOutside: m,
+      body: /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center justify-center w-full h-full max-w-3xl mx-auto" }, /* @__PURE__ */ e.createElement(
+        N,
+        {
+          size: 24,
+          color: "white",
+          className: "absolute z-50 cursor-pointer -right-10 -top-10",
+          onClick: m
         }
-      },
-      /* @__PURE__ */ e.createElement(
-        "div",
+      ), /* @__PURE__ */ e.createElement("div", { className: "relative" }, /* @__PURE__ */ e.createElement("div", { className: "relative " }, o && /* @__PURE__ */ e.createElement(
+        "img",
         {
-          ref: E,
-          onKeyDownCapture: P,
-          className: m("relative", n),
-          role: "region",
-          "aria-roledescription": "carousel",
-          ...w
-        },
-        u
-      )
-    );
+          key: r[a].image_url,
+          src: r[a].image_url,
+          alt: `Street ${a + 1}`,
+          className: "w-[500px] max-h-[80vh] object-contain flex-shrink-0"
+        }
+      )), /* @__PURE__ */ e.createElement("div", { className: "relative top-[-50%]  left-[-10%] flex row  w-[120%] justify-between" }, /* @__PURE__ */ e.createElement("div", { role: "button", tabIndex: 0, onClick: y }, /* @__PURE__ */ e.createElement(w, { size: 30, color: "white" })), /* @__PURE__ */ e.createElement("div", { role: "button", tabIndex: 0, onClick: b }, /* @__PURE__ */ e.createElement(S, { size: 30, color: "white" })))), /* @__PURE__ */ e.createElement("div", { className: "flex justify-center p-2 mt-4 space-x-2 rounded-lg" }, o && r.map((s, c) => /* @__PURE__ */ e.createElement(
+        "img",
+        {
+          key: c,
+          src: s.image_url,
+          alt: `Thumbnail ${c + 1}`,
+          onClick: () => x(c),
+          className: `w-20 h-auto rounded-lg cursor-pointer ${c === a ? "ring-2 ring-primary-1" : "ring-2 ring-transparent"} hover:ring-gray-300`
+        }
+      ))))
+    }
+  );
+}, $ = ({ active: r, payload: t, label: n, year: a }) => {
+  if (r && t && t.length) {
+    const l = t[0]?.payload?.year, o = t[0]?.value;
+    return /* @__PURE__ */ e.createElement("div", { className: "flex flex-col bg-light-1 p-4 rounded-lg shadow-md min-w-[200px] gap-1" }, /* @__PURE__ */ e.createElement(i, { variant: "body6", className: "text-primary" }, `${n}'${l}`), /* @__PURE__ */ e.createElement("div", { className: "my-2 w-full h-px border border-stroke-1" }), /* @__PURE__ */ e.createElement("div", { className: "flex" }, /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: "h-4 w-1 rounded-lg",
+        style: { backgroundColor: "#6D48EF" }
+      }
+    ), /* @__PURE__ */ e.createElement(i, { variant: "body6", className: "text-secondary mx-1" }, "Visits"), /* @__PURE__ */ e.createElement(i, { variant: "body4", className: "text-secondary ml-auto" }, ` ${o}`)));
   }
-);
-L.displayName = "Carousel";
-const D = e.forwardRef(({ className: r, ...o }, a) => {
-  const { carouselRef: s, orientation: n } = d();
-  return /* @__PURE__ */ e.createElement("div", { ref: s, className: "overflow-hidden" }, /* @__PURE__ */ e.createElement(
-    "div",
+  return null;
+}, z = ({ active: r, payload: t, label: n }) => {
+  if (r && t && t.length) {
+    const a = t[0]?.payload?.distance, l = t[0]?.value;
+    return /* @__PURE__ */ e.createElement("div", { className: "flex bg-light-1 items-center justify-between rounded-lg shadow-md min-w-45 max-w-80 gap-2 p-2" }, /* @__PURE__ */ e.createElement(i, { variant: "body6", className: "text-primary" }, /* @__PURE__ */ e.createElement("div", { className: "flex h-full justify-between items-center p-2 gap-4" }, /* @__PURE__ */ e.createElement("div", null, n), /* @__PURE__ */ e.createElement("div", null, " ", a + "km"))), /* @__PURE__ */ e.createElement(
+      i,
+      {
+        variant: "body4",
+        className: "text-normal text-danger-1 ml-auto p-2"
+      },
+      `${l}%`
+    ));
+  }
+  return null;
+}, D = ({ insights: r }) => /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "flex flex-row mb-4 justify-between" }, /* @__PURE__ */ e.createElement(i, { variant: "body4", className: "text-light-2" }, "Store Insight:")), /* @__PURE__ */ e.createElement("div", { className: "bg-light-2 p-3 border border-neutral-1 rounded-lg" }, /* @__PURE__ */ e.createElement(i, { variant: "body4", className: "text-light-2 mb-2" }, "Presence of other brands in catchment:"), /* @__PURE__ */ e.createElement("div", { className: "flex gap-1 flex-wrap" }, r.map((t) => /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    key: t.type,
+    className: "flex items-center gap-1 bg-light-1 px-2 py-1 rounded-full border border-neutral-1"
+  },
+  /* @__PURE__ */ e.createElement(
+    "img",
     {
-      ref: a,
-      className: m(
-        "flex",
-        n === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-        r
-      ),
-      ...o
+      src: t.iconUrl,
+      alt: `${t.type} Icon`,
+      className: "w-4 h-4"
     }
-  ));
-});
-D.displayName = "CarouselContent";
-const A = e.forwardRef(({ className: r, ...o }, a) => {
-  const { orientation: s } = d();
-  return /* @__PURE__ */ e.createElement(
-    "div",
+  ),
+  /* @__PURE__ */ e.createElement(i, { variant: "body6", className: "text-light-2" }, t.count),
+  /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ e.createElement(i, { variant: "body6", className: "text-light-2" }, t.type === "competitor" ? "Competitors" : "Complementary"))
+))))), K = ({
+  highlights: r
+}) => /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(i, { variant: "body4", className: "text-light-2 mb-2" }, "Store Overview:"), /* @__PURE__ */ e.createElement("div", { className: "bg-light-2 p-1 border border-neutral-1 rounded-lg" }, /* @__PURE__ */ e.createElement("div", { className: "flex justify-evenly items-center" }, r.map((t, n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center justify-center text-center gap-1 p-" }, /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    className: C({
+      trend: t.trend?.toString()
+    })
+  },
+  t.trend === 1 && /* @__PURE__ */ e.createElement(
+    "img",
     {
-      ref: a,
-      role: "group",
-      "aria-roledescription": "slide",
-      className: m(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        s === "horizontal" ? "pl-4" : "pt-4",
-        r
-      ),
-      ...o
+      src: "https://frontend-static-files.geoiq.io/strapi/trending_up_9d73d6fac5.svg",
+      alt: "High Trend",
+      className: "w-3 h-3"
     }
-  );
-});
-A.displayName = "CarouselItem";
-const K = e.forwardRef(({ className: r, variant: o = "secondary", size: a = "lg", ...s }, n) => {
-  const { orientation: u, scrollPrev: c, canScrollPrev: i } = d();
-  return /* @__PURE__ */ e.createElement(
-    x,
+  ),
+  t.trend === -1 && /* @__PURE__ */ e.createElement(
+    "img",
+    {
+      src: "https://frontend-static-files.geoiq.io/strapi/trending_down_87adc7f3a6.svg",
+      alt: "Low Trend",
+      className: "w-3 h-3"
+    }
+  ),
+  t.value && t.trend ? /* @__PURE__ */ e.createElement(
+    i,
     {
-      ref: n,
-      variant: o,
-      size: a,
-      className: m(
-        "absolute  h-10 w-10 disabled:bg-light-3",
-        u === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        r
-      ),
-      disabled: !i,
-      onClick: c,
-      ...s
+      variant: "body5",
+      className: k({
+        trend: t.trend?.toString()
+      })
     },
-    /* @__PURE__ */ e.createElement(z, { className: "absolute h-4 w-4 stroke-stroke-4" }),
-    /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Previous slide")
-  );
-});
-K.displayName = "CarouselPrevious";
-const B = e.forwardRef(({ className: r, variant: o = "secondary", size: a = "lg", ...s }, n) => {
-  const { orientation: u, scrollNext: c, canScrollNext: i } = d();
-  return /* @__PURE__ */ e.createElement(
-    x,
+    `${t.value}%`
+  ) : /* @__PURE__ */ e.createElement(i, { variant: "body5", className: "text-sm" }, "-")
+), t.name && /* @__PURE__ */ e.createElement(i, { variant: "body6", className: "text-light-2" }, t.name)), n < r.length - 1 && /* @__PURE__ */ e.createElement("div", { className: "border-l border-stroke-light-1 h-20 mx-1" })))))), I = ({ data: r }) => !r || r.every((t) => t.footfall === null) ? null : /* @__PURE__ */ e.createElement("div", { className: "w-full h-full bg-light-2 border border-neutral-1 p-3 rounded-lg" }, /* @__PURE__ */ e.createElement(i, { variant: "body4", className: "text-light-2 mb-4" }, "Footfall trends"), /* @__PURE__ */ e.createElement(d, { width: "100%", height: 300 }, /* @__PURE__ */ e.createElement(
+  u,
+  {
+    data: r,
+    margin: {
+      top: 3,
+      right: 3,
+      bottom: -10,
+      left: 3
+    },
+    barSize: 24
+  },
+  /* @__PURE__ */ e.createElement(f, { strokeDasharray: "10 10" }),
+  /* @__PURE__ */ e.createElement(
+    g,
+    {
+      dataKey: "month",
+      style: {
+        font: "Kumbh Sans",
+        fontSize: "12px",
+        fontWeight: "500",
+        color: "#4A4A4A"
+      }
+    }
+  ),
+  /* @__PURE__ */ e.createElement(
+    h,
+    {
+      className: "text-4-grey",
+      style: { fontSize: "12px", fontWeight: "500" },
+      tickFormatter: (t) => t > 1e6 ? `${t / 1e6}M` : t > 1e3 ? `${t / 1e3}K` : t,
+      label: {
+        value: "AVG FOOTFALL FOR A 3-MONTH PERIOD",
+        angle: -90,
+        position: "insideLeft",
+        dy: -5,
+        style: {
+          textAnchor: "middle",
+          fontSize: "12px",
+          fontWeight: "500"
+        }
+      }
+    }
+  ),
+  /* @__PURE__ */ e.createElement(p, { content: /* @__PURE__ */ e.createElement($, null) }),
+  /* @__PURE__ */ e.createElement(
+    E,
     {
-      ref: n,
-      variant: o,
-      size: a,
-      className: m(
-        "absolute h-10 w-10 disabled:bg-light-3",
-        u === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        r
-      ),
-      disabled: !i,
-      onClick: c,
-      ...s
+      dataKey: "footfall",
+      fill: "#6D48EF",
+      radius: [4, 4, 4, 4],
+      style: { cursor: "pointer" }
+    }
+  )
+))), R = ({
+  data: r
+}) => {
+  if (!r || r.every((n) => n.cannibalisation === null))
+    return null;
+  const t = (n) => {
+    const a = r.length;
+    let l;
+    return a <= 1 ? l = 50 : a <= 6 ? l = 22 - (a - 1) * 4 : l = 6, n.length > l ? `${n.slice(0, l)}...` : n;
+  };
+  return /* @__PURE__ */ e.createElement("div", { className: "w-full h-full bg-light-2 border border-neutral-1 p-3 rounded-lg" }, /* @__PURE__ */ e.createElement(i, { variant: "body4", className: "text-light-2 mb-4" }, "Cannibalisation effects"), /* @__PURE__ */ e.createElement(d, { width: "100%", height: 300 }, /* @__PURE__ */ e.createElement(
+    u,
+    {
+      data: r,
+      margin: {
+        top: 3,
+        right: 3,
+        bottom: 5,
+        left: 3
+      },
+      barSize: 24
     },
-    /* @__PURE__ */ e.createElement(I, { className: "absolute h-4 w-4 stroke-stroke-4" })
-  );
-});
-B.displayName = "CarouselNext";
+    /* @__PURE__ */ e.createElement(f, { strokeDasharray: "10 10" }),
+    /* @__PURE__ */ e.createElement(
+      g,
+      {
+        dataKey: "store_name",
+        tickFormatter: t,
+        tickMargin: 10,
+        tick: (n) => {
+          const { x: a, y: l, payload: o } = n;
+          return /* @__PURE__ */ e.createElement("text", { x: a, y: l, textAnchor: "end", fill: "#666" }, /* @__PURE__ */ e.createElement("tspan", { x: a, style: { fontSize: 12 } }, t(o.value)), /* @__PURE__ */ e.createElement(
+            "tspan",
+            {
+              x: a,
+              dy: "1.5em",
+              style: {
+                fontSize: 10,
+                whiteSpace: "nowrap",
+                paddingTop: "2px"
+              }
+            },
+            r[o.index].distance + " kms"
+          ));
+        }
+      }
+    ),
+    /* @__PURE__ */ e.createElement(
+      h,
+      {
+        className: "text-4-grey",
+        style: { fontSize: "12px", fontWeight: "500" },
+        tickFormatter: (n) => n > 1e6 ? `${n / 1e6}M` : n > 1e3 ? `${n / 1e3}K` : n,
+        label: {
+          value: "CANNIBALISATION IN %",
+          angle: -90,
+          position: "insideLeft",
+          dy: -5,
+          style: {
+            textAnchor: "middle",
+            fontSize: "12px",
+            fontWeight: "500"
+          }
+        },
+        domain: [0, 100]
+      }
+    ),
+    /* @__PURE__ */ e.createElement(p, { content: /* @__PURE__ */ e.createElement(z, null) }),
+    /* @__PURE__ */ e.createElement(
+      E,
+      {
+        dataKey: "cannibalisation",
+        fill: "#F93232",
+        radius: [4, 4, 4, 4],
+        style: { cursor: "pointer" }
+      }
+    )
+  )));
+};
 export {
-  L as Carousel,
-  D as CarouselContent,
-  A as CarouselItem,
-  B as CarouselNext,
-  K as CarouselPrevious
+  R as CannibalisationChartSection,
+  I as FootfallChartSection,
+  O as ReportSnippetGalleryView,
+  D as StoreInsightsSection,
+  K as StoreOverviewSection
 };
 //# sourceMappingURL=index.es102.js.map