geoiq-frontend-ui-kit 2.0.2 → 2.0.4

package/dist/index.es45.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es45.js","sources":["../src/components/organisms/image-editor/use-image-editor.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { createRoot, type Root } from 'react-dom/client'\n\nimport { ImageEditorModal } from './image-editor-modal'\nimport {\n  ImageEditorConfig,\n  ImageEditorEngine,\n  ImageEditorInstance,\n  ImageEditorUiState,\n} from './image-editor.types'\nimport { notifyNativeImageEditorState } from './native-bridge'\nimport PictureStudioEngine from './picture-studio-engine'\n\nexport function useImageEditor(config: ImageEditorConfig): ImageEditorInstance {\n  const configRef = useRef(config)\n  configRef.current = config\n\n  const engineRef = useRef<ImageEditorEngine | null>(null)\n  const [uiState, setUiState] = useState<ImageEditorUiState | null>(null)\n  const [isOpen, setIsOpen] = useState(false)\n\n  if (!engineRef.current && typeof window !== 'undefined') {\n    const initial = configRef.current\n    engineRef.current = PictureStudioEngine.create({\n      ...initial,\n      image: initial.image ?? initial.backgroundImage,\n      onSave: async (result, studio) => {\n        const current = configRef.current\n        if (current.onAssetUpload) {\n          const ext = result.type === 'image/jpeg' ? 'jpg' : 'png'\n          const file = new File([result.blob], `edit.${ext}`, {\n            type: result.type,\n          })\n          const asset = await current.onAssetUpload(file)\n          current.onSave({ ...result, ...asset }, studio)\n          return\n        }\n        current.onSave(result, studio)\n      },\n      onUiChange: setUiState,\n    }) as ImageEditorEngine\n  }\n\n  useEffect(() => {\n    const engine = engineRef.current\n    if (!engine) return\n    const onOpen = () => {\n      setIsOpen(true)\n      notifyNativeImageEditorState(true)\n    }\n    const onClose = () => {\n      setIsOpen(false)\n      notifyNativeImageEditorState(false)\n    }\n    engine.on('open', onOpen)\n    engine.on('close', onClose)\n    return () => {\n      engine.off('open', onOpen)\n      engine.off('close', onClose)\n      notifyNativeImageEditorState(false)\n      engine.destroy()\n    }\n  }, [])\n\n  const stickersKey = (config.stickers ?? []).join(' ')\n  const lastStickersKeyRef = useRef<string | null>(null)\n  useEffect(() => {\n    const engine = engineRef.current\n    if (!engine || lastStickersKeyRef.current === stickersKey) return\n    lastStickersKeyRef.current = stickersKey\n    engine.setStickers(config.stickers ?? [])\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [stickersKey])\n\n  const rootRef = useRef<Root | null>(null)\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  useEffect(() => {\n    return () => {\n      rootRef.current?.unmount()\n      containerRef.current?.remove()\n      rootRef.current = null\n      containerRef.current = null\n    }\n  }, [])\n\n  useEffect(() => {\n    const engine = engineRef.current\n    if (!engine) return\n    if (!containerRef.current) {\n      containerRef.current = document.createElement('div')\n      document.body.appendChild(containerRef.current)\n      rootRef.current = createRoot(containerRef.current)\n    }\n    rootRef.current!.render(\n      <ImageEditorModal\n        engine={engine}\n        ui={uiState}\n        isOpen={isOpen}\n        saveLabel={configRef.current.saveLabel || 'Save'}\n      />\n    )\n  }, [uiState, isOpen])\n\n  return engineRef.current as ImageEditorInstance\n}\n"],"names":["useImageEditor","config","configRef","useRef","engineRef","uiState","setUiState","useState","isOpen","setIsOpen","initial","PictureStudioEngine","result","studio","current","ext","file","asset","useEffect","engine","onOpen","notifyNativeImageEditorState","onClose","stickersKey","lastStickersKeyRef","rootRef","containerRef","createRoot","React","ImageEditorModal"],"mappings":";;;;;AAaO,SAASA,EAAeC,GAAgD;AAC7E,QAAMC,IAAYC,EAAOF,CAAM;AAC/B,EAAAC,EAAU,UAAUD;AAEpB,QAAMG,IAAYD,EAAiC,IAAI,GACjD,CAACE,GAASC,CAAU,IAAIC,EAAoC,IAAI,GAChE,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK;AAE1C,MAAI,CAACH,EAAU,WAAW,OAAO,SAAW,KAAa;AACvD,UAAMM,IAAUR,EAAU;AAC1B,IAAAE,EAAU,UAAUO,EAAoB,OAAO;AAAA,MAC7C,GAAGD;AAAA,MACH,OAAOA,EAAQ,SAASA,EAAQ;AAAA,MAChC,QAAQ,OAAOE,GAAQC,MAAW;AAChC,cAAMC,IAAUZ,EAAU;AAC1B,YAAIY,EAAQ,eAAe;AACzB,gBAAMC,IAAMH,EAAO,SAAS,eAAe,QAAQ,OAC7CI,IAAO,IAAI,KAAK,CAACJ,EAAO,IAAI,GAAG,QAAQG,CAAG,IAAI;AAAA,YAClD,MAAMH,EAAO;AAAA,UAAA,CACd,GACKK,IAAQ,MAAMH,EAAQ,cAAcE,CAAI;AAC9C,UAAAF,EAAQ,OAAO,EAAE,GAAGF,GAAQ,GAAGK,EAAA,GAASJ,CAAM;AAC9C;AAAA,QACF;AACA,QAAAC,EAAQ,OAAOF,GAAQC,CAAM;AAAA,MAC/B;AAAA,MACA,YAAYP;AAAA,IAAA,CACb;AAAA,EACH;AAEA,EAAAY,EAAU,MAAM;AACd,UAAMC,IAASf,EAAU;AACzB,QAAI,CAACe,EAAQ;AACb,UAAMC,IAAS,MAAM;AACnB,MAAAX,EAAU,EAAI,GACdY,EAA6B,EAAI;AAAA,IACnC,GACMC,IAAU,MAAM;AACpB,MAAAb,EAAU,EAAK,GACfY,EAA6B,EAAK;AAAA,IACpC;AACA,WAAAF,EAAO,GAAG,QAAQC,CAAM,GACxBD,EAAO,GAAG,SAASG,CAAO,GACnB,MAAM;AACX,MAAAH,EAAO,IAAI,QAAQC,CAAM,GACzBD,EAAO,IAAI,SAASG,CAAO,GAC3BD,EAA6B,EAAK,GAClCF,EAAO,QAAA;AAAA,IACT;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAMI,KAAetB,EAAO,YAAY,CAAA,GAAI,KAAK,GAAG,GAC9CuB,IAAqBrB,EAAsB,IAAI;AACrD,EAAAe,EAAU,MAAM;AACd,UAAMC,IAASf,EAAU;AACzB,IAAI,CAACe,KAAUK,EAAmB,YAAYD,MAC9CC,EAAmB,UAAUD,GAC7BJ,EAAO,YAAYlB,EAAO,YAAY,CAAA,CAAE;AAAA,EAE1C,GAAG,CAACsB,CAAW,CAAC;AAEhB,QAAME,IAAUtB,EAAoB,IAAI,GAClCuB,IAAevB,EAA8B,IAAI;AACvD,SAAAe,EAAU,MACD,MAAM;AACX,IAAAO,EAAQ,SAAS,QAAA,GACjBC,EAAa,SAAS,OAAA,GACtBD,EAAQ,UAAU,MAClBC,EAAa,UAAU;AAAA,EACzB,GACC,CAAA,CAAE,GAELR,EAAU,MAAM;AACd,UAAMC,IAASf,EAAU;AACzB,IAAKe,MACAO,EAAa,YAChBA,EAAa,UAAU,SAAS,cAAc,KAAK,GACnD,SAAS,KAAK,YAAYA,EAAa,OAAO,GAC9CD,EAAQ,UAAUE,EAAWD,EAAa,OAAO,IAEnDD,EAAQ,QAAS;AAAA,MACfG,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,QAAAV;AAAA,UACA,IAAId;AAAA,UACJ,QAAAG;AAAA,UACA,WAAWN,EAAU,QAAQ,aAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5C;AAAA,EAEJ,GAAG,CAACG,GAASG,CAAM,CAAC,GAEbJ,EAAU;AACnB;"}
+{"version":3,"file":"index.es45.js","sources":["../src/components/organisms/image-editor/use-image-editor.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { createRoot, type Root } from 'react-dom/client'\n\nimport { ImageEditorModal } from './image-editor-modal'\nimport {\n  ImageEditorConfig,\n  ImageEditorEngine,\n  ImageEditorInstance,\n  ImageEditorUiState,\n} from './image-editor.types'\nimport { notifyNativeImageEditorState } from './native-bridge'\nimport PictureStudioEngine from './picture-studio-engine'\n\nexport function useImageEditor(config: ImageEditorConfig): ImageEditorInstance {\n  const configRef = useRef(config)\n  configRef.current = config\n\n  const engineRef = useRef<ImageEditorEngine | null>(null)\n  const [uiState, setUiState] = useState<ImageEditorUiState | null>(null)\n  const [isOpen, setIsOpen] = useState(false)\n\n  if (!engineRef.current && typeof window !== 'undefined') {\n    const initial = configRef.current\n    engineRef.current = PictureStudioEngine.create({\n      ...initial,\n      image: initial.image ?? initial.backgroundImage,\n      onSave: async (result, studio) => {\n        const current = configRef.current\n        if (current.onAssetUpload) {\n          const ext = result.type === 'image/jpeg' ? 'jpg' : 'png'\n          const file = new File([result.blob], `edit.${ext}`, {\n            type: result.type,\n          })\n          const asset = await current.onAssetUpload(file)\n          current.onSave({ ...result, ...asset }, studio)\n          return\n        }\n        current.onSave(result, studio)\n      },\n      onUiChange: setUiState,\n    }) as ImageEditorEngine\n  }\n  useEffect(() => {\n    if (!engineRef.current || !config.savedLayers) return\n    engineRef.current.setSavedLayers(config.savedLayers)\n  }, [config.savedLayers])\n\n  useEffect(() => {\n    const engine = engineRef.current\n    if (!engine) return\n    const onOpen = () => {\n      setIsOpen(true)\n      notifyNativeImageEditorState(true)\n    }\n    const onClose = () => {\n      setIsOpen(false)\n      notifyNativeImageEditorState(false)\n    }\n    engine.on('open', onOpen)\n    engine.on('close', onClose)\n    return () => {\n      engine.off('open', onOpen)\n      engine.off('close', onClose)\n      notifyNativeImageEditorState(false)\n      engine.destroy()\n    }\n  }, [])\n\n  const stickersKey = (config.stickers ?? []).join(' ')\n  const lastStickersKeyRef = useRef<string | null>(null)\n  useEffect(() => {\n    const engine = engineRef.current\n    if (!engine || lastStickersKeyRef.current === stickersKey) return\n    lastStickersKeyRef.current = stickersKey\n    engine.setStickers(config.stickers ?? [])\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [stickersKey])\n\n  const rootRef = useRef<Root | null>(null)\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  useEffect(() => {\n    return () => {\n      rootRef.current?.unmount()\n      containerRef.current?.remove()\n      rootRef.current = null\n      containerRef.current = null\n    }\n  }, [])\n\n  useEffect(() => {\n    const engine = engineRef.current\n    if (!engine) return\n    if (!containerRef.current) {\n      containerRef.current = document.createElement('div')\n      document.body.appendChild(containerRef.current)\n      rootRef.current = createRoot(containerRef.current)\n    }\n    rootRef.current!.render(\n      <ImageEditorModal\n        engine={engine}\n        ui={uiState}\n        isOpen={isOpen}\n        saveLabel={configRef.current.saveLabel || 'Save'}\n      />\n    )\n  }, [uiState, isOpen])\n\n  return engineRef.current as ImageEditorInstance\n}\n"],"names":["useImageEditor","config","configRef","useRef","engineRef","uiState","setUiState","useState","isOpen","setIsOpen","initial","PictureStudioEngine","result","studio","current","ext","file","asset","useEffect","engine","onOpen","notifyNativeImageEditorState","onClose","stickersKey","lastStickersKeyRef","rootRef","containerRef","createRoot","React","ImageEditorModal"],"mappings":"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"}

package/dist/index.es46.js

@@ -4,9 +4,9 @@ import { Typography as d } from "./index.es19.js";
 import { Dropdown as _ } from "./index.es22.js";
 import { cn as f } from "./index.es89.js";
 import e, { useState as S } from "react";
-import { NavbarIconVariants as k } from "./index.es113.js";
+import { NavbarIconVariants as k } from "./index.es116.js";
 import { AvatarDemo as A } from "./index.es6.js";
-import { CreditSheet as I } from "./index.es114.js";
+import { CreditSheet as I } from "./index.es117.js";
 const O = ({ name: t = "", email: a = "" }) => {
   if (!(t || a)) return null;
   const r = "text-ellipsis overflow-hidden";

package/dist/index.es47.js

@@ -3,7 +3,7 @@ import { Dropdown as S } from "./index.es22.js";
 import { cn as p } from "./index.es89.js";
 import e, { useState as b } from "react";
 import { AvatarDemo as x } from "./index.es6.js";
-import { CreditSheet as I } from "./index.es114.js";
+import { CreditSheet as I } from "./index.es117.js";
 import { BrandSwitcher as A } from "./index.es56.js";
 const q = ({ name: l = "", email: t = "" }) => {
   if (!(l || t)) return null;

package/dist/index.es48.js

@@ -3,7 +3,7 @@ import { Dropdown as z } from "./index.es22.js";
 import { cn as l } from "./index.es89.js";
 import e, { useState as I } from "react";
 import { AvatarDemo as T } from "./index.es6.js";
-import { CreditSheet as _ } from "./index.es114.js";
+import { CreditSheet as _ } from "./index.es117.js";
 import { CreditsIndicator as F } from "./index.es55.js";
 import { BrandSwitcher as $ } from "./index.es56.js";
 import { ChevronLeft as L } from "lucide-react";

package/dist/index.es53.js

@@ -4,7 +4,7 @@ import { Badge as f } from "./index.es8.js";
 import { StarScore as B } from "./index.es52.js";
 import { Button as G } from "./index.es9.js";
 import { Skeleton as l } from "./index.es14.js";
-import { StoreInsightsSection as I, StoreOverviewSection as R, FootfallChartSection as P, CannibalisationChartSection as q, ReportSnippetGalleryView as F } from "./index.es98.js";
+import { StoreInsightsSection as I, StoreOverviewSection as R, FootfallChartSection as P, CannibalisationChartSection as q, ReportSnippetGalleryView as F } from "./index.es136.js";
 const Y = ({
   map: E,
   title: y,

package/dist/index.es54.js

@@ -1,6 +1,6 @@
 import * as e from "react";
 import { cn as i } from "./index.es89.js";
-import { AnimatedInputContainerVariants as F, AnimatedInputStyles as w, DynamicComponentStyles as y } from "./index.es104.js";
+import { AnimatedInputContainerVariants as F, AnimatedInputStyles as w, DynamicComponentStyles as y } from "./index.es119.js";
 import { Typography as A } from "./index.es19.js";
 import { XCircle as R } from "lucide-react";
 const b = e.forwardRef(

package/dist/index.es57.js

@@ -9,7 +9,7 @@ import "./index.es60.js";
 import "./index.es90.js";
 import "./index.es29.js";
 import "./index.es35.js";
-import { MAP_LAYER_TYPES as j, MAP_LAYER_CONFIG as g } from "./index.es119.js";
+import { MAP_LAYER_TYPES as j, MAP_LAYER_CONFIG as g } from "./index.es113.js";
 const D = ({
   map: t,
   mapRef: l,

package/dist/index.es59.js

@@ -1,5 +1,5 @@
 import t from "react";
-import { Carousel as m, CarouselContent as n, CarouselItem as r, CarouselPrevious as s, CarouselNext as c } from "./index.es125.js";
+import { Carousel as m, CarouselContent as n, CarouselItem as r, CarouselPrevious as s, CarouselNext as c } from "./index.es105.js";
 const i = (e) => /* @__PURE__ */ t.createElement(
   m,
   {

package/dist/index.es67.js

@@ -1,6 +1,6 @@
 import r from "react";
-import { ClusterHoverCard as t } from "./index.es123.js";
-import { PointHoverCard as a } from "./index.es124.js";
+import { ClusterHoverCard as t } from "./index.es110.js";
+import { PointHoverCard as a } from "./index.es111.js";
 function n(e) {
   return e.variant === "CLUSTER" ? /* @__PURE__ */ r.createElement(t, { ...e }) : /* @__PURE__ */ r.createElement(a, { ...e });
 }

package/dist/index.es68.js

@@ -1,5 +1,5 @@
 import * as t from "react";
-import { InputOTP as u, InputOTPGroup as f, InputOTPSlot as y } from "./index.es132.js";
+import { InputOTP as u, InputOTPGroup as f, InputOTPSlot as y } from "./index.es114.js";
 import { Typography as i } from "./index.es19.js";
 const g = ({
   length: a = 6,

package/dist/index.es71.js

@@ -1,5 +1,5 @@
 import e from "react";
-import { Pagination as u, PaginationContent as N, PaginationItem as o, PaginationPrevious as b, PaginationNext as C, PaginationEllipsis as y } from "./index.es135.js";
+import { Pagination as u, PaginationContent as N, PaginationItem as o, PaginationPrevious as b, PaginationNext as C, PaginationEllipsis as y } from "./index.es115.js";
 import { Button as r } from "./index.es9.js";
 import { Typography as p } from "./index.es19.js";
 const B = ({

package/dist/index.es72.js

@@ -1,11 +1,11 @@
 import e, { useState as s } from "react";
-import { MembersSection as E } from "./index.es105.js";
-import { ServingStatesSection as u } from "./index.es106.js";
-import { TypeSection as N } from "./index.es107.js";
-import { SharedMarketsSection as b } from "./index.es108.js";
-import { PropertiesAddedSection as A } from "./index.es109.js";
-import { NotesSection as C } from "./index.es110.js";
-import { DialogNote as v } from "./index.es111.js";
+import { MembersSection as E } from "./index.es120.js";
+import { ServingStatesSection as u } from "./index.es121.js";
+import { TypeSection as N } from "./index.es122.js";
+import { SharedMarketsSection as b } from "./index.es123.js";
+import { PropertiesAddedSection as A } from "./index.es124.js";
+import { NotesSection as C } from "./index.es125.js";
+import { DialogNote as v } from "./index.es126.js";
 const y = (o) => {
   const [a, t] = s(!1), [n, r] = s(""), m = () => {
     t(!0);

package/dist/index.es73.js

@@ -2,8 +2,8 @@ import * as e from "react";
 import { useRef as f, useCallback as N, useEffect as h } from "react";
 import { Spinner as x } from "./index.es64.js";
 import { SheetPrimary as b } from "./index.es42.js";
-import g from "./index.es171.js";
-import w from "./index.es172.js";
+import g from "./index.es174.js";
+import w from "./index.es175.js";
 const R = ({
   isOpen: i,
   onOpenChange: u,

package/dist/index.es85.js

@@ -1,5 +1,5 @@
 import { cva as t } from "class-variance-authority";
-import { defaultTypographyVariant as e } from "./index.es121.js";
+import { defaultTypographyVariant as e } from "./index.es108.js";
 const a = t("", {
   variants: {
     variant: {

package/dist/index.es97.js

@@ -1,14 +1,19 @@
-import { cva as e } from "class-variance-authority";
-const a = e(
-  "relative flex w-60  touch-none select-none items-center",
-  {
-    variants: {
-      variant: {}
-    },
-    defaultVariants: {}
-  }
-);
+import _ from "react-dom";
+var r, t = _;
+if (process.env.NODE_ENV === "production")
+  r = t.createRoot, t.hydrateRoot;
+else {
+  var e = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  r = function(o, n) {
+    e.usingClientEntryPoint = !0;
+    try {
+      return t.createRoot(o, n);
+    } finally {
+      e.usingClientEntryPoint = !1;
+    }
+  };
+}
 export {
-  a as SliderVariants
+  r as createRoot
 };
 //# sourceMappingURL=index.es97.js.map

package/dist/index.es97.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es97.js","sources":["../src/components/molecules/slider/slider.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const SliderVariants = cva(\n  'relative flex w-60  touch-none select-none items-center',\n  {\n    variants: {\n      variant: {},\n    },\n    defaultVariants: {},\n  }\n)\n"],"names":["SliderVariants","cva"],"mappings":";AAEO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAA;AAAA,IAAC;AAAA,IAEZ,iBAAiB,CAAA;AAAA,EAAC;AAEtB;"}
+{"version":3,"file":"index.es97.js","sources":["../node_modules/react-dom/client.js"],"sourcesContent":["'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n"],"names":["m","require$$0","createRoot","i","c","o"],"mappings":";OAEIA,IAAIC;AACR,IAAI,QAAQ,IAAI,aAAa;AAC3B,EAAAC,IAAqBF,EAAE,YACDA,EAAE;AAAA,KACnB;AACL,MAAIG,IAAIH,EAAE;AACV,EAAAE,IAAqB,SAASE,GAAGC,GAAG;AAClC,IAAAF,EAAE,wBAAwB;AAC1B,QAAI;AACF,aAAOH,EAAE,WAAWI,GAAGC,CAAC;AAAA,IAC9B,UAAK;AACC,MAAAF,EAAE,wBAAwB;AAAA,IAChC;AAAA,EACA;AASA;","x_google_ignoreList":[0]}

package/dist/index.es98.js

@@ -1,277 +1,104 @@
-import e from "react";
-import { FONT_FAMILY as v } from "./index.es137.js";
-import { _Dialog as N } from "./index.es41.js";
-import { X as w, ChevronLeft as S, ChevronRight as C } from "lucide-react";
-import { Typography as i } from "./index.es19.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 k, trendValueStyles as F } from "./index.es138.js";
-const I = ({
-  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
+import { Loader2 as g, Save as v, X as E } from "lucide-react";
+import t, { useRef as n, useState as x, useEffect as s } from "react";
+import { Button as b } from "./index.es9.js";
+import { ImageEditorPortalContext as h } from "./index.es137.js";
+import { Panel as y } from "./index.es138.js";
+import { Ribbon as S } from "./index.es139.js";
+import { Stage as w } from "./index.es140.js";
+import { LineSessionBar as N } from "./index.es141.js";
+import { StatusBar as R } from "./index.es142.js";
+function z({
+  engine: a,
+  ui: r,
+  isOpen: o,
+  saveLabel: u
+}) {
+  const l = n(null), [d, p] = x(null), i = n(null), c = n(null), m = n(!1);
+  return s(() => {
+    if (m.current) return;
+    const e = i.current;
+    !e?.canvas || !e.overlay || !e.textEditor || !e.stage || (a.mount({
+      canvas: e.canvas,
+      overlay: e.overlay,
+      textEditor: e.textEditor,
+      stage: e.stage
+    }), m.current = !0);
+  }, [r != null]), s(() => {
+    if (!o || !l.current) return;
+    l.current.hasAttribute("tabindex") || l.current.setAttribute("tabindex", "-1");
+    const e = setTimeout(
+      () => l.current?.focus({ preventScroll: !0 }),
+      0
     );
-  }, x = (s) => {
-    l(s);
-  }, m = () => {
-    t();
-  };
-  return /* @__PURE__ */ e.createElement(
-    N,
+    return () => clearTimeout(e);
+  }, [o]), s(() => {
+    o && a.refitStage();
+  }, [o, a]), r ? /* @__PURE__ */ t.createElement(
+    "div",
     {
-      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(
-        w,
-        {
-          size: 24,
-          color: "white",
-          className: "absolute z-50 cursor-pointer -right-10 -top-10",
-          onClick: m
-        }
-      ), /* @__PURE__ */ e.createElement("div", { className: "relative" }, /* @__PURE__ */ e.createElement("div", { className: "relative " }, o && /* @__PURE__ */ e.createElement(
-        "img",
-        {
-          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(S, { size: 30, color: "white" })), /* @__PURE__ */ e.createElement("div", { role: "button", tabIndex: 0, onClick: b }, /* @__PURE__ */ e.createElement(C, { 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}`)));
-  }
-  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"
+      ref: (e) => {
+        l.current = e, p(e);
       },
-      `${l}%`
-    ));
-  }
-  return null;
-}, K = ({ 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",
-    {
-      src: t.iconUrl,
-      alt: `${t.type} Icon`,
-      className: "w-4 h-4"
-    }
-  ),
-  /* @__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"))
-))))), R = ({
-  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: k({
-      trend: t.trend?.toString()
-    })
-  },
-  t.trend === 1 && /* @__PURE__ */ e.createElement(
-    "img",
-    {
-      src: "https://frontend-static-files.geoiq.io/strapi/trending_up_9d73d6fac5.svg",
-      alt: "High Trend",
-      className: "w-3 h-3"
-    }
-  ),
-  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,
-    {
-      variant: "body5",
-      className: F({
-        trend: t.trend?.toString()
-      })
-    },
-    `${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" })))))), M = ({ 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",
+      className: "fixed inset-0 z-[2147483000] flex items-center justify-center bg-[rgba(24,22,18,.55)] backdrop-blur-sm",
       style: {
-        font: v,
-        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,
-    {
-      dataKey: "footfall",
-      fill: "#6D48EF",
-      radius: [4, 4, 4, 4],
-      style: { cursor: "pointer" }
-    }
-  )
-))), W = ({
-  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
+        display: o ? "flex" : "none",
+        pointerEvents: "auto"
       },
-      barSize: 24
+      onMouseDown: (e) => {
+        e.target === e.currentTarget && r.closeOnBackdrop && a.close();
+      }
     },
-    /* @__PURE__ */ e.createElement(f, { strokeDasharray: "10 10" }),
-    /* @__PURE__ */ e.createElement(
-      g,
+    /* @__PURE__ */ t.createElement(h.Provider, { value: d }, /* @__PURE__ */ t.createElement("div", { className: "image-editor-modal-panel flex flex-col overflow-hidden bg-light-2 shadow-2xl" }, /* @__PURE__ */ t.createElement("div", { className: "flex items-center gap-3 border-b border-neutral-1 bg-light-3 px-4 py-3" }, /* @__PURE__ */ t.createElement(
+      b,
       {
-        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"
-          ));
-        }
+        variant: "primary",
+        size: "sm",
+        disabled: !r.hasImage || r.isLoadingImage || r.isSaving,
+        onClick: a.save,
+        className: "w-auto",
+        prefixIcon: r.isSaving ? /* @__PURE__ */ t.createElement(g, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ t.createElement(v, { className: "h-4 w-4" })
+      },
+      r.isSaving ? "Saving…" : u
+    ), /* @__PURE__ */ t.createElement(
+      "button",
+      {
+        type: "button",
+        title: "Close",
+        onClick: () => a.close(),
+        className: "ml-auto flex h-[30px] w-[30px] items-center justify-center rounded-lg border border-neutral-1 bg-white text-light-4 hover:bg-light-3 hover:text-light-2"
+      },
+      /* @__PURE__ */ t.createElement(E, { className: "h-4 w-4" })
+    )), /* @__PURE__ */ t.createElement(
+      S,
+      {
+        ui: r,
+        engine: a,
+        onOpenFile: () => c.current?.click()
       }
-    ),
-    /* @__PURE__ */ e.createElement(
-      h,
+    ), /* @__PURE__ */ t.createElement(
+      "input",
       {
-        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]
+        ref: c,
+        type: "file",
+        accept: "image/*",
+        hidden: !0,
+        onChange: (e) => {
+          const f = e.target.files?.[0];
+          f && a.openFile(f), e.target.value = "";
+        }
       }
-    ),
-    /* @__PURE__ */ e.createElement(p, { content: /* @__PURE__ */ e.createElement(z, null) }),
-    /* @__PURE__ */ e.createElement(
-      E,
+    ), /* @__PURE__ */ t.createElement("div", { className: "image-editor-stage-panel-wrap relative flex min-h-0 flex-1" }, /* @__PURE__ */ t.createElement(N, { ui: r, engine: a }), /* @__PURE__ */ t.createElement(
+      w,
       {
-        dataKey: "cannibalisation",
-        fill: "#F93232",
-        radius: [4, 4, 4, 4],
-        style: { cursor: "pointer" }
+        ref: i,
+        ui: r,
+        onChooseImage: () => c.current?.click(),
+        onDropFile: (e) => a.openFile(e)
       }
-    )
-  )));
-};
+    ), /* @__PURE__ */ t.createElement(y, { ui: r, engine: a })), /* @__PURE__ */ t.createElement(R, { ui: r })))
+  ) : null;
+}
 export {
-  W as CannibalisationChartSection,
-  M as FootfallChartSection,
-  I as ReportSnippetGalleryView,
-  K as StoreInsightsSection,
-  R as StoreOverviewSection
+  z as ImageEditorModal
 };
 //# sourceMappingURL=index.es98.js.map