geoiq-frontend-ui-kit 2.0.0 → 2.0.2

package/dist/index.es118.js

@@ -1,71 +1,105 @@
-import e, { useState as N } from "react";
-import { Button as n } from "./index.es7.js";
-import { useFormStructure as k } from "./index.es129.js";
-import { useFormValues as C } from "./index.es130.js";
-const V = ({
-  onGoToNextStep: i,
-  onGoToPreviousStep: o,
-  isSubmitting: f,
-  testMode: s = !1
-}) => {
-  const {
-    goToNextStep: l,
-    goToPreviousStep: S,
-    isFirstStep: r,
-    isLastStep: a,
-    currentStep: g,
-    currentStepIndex: c,
-    totalSteps: m
-  } = k(), { submitForm: v, validateStep: x, values: u } = C(), { isStepValid: p } = x(g), [y, d] = N(!1), b = async () => {
-    if (!i) {
-      l();
-      return;
-    }
-    const F = {
-      currentStepIndex: c,
-      totalSteps: m,
-      isFirstStep: r,
-      isLastStep: a,
-      values: u
+import { VERSION as m } from "./index.es145.js";
+import { CROP_RATIOS as we, FILTERS as Ie, FONTS as Ee, SHAPES as Le, SWATCHES as Re } from "./index.es145.js";
+import { createState as h, getState as f, emit as c, emptySourceCanvas as y, resetAdjValues as x, getSel as C } from "./index.es146.js";
+import { zoomIn as g, zoomOut as T, zoomToFit as z, ZOOM_MIN as F, ZOOM_MAX as O, syncCanvasSize as k, render as S, fitStage as v } from "./index.es147.js";
+import { undo as w, redo as I } from "./index.es148.js";
+import { rotate as E, flip as L, resetToOriginal as R, applyCrop as W, cancelCrop as B, setCropRatio as b } from "./index.es149.js";
+import { setMode as A, selectLayer as M } from "./index.es150.js";
+import { commitTextEdit as p } from "./index.es151.js";
+import { addSticker as _ } from "./index.es152.js";
+import { deleteLayer as j, deleteSelected as H, duplicateSelected as N, bringSelectedToFront as P, sendSelectedToBack as U, setAdjustment as Z, setFilter as D, selectShapeType as V, setShapeFill as $, setShapeWidth as q, setBrushSize as X, setBrushStyle as G, setTextFont as J, setTextSize as K, setTextColor as Q, setShapeColor as Y, setDrawColor as ee, setSelectedColor as te, setSelectedText as oe, setSelectedFont as se, setSelectedTextSize as re, setSelectedBoxWidth as ie, setSelectedShapeFill as ae, setSelectedWidth as ne, layerName as le } from "./index.es153.js";
+import { doSave as de, produce as ce, normalizeSource as n, loadState as u, doLoadImage as l } from "./index.es154.js";
+import { mount as Se } from "./index.es155.js";
+function pe(r) {
+  r = r || {};
+  const o = {}, e = h(r);
+  function i() {
+    typeof r.onUiChange == "function" && r.onUiChange(d());
+  }
+  e.notify = i, o.on = (t, s) => (e.listeners[t] && e.listeners[t].push(s), o), o.off = (t, s) => (e.listeners[t] && (e.listeners[t] = e.listeners[t].filter((a) => a !== s)), o);
+  function d() {
+    const t = C(e);
+    return {
+      hasImage: !!e.sourceCanvas.width,
+      mode: e.mode,
+      canUndo: e.undoStack.length > 0,
+      canRedo: e.redoStack.length > 0,
+      canReset: !!e.originalCanvas,
+      zoomPercent: Math.round(e.zoom * 100),
+      canZoomIn: e.zoom < O - 1e-6,
+      canZoomOut: e.zoom > F + 1e-6,
+      closeOnBackdrop: r.closeOnBackdrop !== !1,
+      canOpenImage: r.allowOpenImage !== !1,
+      isEditingText: !!e.editingLayer,
+      editingSelectAll: e.editingSelectAll,
+      dims: e.sourceCanvas.width ? `${e.sourceCanvas.width} × ${e.sourceCanvas.height} px` : "No image",
+      statusText: e.statusText,
+      isSaving: e.isSaving,
+      isLoadingImage: e.isLoadingImage,
+      adjustments: { ...e.adj },
+      selectedShapeType: e.selectedShapeType,
+      textColor: e.textColor,
+      shapeColor: e.shapeColor,
+      drawColor: e.drawColor,
+      shapeFill: e.shapeFill,
+      shapeWidth: e.shapeWidth,
+      brushSize: e.brushSize,
+      brushStyle: e.brushStyle,
+      textFont: e.textFont,
+      textSize: e.textSize,
+      cropRatio: e.cropRatio,
+      stickers: e.stickers,
+      selected: t ? {
+        id: t.id,
+        type: t.type,
+        color: t.color,
+        text: t.type === "text" ? t.text : void 0,
+        font: t.type === "text" ? t.font : void 0,
+        size: t.type === "text" ? t.size : void 0,
+        boxWidth: t.type === "text" ? t.boxWidth : void 0,
+        fill: t.type === "shape" ? t.fill : void 0,
+        width: t.type === "shape" || t.type === "stroke" ? t.width : void 0
+      } : null,
+      layers: e.layers.map((s) => ({
+        id: s.id,
+        type: s.type,
+        name: le(s)
+      }))
     };
-    try {
-      d(!0);
-      const t = i(F);
-      t && typeof t.then == "function" && await t, l();
-    } catch {
-    } finally {
-      d(!1);
-    }
-  }, h = () => {
-    o && o({
-      currentStepIndex: c,
-      totalSteps: m,
-      isFirstStep: r,
-      isLastStep: a,
-      values: u
-    }), S();
-  };
-  return /* @__PURE__ */ e.createElement("div", { className: "w-full flex h-[5rem] items-center justify-center gap-3 border-t border-neutral-1 bg-light-2 px-3" }, /* @__PURE__ */ e.createElement(n, { variant: "secondary", onClick: h }, r ? "Cancel" : "Back"), a ? /* @__PURE__ */ e.createElement(
-    n,
-    {
-      variant: "primary",
-      onClick: v,
-      disabled: !(p || s),
-      loading: f
-    },
-    "Submit"
-  ) : /* @__PURE__ */ e.createElement(
-    n,
-    {
-      variant: "primary",
-      onClick: b,
-      disabled: !(p || s),
-      loading: y
-    },
-    "Save & Next"
-  ));
-};
+  }
+  return o.getUiState = d, o.refitStage = () => {
+    !e.mounted || !e.sourceCanvas.width || (v(e), S(e));
+  }, o.zoomIn = () => g(e), o.zoomOut = () => T(e), o.zoomToFit = () => z(e), o.setMode = (t) => A(e, t), o.selectLayer = (t) => M(e, t), o.undo = () => w(e), o.redo = () => I(e), o.rotate = (t) => E(e, t), o.flip = (t) => L(e, t), o.resetToOriginal = () => R(e), o.applyCrop = () => W(e), o.cancelCrop = () => B(e), o.setCropRatio = (t) => b(e, t), o.commitTextEdit = () => p(e), o.addSticker = (t) => _(e, t), o.setStickers = (t) => {
+    e.stickers = t || [], i();
+  }, o.deleteLayer = (t) => j(e, t), o.deleteSelected = () => H(e), o.duplicateSelected = () => N(e), o.bringSelectedToFront = () => P(e), o.sendSelectedToBack = () => U(e), o.setAdjustment = (t, s) => Z(e, t, s), o.setFilter = (t) => D(e, t), o.selectShapeType = (t) => V(e, t), o.setShapeFill = (t) => $(e, t), o.setShapeWidth = (t) => q(e, t), o.setBrushSize = (t) => X(e, t), o.setBrushStyle = (t) => G(e, t), o.setTextFont = (t) => J(e, t), o.setTextSize = (t) => K(e, t), o.setTextColor = (t) => Q(e, t), o.setShapeColor = (t) => Y(e, t), o.setDrawColor = (t) => ee(e, t), o.setSelectedColor = (t) => te(e, t), o.setSelectedText = (t) => oe(e, t), o.setSelectedFont = (t) => se(e, t), o.setSelectedTextSize = (t) => re(e, t), o.setSelectedBoxWidth = (t) => ie(e, t), o.setSelectedShapeFill = (t) => ae(e, t), o.setSelectedWidth = (t) => ne(e, t), o.save = () => de(e, o), o.export = (t) => (t = t || {}, e.sourceCanvas.width ? ce(e, t.type, t.quality) : Promise.resolve(null)), o.getState = () => f(e), o.mount = (t) => Se(e, o, t), o.openFile = (t) => n(
+    e,
+    t,
+    (s) => l(e, s)
+  ), o.open = (t) => {
+    if (t = t || {}, e.isOpenFlag)
+      return i(), o;
+    e.isOpenFlag = !0;
+    const s = () => {
+      e.mounted && e.sourceCanvas.width && (k(e), S(e)), i(), c(e, "open", {});
+    };
+    return t.state ? (u(e, t.state), setTimeout(s, 0)) : t.image ? n(e, t.image, (a) => {
+      l(e, a), setTimeout(s, 0);
+    }) : setTimeout(s, 0), o;
+  }, o.close = () => (e.isOpenFlag = !1, p(e), i(), c(e, "close", {}), o), o.loadImage = (t) => (n(
+    e,
+    t,
+    (s) => l(e, s)
+  ), o), o.loadState = (t) => (u(e, t), o), o.reset = () => (e.sourceCanvas = y(), e.originalCanvas = null, e.layers = [], e.selectedId = null, e.undoStack = [], e.redoStack = [], e.zoom = 1, x(e), e.statusText = "Ready", i(), o), o.isOpen = () => e.isOpenFlag, o.destroy = () => {
+    o._keyHandler && document.removeEventListener("keydown", o._keyHandler), o._resizeHandler && window.removeEventListener("resize", o._resizeHandler), Object.keys(e.listeners).forEach((t) => e.listeners[t] = []);
+  }, r.autoOpen && o.open({ image: r.image, state: r.state }), o;
+}
+const Oe = { version: m, create: pe };
 export {
-  V as FormNavigation
+  we as CROP_RATIOS,
+  Ie as FILTERS,
+  Ee as FONTS,
+  Le as SHAPES,
+  Re as SWATCHES,
+  Oe as default
 };
 //# sourceMappingURL=index.es118.js.map

package/dist/index.es118.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es118.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.es118.js","sources":["../src/components/organisms/image-editor/picture-studio-engine.js"],"sourcesContent":["import {\n  FILTERS,\n  SWATCHES,\n  SHAPES,\n  FONTS,\n  CROP_RATIOS,\n  VERSION,\n} from './engine/constants.js'\nimport {\n  createState,\n  emit,\n  emptySourceCanvas,\n  getSel,\n  getState as readState,\n  resetAdjValues,\n} from './engine/state.js'\nimport {\n  fitStage,\n  render,\n  syncCanvasSize,\n  zoomIn,\n  zoomOut,\n  zoomToFit,\n  ZOOM_MIN,\n  ZOOM_MAX,\n} from './engine/rendering.js'\nimport * as history from './engine/history.js'\nimport * as geometry from './engine/geometry.js'\nimport * as mode from './engine/mode.js'\nimport * as textEditor from './engine/text-editor.js'\nimport * as stickers from './engine/stickers.js'\nimport * as layerActions from './engine/layer-actions.js'\nimport * as saveExport from './engine/save-export.js'\nimport { mount as mountEngine } from './engine/mount.js'\n\nexport { FILTERS, SWATCHES, SHAPES, FONTS, CROP_RATIOS }\n\nfunction createEngine(config) {\n  config = config || {}\n  const self = {}\n  const state = createState(config)\n\n  function notify() {\n    if (typeof config.onUiChange === 'function') config.onUiChange(getUiState())\n  }\n  state.notify = notify\n\n  self.on = (ev, fn) => {\n    if (state.listeners[ev]) state.listeners[ev].push(fn)\n    return self\n  }\n  self.off = (ev, fn) => {\n    if (state.listeners[ev])\n      state.listeners[ev] = state.listeners[ev].filter((f) => f !== fn)\n    return self\n  }\n\n  function getUiState() {\n    const sel = getSel(state)\n    return {\n      hasImage: !!state.sourceCanvas.width,\n      mode: state.mode,\n      canUndo: state.undoStack.length > 0,\n      canRedo: state.redoStack.length > 0,\n      canReset: !!state.originalCanvas,\n      zoomPercent: Math.round(state.zoom * 100),\n      canZoomIn: state.zoom < ZOOM_MAX - 1e-6,\n      canZoomOut: state.zoom > ZOOM_MIN + 1e-6,\n      closeOnBackdrop: config.closeOnBackdrop !== false,\n      canOpenImage: config.allowOpenImage !== false,\n      isEditingText: !!state.editingLayer,\n      editingSelectAll: state.editingSelectAll,\n      dims: state.sourceCanvas.width\n        ? `${state.sourceCanvas.width} × ${state.sourceCanvas.height} px`\n        : 'No image',\n      statusText: state.statusText,\n      isSaving: state.isSaving,\n      isLoadingImage: state.isLoadingImage,\n      adjustments: { ...state.adj },\n      selectedShapeType: state.selectedShapeType,\n      textColor: state.textColor,\n      shapeColor: state.shapeColor,\n      drawColor: state.drawColor,\n      shapeFill: state.shapeFill,\n      shapeWidth: state.shapeWidth,\n      brushSize: state.brushSize,\n      brushStyle: state.brushStyle,\n      textFont: state.textFont,\n      textSize: state.textSize,\n      cropRatio: state.cropRatio,\n      stickers: state.stickers,\n      selected: sel\n        ? {\n            id: sel.id,\n            type: sel.type,\n            color: sel.color,\n            text: sel.type === 'text' ? sel.text : undefined,\n            font: sel.type === 'text' ? sel.font : undefined,\n            size: sel.type === 'text' ? sel.size : undefined,\n            boxWidth: sel.type === 'text' ? sel.boxWidth : undefined,\n            fill: sel.type === 'shape' ? sel.fill : undefined,\n            width:\n              sel.type === 'shape' || sel.type === 'stroke'\n                ? sel.width\n                : undefined,\n          }\n        : null,\n      layers: state.layers.map((l) => ({\n        id: l.id,\n        type: l.type,\n        name: layerActions.layerName(l),\n      })),\n    }\n  }\n  self.getUiState = getUiState\n\n  self.refitStage = () => {\n    if (!state.mounted || !state.sourceCanvas.width) return\n    fitStage(state)\n    render(state)\n  }\n  self.zoomIn = () => zoomIn(state)\n  self.zoomOut = () => zoomOut(state)\n  self.zoomToFit = () => zoomToFit(state)\n  self.setMode = (m) => mode.setMode(state, m)\n  self.selectLayer = (id) => mode.selectLayer(state, id)\n  self.undo = () => history.undo(state)\n  self.redo = () => history.redo(state)\n  self.rotate = (deg) => geometry.rotate(state, deg)\n  self.flip = (hz) => geometry.flip(state, hz)\n  self.resetToOriginal = () => geometry.resetToOriginal(state)\n  self.applyCrop = () => geometry.applyCrop(state)\n  self.cancelCrop = () => geometry.cancelCrop(state)\n  self.setCropRatio = (v) => geometry.setCropRatio(state, v)\n  self.commitTextEdit = () => textEditor.commitTextEdit(state)\n  self.addSticker = (src) => stickers.addSticker(state, src)\n  self.setStickers = (list) => {\n    state.stickers = list || []\n    notify()\n  }\n  self.deleteLayer = (id) => layerActions.deleteLayer(state, id)\n  self.deleteSelected = () => layerActions.deleteSelected(state)\n  self.duplicateSelected = () => layerActions.duplicateSelected(state)\n  self.bringSelectedToFront = () => layerActions.bringSelectedToFront(state)\n  self.sendSelectedToBack = () => layerActions.sendSelectedToBack(state)\n  self.setAdjustment = (key, value) =>\n    layerActions.setAdjustment(state, key, value)\n  self.setFilter = (id) => layerActions.setFilter(state, id)\n  self.selectShapeType = (id) => layerActions.selectShapeType(state, id)\n  self.setShapeFill = (v) => layerActions.setShapeFill(state, v)\n  self.setShapeWidth = (v) => layerActions.setShapeWidth(state, v)\n  self.setBrushSize = (v) => layerActions.setBrushSize(state, v)\n  self.setBrushStyle = (v) => layerActions.setBrushStyle(state, v)\n  self.setTextFont = (v) => layerActions.setTextFont(state, v)\n  self.setTextSize = (v) => layerActions.setTextSize(state, v)\n  self.setTextColor = (v) => layerActions.setTextColor(state, v)\n  self.setShapeColor = (v) => layerActions.setShapeColor(state, v)\n  self.setDrawColor = (v) => layerActions.setDrawColor(state, v)\n  self.setSelectedColor = (v) => layerActions.setSelectedColor(state, v)\n  self.setSelectedText = (v) => layerActions.setSelectedText(state, v)\n  self.setSelectedFont = (v) => layerActions.setSelectedFont(state, v)\n  self.setSelectedTextSize = (v) => layerActions.setSelectedTextSize(state, v)\n  self.setSelectedBoxWidth = (v) => layerActions.setSelectedBoxWidth(state, v)\n  self.setSelectedShapeFill = (v) => layerActions.setSelectedShapeFill(state, v)\n  self.setSelectedWidth = (v) => layerActions.setSelectedWidth(state, v)\n  self.save = () => saveExport.doSave(state, self)\n  self.export = (opts) => {\n    opts = opts || {}\n    if (!state.sourceCanvas.width) return Promise.resolve(null)\n    return saveExport.produce(state, opts.type, opts.quality)\n  }\n  self.getState = () => readState(state)\n  self.mount = (refs) => mountEngine(state, self, refs)\n  self.openFile = (file) =>\n    saveExport.normalizeSource(state, file, (d) =>\n      saveExport.doLoadImage(state, d)\n    )\n\n  self.open = (opts) => {\n    opts = opts || {}\n    if (state.isOpenFlag) {\n      notify()\n      return self\n    }\n    state.isOpenFlag = true\n    const finish = () => {\n      if (state.mounted && state.sourceCanvas.width) {\n        syncCanvasSize(state)\n        render(state)\n      }\n      notify()\n      emit(state, 'open', {})\n    }\n    if (opts.state) {\n      saveExport.loadState(state, opts.state)\n      setTimeout(finish, 0)\n    } else if (opts.image) {\n      saveExport.normalizeSource(state, opts.image, (d) => {\n        saveExport.doLoadImage(state, d)\n        setTimeout(finish, 0)\n      })\n    } else {\n      setTimeout(finish, 0)\n    }\n    return self\n  }\n  self.close = () => {\n    state.isOpenFlag = false\n    textEditor.commitTextEdit(state)\n    notify()\n    emit(state, 'close', {})\n    return self\n  }\n  self.loadImage = (src) => {\n    saveExport.normalizeSource(state, src, (d) =>\n      saveExport.doLoadImage(state, d)\n    )\n    return self\n  }\n  self.loadState = (s) => {\n    saveExport.loadState(state, s)\n    return self\n  }\n  self.reset = () => {\n    state.sourceCanvas = emptySourceCanvas()\n    state.originalCanvas = null\n    state.layers = []\n    state.selectedId = null\n    state.undoStack = []\n    state.redoStack = []\n    state.zoom = 1\n    resetAdjValues(state)\n    state.statusText = 'Ready'\n    notify()\n    return self\n  }\n  self.isOpen = () => state.isOpenFlag\n  self.destroy = () => {\n    if (self._keyHandler)\n      document.removeEventListener('keydown', self._keyHandler)\n    if (self._resizeHandler)\n      window.removeEventListener('resize', self._resizeHandler)\n    Object.keys(state.listeners).forEach((k) => (state.listeners[k] = []))\n  }\n\n  if (config.autoOpen) self.open({ image: config.image, state: config.state })\n\n  return self\n}\n\nconst PictureStudioEngine = { version: VERSION, create: createEngine }\nexport default PictureStudioEngine\n"],"names":["createEngine","config","self","state","createState","notify","getUiState","ev","fn","f","sel","getSel","ZOOM_MAX","ZOOM_MIN","l","layerActions.layerName","fitStage","render","zoomIn","zoomOut","zoomToFit","m","mode.setMode","id","mode.selectLayer","history.undo","history.redo","deg","geometry.rotate","hz","geometry.flip","geometry.resetToOriginal","geometry.applyCrop","geometry.cancelCrop","v","geometry.setCropRatio","textEditor.commitTextEdit","src","stickers.addSticker","list","layerActions.deleteLayer","layerActions.deleteSelected","layerActions.duplicateSelected","layerActions.bringSelectedToFront","layerActions.sendSelectedToBack","key","value","layerActions.setAdjustment","layerActions.setFilter","layerActions.selectShapeType","layerActions.setShapeFill","layerActions.setShapeWidth","layerActions.setBrushSize","layerActions.setBrushStyle","layerActions.setTextFont","layerActions.setTextSize","layerActions.setTextColor","layerActions.setShapeColor","layerActions.setDrawColor","layerActions.setSelectedColor","layerActions.setSelectedText","layerActions.setSelectedFont","layerActions.setSelectedTextSize","layerActions.setSelectedBoxWidth","layerActions.setSelectedShapeFill","layerActions.setSelectedWidth","saveExport.doSave","opts","saveExport.produce","readState","refs","mountEngine","file","saveExport.normalizeSource","d","saveExport.doLoadImage","finish","syncCanvasSize","emit","saveExport.loadState","s","emptySourceCanvas","resetAdjValues","k","PictureStudioEngine","VERSION"],"mappings":"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"}

package/dist/index.es119.js

@@ -1,188 +1,26 @@
-import e from "react";
-import { Typography as s } from "./index.es17.js";
-import { Checkbox as N } from "@radix-ui/react-checkbox";
-import { AccordionDemo as I } from "./index.es2.js";
-import { Badge as b } from "./index.es6.js";
-import { FormFieldType as c } from "./index.es131.js";
-const T = ({
-  structure: u,
-  values: o
-}) => {
-  const E = (a, n) => {
-    if (a.type === c.REPEATABLE_GROUP_FIELD) {
-      const t = `${a.id}||`, r = /* @__PURE__ */ new Set();
-      Object.keys(o).forEach((i) => {
-        if (i.startsWith(t)) {
-          const m = i.match(new RegExp(`^${a.id}\\|\\|(\\d+)\\|\\|`));
-          m && m[1] && r.add(parseInt(m[1]));
-        }
-      });
-      const l = Array.from(r).sort((i, m) => i - m);
-      return l.length === 0 ? [] : l.flatMap((i) => a.options.map((m) => {
-        const d = `${a.id}||${i}||${m.id}`, _ = o[d], p = {
-          ...m,
-          id: d
-        };
-        return /* @__PURE__ */ e.createElement(e.Fragment, { key: d }, g(p), E(p, _));
-      }));
-    }
-    if (n == null || n === "")
-      return /* @__PURE__ */ e.createElement(s, { variant: "body2", className: "text-light-4" }, "Not answered");
-    switch (a.type) {
-      case c.SHORT_TEXT:
-      case c.LONG_TEXT:
-      case c.EMAIL:
-      case c.NUMBER:
-      case c.MOBILE_NUMBER:
-      case c.SINGLE_VIDEO_PICKER_WITH_INPUT:
-        return /* @__PURE__ */ e.createElement(s, { variant: "body2", className: "text-light-1" }, n);
-      case c.DATE_PICKER:
-        return /* @__PURE__ */ e.createElement(s, { variant: "body2", className: "text-light-1" }, new Date(n * 1e3).toLocaleDateString());
-      case c.SINGLE_COMBOBOX:
-      case c.RADIO_GROUP:
-        return /* @__PURE__ */ e.createElement(s, { variant: "body2", className: "text-light-1" }, n);
-      case c.CHECKBOX_GROUP: {
-        const t = o[a.id];
-        return /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-2" }, a.options.map((r) => /* @__PURE__ */ e.createElement("div", { key: r, className: "flex items-center space-x-2" }, /* @__PURE__ */ e.createElement(
-          N,
-          {
-            disabled: !0,
-            id: r,
-            checked: t?.split(",").includes(r)
-          }
-        ), /* @__PURE__ */ e.createElement(s, { variant: "body1", className: "text-light-4" }, r))));
-      }
-      case c.MULTI_COMBOBOX:
-        return /* @__PURE__ */ e.createElement(s, { variant: "body2", className: "text-light-1" }, typeof n == "string" ? n.split(",").join(", ") : null);
-      case c.RADIO_GROUP_WITH_OPTIONAL_INPUT: {
-        const t = n;
-        return /* @__PURE__ */ e.createElement(s, { variant: "body2", className: "text-light-1" }, t.radio_value, t.input_value && t.radio_value === a.inputTriggerOptionValue && `: ${t.input_value}`);
-      }
-      case c.SINGLE_IMAGE_PICKER: {
-        const t = n;
-        return /* @__PURE__ */ e.createElement("div", { className: "mt-1" }, /* @__PURE__ */ e.createElement(
-          "a",
-          {
-            href: t.public_url,
-            target: "_blank",
-            rel: "noopener noreferrer"
-          },
-          /* @__PURE__ */ e.createElement(
-            "img",
-            {
-              src: t.public_url,
-              alt: a.name,
-              className: "object-cover w-full h-32 rounded-md hover:opacity-90"
-            }
-          )
-        ));
-      }
-      case c.SINGLE_VIDEO_PICKER: {
-        const t = n;
-        return /* @__PURE__ */ e.createElement("div", { className: "mt-1" }, /* @__PURE__ */ e.createElement(
-          "video",
-          {
-            src: t.public_url,
-            controls: !0,
-            className: "w-full h-32 rounded-md"
-          },
-          /* @__PURE__ */ e.createElement(
-            "track",
-            {
-              kind: "captions",
-              label: "English captions",
-              srcLang: "en",
-              src: "",
-              default: !0
-            }
-          )
-        ));
-      }
-      case c.MULTI_IMAGE_PICKER: {
-        const t = n;
-        return /* @__PURE__ */ e.createElement("div", { className: "grid grid-cols-1 gap-2 mt-1 sm:grid-cols-3 md:grid-cols-4" }, t.map((r, l) => /* @__PURE__ */ e.createElement(
-          "a",
-          {
-            key: l,
-            href: r.public_url,
-            target: "_blank",
-            rel: "noopener noreferrer"
-          },
-          /* @__PURE__ */ e.createElement(
-            "img",
-            {
-              src: r.public_url,
-              alt: a.name,
-              className: "object-cover w-full h-32 rounded-md hover:opacity-90"
-            }
-          )
-        )));
-      }
-      case c.MULTI_VIDEO_PICKER: {
-        const t = n;
-        return /* @__PURE__ */ e.createElement("div", { className: "grid grid-cols-1 gap-4 mt-1 sm:grid-cols-2" }, t.map((r, l) => /* @__PURE__ */ e.createElement("div", { key: l, className: "flex flex-col" }, /* @__PURE__ */ e.createElement(
-          "video",
-          {
-            src: r.public_url,
-            controls: !0,
-            className: "h-32 rounded-md"
-          },
-          /* @__PURE__ */ e.createElement(
-            "track",
-            {
-              kind: "captions",
-              label: "English captions",
-              srcLang: "en",
-              src: "",
-              default: !0
-            }
-          )
-        ))));
-      }
-      case c.TAGGABLE_MULTI_IMAGE_PICKER:
-      case c.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT: {
-        const t = n;
-        return /* @__PURE__ */ e.createElement("div", { className: "grid grid-cols-1 gap-2 mt-1 sm:grid-cols-3 md:grid-cols-4" }, t.map((r, l) => /* @__PURE__ */ e.createElement("div", { key: l, className: "relative" }, /* @__PURE__ */ e.createElement(
-          "a",
-          {
-            key: l,
-            href: r.public_url,
-            target: "_blank",
-            rel: "noopener noreferrer"
-          },
-          /* @__PURE__ */ e.createElement(
-            "img",
-            {
-              src: r.public_url,
-              alt: a.name,
-              className: "object-cover w-full h-32 rounded-md hover:opacity-90"
-            }
-          )
-        ), /* @__PURE__ */ e.createElement(
-          b,
-          {
-            className: "absolute bottom-2 right-2  ",
-            variant: "select"
-          },
-          r.tag && r.tag.length > 8 ? `${r.tag.substring(0, 8)}...` : r.tag
-        ))));
-      }
-      default:
-        return /* @__PURE__ */ e.createElement(s, { variant: "body2", className: "text-light-4" }, "Unsupported field type");
-    }
-  }, g = (a) => /* @__PURE__ */ e.createElement(s, { variant: "body1", className: "mb-1 text-light-3" }, a.name, a.required && /* @__PURE__ */ e.createElement("span", { className: "text-danger-1" }, "*"));
-  return /* @__PURE__ */ e.createElement("div", { className: "" }, u.steps.map((a) => /* @__PURE__ */ e.createElement(
-    I,
-    {
-      key: a.id,
-      trigger: /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ e.createElement(s, { variant: "h3", className: "text-light-2" }, a.name)),
-      triggerProps: { className: "mt-4 " },
-      contentProps: { className: "mt-4 p-2 bg-light-2 rounded" },
-      content: a.sections.map((n) => /* @__PURE__ */ e.createElement("div", { key: n.id, className: "mb-4" }, /* @__PURE__ */ e.createElement(s, { variant: "h3", className: "mb-2 text-light-2" }, n.name), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-3" }, n.fields.map((t) => /* @__PURE__ */ e.createElement("div", { key: t.id, className: "last:border-b-0" }, g(t), E(t, o[t.id]))))))
-    }
-  )));
-};
+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
+  }
+];
 export {
-  T as FormReadOnlyView
+  t as MAP_LAYER_CONFIG,
+  e as MAP_LAYER_TYPES
 };
 //# sourceMappingURL=index.es119.js.map

package/dist/index.es119.js.map

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

package/dist/index.es12.js

@@ -1,19 +1,31 @@
-import { cn as i } from "./index.es81.js";
-import m from "react";
-function a({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ m.createElement(
-    "div",
+import * as r from "react";
+import * as a from "@radix-ui/react-progress";
+import { cn as i } from "./index.es89.js";
+import { ProgressVariants as n } from "./index.es133.js";
+const l = r.forwardRef(({ className: t, value: o, ...e }, m) => {
+  const s = (o || 0) / (e.max || 100) * 100;
+  return /* @__PURE__ */ r.createElement(
+    a.Root,
     {
-      className: i("animate-pulse rounded-md bg-light-4", t),
-      id: e.id,
-      ...e
-    }
+      ref: m,
+      className: i(n({ className: t })),
+      max: e.max || 100,
+      ...e,
+      id: e.id
+    },
+    /* @__PURE__ */ r.createElement(
+      a.Indicator,
+      {
+        className: "flex-1 h-full transition-all rounded bg-hover-p1 ",
+        style: {
+          transform: `translateX(-${100 - s}%)`
+        }
+      }
+    )
   );
-}
+});
+l.displayName = a.Root.displayName;
 export {
-  a as Skeleton
+  l as Progress
 };
 //# sourceMappingURL=index.es12.js.map

package/dist/index.es12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es12.js","sources":["../src/components/atoms/skeleton/skeleton.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport React from 'react'\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn('animate-pulse rounded-md bg-light-4', className)}\n      id={props.id}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"],"names":["Skeleton","className","props","React","cn"],"mappings":";;AAGA,SAASA,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,GAAGC;AACL,GAAyC;AACvC,SACEC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,uCAAuCH,CAAS;AAAA,MAC9D,IAAIC,EAAM;AAAA,MACT,GAAGA;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index.es12.js","sources":["../src/components/atoms/progress/progress.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as ProgressPrimitive from '@radix-ui/react-progress'\n\nimport { cn } from '@/lib/utils'\nimport { ProgressVariants } from './progress.styles'\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>\n>(({ className, value, ...props }, ref) => {\n  const completionPercentage = ((value || 0) / (props.max || 100)) * 100\n  return (\n    <ProgressPrimitive.Root\n      ref={ref}\n      className={cn(ProgressVariants({ className }))}\n      max={props.max || 100}\n      {...props}\n      id={props.id}\n    >\n      <ProgressPrimitive.Indicator\n        className=\"flex-1 h-full transition-all rounded bg-hover-p1 \"\n        style={{\n          transform: `translateX(-${100 - completionPercentage}%)`,\n        }}\n      />\n    </ProgressPrimitive.Root>\n  )\n})\n\nProgress.displayName = ProgressPrimitive.Root.displayName\n\nexport { Progress }\n"],"names":["Progress","React","className","value","props","ref","completionPercentage","ProgressPrimitive","cn","ProgressVariants"],"mappings":";;;;AAMA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAASC,MAAQ;AACzC,QAAMC,KAAyBH,KAAS,MAAMC,EAAM,OAAO,OAAQ;AACnE,SACE,gBAAAH,EAAA;AAAA,IAACM,EAAkB;AAAA,IAAlB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAGC,EAAiB,EAAE,WAAAP,EAAA,CAAW,CAAC;AAAA,MAC7C,KAAKE,EAAM,OAAO;AAAA,MACjB,GAAGA;AAAA,MACJ,IAAIA,EAAM;AAAA,IAAA;AAAA,IAEV,gBAAAH,EAAA;AAAA,MAACM,EAAkB;AAAA,MAAlB;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,WAAW,eAAe,MAAMD,CAAoB;AAAA,QAAA;AAAA,MACtD;AAAA,IAAA;AAAA,EACF;AAGN,CAAC;AAEDN,EAAS,cAAcO,EAAkB,KAAK;"}

package/dist/index.es120.js

@@ -1,26 +1,28 @@
-import l, { useState as a } from "react";
-import { FormStructureContext as c } from "./index.es129.js";
-const f = ({ children: n, structure: e }) => {
-  const [t, o] = a(0), r = () => {
-    t < e.steps.length - 1 && o(t + 1);
-  }, p = () => {
-    t > 0 && o(t - 1);
-  }, S = (s) => {
-    s >= 0 && s < e.steps.length && o(s);
-  }, i = {
-    structure: e,
-    currentStepIndex: t,
-    currentStep: e.steps[t],
-    goToNextStep: r,
-    goToPreviousStep: p,
-    goToStep: S,
-    isFirstStep: t === 0,
-    isLastStep: t === e.steps.length - 1,
-    totalSteps: e.steps.length
-  };
-  return /* @__PURE__ */ l.createElement(c.Provider, { value: i }, n);
-};
+import { cva as t } from "class-variance-authority";
+const e = t("w-full", {
+  variants: {
+    isOpen: {
+      true: "ring-4 ring-primary-1 border-primary-2 text-light-1"
+    },
+    isValue: {
+      true: "text-light-1",
+      false: "text-light-4"
+    }
+  },
+  compoundVariants: [
+    // {
+    //   isOpen: true,
+    //   isValue: true,
+    //   className: 'border-primary-2',
+    // },
+    {
+      isOpen: !1,
+      isValue: !0,
+      className: "border-neutral-2"
+    }
+  ]
+});
 export {
-  f as FormStructureProvider
+  e as ComboBoxStates
 };
 //# sourceMappingURL=index.es120.js.map

package/dist/index.es120.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es120.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.es120.js","sources":["../src/components/molecules/single-combobox/single-combobox.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const ComboBoxStates = cva('w-full', {\n  variants: {\n    isOpen: {\n      true: 'ring-4 ring-primary-1 border-primary-2 text-light-1',\n    },\n    isValue: {\n      true: 'text-light-1',\n      false: 'text-light-4',\n    },\n  },\n  compoundVariants: [\n    // {\n    //   isOpen: true,\n    //   isValue: true,\n    //   className: 'border-primary-2',\n    // },\n    {\n      isOpen: false,\n      isValue: true,\n      className: 'border-neutral-2',\n    },\n  ],\n})\n"],"names":["ComboBoxStates","cva"],"mappings":";AAEO,MAAMA,IAAiBC,EAAI,UAAU;AAAA,EAC1C,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,IAER,SAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMhB;AAAA,MACE,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,CAAC;"}