@webiny/app-website-builder 6.3.0 → 6.4.0-beta.0

package/BaseEditor/defaultConfig/Content/Preview/useIframeUrl.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useTenantContext","useSelectFromDocument","usePreviewDomain","useIframeUrl","tenant","previewDomain","id","document","documentType","metadata","path","properties","newUrl","URL","addSearchParamsFromDocument","toString","url","searchParams","set","pathname","window","location","origin"],"sources":["useIframeUrl.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useTenantContext } from \"@webiny/app-admin\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { usePreviewDomain } from \"../usePreviewDomain.js\";\n\nexport const useIframeUrl = () => {\n    const { tenant } = useTenantContext();\n    const { previewDomain } = usePreviewDomain();\n\n    const id = useSelectFromDocument(document => document.id);\n    const documentType = useSelectFromDocument(document => document.metadata.documentType);\n    const path = useSelectFromDocument(document => document.properties.path);\n\n    return useMemo(() => {\n        if (!previewDomain) {\n            return null;\n        }\n        const newUrl = new URL(`${previewDomain}${path}`);\n        addSearchParamsFromDocument(tenant!, newUrl, id, documentType);\n        return newUrl.toString();\n    }, [previewDomain, id, path, documentType]);\n};\n\nfunction addSearchParamsFromDocument(tenant: string, url: URL, id: string, documentType: string) {\n    const searchParams = url.searchParams;\n    searchParams.set(\"wb.editing\", \"true\");\n    searchParams.set(\"wb.type\", documentType);\n    searchParams.set(\"wb.id\", id);\n    searchParams.set(\"wb.path\", url.pathname);\n    searchParams.set(\"wb.referrer\", window.location.origin);\n    searchParams.set(\"wb.tenant\", tenant);\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,qBAAqB;AAC9B,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAO,CAAC,GAAGJ,gBAAgB,CAAC,CAAC;EACrC,MAAM;IAAEK;EAAc,CAAC,GAAGH,gBAAgB,CAAC,CAAC;EAE5C,MAAMI,EAAE,GAAGL,qBAAqB,CAACM,QAAQ,IAAIA,QAAQ,CAACD,EAAE,CAAC;EACzD,MAAME,YAAY,GAAGP,qBAAqB,CAACM,QAAQ,IAAIA,QAAQ,CAACE,QAAQ,CAACD,YAAY,CAAC;EACtF,MAAME,IAAI,GAAGT,qBAAqB,CAACM,QAAQ,IAAIA,QAAQ,CAACI,UAAU,CAACD,IAAI,CAAC;EAExE,OAAOX,OAAO,CAAC,MAAM;IACjB,IAAI,CAACM,aAAa,EAAE;MAChB,OAAO,IAAI;IACf;IACA,MAAMO,MAAM,GAAG,IAAIC,GAAG,CAAC,GAAGR,aAAa,GAAGK,IAAI,EAAE,CAAC;IACjDI,2BAA2B,CAACV,MAAM,EAAGQ,MAAM,EAAEN,EAAE,EAAEE,YAAY,CAAC;IAC9D,OAAOI,MAAM,CAACG,QAAQ,CAAC,CAAC;EAC5B,CAAC,EAAE,CAACV,aAAa,EAAEC,EAAE,EAAEI,IAAI,EAAEF,YAAY,CAAC,CAAC;AAC/C,CAAC;AAED,SAASM,2BAA2BA,CAACV,MAAc,EAAEY,GAAQ,EAAEV,EAAU,EAAEE,YAAoB,EAAE;EAC7F,MAAMS,YAAY,GAAGD,GAAG,CAACC,YAAY;EACrCA,YAAY,CAACC,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC;EACtCD,YAAY,CAACC,GAAG,CAAC,SAAS,EAAEV,YAAY,CAAC;EACzCS,YAAY,CAACC,GAAG,CAAC,OAAO,EAAEZ,EAAE,CAAC;EAC7BW,YAAY,CAACC,GAAG,CAAC,SAAS,EAAEF,GAAG,CAACG,QAAQ,CAAC;EACzCF,YAAY,CAACC,GAAG,CAAC,aAAa,EAAEE,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC;EACvDL,YAAY,CAACC,GAAG,CAAC,WAAW,EAAEd,MAAM,CAAC;AACzC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Content/Preview/useIframeUrl.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/Preview/useIframeUrl.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useTenantContext } from \"@webiny/app-admin\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { usePreviewDomain } from \"../usePreviewDomain.js\";\n\nexport const useIframeUrl = () => {\n    const { tenant } = useTenantContext();\n    const { previewDomain } = usePreviewDomain();\n\n    const id = useSelectFromDocument(document => document.id);\n    const documentType = useSelectFromDocument(document => document.metadata.documentType);\n    const path = useSelectFromDocument(document => document.properties.path);\n\n    return useMemo(() => {\n        if (!previewDomain) {\n            return null;\n        }\n        const newUrl = new URL(`${previewDomain}${path}`);\n        addSearchParamsFromDocument(tenant!, newUrl, id, documentType);\n        return newUrl.toString();\n    }, [previewDomain, id, path, documentType]);\n};\n\nfunction addSearchParamsFromDocument(tenant: string, url: URL, id: string, documentType: string) {\n    const searchParams = url.searchParams;\n    searchParams.set(\"wb.editing\", \"true\");\n    searchParams.set(\"wb.type\", documentType);\n    searchParams.set(\"wb.id\", id);\n    searchParams.set(\"wb.path\", url.pathname);\n    searchParams.set(\"wb.referrer\", window.location.origin);\n    searchParams.set(\"wb.tenant\", tenant);\n}\n"],"names":["useIframeUrl","tenant","useTenantContext","previewDomain","usePreviewDomain","id","useSelectFromDocument","document","documentType","path","useMemo","newUrl","URL","addSearchParamsFromDocument","url","searchParams","window"],"mappings":";;;;AAKO,MAAMA,eAAe;IACxB,MAAM,EAAEC,MAAM,EAAE,GAAGC;IACnB,MAAM,EAAEC,aAAa,EAAE,GAAGC;IAE1B,MAAMC,KAAKC,sBAAsBC,CAAAA,WAAYA,SAAS,EAAE;IACxD,MAAMC,eAAeF,sBAAsBC,CAAAA,WAAYA,SAAS,QAAQ,CAAC,YAAY;IACrF,MAAME,OAAOH,sBAAsBC,CAAAA,WAAYA,SAAS,UAAU,CAAC,IAAI;IAEvE,OAAOG,QAAQ;QACX,IAAI,CAACP,eACD,OAAO;QAEX,MAAMQ,SAAS,IAAIC,IAAI,GAAGT,gBAAgBM,MAAM;QAChDI,4BAA4BZ,QAASU,QAAQN,IAAIG;QACjD,OAAOG,OAAO,QAAQ;IAC1B,GAAG;QAACR;QAAeE;QAAII;QAAMD;KAAa;AAC9C;AAEA,SAASK,4BAA4BZ,MAAc,EAAEa,GAAQ,EAAET,EAAU,EAAEG,YAAoB;IAC3F,MAAMO,eAAeD,IAAI,YAAY;IACrCC,aAAa,GAAG,CAAC,cAAc;IAC/BA,aAAa,GAAG,CAAC,WAAWP;IAC5BO,aAAa,GAAG,CAAC,SAASV;IAC1BU,aAAa,GAAG,CAAC,WAAWD,IAAI,QAAQ;IACxCC,aAAa,GAAG,CAAC,eAAeC,OAAO,QAAQ,CAAC,MAAM;IACtDD,aAAa,GAAG,CAAC,aAAad;AAClC"}

package/BaseEditor/defaultConfig/Content/Preview/useIsDragging.js

@@ -1,6 +1,7 @@
 import { useDragLayer } from "react-dnd";
-export function useIsDragging() {
-  return useDragLayer(monitor => monitor.isDragging());
+function useIsDragging() {
+    return useDragLayer((monitor)=>monitor.isDragging());
 }
+export { useIsDragging };
 
 //# sourceMappingURL=useIsDragging.js.map

package/BaseEditor/defaultConfig/Content/Preview/useIsDragging.js.map

@@ -1 +1 @@
-{"version":3,"names":["useDragLayer","useIsDragging","monitor","isDragging"],"sources":["useIsDragging.ts"],"sourcesContent":["import { useDragLayer } from \"react-dnd\";\n\nexport function useIsDragging(): boolean {\n    return useDragLayer(monitor => monitor.isDragging());\n}\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,WAAW;AAExC,OAAO,SAASC,aAAaA,CAAA,EAAY;EACrC,OAAOD,YAAY,CAACE,OAAO,IAAIA,OAAO,CAACC,UAAU,CAAC,CAAC,CAAC;AACxD","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Content/Preview/useIsDragging.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/Preview/useIsDragging.ts"],"sourcesContent":["import { useDragLayer } from \"react-dnd\";\n\nexport function useIsDragging(): boolean {\n    return useDragLayer(monitor => monitor.isDragging());\n}\n"],"names":["useIsDragging","useDragLayer","monitor"],"mappings":";AAEO,SAASA;IACZ,OAAOC,aAAaC,CAAAA,UAAWA,QAAQ,UAAU;AACrD"}

package/BaseEditor/defaultConfig/Content/Preview/useProximityDropzone.js

@@ -1,28 +1,29 @@
 import { useEffect, useState } from "react";
 import { useDropZoneManager } from "./DropZoneManagerProvider.js";
-export function useProximityDropzone({
-  id,
-  box,
-  canAccept
-}) {
-  const dropzoneManager = useDropZoneManager();
-  const [proximity, setProximity] = useState(null);
-  useEffect(() => {
-    dropzoneManager.register({
-      id,
-      box,
-      canAccept,
-      onProximityChange: proximity => {
-        setProximity(proximity);
-      }
-    });
-    return () => {
-      dropzoneManager.unregister(id);
+function useProximityDropzone({ id, box, canAccept }) {
+    const dropzoneManager = useDropZoneManager();
+    const [proximity, setProximity] = useState(null);
+    useEffect(()=>{
+        dropzoneManager.register({
+            id,
+            box,
+            canAccept,
+            onProximityChange: (proximity)=>{
+                setProximity(proximity);
+            }
+        });
+        return ()=>{
+            dropzoneManager.unregister(id);
+        };
+    }, [
+        id,
+        box,
+        canAccept
+    ]);
+    return {
+        proximity
     };
-  }, [id, box, canAccept]);
-  return {
-    proximity
-  };
 }
+export { useProximityDropzone };
 
 //# sourceMappingURL=useProximityDropzone.js.map

package/BaseEditor/defaultConfig/Content/Preview/useProximityDropzone.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","useDropZoneManager","useProximityDropzone","id","box","canAccept","dropzoneManager","proximity","setProximity","register","onProximityChange","unregister"],"sources":["useProximityDropzone.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useDropZoneManager } from \"./DropZoneManagerProvider.js\";\nimport type { Box } from \"./Box.js\";\nimport type { DropZoneProximity } from \"~/BaseEditor/defaultConfig/Content/Preview/DropZoneManager.js\";\n\nexport interface DropEvent {\n    item: { id?: string; componentName: string };\n    target: { parentId: string; slot: string; index: number };\n}\n\ninterface UseProximityDropzoneParams {\n    id: string;\n    box: Box;\n    canAccept?: () => boolean;\n}\n\nexport function useProximityDropzone({ id, box, canAccept }: UseProximityDropzoneParams) {\n    const dropzoneManager = useDropZoneManager();\n    const [proximity, setProximity] = useState<DropZoneProximity | null>(null);\n\n    useEffect(() => {\n        dropzoneManager.register({\n            id,\n            box,\n            canAccept,\n            onProximityChange: proximity => {\n                setProximity(proximity);\n            }\n        });\n\n        return () => {\n            dropzoneManager.unregister(id);\n        };\n    }, [id, box, canAccept]);\n\n    return { proximity };\n}\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,kBAAkB;AAe3B,OAAO,SAASC,oBAAoBA,CAAC;EAAEC,EAAE;EAAEC,GAAG;EAAEC;AAAsC,CAAC,EAAE;EACrF,MAAMC,eAAe,GAAGL,kBAAkB,CAAC,CAAC;EAC5C,MAAM,CAACM,SAAS,EAAEC,YAAY,CAAC,GAAGR,QAAQ,CAA2B,IAAI,CAAC;EAE1ED,SAAS,CAAC,MAAM;IACZO,eAAe,CAACG,QAAQ,CAAC;MACrBN,EAAE;MACFC,GAAG;MACHC,SAAS;MACTK,iBAAiB,EAAEH,SAAS,IAAI;QAC5BC,YAAY,CAACD,SAAS,CAAC;MAC3B;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM;MACTD,eAAe,CAACK,UAAU,CAACR,EAAE,CAAC;IAClC,CAAC;EACL,CAAC,EAAE,CAACA,EAAE,EAAEC,GAAG,EAAEC,SAAS,CAAC,CAAC;EAExB,OAAO;IAAEE;EAAU,CAAC;AACxB","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Content/Preview/useProximityDropzone.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/Preview/useProximityDropzone.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useDropZoneManager } from \"./DropZoneManagerProvider.js\";\nimport type { Box } from \"./Box.js\";\nimport type { DropZoneProximity } from \"~/BaseEditor/defaultConfig/Content/Preview/DropZoneManager.js\";\n\nexport interface DropEvent {\n    item: { id?: string; componentName: string };\n    target: { parentId: string; slot: string; index: number };\n}\n\ninterface UseProximityDropzoneParams {\n    id: string;\n    box: Box;\n    canAccept?: () => boolean;\n}\n\nexport function useProximityDropzone({ id, box, canAccept }: UseProximityDropzoneParams) {\n    const dropzoneManager = useDropZoneManager();\n    const [proximity, setProximity] = useState<DropZoneProximity | null>(null);\n\n    useEffect(() => {\n        dropzoneManager.register({\n            id,\n            box,\n            canAccept,\n            onProximityChange: proximity => {\n                setProximity(proximity);\n            }\n        });\n\n        return () => {\n            dropzoneManager.unregister(id);\n        };\n    }, [id, box, canAccept]);\n\n    return { proximity };\n}\n"],"names":["useProximityDropzone","id","box","canAccept","dropzoneManager","useDropZoneManager","proximity","setProximity","useState","useEffect"],"mappings":";;AAgBO,SAASA,qBAAqB,EAAEC,EAAE,EAAEC,GAAG,EAAEC,SAAS,EAA8B;IACnF,MAAMC,kBAAkBC;IACxB,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAAmC;IAErEC,UAAU;QACNL,gBAAgB,QAAQ,CAAC;YACrBH;YACAC;YACAC;YACA,mBAAmBG,CAAAA;gBACfC,aAAaD;YACjB;QACJ;QAEA,OAAO;YACHF,gBAAgB,UAAU,CAACH;QAC/B;IACJ,GAAG;QAACA;QAAIC;QAAKC;KAAU;IAEvB,OAAO;QAAEG;IAAU;AACvB"}

package/BaseEditor/defaultConfig/Content/Preview/useResponsiveContainer.js

@@ -2,30 +2,26 @@ import { useCallback, useEffect, useState } from "react";
 import { useBreakpoint } from "../../../hooks/useBreakpoint.js";
 import { useSelectFromEditor } from "../../../hooks/useSelectFromEditor.js";
 import { useDocumentEditor } from "../../../../DocumentEditor/index.js";
-
-/**
- * Calculate the real width of the preview container, taking into account reserved UI space, breakpoint,
- * and viewport width. If the display mode width is larger than the available space, return the
- * width of the available space.
- */
-export const useResponsiveContainer = viewportManager => {
-  const [containerWidth, setContainerWidth] = useState(0);
-  const editor = useDocumentEditor();
-  const uiWidth = useSelectFromEditor(state => state.uiReservedSpace.width);
-  const {
-    breakpoint
-  } = useBreakpoint();
-  const updateContainerWidth = useCallback(() => {
-    const uiWidth = editor.getEditorState().read().uiReservedSpace.width;
-    setContainerWidth(document.body.clientWidth - uiWidth);
-  }, [editor]);
-  useEffect(() => {
-    updateContainerWidth();
-  }, [breakpoint.name, uiWidth]);
-  useEffect(() => {
-    return viewportManager.onViewportChangeEnd(updateContainerWidth);
-  }, []);
-  return Math.min(containerWidth, breakpoint.maxWidth);
+const useResponsiveContainer = (viewportManager)=>{
+    const [containerWidth, setContainerWidth] = useState(0);
+    const editor = useDocumentEditor();
+    const uiWidth = useSelectFromEditor((state)=>state.uiReservedSpace.width);
+    const { breakpoint } = useBreakpoint();
+    const updateContainerWidth = useCallback(()=>{
+        const uiWidth = editor.getEditorState().read().uiReservedSpace.width;
+        setContainerWidth(document.body.clientWidth - uiWidth);
+    }, [
+        editor
+    ]);
+    useEffect(()=>{
+        updateContainerWidth();
+    }, [
+        breakpoint.name,
+        uiWidth
+    ]);
+    useEffect(()=>viewportManager.onViewportChangeEnd(updateContainerWidth), []);
+    return Math.min(containerWidth, breakpoint.maxWidth);
 };
+export { useResponsiveContainer };
 
 //# sourceMappingURL=useResponsiveContainer.js.map

package/BaseEditor/defaultConfig/Content/Preview/useResponsiveContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useState","useBreakpoint","useSelectFromEditor","useDocumentEditor","useResponsiveContainer","viewportManager","containerWidth","setContainerWidth","editor","uiWidth","state","uiReservedSpace","width","breakpoint","updateContainerWidth","getEditorState","read","document","body","clientWidth","name","onViewportChangeEnd","Math","min","maxWidth"],"sources":["useResponsiveContainer.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport type { ViewportManager } from \"@webiny/website-builder-sdk\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\n\n/**\n * Calculate the real width of the preview container, taking into account reserved UI space, breakpoint,\n * and viewport width. If the display mode width is larger than the available space, return the\n * width of the available space.\n */\nexport const useResponsiveContainer = (viewportManager: ViewportManager) => {\n    const [containerWidth, setContainerWidth] = useState(0);\n    const editor = useDocumentEditor();\n    const uiWidth = useSelectFromEditor(state => state.uiReservedSpace.width);\n    const { breakpoint } = useBreakpoint();\n\n    const updateContainerWidth = useCallback(() => {\n        const uiWidth = editor.getEditorState().read().uiReservedSpace.width;\n        setContainerWidth(document.body.clientWidth - uiWidth);\n    }, [editor]);\n\n    useEffect(() => {\n        updateContainerWidth();\n    }, [breakpoint.name, uiWidth]);\n\n    useEffect(() => {\n        return viewportManager.onViewportChangeEnd(updateContainerWidth);\n    }, []);\n\n    return Math.min(containerWidth, breakpoint.maxWidth);\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SAASC,aAAa;AAEtB,SAASC,mBAAmB;AAC5B,SAASC,iBAAiB;;AAE1B;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAIC,eAAgC,IAAK;EACxE,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGP,QAAQ,CAAC,CAAC,CAAC;EACvD,MAAMQ,MAAM,GAAGL,iBAAiB,CAAC,CAAC;EAClC,MAAMM,OAAO,GAAGP,mBAAmB,CAACQ,KAAK,IAAIA,KAAK,CAACC,eAAe,CAACC,KAAK,CAAC;EACzE,MAAM;IAAEC;EAAW,CAAC,GAAGZ,aAAa,CAAC,CAAC;EAEtC,MAAMa,oBAAoB,GAAGhB,WAAW,CAAC,MAAM;IAC3C,MAAMW,OAAO,GAAGD,MAAM,CAACO,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACL,eAAe,CAACC,KAAK;IACpEL,iBAAiB,CAACU,QAAQ,CAACC,IAAI,CAACC,WAAW,GAAGV,OAAO,CAAC;EAC1D,CAAC,EAAE,CAACD,MAAM,CAAC,CAAC;EAEZT,SAAS,CAAC,MAAM;IACZe,oBAAoB,CAAC,CAAC;EAC1B,CAAC,EAAE,CAACD,UAAU,CAACO,IAAI,EAAEX,OAAO,CAAC,CAAC;EAE9BV,SAAS,CAAC,MAAM;IACZ,OAAOM,eAAe,CAACgB,mBAAmB,CAACP,oBAAoB,CAAC;EACpE,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOQ,IAAI,CAACC,GAAG,CAACjB,cAAc,EAAEO,UAAU,CAACW,QAAQ,CAAC;AACxD,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Content/Preview/useResponsiveContainer.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/Preview/useResponsiveContainer.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport type { ViewportManager } from \"@webiny/website-builder-sdk\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\n\n/**\n * Calculate the real width of the preview container, taking into account reserved UI space, breakpoint,\n * and viewport width. If the display mode width is larger than the available space, return the\n * width of the available space.\n */\nexport const useResponsiveContainer = (viewportManager: ViewportManager) => {\n    const [containerWidth, setContainerWidth] = useState(0);\n    const editor = useDocumentEditor();\n    const uiWidth = useSelectFromEditor(state => state.uiReservedSpace.width);\n    const { breakpoint } = useBreakpoint();\n\n    const updateContainerWidth = useCallback(() => {\n        const uiWidth = editor.getEditorState().read().uiReservedSpace.width;\n        setContainerWidth(document.body.clientWidth - uiWidth);\n    }, [editor]);\n\n    useEffect(() => {\n        updateContainerWidth();\n    }, [breakpoint.name, uiWidth]);\n\n    useEffect(() => {\n        return viewportManager.onViewportChangeEnd(updateContainerWidth);\n    }, []);\n\n    return Math.min(containerWidth, breakpoint.maxWidth);\n};\n"],"names":["useResponsiveContainer","viewportManager","containerWidth","setContainerWidth","useState","editor","useDocumentEditor","uiWidth","useSelectFromEditor","state","breakpoint","useBreakpoint","updateContainerWidth","useCallback","document","useEffect","Math"],"mappings":";;;;AAWO,MAAMA,yBAAyB,CAACC;IACnC,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGC,SAAS;IACrD,MAAMC,SAASC;IACf,MAAMC,UAAUC,oBAAoBC,CAAAA,QAASA,MAAM,eAAe,CAAC,KAAK;IACxE,MAAM,EAAEC,UAAU,EAAE,GAAGC;IAEvB,MAAMC,uBAAuBC,YAAY;QACrC,MAAMN,UAAUF,OAAO,cAAc,GAAG,IAAI,GAAG,eAAe,CAAC,KAAK;QACpEF,kBAAkBW,SAAS,IAAI,CAAC,WAAW,GAAGP;IAClD,GAAG;QAACF;KAAO;IAEXU,UAAU;QACNH;IACJ,GAAG;QAACF,WAAW,IAAI;QAAEH;KAAQ;IAE7BQ,UAAU,IACCd,gBAAgB,mBAAmB,CAACW,uBAC5C,EAAE;IAEL,OAAOI,KAAK,GAAG,CAACd,gBAAgBQ,WAAW,QAAQ;AACvD"}

package/BaseEditor/defaultConfig/Content/usePreviewDomain.js

@@ -2,41 +2,34 @@ import { useCallback, useEffect, useState } from "react";
 import { useGetWebsiteBuilderSettings } from "../../../features/index.js";
 import { useSubscribeToLocalStorage } from "./useSubscribeToLocalStorage.js";
 const CUSTOM_PREVIEW_DOMAIN = "webiny_wb_custom_preview_domain";
-
-/**
- * This hook loads preview domain from settings, and also takes into account the override
- * via localstorage, which is a developers-only feature.
- */
-export const usePreviewDomain = () => {
-  const [previewDomain, setDomainFromSettings] = useState("");
-  const [customDomain, setCustomDomain] = useState(() => window.localStorage.getItem(CUSTOM_PREVIEW_DOMAIN));
-  const localStorage = useSubscribeToLocalStorage(CUSTOM_PREVIEW_DOMAIN, newValue => {
-    setCustomDomain(newValue);
-  });
-  const setPreviewDomain = useCallback(domain => {
-    if (domain === previewDomain) {
-      localStorage.unset();
-    } else {
-      localStorage.set(domain);
-    }
-  }, [previewDomain]);
-  const unsetPreviewDomain = useCallback(() => {
-    localStorage.unset();
-  }, []);
-  const {
-    getSettings
-  } = useGetWebsiteBuilderSettings();
-  useEffect(() => {
-    getSettings().then(settings => {
-      setDomainFromSettings(settings.previewDomain ?? "http://localhost:3000");
+const usePreviewDomain = ()=>{
+    const [previewDomain, setDomainFromSettings] = useState("");
+    const [customDomain, setCustomDomain] = useState(()=>window.localStorage.getItem(CUSTOM_PREVIEW_DOMAIN));
+    const localStorage = useSubscribeToLocalStorage(CUSTOM_PREVIEW_DOMAIN, (newValue)=>{
+        setCustomDomain(newValue);
     });
-  }, []);
-  return {
-    previewDomain: customDomain ?? previewDomain,
-    setPreviewDomain,
-    unsetPreviewDomain,
-    isOverridden: customDomain && customDomain !== previewDomain
-  };
+    const setPreviewDomain = useCallback((domain)=>{
+        if (domain === previewDomain) localStorage.unset();
+        else localStorage.set(domain);
+    }, [
+        previewDomain
+    ]);
+    const unsetPreviewDomain = useCallback(()=>{
+        localStorage.unset();
+    }, []);
+    const { getSettings } = useGetWebsiteBuilderSettings();
+    useEffect(()=>{
+        getSettings().then((settings)=>{
+            setDomainFromSettings(settings.previewDomain ?? "http://localhost:3000");
+        });
+    }, []);
+    return {
+        previewDomain: customDomain ?? previewDomain,
+        setPreviewDomain,
+        unsetPreviewDomain,
+        isOverridden: customDomain && customDomain !== previewDomain
+    };
 };
+export { usePreviewDomain };
 
 //# sourceMappingURL=usePreviewDomain.js.map

package/BaseEditor/defaultConfig/Content/usePreviewDomain.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useState","useGetWebsiteBuilderSettings","useSubscribeToLocalStorage","CUSTOM_PREVIEW_DOMAIN","usePreviewDomain","previewDomain","setDomainFromSettings","customDomain","setCustomDomain","window","localStorage","getItem","newValue","setPreviewDomain","domain","unset","set","unsetPreviewDomain","getSettings","then","settings","isOverridden"],"sources":["usePreviewDomain.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { useGetWebsiteBuilderSettings } from \"~/features/index.js\";\nimport { useSubscribeToLocalStorage } from \"./useSubscribeToLocalStorage.js\";\n\nconst CUSTOM_PREVIEW_DOMAIN = \"webiny_wb_custom_preview_domain\";\n\n/**\n * This hook loads preview domain from settings, and also takes into account the override\n * via localstorage, which is a developers-only feature.\n */\nexport const usePreviewDomain = () => {\n    const [previewDomain, setDomainFromSettings] = useState<string>(\"\");\n\n    const [customDomain, setCustomDomain] = useState(() =>\n        window.localStorage.getItem(CUSTOM_PREVIEW_DOMAIN)\n    );\n\n    const localStorage = useSubscribeToLocalStorage(CUSTOM_PREVIEW_DOMAIN, newValue => {\n        setCustomDomain(newValue);\n    });\n\n    const setPreviewDomain = useCallback(\n        (domain: string) => {\n            if (domain === previewDomain) {\n                localStorage.unset();\n            } else {\n                localStorage.set(domain);\n            }\n        },\n        [previewDomain]\n    );\n\n    const unsetPreviewDomain = useCallback(() => {\n        localStorage.unset();\n    }, []);\n\n    const { getSettings } = useGetWebsiteBuilderSettings();\n\n    useEffect(() => {\n        getSettings().then(settings => {\n            setDomainFromSettings(settings.previewDomain ?? \"http://localhost:3000\");\n        });\n    }, []);\n\n    return {\n        previewDomain: customDomain ?? previewDomain,\n        setPreviewDomain,\n        unsetPreviewDomain,\n        isOverridden: customDomain && customDomain !== previewDomain\n    };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SAASC,4BAA4B;AACrC,SAASC,0BAA0B;AAEnC,MAAMC,qBAAqB,GAAG,iCAAiC;;AAE/D;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAM,CAACC,aAAa,EAAEC,qBAAqB,CAAC,GAAGN,QAAQ,CAAS,EAAE,CAAC;EAEnE,MAAM,CAACO,YAAY,EAAEC,eAAe,CAAC,GAAGR,QAAQ,CAAC,MAC7CS,MAAM,CAACC,YAAY,CAACC,OAAO,CAACR,qBAAqB,CACrD,CAAC;EAED,MAAMO,YAAY,GAAGR,0BAA0B,CAACC,qBAAqB,EAAES,QAAQ,IAAI;IAC/EJ,eAAe,CAACI,QAAQ,CAAC;EAC7B,CAAC,CAAC;EAEF,MAAMC,gBAAgB,GAAGf,WAAW,CAC/BgB,MAAc,IAAK;IAChB,IAAIA,MAAM,KAAKT,aAAa,EAAE;MAC1BK,YAAY,CAACK,KAAK,CAAC,CAAC;IACxB,CAAC,MAAM;MACHL,YAAY,CAACM,GAAG,CAACF,MAAM,CAAC;IAC5B;EACJ,CAAC,EACD,CAACT,aAAa,CAClB,CAAC;EAED,MAAMY,kBAAkB,GAAGnB,WAAW,CAAC,MAAM;IACzCY,YAAY,CAACK,KAAK,CAAC,CAAC;EACxB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAEG;EAAY,CAAC,GAAGjB,4BAA4B,CAAC,CAAC;EAEtDF,SAAS,CAAC,MAAM;IACZmB,WAAW,CAAC,CAAC,CAACC,IAAI,CAACC,QAAQ,IAAI;MAC3Bd,qBAAqB,CAACc,QAAQ,CAACf,aAAa,IAAI,uBAAuB,CAAC;IAC5E,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHA,aAAa,EAAEE,YAAY,IAAIF,aAAa;IAC5CQ,gBAAgB;IAChBI,kBAAkB;IAClBI,YAAY,EAAEd,YAAY,IAAIA,YAAY,KAAKF;EACnD,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Content/usePreviewDomain.js","sources":["../../../../src/BaseEditor/defaultConfig/Content/usePreviewDomain.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { useGetWebsiteBuilderSettings } from \"~/features/index.js\";\nimport { useSubscribeToLocalStorage } from \"./useSubscribeToLocalStorage.js\";\n\nconst CUSTOM_PREVIEW_DOMAIN = \"webiny_wb_custom_preview_domain\";\n\n/**\n * This hook loads preview domain from settings, and also takes into account the override\n * via localstorage, which is a developers-only feature.\n */\nexport const usePreviewDomain = () => {\n    const [previewDomain, setDomainFromSettings] = useState<string>(\"\");\n\n    const [customDomain, setCustomDomain] = useState(() =>\n        window.localStorage.getItem(CUSTOM_PREVIEW_DOMAIN)\n    );\n\n    const localStorage = useSubscribeToLocalStorage(CUSTOM_PREVIEW_DOMAIN, newValue => {\n        setCustomDomain(newValue);\n    });\n\n    const setPreviewDomain = useCallback(\n        (domain: string) => {\n            if (domain === previewDomain) {\n                localStorage.unset();\n            } else {\n                localStorage.set(domain);\n            }\n        },\n        [previewDomain]\n    );\n\n    const unsetPreviewDomain = useCallback(() => {\n        localStorage.unset();\n    }, []);\n\n    const { getSettings } = useGetWebsiteBuilderSettings();\n\n    useEffect(() => {\n        getSettings().then(settings => {\n            setDomainFromSettings(settings.previewDomain ?? \"http://localhost:3000\");\n        });\n    }, []);\n\n    return {\n        previewDomain: customDomain ?? previewDomain,\n        setPreviewDomain,\n        unsetPreviewDomain,\n        isOverridden: customDomain && customDomain !== previewDomain\n    };\n};\n"],"names":["CUSTOM_PREVIEW_DOMAIN","usePreviewDomain","previewDomain","setDomainFromSettings","useState","customDomain","setCustomDomain","window","localStorage","useSubscribeToLocalStorage","newValue","setPreviewDomain","useCallback","domain","unsetPreviewDomain","getSettings","useGetWebsiteBuilderSettings","useEffect","settings"],"mappings":";;;AAIA,MAAMA,wBAAwB;AAMvB,MAAMC,mBAAmB;IAC5B,MAAM,CAACC,eAAeC,sBAAsB,GAAGC,SAAiB;IAEhE,MAAM,CAACC,cAAcC,gBAAgB,GAAGF,SAAS,IAC7CG,OAAO,YAAY,CAAC,OAAO,CAACP;IAGhC,MAAMQ,eAAeC,2BAA2BT,uBAAuBU,CAAAA;QACnEJ,gBAAgBI;IACpB;IAEA,MAAMC,mBAAmBC,YACrB,CAACC;QACG,IAAIA,WAAWX,eACXM,aAAa,KAAK;aAElBA,aAAa,GAAG,CAACK;IAEzB,GACA;QAACX;KAAc;IAGnB,MAAMY,qBAAqBF,YAAY;QACnCJ,aAAa,KAAK;IACtB,GAAG,EAAE;IAEL,MAAM,EAAEO,WAAW,EAAE,GAAGC;IAExBC,UAAU;QACNF,cAAc,IAAI,CAACG,CAAAA;YACff,sBAAsBe,SAAS,aAAa,IAAI;QACpD;IACJ,GAAG,EAAE;IAEL,OAAO;QACH,eAAeb,gBAAgBH;QAC/BS;QACAG;QACA,cAAcT,gBAAgBA,iBAAiBH;IACnD;AACJ"}

package/BaseEditor/defaultConfig/Content/useSubscribeToLocalStorage.js

@@ -1,63 +1,54 @@
 import { useCallback, useEffect } from "react";
 const listeners = {};
 function subscribe(key, listener) {
-  if (!listeners[key]) {
-    listeners[key] = new Set();
-  }
-  listeners[key].add(listener);
-  const handler = e => {
-    if (e.key === key) {
-      listeners[key]?.forEach(fn => fn(e.newValue, e.oldValue));
-    }
-  };
-  const handleCustomEvent = e => {
-    const detail = e.detail;
-    if (detail.key === key) {
-      listeners[key]?.forEach(fn => fn(detail.value, localStorage.getItem(key)));
-    }
-  };
-  window.addEventListener("storage", handler);
-  window.addEventListener("local-storage-change", handleCustomEvent);
-  return () => {
-    listeners[key]?.delete(listener);
-    if (listeners[key]?.size === 0) {
-      window.removeEventListener("storage", handler);
-      window.removeEventListener("local-storage-change", handleCustomEvent);
-      delete listeners[key];
-    }
-  };
+    if (!listeners[key]) listeners[key] = new Set();
+    listeners[key].add(listener);
+    const handler = (e)=>{
+        if (e.key === key) listeners[key]?.forEach((fn)=>fn(e.newValue, e.oldValue));
+    };
+    const handleCustomEvent = (e)=>{
+        const detail = e.detail;
+        if (detail.key === key) listeners[key]?.forEach((fn)=>fn(detail.value, localStorage.getItem(key)));
+    };
+    window.addEventListener("storage", handler);
+    window.addEventListener("local-storage-change", handleCustomEvent);
+    return ()=>{
+        listeners[key]?.delete(listener);
+        if (listeners[key]?.size === 0) {
+            window.removeEventListener("storage", handler);
+            window.removeEventListener("local-storage-change", handleCustomEvent);
+            delete listeners[key];
+        }
+    };
 }
-
-/**
- * React hook to subscribe to localStorage changes on a specific key.
- * Fires on cross-tab change only (native behavior), but also supports same-tab updates via custom event.
- */
-export function useSubscribeToLocalStorage(key, listener) {
-  useEffect(() => {
-    return subscribe(key, listener);
-  }, [key, listener]);
-  const set = useCallback(value => {
-    localStorage.setItem(key, value);
-    window.dispatchEvent(new CustomEvent("local-storage-change", {
-      detail: {
-        key,
-        value
-      }
-    }));
-  }, []);
-  const unset = useCallback(() => {
-    localStorage.removeItem(key);
-    window.dispatchEvent(new CustomEvent("local-storage-change", {
-      detail: {
+function useSubscribeToLocalStorage(key, listener) {
+    useEffect(()=>subscribe(key, listener), [
         key,
-        value: null
-      }
-    }));
-  }, []);
-  return {
-    set,
-    unset
-  };
+        listener
+    ]);
+    const set = useCallback((value)=>{
+        localStorage.setItem(key, value);
+        window.dispatchEvent(new CustomEvent("local-storage-change", {
+            detail: {
+                key,
+                value
+            }
+        }));
+    }, []);
+    const unset = useCallback(()=>{
+        localStorage.removeItem(key);
+        window.dispatchEvent(new CustomEvent("local-storage-change", {
+            detail: {
+                key,
+                value: null
+            }
+        }));
+    }, []);
+    return {
+        set,
+        unset
+    };
 }
+export { useSubscribeToLocalStorage };
 
 //# sourceMappingURL=useSubscribeToLocalStorage.js.map

package/BaseEditor/defaultConfig/Content/useSubscribeToLocalStorage.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","listeners","subscribe","key","listener","Set","add","handler","e","forEach","fn","newValue","oldValue","handleCustomEvent","detail","value","localStorage","getItem","window","addEventListener","delete","size","removeEventListener","useSubscribeToLocalStorage","set","setItem","dispatchEvent","CustomEvent","unset","removeItem"],"sources":["useSubscribeToLocalStorage.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\n\ntype Listener = (newValue: string | null, oldValue: string | null) => void;\n\nconst listeners: Record<string, Set<Listener>> = {};\n\nfunction subscribe(key: string, listener: Listener): () => void {\n    if (!listeners[key]) {\n        listeners[key] = new Set();\n    }\n    listeners[key].add(listener);\n\n    const handler = (e: StorageEvent) => {\n        if (e.key === key) {\n            listeners[key]?.forEach(fn => fn(e.newValue, e.oldValue));\n        }\n    };\n\n    const handleCustomEvent = (e: Event) => {\n        const detail = (e as CustomEvent).detail;\n        if (detail.key === key) {\n            listeners[key]?.forEach(fn => fn(detail.value, localStorage.getItem(key)));\n        }\n    };\n\n    window.addEventListener(\"storage\", handler);\n    window.addEventListener(\"local-storage-change\", handleCustomEvent);\n\n    return () => {\n        listeners[key]?.delete(listener);\n        if (listeners[key]?.size === 0) {\n            window.removeEventListener(\"storage\", handler);\n            window.removeEventListener(\"local-storage-change\", handleCustomEvent);\n            delete listeners[key];\n        }\n    };\n}\n\n/**\n * React hook to subscribe to localStorage changes on a specific key.\n * Fires on cross-tab change only (native behavior), but also supports same-tab updates via custom event.\n */\nexport function useSubscribeToLocalStorage(\n    key: string,\n    listener: Listener\n): {\n    set: (value: string) => void;\n    unset: () => void;\n} {\n    useEffect(() => {\n        return subscribe(key, listener);\n    }, [key, listener]);\n\n    const set = useCallback((value: string) => {\n        localStorage.setItem(key, value);\n        window.dispatchEvent(\n            new CustomEvent(\"local-storage-change\", {\n                detail: { key, value }\n            })\n        );\n    }, []);\n\n    const unset = useCallback(() => {\n        localStorage.removeItem(key);\n        window.dispatchEvent(\n            new CustomEvent(\"local-storage-change\", {\n                detail: { key, value: null }\n            })\n        );\n    }, []);\n\n    return { set, unset };\n}\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAI9C,MAAMC,SAAwC,GAAG,CAAC,CAAC;AAEnD,SAASC,SAASA,CAACC,GAAW,EAAEC,QAAkB,EAAc;EAC5D,IAAI,CAACH,SAAS,CAACE,GAAG,CAAC,EAAE;IACjBF,SAAS,CAACE,GAAG,CAAC,GAAG,IAAIE,GAAG,CAAC,CAAC;EAC9B;EACAJ,SAAS,CAACE,GAAG,CAAC,CAACG,GAAG,CAACF,QAAQ,CAAC;EAE5B,MAAMG,OAAO,GAAIC,CAAe,IAAK;IACjC,IAAIA,CAAC,CAACL,GAAG,KAAKA,GAAG,EAAE;MACfF,SAAS,CAACE,GAAG,CAAC,EAAEM,OAAO,CAACC,EAAE,IAAIA,EAAE,CAACF,CAAC,CAACG,QAAQ,EAAEH,CAAC,CAACI,QAAQ,CAAC,CAAC;IAC7D;EACJ,CAAC;EAED,MAAMC,iBAAiB,GAAIL,CAAQ,IAAK;IACpC,MAAMM,MAAM,GAAIN,CAAC,CAAiBM,MAAM;IACxC,IAAIA,MAAM,CAACX,GAAG,KAAKA,GAAG,EAAE;MACpBF,SAAS,CAACE,GAAG,CAAC,EAAEM,OAAO,CAACC,EAAE,IAAIA,EAAE,CAACI,MAAM,CAACC,KAAK,EAAEC,YAAY,CAACC,OAAO,CAACd,GAAG,CAAC,CAAC,CAAC;IAC9E;EACJ,CAAC;EAEDe,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEZ,OAAO,CAAC;EAC3CW,MAAM,CAACC,gBAAgB,CAAC,sBAAsB,EAAEN,iBAAiB,CAAC;EAElE,OAAO,MAAM;IACTZ,SAAS,CAACE,GAAG,CAAC,EAAEiB,MAAM,CAAChB,QAAQ,CAAC;IAChC,IAAIH,SAAS,CAACE,GAAG,CAAC,EAAEkB,IAAI,KAAK,CAAC,EAAE;MAC5BH,MAAM,CAACI,mBAAmB,CAAC,SAAS,EAAEf,OAAO,CAAC;MAC9CW,MAAM,CAACI,mBAAmB,CAAC,sBAAsB,EAAET,iBAAiB,CAAC;MACrE,OAAOZ,SAAS,CAACE,GAAG,CAAC;IACzB;EACJ,CAAC;AACL;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASoB,0BAA0BA,CACtCpB,GAAW,EACXC,QAAkB,EAIpB;EACEJ,SAAS,CAAC,MAAM;IACZ,OAAOE,SAAS,CAACC,GAAG,EAAEC,QAAQ,CAAC;EACnC,CAAC,EAAE,CAACD,GAAG,EAAEC,QAAQ,CAAC,CAAC;EAEnB,MAAMoB,GAAG,GAAGzB,WAAW,CAAEgB,KAAa,IAAK;IACvCC,YAAY,CAACS,OAAO,CAACtB,GAAG,EAAEY,KAAK,CAAC;IAChCG,MAAM,CAACQ,aAAa,CAChB,IAAIC,WAAW,CAAC,sBAAsB,EAAE;MACpCb,MAAM,EAAE;QAAEX,GAAG;QAAEY;MAAM;IACzB,CAAC,CACL,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMa,KAAK,GAAG7B,WAAW,CAAC,MAAM;IAC5BiB,YAAY,CAACa,UAAU,CAAC1B,GAAG,CAAC;IAC5Be,MAAM,CAACQ,aAAa,CAChB,IAAIC,WAAW,CAAC,sBAAsB,EAAE;MACpCb,MAAM,EAAE;QAAEX,GAAG;QAAEY,KAAK,EAAE;MAAK;IAC/B,CAAC,CACL,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAES,GAAG;IAAEI;EAAM,CAAC;AACzB","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Content/useSubscribeToLocalStorage.js","sources":["../../../../src/BaseEditor/defaultConfig/Content/useSubscribeToLocalStorage.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\n\ntype Listener = (newValue: string | null, oldValue: string | null) => void;\n\nconst listeners: Record<string, Set<Listener>> = {};\n\nfunction subscribe(key: string, listener: Listener): () => void {\n    if (!listeners[key]) {\n        listeners[key] = new Set();\n    }\n    listeners[key].add(listener);\n\n    const handler = (e: StorageEvent) => {\n        if (e.key === key) {\n            listeners[key]?.forEach(fn => fn(e.newValue, e.oldValue));\n        }\n    };\n\n    const handleCustomEvent = (e: Event) => {\n        const detail = (e as CustomEvent).detail;\n        if (detail.key === key) {\n            listeners[key]?.forEach(fn => fn(detail.value, localStorage.getItem(key)));\n        }\n    };\n\n    window.addEventListener(\"storage\", handler);\n    window.addEventListener(\"local-storage-change\", handleCustomEvent);\n\n    return () => {\n        listeners[key]?.delete(listener);\n        if (listeners[key]?.size === 0) {\n            window.removeEventListener(\"storage\", handler);\n            window.removeEventListener(\"local-storage-change\", handleCustomEvent);\n            delete listeners[key];\n        }\n    };\n}\n\n/**\n * React hook to subscribe to localStorage changes on a specific key.\n * Fires on cross-tab change only (native behavior), but also supports same-tab updates via custom event.\n */\nexport function useSubscribeToLocalStorage(\n    key: string,\n    listener: Listener\n): {\n    set: (value: string) => void;\n    unset: () => void;\n} {\n    useEffect(() => {\n        return subscribe(key, listener);\n    }, [key, listener]);\n\n    const set = useCallback((value: string) => {\n        localStorage.setItem(key, value);\n        window.dispatchEvent(\n            new CustomEvent(\"local-storage-change\", {\n                detail: { key, value }\n            })\n        );\n    }, []);\n\n    const unset = useCallback(() => {\n        localStorage.removeItem(key);\n        window.dispatchEvent(\n            new CustomEvent(\"local-storage-change\", {\n                detail: { key, value: null }\n            })\n        );\n    }, []);\n\n    return { set, unset };\n}\n"],"names":["listeners","subscribe","key","listener","Set","handler","e","fn","handleCustomEvent","detail","localStorage","window","useSubscribeToLocalStorage","useEffect","set","useCallback","value","CustomEvent","unset"],"mappings":";AAIA,MAAMA,YAA2C,CAAC;AAElD,SAASC,UAAUC,GAAW,EAAEC,QAAkB;IAC9C,IAAI,CAACH,SAAS,CAACE,IAAI,EACfF,SAAS,CAACE,IAAI,GAAG,IAAIE;IAEzBJ,SAAS,CAACE,IAAI,CAAC,GAAG,CAACC;IAEnB,MAAME,UAAU,CAACC;QACb,IAAIA,EAAE,GAAG,KAAKJ,KACVF,SAAS,CAACE,IAAI,EAAE,QAAQK,CAAAA,KAAMA,GAAGD,EAAE,QAAQ,EAAEA,EAAE,QAAQ;IAE/D;IAEA,MAAME,oBAAoB,CAACF;QACvB,MAAMG,SAAUH,EAAkB,MAAM;QACxC,IAAIG,OAAO,GAAG,KAAKP,KACfF,SAAS,CAACE,IAAI,EAAE,QAAQK,CAAAA,KAAMA,GAAGE,OAAO,KAAK,EAAEC,aAAa,OAAO,CAACR;IAE5E;IAEAS,OAAO,gBAAgB,CAAC,WAAWN;IACnCM,OAAO,gBAAgB,CAAC,wBAAwBH;IAEhD,OAAO;QACHR,SAAS,CAACE,IAAI,EAAE,OAAOC;QACvB,IAAIH,SAAS,CAACE,IAAI,EAAE,SAAS,GAAG;YAC5BS,OAAO,mBAAmB,CAAC,WAAWN;YACtCM,OAAO,mBAAmB,CAAC,wBAAwBH;YACnD,OAAOR,SAAS,CAACE,IAAI;QACzB;IACJ;AACJ;AAMO,SAASU,2BACZV,GAAW,EACXC,QAAkB;IAKlBU,UAAU,IACCZ,UAAUC,KAAKC,WACvB;QAACD;QAAKC;KAAS;IAElB,MAAMW,MAAMC,YAAY,CAACC;QACrBN,aAAa,OAAO,CAACR,KAAKc;QAC1BL,OAAO,aAAa,CAChB,IAAIM,YAAY,wBAAwB;YACpC,QAAQ;gBAAEf;gBAAKc;YAAM;QACzB;IAER,GAAG,EAAE;IAEL,MAAME,QAAQH,YAAY;QACtBL,aAAa,UAAU,CAACR;QACxBS,OAAO,aAAa,CAChB,IAAIM,YAAY,wBAAwB;YACpC,QAAQ;gBAAEf;gBAAK,OAAO;YAAK;QAC/B;IAER,GAAG,EAAE;IAEL,OAAO;QAAEY;QAAKI;IAAM;AACxB"}

package/BaseEditor/defaultConfig/DefaultEditorConfig.js

@@ -1,5 +1,5 @@
-import React from "react";
-import { ReactComponent as TouchIcon } from "@webiny/icons/touch_app.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/touch_app.svg";
 import { EditorConfig } from "../config/index.js";
 import { InfoMessage } from "./Sidebar/InfoMessage.js";
 import { StyleSettingsGroup } from "./Sidebar/StyleSettings/StyleSettingsGroup.js";
@@ -11,48 +11,43 @@ import { CommandHandlers } from "../commandHandlers/index.js";
 import { ElementSettings } from "./Sidebar/ElementSettings/ElementSettings.js";
 import { ElementInputRenderers } from "./ElementInputRenderers.js";
 import { ContentPreviewConfig } from "./Content/ContentPreviewConfig.js";
-const {
-  Ui
-} = EditorConfig;
-const ClickToActivate = () => {
-  return /*#__PURE__*/React.createElement(Ui.NoActiveElement, null, /*#__PURE__*/React.createElement(InfoMessage, {
-    icon: /*#__PURE__*/React.createElement(TouchIcon, null),
-    message: "Select an element on the canvas to activate this panel."
-  }));
-};
-export const DefaultEditorConfig = /*#__PURE__*/React.memo(() => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CommandHandlers, null), /*#__PURE__*/React.createElement(EditorConfig, null, /*#__PURE__*/React.createElement(ElementInputRenderers, null), /*#__PURE__*/React.createElement(ContentPreviewConfig, null), /*#__PURE__*/React.createElement(Ui.Toolbar.Element, {
-    name: "insertElements",
-    group: "tabs",
-    element: /*#__PURE__*/React.createElement(InsertElementsTab, null)
-  }), /*#__PURE__*/React.createElement(Ui.Toolbar.Element, {
-    name: "navigator",
-    group: "tabs",
-    element: /*#__PURE__*/React.createElement(NavigatorTab, null)
-  }), /*#__PURE__*/React.createElement(Ui.Sidebar.Group, {
-    name: "element",
-    element: /*#__PURE__*/React.createElement(ElementSettingsGroup, null)
-  }), /*#__PURE__*/React.createElement(Ui.Sidebar.Group, {
-    name: "style",
-    element: /*#__PURE__*/React.createElement(StyleSettingsGroup, null)
-  }), /*#__PURE__*/React.createElement(Ui.Sidebar.Element, {
-    name: "styleSettings",
-    group: "style",
-    element: /*#__PURE__*/React.createElement(Ui.OnActiveElement, null, /*#__PURE__*/React.createElement(StyleProperties, null))
-  }), /*#__PURE__*/React.createElement(Ui.Sidebar.Element, {
-    name: "styleInactive",
-    group: "style",
-    element: /*#__PURE__*/React.createElement(ClickToActivate, null)
-  }), /*#__PURE__*/React.createElement(Ui.Sidebar.Element, {
-    name: "elementInactive",
-    group: "element",
-    element: /*#__PURE__*/React.createElement(ClickToActivate, null)
-  }), /*#__PURE__*/React.createElement(Ui.Sidebar.Element, {
-    name: "elementSettings",
-    group: "element",
-    element: /*#__PURE__*/React.createElement(Ui.OnActiveElement, null, /*#__PURE__*/React.createElement(ElementSettings, null))
-  })));
-});
+const { Ui: Ui } = EditorConfig;
+const ClickToActivate = ()=>/*#__PURE__*/ react.createElement(Ui.NoActiveElement, null, /*#__PURE__*/ react.createElement(InfoMessage, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        message: "Select an element on the canvas to activate this panel."
+    }));
+const DefaultEditorConfig = /*#__PURE__*/ react.memo(()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(CommandHandlers, null), /*#__PURE__*/ react.createElement(EditorConfig, null, /*#__PURE__*/ react.createElement(ElementInputRenderers, null), /*#__PURE__*/ react.createElement(ContentPreviewConfig, null), /*#__PURE__*/ react.createElement(Ui.Toolbar.Element, {
+        name: "insertElements",
+        group: "tabs",
+        element: /*#__PURE__*/ react.createElement(InsertElementsTab, null)
+    }), /*#__PURE__*/ react.createElement(Ui.Toolbar.Element, {
+        name: "navigator",
+        group: "tabs",
+        element: /*#__PURE__*/ react.createElement(NavigatorTab, null)
+    }), /*#__PURE__*/ react.createElement(Ui.Sidebar.Group, {
+        name: "element",
+        element: /*#__PURE__*/ react.createElement(ElementSettingsGroup, null)
+    }), /*#__PURE__*/ react.createElement(Ui.Sidebar.Group, {
+        name: "style",
+        element: /*#__PURE__*/ react.createElement(StyleSettingsGroup, null)
+    }), /*#__PURE__*/ react.createElement(Ui.Sidebar.Element, {
+        name: "styleSettings",
+        group: "style",
+        element: /*#__PURE__*/ react.createElement(Ui.OnActiveElement, null, /*#__PURE__*/ react.createElement(StyleProperties, null))
+    }), /*#__PURE__*/ react.createElement(Ui.Sidebar.Element, {
+        name: "styleInactive",
+        group: "style",
+        element: /*#__PURE__*/ react.createElement(ClickToActivate, null)
+    }), /*#__PURE__*/ react.createElement(Ui.Sidebar.Element, {
+        name: "elementInactive",
+        group: "element",
+        element: /*#__PURE__*/ react.createElement(ClickToActivate, null)
+    }), /*#__PURE__*/ react.createElement(Ui.Sidebar.Element, {
+        name: "elementSettings",
+        group: "element",
+        element: /*#__PURE__*/ react.createElement(Ui.OnActiveElement, null, /*#__PURE__*/ react.createElement(ElementSettings, null))
+    }))));
 DefaultEditorConfig.displayName = "DefaultEditorConfig";
+export { DefaultEditorConfig };
 
 //# sourceMappingURL=DefaultEditorConfig.js.map

package/BaseEditor/defaultConfig/DefaultEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","TouchIcon","EditorConfig","InfoMessage","StyleSettingsGroup","StyleProperties","ElementSettingsGroup","InsertElementsTab","NavigatorTab","CommandHandlers","ElementSettings","ElementInputRenderers","ContentPreviewConfig","Ui","ClickToActivate","createElement","NoActiveElement","icon","message","DefaultEditorConfig","memo","Fragment","Toolbar","Element","name","group","element","Sidebar","Group","OnActiveElement","displayName"],"sources":["DefaultEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TouchIcon } from \"@webiny/icons/touch_app.svg\";\nimport { EditorConfig } from \"~/BaseEditor/config/index.js\";\nimport { InfoMessage } from \"./Sidebar/InfoMessage.js\";\nimport { StyleSettingsGroup } from \"./Sidebar/StyleSettings/StyleSettingsGroup.js\";\nimport { StyleProperties } from \"./Sidebar/StyleSettings/StyleProperties.js\";\nimport { ElementSettingsGroup } from \"./Sidebar/ElementSettings/ElementSettingsGroup.js\";\nimport { InsertElementsTab } from \"./Toolbar/InsertElements/InsertElementsTab.js\";\nimport { NavigatorTab } from \"./Toolbar/Navigator/NavigatorTab.js\";\nimport { CommandHandlers } from \"~/BaseEditor/commandHandlers/index.js\";\nimport { ElementSettings } from \"./Sidebar/ElementSettings/ElementSettings.js\";\nimport { ElementInputRenderers } from \"./ElementInputRenderers.js\";\nimport { ContentPreviewConfig } from \"./Content/ContentPreviewConfig.js\";\n\nconst { Ui } = EditorConfig;\n\nconst ClickToActivate = () => {\n    return (\n        <Ui.NoActiveElement>\n            <InfoMessage\n                icon={<TouchIcon />}\n                message={\"Select an element on the canvas to activate this panel.\"}\n            />\n        </Ui.NoActiveElement>\n    );\n};\n\nexport const DefaultEditorConfig = React.memo(() => {\n    return (\n        <>\n            <CommandHandlers />\n            <EditorConfig>\n                <ElementInputRenderers />\n                <ContentPreviewConfig />\n                <Ui.Toolbar.Element\n                    name={\"insertElements\"}\n                    group={\"tabs\"}\n                    element={<InsertElementsTab />}\n                />\n                <Ui.Toolbar.Element name={\"navigator\"} group={\"tabs\"} element={<NavigatorTab />} />\n                {/* Sidebar Groups */}\n                <Ui.Sidebar.Group name={\"element\"} element={<ElementSettingsGroup />} />\n                <Ui.Sidebar.Group name={\"style\"} element={<StyleSettingsGroup />} />\n                {/* Style Settings Tab */}\n                <Ui.Sidebar.Element\n                    name={\"styleSettings\"}\n                    group={\"style\"}\n                    element={\n                        <Ui.OnActiveElement>\n                            <StyleProperties />\n                        </Ui.OnActiveElement>\n                    }\n                />\n                <Ui.Sidebar.Element\n                    name={\"styleInactive\"}\n                    group={\"style\"}\n                    element={<ClickToActivate />}\n                />\n                {/* Element Settings Tab */}\n                <Ui.Sidebar.Element\n                    name={\"elementInactive\"}\n                    group={\"element\"}\n                    element={<ClickToActivate />}\n                />\n                {/* This element renders element properties. */}\n                <Ui.Sidebar.Element\n                    name={\"elementSettings\"}\n                    group={\"element\"}\n                    element={\n                        <Ui.OnActiveElement>\n                            <ElementSettings />\n                        </Ui.OnActiveElement>\n                    }\n                />\n                {/*<Ui.Sidebar.Element\n                    name={\"stateEditor\"}\n                    group={\"element\"}\n                    element={<DocumentStateEditor />}\n                />*/}\n            </EditorConfig>\n        </>\n    );\n});\n\nDefaultEditorConfig.displayName = \"DefaultEditorConfig\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,6BAA6B;AACzE,SAASC,YAAY;AACrB,SAASC,WAAW;AACpB,SAASC,kBAAkB;AAC3B,SAASC,eAAe;AACxB,SAASC,oBAAoB;AAC7B,SAASC,iBAAiB;AAC1B,SAASC,YAAY;AACrB,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SAASC,qBAAqB;AAC9B,SAASC,oBAAoB;AAE7B,MAAM;EAAEC;AAAG,CAAC,GAAGX,YAAY;AAE3B,MAAMY,eAAe,GAAGA,CAAA,KAAM;EAC1B,oBACIf,KAAA,CAAAgB,aAAA,CAACF,EAAE,CAACG,eAAe,qBACfjB,KAAA,CAAAgB,aAAA,CAACZ,WAAW;IACRc,IAAI,eAAElB,KAAA,CAAAgB,aAAA,CAACd,SAAS,MAAE,CAAE;IACpBiB,OAAO,EAAE;EAA0D,CACtE,CACe,CAAC;AAE7B,CAAC;AAED,OAAO,MAAMC,mBAAmB,gBAAGpB,KAAK,CAACqB,IAAI,CAAC,MAAM;EAChD,oBACIrB,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAsB,QAAA,qBACItB,KAAA,CAAAgB,aAAA,CAACN,eAAe,MAAE,CAAC,eACnBV,KAAA,CAAAgB,aAAA,CAACb,YAAY,qBACTH,KAAA,CAAAgB,aAAA,CAACJ,qBAAqB,MAAE,CAAC,eACzBZ,KAAA,CAAAgB,aAAA,CAACH,oBAAoB,MAAE,CAAC,eACxBb,KAAA,CAAAgB,aAAA,CAACF,EAAE,CAACS,OAAO,CAACC,OAAO;IACfC,IAAI,EAAE,gBAAiB;IACvBC,KAAK,EAAE,MAAO;IACdC,OAAO,eAAE3B,KAAA,CAAAgB,aAAA,CAACR,iBAAiB,MAAE;EAAE,CAClC,CAAC,eACFR,KAAA,CAAAgB,aAAA,CAACF,EAAE,CAACS,OAAO,CAACC,OAAO;IAACC,IAAI,EAAE,WAAY;IAACC,KAAK,EAAE,MAAO;IAACC,OAAO,eAAE3B,KAAA,CAAAgB,aAAA,CAACP,YAAY,MAAE;EAAE,CAAE,CAAC,eAEnFT,KAAA,CAAAgB,aAAA,CAACF,EAAE,CAACc,OAAO,CAACC,KAAK;IAACJ,IAAI,EAAE,SAAU;IAACE,OAAO,eAAE3B,KAAA,CAAAgB,aAAA,CAACT,oBAAoB,MAAE;EAAE,CAAE,CAAC,eACxEP,KAAA,CAAAgB,aAAA,CAACF,EAAE,CAACc,OAAO,CAACC,KAAK;IAACJ,IAAI,EAAE,OAAQ;IAACE,OAAO,eAAE3B,KAAA,CAAAgB,aAAA,CAACX,kBAAkB,MAAE;EAAE,CAAE,CAAC,eAEpEL,KAAA,CAAAgB,aAAA,CAACF,EAAE,CAACc,OAAO,CAACJ,OAAO;IACfC,IAAI,EAAE,eAAgB;IACtBC,KAAK,EAAE,OAAQ;IACfC,OAAO,eACH3B,KAAA,CAAAgB,aAAA,CAACF,EAAE,CAACgB,eAAe,qBACf9B,KAAA,CAAAgB,aAAA,CAACV,eAAe,MAAE,CACF;EACvB,CACJ,CAAC,eACFN,KAAA,CAAAgB,aAAA,CAACF,EAAE,CAACc,OAAO,CAACJ,OAAO;IACfC,IAAI,EAAE,eAAgB;IACtBC,KAAK,EAAE,OAAQ;IACfC,OAAO,eAAE3B,KAAA,CAAAgB,aAAA,CAACD,eAAe,MAAE;EAAE,CAChC,CAAC,eAEFf,KAAA,CAAAgB,aAAA,CAACF,EAAE,CAACc,OAAO,CAACJ,OAAO;IACfC,IAAI,EAAE,iBAAkB;IACxBC,KAAK,EAAE,SAAU;IACjBC,OAAO,eAAE3B,KAAA,CAAAgB,aAAA,CAACD,eAAe,MAAE;EAAE,CAChC,CAAC,eAEFf,KAAA,CAAAgB,aAAA,CAACF,EAAE,CAACc,OAAO,CAACJ,OAAO;IACfC,IAAI,EAAE,iBAAkB;IACxBC,KAAK,EAAE,SAAU;IACjBC,OAAO,eACH3B,KAAA,CAAAgB,aAAA,CAACF,EAAE,CAACgB,eAAe,qBACf9B,KAAA,CAAAgB,aAAA,CAACL,eAAe,MAAE,CACF;EACvB,CACJ,CAMS,CAChB,CAAC;AAEX,CAAC,CAAC;AAEFS,mBAAmB,CAACW,WAAW,GAAG,qBAAqB","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/DefaultEditorConfig.js","sources":["../../../src/BaseEditor/defaultConfig/DefaultEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TouchIcon } from \"@webiny/icons/touch_app.svg\";\nimport { EditorConfig } from \"~/BaseEditor/config/index.js\";\nimport { InfoMessage } from \"./Sidebar/InfoMessage.js\";\nimport { StyleSettingsGroup } from \"./Sidebar/StyleSettings/StyleSettingsGroup.js\";\nimport { StyleProperties } from \"./Sidebar/StyleSettings/StyleProperties.js\";\nimport { ElementSettingsGroup } from \"./Sidebar/ElementSettings/ElementSettingsGroup.js\";\nimport { InsertElementsTab } from \"./Toolbar/InsertElements/InsertElementsTab.js\";\nimport { NavigatorTab } from \"./Toolbar/Navigator/NavigatorTab.js\";\nimport { CommandHandlers } from \"~/BaseEditor/commandHandlers/index.js\";\nimport { ElementSettings } from \"./Sidebar/ElementSettings/ElementSettings.js\";\nimport { ElementInputRenderers } from \"./ElementInputRenderers.js\";\nimport { ContentPreviewConfig } from \"./Content/ContentPreviewConfig.js\";\n\nconst { Ui } = EditorConfig;\n\nconst ClickToActivate = () => {\n    return (\n        <Ui.NoActiveElement>\n            <InfoMessage\n                icon={<TouchIcon />}\n                message={\"Select an element on the canvas to activate this panel.\"}\n            />\n        </Ui.NoActiveElement>\n    );\n};\n\nexport const DefaultEditorConfig = React.memo(() => {\n    return (\n        <>\n            <CommandHandlers />\n            <EditorConfig>\n                <ElementInputRenderers />\n                <ContentPreviewConfig />\n                <Ui.Toolbar.Element\n                    name={\"insertElements\"}\n                    group={\"tabs\"}\n                    element={<InsertElementsTab />}\n                />\n                <Ui.Toolbar.Element name={\"navigator\"} group={\"tabs\"} element={<NavigatorTab />} />\n                {/* Sidebar Groups */}\n                <Ui.Sidebar.Group name={\"element\"} element={<ElementSettingsGroup />} />\n                <Ui.Sidebar.Group name={\"style\"} element={<StyleSettingsGroup />} />\n                {/* Style Settings Tab */}\n                <Ui.Sidebar.Element\n                    name={\"styleSettings\"}\n                    group={\"style\"}\n                    element={\n                        <Ui.OnActiveElement>\n                            <StyleProperties />\n                        </Ui.OnActiveElement>\n                    }\n                />\n                <Ui.Sidebar.Element\n                    name={\"styleInactive\"}\n                    group={\"style\"}\n                    element={<ClickToActivate />}\n                />\n                {/* Element Settings Tab */}\n                <Ui.Sidebar.Element\n                    name={\"elementInactive\"}\n                    group={\"element\"}\n                    element={<ClickToActivate />}\n                />\n                {/* This element renders element properties. */}\n                <Ui.Sidebar.Element\n                    name={\"elementSettings\"}\n                    group={\"element\"}\n                    element={\n                        <Ui.OnActiveElement>\n                            <ElementSettings />\n                        </Ui.OnActiveElement>\n                    }\n                />\n                {/*<Ui.Sidebar.Element\n                    name={\"stateEditor\"}\n                    group={\"element\"}\n                    element={<DocumentStateEditor />}\n                />*/}\n            </EditorConfig>\n        </>\n    );\n});\n\nDefaultEditorConfig.displayName = \"DefaultEditorConfig\";\n"],"names":["Ui","EditorConfig","ClickToActivate","InfoMessage","TouchIcon","DefaultEditorConfig","React","CommandHandlers","ElementInputRenderers","ContentPreviewConfig","InsertElementsTab","NavigatorTab","ElementSettingsGroup","StyleSettingsGroup","StyleProperties","ElementSettings"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAEf,MAAMC,kBAAkB,IACb,WAAP,GACI,oBAACF,GAAG,eAAe,sBACf,oBAACG,aAAWA;QACR,oBAAM,oBAACC,gBAASA;QAChB,SAAS;;AAMlB,MAAMC,sBAAsB,WAAHA,GAAGC,MAAAA,IAAU,CAAC,IACnC,WAAP,GACI,wDACI,oBAACC,iBAAeA,OAAAA,WAAAA,GAChB,oBAACN,cAAYA,MAAAA,WAAAA,GACT,oBAACO,uBAAqBA,OAAAA,WAAAA,GACtB,oBAACC,sBAAoBA,OAAAA,WAAAA,GACrB,oBAACT,GAAG,OAAO,CAAC,OAAO;QACf,MAAM;QACN,OAAO;QACP,uBAAS,oBAACU,mBAAiBA;sBAE/B,oBAACV,GAAG,OAAO,CAAC,OAAO;QAAC,MAAM;QAAa,OAAO;QAAQ,uBAAS,oBAACW,cAAYA;sBAE5E,oBAACX,GAAG,OAAO,CAAC,KAAK;QAAC,MAAM;QAAW,uBAAS,oBAACY,sBAAoBA;sBACjE,oBAACZ,GAAG,OAAO,CAAC,KAAK;QAAC,MAAM;QAAS,uBAAS,oBAACa,oBAAkBA;sBAE7D,oBAACb,GAAG,OAAO,CAAC,OAAO;QACf,MAAM;QACN,OAAO;QACP,uBACI,oBAACA,GAAG,eAAe,sBACf,oBAACc,iBAAeA;sBAI5B,oBAACd,GAAG,OAAO,CAAC,OAAO;QACf,MAAM;QACN,OAAO;QACP,uBAAS,oBAACE,iBAAeA;sBAG7B,oBAACF,GAAG,OAAO,CAAC,OAAO;QACf,MAAM;QACN,OAAO;QACP,uBAAS,oBAACE,iBAAeA;sBAG7B,oBAACF,GAAG,OAAO,CAAC,OAAO;QACf,MAAM;QACN,OAAO;QACP,uBACI,oBAACA,GAAG,eAAe,sBACf,oBAACe,iBAAeA;;AAc5CV,oBAAoB,WAAW,GAAG"}