@webiny/website-builder-react 6.0.0-alpha.0 → 6.0.0-alpha.1

package/components/ConnectToEditor.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type Component, type Document } from "@webiny/app-website-builder/sdk";
+import { type Component, type Document } from "@webiny/website-builder-sdk";
 interface ConnectToEditorProps {
     document: Document;
     components: Component[];

package/components/ConnectToEditor.js

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useEffect, useState } from "react";
-import { contentSdk } from "@webiny/app-website-builder/sdk";
+import { contentSdk } from "@webiny/website-builder-sdk";
 import { DocumentStoreProvider } from "./DocumentStoreProvider";
 import { ElementRenderer } from "./ElementRenderer";
 export const ConnectToEditor = props => {

package/components/ConnectToEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","contentSdk","DocumentStoreProvider","ElementRenderer","ConnectToEditor","props","data","setData","getPage","document","properties","path","then","createElement","id"],"sources":["ConnectToEditor.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useState } from \"react\";\nimport { contentSdk, type Component, type Document } from \"@webiny/app-website-builder/sdk\";\nimport { DocumentStoreProvider } from \"~/components/DocumentStoreProvider\";\nimport { ElementRenderer } from \"~/components/ElementRenderer\";\n\ninterface ConnectToEditorProps {\n    document: Document;\n    components: Component[];\n}\n\nexport const ConnectToEditor = (props: ConnectToEditorProps) => {\n    const [data, setData] = useState<Document | null>(null);\n\n    useEffect(() => {\n        contentSdk.getPage(props.document.properties.path).then(document => {\n            setData(document);\n        });\n    }, []);\n\n    if (!data) {\n        return null;\n    }\n\n    return (\n        <DocumentStoreProvider id={data.properties.id} document={data}>\n            <ElementRenderer id={\"root\"} />\n        </DocumentStoreProvider>\n    );\n};\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,UAAU,QAAuC,iCAAiC;AAC3F,SAASC,qBAAqB;AAC9B,SAASC,eAAe;AAOxB,OAAO,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EAC5D,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGP,QAAQ,CAAkB,IAAI,CAAC;EAEvDD,SAAS,CAAC,MAAM;IACZE,UAAU,CAACO,OAAO,CAACH,KAAK,CAACI,QAAQ,CAACC,UAAU,CAACC,IAAI,CAAC,CAACC,IAAI,CAACH,QAAQ,IAAI;MAChEF,OAAO,CAACE,QAAQ,CAAC;IACrB,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACH,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIR,KAAA,CAAAe,aAAA,CAACX,qBAAqB;IAACY,EAAE,EAAER,IAAI,CAACI,UAAU,CAACI,EAAG;IAACL,QAAQ,EAAEH;EAAK,gBAC1DR,KAAA,CAAAe,aAAA,CAACV,eAAe;IAACW,EAAE,EAAE;EAAO,CAAE,CACX,CAAC;AAEhC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","contentSdk","DocumentStoreProvider","ElementRenderer","ConnectToEditor","props","data","setData","getPage","document","properties","path","then","createElement","id"],"sources":["ConnectToEditor.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useState } from \"react\";\nimport { contentSdk, type Component, type Document } from \"@webiny/website-builder-sdk\";\nimport { DocumentStoreProvider } from \"~/components/DocumentStoreProvider\";\nimport { ElementRenderer } from \"~/components/ElementRenderer\";\n\ninterface ConnectToEditorProps {\n    document: Document;\n    components: Component[];\n}\n\nexport const ConnectToEditor = (props: ConnectToEditorProps) => {\n    const [data, setData] = useState<Document | null>(null);\n\n    useEffect(() => {\n        contentSdk.getPage(props.document.properties.path).then(document => {\n            setData(document);\n        });\n    }, []);\n\n    if (!data) {\n        return null;\n    }\n\n    return (\n        <DocumentStoreProvider id={data.properties.id} document={data}>\n            <ElementRenderer id={\"root\"} />\n        </DocumentStoreProvider>\n    );\n};\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,UAAU,QAAuC,6BAA6B;AACvF,SAASC,qBAAqB;AAC9B,SAASC,eAAe;AAOxB,OAAO,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EAC5D,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGP,QAAQ,CAAkB,IAAI,CAAC;EAEvDD,SAAS,CAAC,MAAM;IACZE,UAAU,CAACO,OAAO,CAACH,KAAK,CAACI,QAAQ,CAACC,UAAU,CAACC,IAAI,CAAC,CAACC,IAAI,CAACH,QAAQ,IAAI;MAChEF,OAAO,CAACE,QAAQ,CAAC;IACrB,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACH,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIR,KAAA,CAAAe,aAAA,CAACX,qBAAqB;IAACY,EAAE,EAAER,IAAI,CAACI,UAAU,CAACI,EAAG;IAACL,QAAQ,EAAEH;EAAK,gBAC1DR,KAAA,CAAAe,aAAA,CAACV,eAAe;IAACW,EAAE,EAAE;EAAO,CAAE,CACX,CAAC;AAEhC,CAAC","ignoreList":[]}

package/components/DocumentRenderer.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type Component, type Document } from "@webiny/app-website-builder/sdk";
+import { type Component, type Document } from "@webiny/website-builder-sdk";
 interface DocumentRendererProps {
     document: Document | null;
     components: Component[];

package/components/DocumentRenderer.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { contentSdk } from "@webiny/app-website-builder/sdk";
+import { contentSdk } from "@webiny/website-builder-sdk";
 import { ElementRenderer } from "./ElementRenderer";
 import { DocumentStoreProvider } from "./DocumentStoreProvider";
 import { ConnectToEditor } from "./ConnectToEditor";

package/components/DocumentRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","contentSdk","ElementRenderer","DocumentStoreProvider","ConnectToEditor","editorComponents","FragmentsProvider","DocumentRenderer","document","components","children","allComponents","forEach","blueprint","registerComponent","fragments","Children","toArray","child","name","props","createElement","Fragment","isEditing","id","properties"],"sources":["DocumentRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { type Component, contentSdk, type Document } from \"@webiny/app-website-builder/sdk\";\nimport { ElementRenderer } from \"./ElementRenderer\";\nimport { DocumentStoreProvider } from \"./DocumentStoreProvider\";\nimport { ConnectToEditor } from \"./ConnectToEditor\";\nimport { editorComponents } from \"../editorComponents/index\";\nimport { DocumentFragments, FragmentsProvider } from \"./FragmentsProvider\";\n\ninterface DocumentRendererProps {\n    document: Document | null;\n    components: Component[];\n    children?: React.ReactNode | React.ReactNode[];\n}\n\nexport const DocumentRenderer = ({ document, components, children }: DocumentRendererProps) => {\n    const allComponents = [...editorComponents, ...components];\n    allComponents.forEach(blueprint => contentSdk.registerComponent(blueprint));\n    const fragments: DocumentFragments = {};\n\n    React.Children.toArray(children).forEach(child => {\n        // @ts-expect-error Need to properly type this.\n        const { name, children } = child.props;\n        if (!name || !children) {\n            return;\n        }\n\n        fragments[name] = <>{children}</>;\n    });\n\n    if (!document) {\n        return <div data-role={\"document-renderer\"}>{children}</div>;\n    }\n\n    return (\n        <div data-role={\"document-renderer\"}>\n            <FragmentsProvider fragments={fragments ?? {}}>\n                {contentSdk.isEditing() ? (\n                    <ConnectToEditor document={document} components={components} />\n                ) : (\n                    <DocumentStoreProvider id={document.properties.id} document={document}>\n                        <ElementRenderer id={\"root\"} />\n                    </DocumentStoreProvider>\n                )}\n            </FragmentsProvider>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,UAAU,QAAuB,iCAAiC;AAC3F,SAASC,eAAe;AACxB,SAASC,qBAAqB;AAC9B,SAASC,eAAe;AACxB,SAASC,gBAAgB;AACzB,SAA4BC,iBAAiB;AAQ7C,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,UAAU;EAAEC;AAAgC,CAAC,KAAK;EAC3F,MAAMC,aAAa,GAAG,CAAC,GAAGN,gBAAgB,EAAE,GAAGI,UAAU,CAAC;EAC1DE,aAAa,CAACC,OAAO,CAACC,SAAS,IAAIZ,UAAU,CAACa,iBAAiB,CAACD,SAAS,CAAC,CAAC;EAC3E,MAAME,SAA4B,GAAG,CAAC,CAAC;EAEvCf,KAAK,CAACgB,QAAQ,CAACC,OAAO,CAACP,QAAQ,CAAC,CAACE,OAAO,CAACM,KAAK,IAAI;IAC9C;IACA,MAAM;MAAEC,IAAI;MAAET;IAAS,CAAC,GAAGQ,KAAK,CAACE,KAAK;IACtC,IAAI,CAACD,IAAI,IAAI,CAACT,QAAQ,EAAE;MACpB;IACJ;IAEAK,SAAS,CAACI,IAAI,CAAC,gBAAGnB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,QAAGZ,QAAW,CAAC;EACrC,CAAC,CAAC;EAEF,IAAI,CAACF,QAAQ,EAAE;IACX,oBAAOR,KAAA,CAAAqB,aAAA;MAAK,aAAW;IAAoB,GAAEX,QAAc,CAAC;EAChE;EAEA,oBACIV,KAAA,CAAAqB,aAAA;IAAK,aAAW;EAAoB,gBAChCrB,KAAA,CAAAqB,aAAA,CAACf,iBAAiB;IAACS,SAAS,EAAEA,SAAS,IAAI,CAAC;EAAE,GACzCd,UAAU,CAACsB,SAAS,CAAC,CAAC,gBACnBvB,KAAA,CAAAqB,aAAA,CAACjB,eAAe;IAACI,QAAQ,EAAEA,QAAS;IAACC,UAAU,EAAEA;EAAW,CAAE,CAAC,gBAE/DT,KAAA,CAAAqB,aAAA,CAAClB,qBAAqB;IAACqB,EAAE,EAAEhB,QAAQ,CAACiB,UAAU,CAACD,EAAG;IAAChB,QAAQ,EAAEA;EAAS,gBAClER,KAAA,CAAAqB,aAAA,CAACnB,eAAe;IAACsB,EAAE,EAAE;EAAO,CAAE,CACX,CAEZ,CAClB,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","contentSdk","ElementRenderer","DocumentStoreProvider","ConnectToEditor","editorComponents","FragmentsProvider","DocumentRenderer","document","components","children","allComponents","forEach","blueprint","registerComponent","fragments","Children","toArray","child","name","props","createElement","Fragment","isEditing","id","properties"],"sources":["DocumentRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { type Component, contentSdk, type Document } from \"@webiny/website-builder-sdk\";\nimport { ElementRenderer } from \"./ElementRenderer\";\nimport { DocumentStoreProvider } from \"./DocumentStoreProvider\";\nimport { ConnectToEditor } from \"./ConnectToEditor\";\nimport { editorComponents } from \"../editorComponents/index\";\nimport type { DocumentFragments } from \"./FragmentsProvider\";\nimport { FragmentsProvider } from \"./FragmentsProvider\";\n\ninterface DocumentRendererProps {\n    document: Document | null;\n    components: Component[];\n    children?: React.ReactNode | React.ReactNode[];\n}\n\nexport const DocumentRenderer = ({ document, components, children }: DocumentRendererProps) => {\n    const allComponents = [...editorComponents, ...components];\n    allComponents.forEach(blueprint => contentSdk.registerComponent(blueprint));\n    const fragments: DocumentFragments = {};\n\n    React.Children.toArray(children).forEach(child => {\n        // @ts-expect-error Need to properly type this.\n        const { name, children } = child.props;\n        if (!name || !children) {\n            return;\n        }\n\n        fragments[name] = <>{children}</>;\n    });\n\n    if (!document) {\n        return <div data-role={\"document-renderer\"}>{children}</div>;\n    }\n\n    return (\n        <div data-role={\"document-renderer\"}>\n            <FragmentsProvider fragments={fragments ?? {}}>\n                {contentSdk.isEditing() ? (\n                    <ConnectToEditor document={document} components={components} />\n                ) : (\n                    <DocumentStoreProvider id={document.properties.id} document={document}>\n                        <ElementRenderer id={\"root\"} />\n                    </DocumentStoreProvider>\n                )}\n            </FragmentsProvider>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,UAAU,QAAuB,6BAA6B;AACvF,SAASC,eAAe;AACxB,SAASC,qBAAqB;AAC9B,SAASC,eAAe;AACxB,SAASC,gBAAgB;AAEzB,SAASC,iBAAiB;AAQ1B,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,UAAU;EAAEC;AAAgC,CAAC,KAAK;EAC3F,MAAMC,aAAa,GAAG,CAAC,GAAGN,gBAAgB,EAAE,GAAGI,UAAU,CAAC;EAC1DE,aAAa,CAACC,OAAO,CAACC,SAAS,IAAIZ,UAAU,CAACa,iBAAiB,CAACD,SAAS,CAAC,CAAC;EAC3E,MAAME,SAA4B,GAAG,CAAC,CAAC;EAEvCf,KAAK,CAACgB,QAAQ,CAACC,OAAO,CAACP,QAAQ,CAAC,CAACE,OAAO,CAACM,KAAK,IAAI;IAC9C;IACA,MAAM;MAAEC,IAAI;MAAET;IAAS,CAAC,GAAGQ,KAAK,CAACE,KAAK;IACtC,IAAI,CAACD,IAAI,IAAI,CAACT,QAAQ,EAAE;MACpB;IACJ;IAEAK,SAAS,CAACI,IAAI,CAAC,gBAAGnB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,QAAGZ,QAAW,CAAC;EACrC,CAAC,CAAC;EAEF,IAAI,CAACF,QAAQ,EAAE;IACX,oBAAOR,KAAA,CAAAqB,aAAA;MAAK,aAAW;IAAoB,GAAEX,QAAc,CAAC;EAChE;EAEA,oBACIV,KAAA,CAAAqB,aAAA;IAAK,aAAW;EAAoB,gBAChCrB,KAAA,CAAAqB,aAAA,CAACf,iBAAiB;IAACS,SAAS,EAAEA,SAAS,IAAI,CAAC;EAAE,GACzCd,UAAU,CAACsB,SAAS,CAAC,CAAC,gBACnBvB,KAAA,CAAAqB,aAAA,CAACjB,eAAe;IAACI,QAAQ,EAAEA,QAAS;IAACC,UAAU,EAAEA;EAAW,CAAE,CAAC,gBAE/DT,KAAA,CAAAqB,aAAA,CAAClB,qBAAqB;IAACqB,EAAE,EAAEhB,QAAQ,CAACiB,UAAU,CAACD,EAAG;IAAChB,QAAQ,EAAEA;EAAS,gBAClER,KAAA,CAAAqB,aAAA,CAACnB,eAAe;IAACsB,EAAE,EAAE;EAAO,CAAE,CACX,CAEZ,CAClB,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/DocumentStoreProvider.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-import { type Document, DocumentStore } from "@webiny/app-website-builder/sdk";
+import type { DocumentStore } from "@webiny/website-builder-sdk";
+import { type Document } from "@webiny/website-builder-sdk";
 export declare const DocumentStoreProvider: ({ id, document, children }: {
     id: string;
     document?: Document | undefined;

package/components/DocumentStoreProvider.js

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useContext, useMemo } from "react";
-import { documentStoreManager } from "@webiny/app-website-builder/sdk";
+import { documentStoreManager } from "@webiny/website-builder-sdk";
 const DocumentStoreContext = /*#__PURE__*/React.createContext(undefined);
 export const DocumentStoreProvider = ({
   id,

package/components/DocumentStoreProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useMemo","documentStoreManager","DocumentStoreContext","createContext","undefined","DocumentStoreProvider","id","document","children","store","getStore","setDocument","createElement","Provider","value","useDocumentStore","Error"],"sources":["DocumentStoreProvider.tsx"],"sourcesContent":["\"use client\";\nimport React, { useContext, useEffect, useMemo } from \"react\";\nimport {\n    type Document,\n    documentStoreManager,\n    DocumentStore\n} from \"@webiny/app-website-builder/sdk\";\n\nconst DocumentStoreContext = React.createContext<DocumentStore | undefined>(undefined);\n\nexport const DocumentStoreProvider = ({\n    id,\n    document,\n    children\n}: {\n    id: string;\n    document?: Document;\n    children: React.ReactNode;\n}) => {\n    const store = useMemo(() => documentStoreManager.getStore(id), [id]);\n\n    if (document) {\n        store.setDocument(document);\n    }\n\n    return <DocumentStoreContext.Provider value={store}>{children}</DocumentStoreContext.Provider>;\n};\n\nexport const useDocumentStore = (): DocumentStore => {\n    const store = useContext(DocumentStoreContext);\n    if (!store) {\n        throw new Error(\"useDocumentStore must be used within a DocumentStoreProvider\");\n    }\n    return store;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,IAAIC,UAAU,EAAaC,OAAO,QAAQ,OAAO;AAC7D,SAEIC,oBAAoB,QAEjB,iCAAiC;AAExC,MAAMC,oBAAoB,gBAAGJ,KAAK,CAACK,aAAa,CAA4BC,SAAS,CAAC;AAEtF,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EAClCC,EAAE;EACFC,QAAQ;EACRC;AAKJ,CAAC,KAAK;EACF,MAAMC,KAAK,GAAGT,OAAO,CAAC,MAAMC,oBAAoB,CAACS,QAAQ,CAACJ,EAAE,CAAC,EAAE,CAACA,EAAE,CAAC,CAAC;EAEpE,IAAIC,QAAQ,EAAE;IACVE,KAAK,CAACE,WAAW,CAACJ,QAAQ,CAAC;EAC/B;EAEA,oBAAOT,KAAA,CAAAc,aAAA,CAACV,oBAAoB,CAACW,QAAQ;IAACC,KAAK,EAAEL;EAAM,GAAED,QAAwC,CAAC;AAClG,CAAC;AAED,OAAO,MAAMO,gBAAgB,GAAGA,CAAA,KAAqB;EACjD,MAAMN,KAAK,GAAGV,UAAU,CAACG,oBAAoB,CAAC;EAC9C,IAAI,CAACO,KAAK,EAAE;IACR,MAAM,IAAIO,KAAK,CAAC,8DAA8D,CAAC;EACnF;EACA,OAAOP,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","useMemo","documentStoreManager","DocumentStoreContext","createContext","undefined","DocumentStoreProvider","id","document","children","store","getStore","setDocument","createElement","Provider","value","useDocumentStore","Error"],"sources":["DocumentStoreProvider.tsx"],"sourcesContent":["\"use client\";\nimport React, { useContext, useMemo } from \"react\";\nimport type { DocumentStore } from \"@webiny/website-builder-sdk\";\nimport { type Document, documentStoreManager } from \"@webiny/website-builder-sdk\";\n\nconst DocumentStoreContext = React.createContext<DocumentStore | undefined>(undefined);\n\nexport const DocumentStoreProvider = ({\n    id,\n    document,\n    children\n}: {\n    id: string;\n    document?: Document;\n    children: React.ReactNode;\n}) => {\n    const store = useMemo(() => documentStoreManager.getStore(id), [id]);\n\n    if (document) {\n        store.setDocument(document);\n    }\n\n    return <DocumentStoreContext.Provider value={store}>{children}</DocumentStoreContext.Provider>;\n};\n\nexport const useDocumentStore = (): DocumentStore => {\n    const store = useContext(DocumentStoreContext);\n    if (!store) {\n        throw new Error(\"useDocumentStore must be used within a DocumentStoreProvider\");\n    }\n    return store;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAElD,SAAwBC,oBAAoB,QAAQ,6BAA6B;AAEjF,MAAMC,oBAAoB,gBAAGJ,KAAK,CAACK,aAAa,CAA4BC,SAAS,CAAC;AAEtF,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EAClCC,EAAE;EACFC,QAAQ;EACRC;AAKJ,CAAC,KAAK;EACF,MAAMC,KAAK,GAAGT,OAAO,CAAC,MAAMC,oBAAoB,CAACS,QAAQ,CAACJ,EAAE,CAAC,EAAE,CAACA,EAAE,CAAC,CAAC;EAEpE,IAAIC,QAAQ,EAAE;IACVE,KAAK,CAACE,WAAW,CAACJ,QAAQ,CAAC;EAC/B;EAEA,oBAAOT,KAAA,CAAAc,aAAA,CAACV,oBAAoB,CAACW,QAAQ;IAACC,KAAK,EAAEL;EAAM,GAAED,QAAwC,CAAC;AAClG,CAAC;AAED,OAAO,MAAMO,gBAAgB,GAAGA,CAAA,KAAqB;EACjD,MAAMN,KAAK,GAAGV,UAAU,CAACG,oBAAoB,CAAC;EAC9C,IAAI,CAACO,KAAK,EAAE;IACR,MAAM,IAAIO,KAAK,CAAC,8DAA8D,CAAC;EACnF;EACA,OAAOP,KAAK;AAChB,CAAC","ignoreList":[]}

package/components/EditingElementRenderer/EditingElementRenderer.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type DocumentElement } from "@webiny/app-website-builder/sdk";
+import { type DocumentElement } from "@webiny/website-builder-sdk";
 interface PreviewElementRendererProps {
     element: DocumentElement;
 }

package/components/EditingElementRenderer/EditingElementRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","observer","EditingElementRendererPresenter","LiveElementRenderer","useElementSlotDepth","useElementIndex","useDocumentStore","styles","display","EditingElementRenderer","props","documentStore","depth","index","presenter","element","id","init","dispose","vm","createElement","style","parent","slot"],"sources":["EditingElementRenderer.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { type DocumentElement } from \"@webiny/app-website-builder/sdk\";\nimport { EditingElementRendererPresenter } from \"./EditingElementRenderer.presenter\";\nimport { LiveElementRenderer } from \"../LiveElementRenderer\";\nimport { useElementSlotDepth } from \"../ElementSlotDepthProvider\";\nimport { useElementIndex } from \"../ElementIndexProvider\";\nimport { useDocumentStore } from \"../DocumentStoreProvider\";\n\ninterface PreviewElementRendererProps {\n    element: DocumentElement;\n}\n\nconst styles = { display: \"contents\" };\n\nexport const EditingElementRenderer = observer((props: PreviewElementRendererProps) => {\n    const documentStore = useDocumentStore();\n    const depth = useElementSlotDepth();\n    const index = useElementIndex();\n\n    const presenter = useMemo(() => {\n        return new EditingElementRendererPresenter(documentStore);\n    }, [props.element?.id]);\n\n    useEffect(() => {\n        if (!props.element) {\n            return;\n        }\n        presenter.init(props.element);\n    }, [props.element?.id]);\n\n    useEffect(() => {\n        return () => {\n            presenter.dispose();\n        };\n    }, []);\n\n    const element = presenter.vm.element;\n\n    if (!element || !element.id) {\n        return null;\n    }\n\n    return (\n        <div\n            style={styles}\n            data-element-id={element.id}\n            data-depth={depth}\n            data-parent-index={index}\n            data-parent-id={element.parent?.id}\n            data-parent-slot={element.parent?.slot}\n        >\n            <LiveElementRenderer element={element} />\n        </div>\n    );\n});\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACjD,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,SAASC,+BAA+B;AACxC,SAASC,mBAAmB;AAC5B,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AACxB,SAASC,gBAAgB;AAMzB,MAAMC,MAAM,GAAG;EAAEC,OAAO,EAAE;AAAW,CAAC;AAEtC,OAAO,MAAMC,sBAAsB,GAAGR,QAAQ,CAAES,KAAkC,IAAK;EACnF,MAAMC,aAAa,GAAGL,gBAAgB,CAAC,CAAC;EACxC,MAAMM,KAAK,GAAGR,mBAAmB,CAAC,CAAC;EACnC,MAAMS,KAAK,GAAGR,eAAe,CAAC,CAAC;EAE/B,MAAMS,SAAS,GAAGd,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIE,+BAA+B,CAACS,aAAa,CAAC;EAC7D,CAAC,EAAE,CAACD,KAAK,CAACK,OAAO,EAAEC,EAAE,CAAC,CAAC;EAEvBjB,SAAS,CAAC,MAAM;IACZ,IAAI,CAACW,KAAK,CAACK,OAAO,EAAE;MAChB;IACJ;IACAD,SAAS,CAACG,IAAI,CAACP,KAAK,CAACK,OAAO,CAAC;EACjC,CAAC,EAAE,CAACL,KAAK,CAACK,OAAO,EAAEC,EAAE,CAAC,CAAC;EAEvBjB,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACTe,SAAS,CAACI,OAAO,CAAC,CAAC;IACvB,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMH,OAAO,GAAGD,SAAS,CAACK,EAAE,CAACJ,OAAO;EAEpC,IAAI,CAACA,OAAO,IAAI,CAACA,OAAO,CAACC,EAAE,EAAE;IACzB,OAAO,IAAI;EACf;EAEA,oBACIlB,KAAA,CAAAsB,aAAA;IACIC,KAAK,EAAEd,MAAO;IACd,mBAAiBQ,OAAO,CAACC,EAAG;IAC5B,cAAYJ,KAAM;IAClB,qBAAmBC,KAAM;IACzB,kBAAgBE,OAAO,CAACO,MAAM,EAAEN,EAAG;IACnC,oBAAkBD,OAAO,CAACO,MAAM,EAAEC;EAAK,gBAEvCzB,KAAA,CAAAsB,aAAA,CAACjB,mBAAmB;IAACY,OAAO,EAAEA;EAAQ,CAAE,CACvC,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","observer","EditingElementRendererPresenter","LiveElementRenderer","useElementSlotDepth","useElementIndex","useDocumentStore","styles","display","EditingElementRenderer","props","documentStore","depth","index","presenter","element","id","init","dispose","vm","createElement","style","parent","slot"],"sources":["EditingElementRenderer.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { type DocumentElement } from \"@webiny/website-builder-sdk\";\nimport { EditingElementRendererPresenter } from \"./EditingElementRenderer.presenter\";\nimport { LiveElementRenderer } from \"../LiveElementRenderer\";\nimport { useElementSlotDepth } from \"../ElementSlotDepthProvider\";\nimport { useElementIndex } from \"../ElementIndexProvider\";\nimport { useDocumentStore } from \"../DocumentStoreProvider\";\n\ninterface PreviewElementRendererProps {\n    element: DocumentElement;\n}\n\nconst styles = { display: \"contents\" };\n\nexport const EditingElementRenderer = observer((props: PreviewElementRendererProps) => {\n    const documentStore = useDocumentStore();\n    const depth = useElementSlotDepth();\n    const index = useElementIndex();\n\n    const presenter = useMemo(() => {\n        return new EditingElementRendererPresenter(documentStore);\n    }, [props.element?.id]);\n\n    useEffect(() => {\n        if (!props.element) {\n            return;\n        }\n        presenter.init(props.element);\n    }, [props.element?.id]);\n\n    useEffect(() => {\n        return () => {\n            presenter.dispose();\n        };\n    }, []);\n\n    const element = presenter.vm.element;\n\n    if (!element || !element.id) {\n        return null;\n    }\n\n    return (\n        <div\n            style={styles}\n            data-element-id={element.id}\n            data-depth={depth}\n            data-parent-index={index}\n            data-parent-id={element.parent?.id}\n            data-parent-slot={element.parent?.slot}\n        >\n            <LiveElementRenderer element={element} />\n        </div>\n    );\n});\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACjD,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,SAASC,+BAA+B;AACxC,SAASC,mBAAmB;AAC5B,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AACxB,SAASC,gBAAgB;AAMzB,MAAMC,MAAM,GAAG;EAAEC,OAAO,EAAE;AAAW,CAAC;AAEtC,OAAO,MAAMC,sBAAsB,GAAGR,QAAQ,CAAES,KAAkC,IAAK;EACnF,MAAMC,aAAa,GAAGL,gBAAgB,CAAC,CAAC;EACxC,MAAMM,KAAK,GAAGR,mBAAmB,CAAC,CAAC;EACnC,MAAMS,KAAK,GAAGR,eAAe,CAAC,CAAC;EAE/B,MAAMS,SAAS,GAAGd,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIE,+BAA+B,CAACS,aAAa,CAAC;EAC7D,CAAC,EAAE,CAACD,KAAK,CAACK,OAAO,EAAEC,EAAE,CAAC,CAAC;EAEvBjB,SAAS,CAAC,MAAM;IACZ,IAAI,CAACW,KAAK,CAACK,OAAO,EAAE;MAChB;IACJ;IACAD,SAAS,CAACG,IAAI,CAACP,KAAK,CAACK,OAAO,CAAC;EACjC,CAAC,EAAE,CAACL,KAAK,CAACK,OAAO,EAAEC,EAAE,CAAC,CAAC;EAEvBjB,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACTe,SAAS,CAACI,OAAO,CAAC,CAAC;IACvB,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMH,OAAO,GAAGD,SAAS,CAACK,EAAE,CAACJ,OAAO;EAEpC,IAAI,CAACA,OAAO,IAAI,CAACA,OAAO,CAACC,EAAE,EAAE;IACzB,OAAO,IAAI;EACf;EAEA,oBACIlB,KAAA,CAAAsB,aAAA;IACIC,KAAK,EAAEd,MAAO;IACd,mBAAiBQ,OAAO,CAACC,EAAG;IAC5B,cAAYJ,KAAM;IAClB,qBAAmBC,KAAM;IACzB,kBAAgBE,OAAO,CAACO,MAAM,EAAEN,EAAG;IACnC,oBAAkBD,OAAO,CAACO,MAAM,EAAEC;EAAK,gBAEvCzB,KAAA,CAAAsB,aAAA,CAACjB,mBAAmB;IAACY,OAAO,EAAEA;EAAQ,CAAE,CACvC,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}

package/components/EditingElementRenderer/EditingElementRenderer.presenter.d.ts

@@ -1,4 +1,5 @@
-import { DocumentStore, type DocumentElement } from "@webiny/app-website-builder/sdk";
+import type { DocumentStore } from "@webiny/website-builder-sdk";
+import { type DocumentElement } from "@webiny/website-builder-sdk";
 export declare class EditingElementRendererPresenter {
     private element;
     private listeners;

package/components/EditingElementRenderer/EditingElementRenderer.presenter.js

@@ -1,7 +1,7 @@
 "use client";
 
 import { makeAutoObservable, observable, toJS } from "mobx";
-import { contentSdk, jsonPatch } from "@webiny/app-website-builder/sdk";
+import { contentSdk, jsonPatch } from "@webiny/website-builder-sdk";
 export class EditingElementRendererPresenter {
   listeners = [];
   constructor(documentStore) {

package/components/EditingElementRenderer/EditingElementRenderer.presenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","observable","toJS","contentSdk","jsonPatch","EditingElementRendererPresenter","listeners","constructor","documentStore","element","editingSdk","getEditingSdk","vm","init","setupPreview","dispose","forEach","fn","id","push","messenger","on","patch","updateDocument","document","applyPatch","bindings"],"sources":["EditingElementRenderer.presenter.ts"],"sourcesContent":["\"use client\";\nimport { makeAutoObservable, observable, toJS } from \"mobx\";\nimport {\n    contentSdk,\n    jsonPatch,\n    DocumentStore,\n    type EditingSdk,\n    type DocumentElement\n} from \"@webiny/app-website-builder/sdk\";\n\nexport class EditingElementRendererPresenter {\n    private element: DocumentElement;\n    private listeners: Array<() => void> = [];\n    private documentStore: DocumentStore;\n    private readonly editingSdk: EditingSdk | undefined;\n\n    constructor(documentStore: DocumentStore) {\n        this.documentStore = documentStore;\n        this.element = observable({}) as DocumentElement;\n        this.editingSdk = contentSdk.getEditingSdk();\n        makeAutoObservable(this);\n    }\n\n    get vm() {\n        return {\n            element: toJS(this.element)\n        };\n    }\n\n    init(element: DocumentElement) {\n        this.element = element;\n        this.setupPreview();\n    }\n\n    dispose() {\n        this.listeners.forEach(fn => fn());\n    }\n\n    private setupPreview() {\n        const element = this.element;\n\n        if (!element) {\n            return;\n        }\n\n        const { id } = element;\n\n        if (this.editingSdk) {\n            this.listeners.push(\n                this.editingSdk.messenger.on(`element.patch.${id}`, patch => {\n                    this.documentStore.updateDocument(document => {\n                        jsonPatch.applyPatch(document.bindings[id], patch, false, true);\n                    });\n                })\n            );\n        }\n    }\n}\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,kBAAkB,EAAEC,UAAU,EAAEC,IAAI,QAAQ,MAAM;AAC3D,SACIC,UAAU,EACVC,SAAS,QAIN,iCAAiC;AAExC,OAAO,MAAMC,+BAA+B,CAAC;EAEjCC,SAAS,GAAsB,EAAE;EAIzCC,WAAWA,CAACC,aAA4B,EAAE;IACtC,IAAI,CAACA,aAAa,GAAGA,aAAa;IAClC,IAAI,CAACC,OAAO,GAAGR,UAAU,CAAC,CAAC,CAAC,CAAoB;IAChD,IAAI,CAACS,UAAU,GAAGP,UAAU,CAACQ,aAAa,CAAC,CAAC;IAC5CX,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,IAAIY,EAAEA,CAAA,EAAG;IACL,OAAO;MACHH,OAAO,EAAEP,IAAI,CAAC,IAAI,CAACO,OAAO;IAC9B,CAAC;EACL;EAEAI,IAAIA,CAACJ,OAAwB,EAAE;IAC3B,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACK,YAAY,CAAC,CAAC;EACvB;EAEAC,OAAOA,CAAA,EAAG;IACN,IAAI,CAACT,SAAS,CAACU,OAAO,CAACC,EAAE,IAAIA,EAAE,CAAC,CAAC,CAAC;EACtC;EAEQH,YAAYA,CAAA,EAAG;IACnB,MAAML,OAAO,GAAG,IAAI,CAACA,OAAO;IAE5B,IAAI,CAACA,OAAO,EAAE;MACV;IACJ;IAEA,MAAM;MAAES;IAAG,CAAC,GAAGT,OAAO;IAEtB,IAAI,IAAI,CAACC,UAAU,EAAE;MACjB,IAAI,CAACJ,SAAS,CAACa,IAAI,CACf,IAAI,CAACT,UAAU,CAACU,SAAS,CAACC,EAAE,CAAC,iBAAiBH,EAAE,EAAE,EAAEI,KAAK,IAAI;QACzD,IAAI,CAACd,aAAa,CAACe,cAAc,CAACC,QAAQ,IAAI;UAC1CpB,SAAS,CAACqB,UAAU,CAACD,QAAQ,CAACE,QAAQ,CAACR,EAAE,CAAC,EAAEI,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC;QACnE,CAAC,CAAC;MACN,CAAC,CACL,CAAC;IACL;EACJ;AACJ","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","observable","toJS","contentSdk","jsonPatch","EditingElementRendererPresenter","listeners","constructor","documentStore","element","editingSdk","getEditingSdk","vm","init","setupPreview","dispose","forEach","fn","id","push","messenger","on","patch","updateDocument","document","applyPatch","bindings"],"sources":["EditingElementRenderer.presenter.ts"],"sourcesContent":["\"use client\";\nimport { makeAutoObservable, observable, toJS } from \"mobx\";\nimport type { DocumentStore } from \"@webiny/website-builder-sdk\";\nimport {\n    contentSdk,\n    jsonPatch,\n    type EditingSdk,\n    type DocumentElement\n} from \"@webiny/website-builder-sdk\";\n\nexport class EditingElementRendererPresenter {\n    private element: DocumentElement;\n    private listeners: Array<() => void> = [];\n    private documentStore: DocumentStore;\n    private readonly editingSdk: EditingSdk | undefined;\n\n    constructor(documentStore: DocumentStore) {\n        this.documentStore = documentStore;\n        this.element = observable({}) as DocumentElement;\n        this.editingSdk = contentSdk.getEditingSdk();\n        makeAutoObservable(this);\n    }\n\n    get vm() {\n        return {\n            element: toJS(this.element)\n        };\n    }\n\n    init(element: DocumentElement) {\n        this.element = element;\n        this.setupPreview();\n    }\n\n    dispose() {\n        this.listeners.forEach(fn => fn());\n    }\n\n    private setupPreview() {\n        const element = this.element;\n\n        if (!element) {\n            return;\n        }\n\n        const { id } = element;\n\n        if (this.editingSdk) {\n            this.listeners.push(\n                this.editingSdk.messenger.on(`element.patch.${id}`, patch => {\n                    this.documentStore.updateDocument(document => {\n                        jsonPatch.applyPatch(document.bindings[id], patch, false, true);\n                    });\n                })\n            );\n        }\n    }\n}\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,kBAAkB,EAAEC,UAAU,EAAEC,IAAI,QAAQ,MAAM;AAE3D,SACIC,UAAU,EACVC,SAAS,QAGN,6BAA6B;AAEpC,OAAO,MAAMC,+BAA+B,CAAC;EAEjCC,SAAS,GAAsB,EAAE;EAIzCC,WAAWA,CAACC,aAA4B,EAAE;IACtC,IAAI,CAACA,aAAa,GAAGA,aAAa;IAClC,IAAI,CAACC,OAAO,GAAGR,UAAU,CAAC,CAAC,CAAC,CAAoB;IAChD,IAAI,CAACS,UAAU,GAAGP,UAAU,CAACQ,aAAa,CAAC,CAAC;IAC5CX,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,IAAIY,EAAEA,CAAA,EAAG;IACL,OAAO;MACHH,OAAO,EAAEP,IAAI,CAAC,IAAI,CAACO,OAAO;IAC9B,CAAC;EACL;EAEAI,IAAIA,CAACJ,OAAwB,EAAE;IAC3B,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACK,YAAY,CAAC,CAAC;EACvB;EAEAC,OAAOA,CAAA,EAAG;IACN,IAAI,CAACT,SAAS,CAACU,OAAO,CAACC,EAAE,IAAIA,EAAE,CAAC,CAAC,CAAC;EACtC;EAEQH,YAAYA,CAAA,EAAG;IACnB,MAAML,OAAO,GAAG,IAAI,CAACA,OAAO;IAE5B,IAAI,CAACA,OAAO,EAAE;MACV;IACJ;IAEA,MAAM;MAAES;IAAG,CAAC,GAAGT,OAAO;IAEtB,IAAI,IAAI,CAACC,UAAU,EAAE;MACjB,IAAI,CAACJ,SAAS,CAACa,IAAI,CACf,IAAI,CAACT,UAAU,CAACU,SAAS,CAACC,EAAE,CAAC,iBAAiBH,EAAE,EAAE,EAAEI,KAAK,IAAI;QACzD,IAAI,CAACd,aAAa,CAACe,cAAc,CAACC,QAAQ,IAAI;UAC1CpB,SAAS,CAACqB,UAAU,CAACD,QAAQ,CAACE,QAAQ,CAACR,EAAE,CAAC,EAAEI,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC;QACnE,CAAC,CAAC;MACN,CAAC,CACL,CAAC;IACL;EACJ;AACJ","ignoreList":[]}

package/components/ElementRenderer.js

@@ -2,7 +2,7 @@
 
 import React from "react";
 import { observer } from "mobx-react-lite";
-import { environment } from "@webiny/app-website-builder/sdk";
+import { environment } from "@webiny/website-builder-sdk";
 import { EditingElementRenderer } from "./EditingElementRenderer/EditingElementRenderer.js";
 import { LiveElementRenderer } from "./LiveElementRenderer.js";
 import { useDocumentStore } from "./DocumentStoreProvider.js";

package/components/ElementRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","observer","environment","EditingElementRenderer","LiveElementRenderer","useDocumentStore","ElementRenderer","props","documentStore","isEditing","element","getElement","id","createElement"],"sources":["ElementRenderer.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { environment } from \"@webiny/app-website-builder/sdk\";\nimport { EditingElementRenderer } from \"./EditingElementRenderer/EditingElementRenderer.js\";\nimport { LiveElementRenderer } from \"./LiveElementRenderer.js\";\nimport { useDocumentStore } from \"./DocumentStoreProvider.js\";\n\ninterface ElementRendererProps {\n    id: string;\n}\n\nexport const ElementRenderer = observer((props: ElementRendererProps) => {\n    const documentStore = useDocumentStore();\n    const isEditing = environment.isEditing();\n    const element = documentStore.getElement(props.id);\n\n    if (!element) {\n        return null;\n    }\n\n    if (isEditing) {\n        return <EditingElementRenderer element={element} />;\n    } else {\n        return <LiveElementRenderer element={element} />;\n    }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,WAAW,QAAQ,iCAAiC;AAC7D,SAASC,sBAAsB;AAC/B,SAASC,mBAAmB;AAC5B,SAASC,gBAAgB;AAMzB,OAAO,MAAMC,eAAe,GAAGL,QAAQ,CAAEM,KAA2B,IAAK;EACrE,MAAMC,aAAa,GAAGH,gBAAgB,CAAC,CAAC;EACxC,MAAMI,SAAS,GAAGP,WAAW,CAACO,SAAS,CAAC,CAAC;EACzC,MAAMC,OAAO,GAAGF,aAAa,CAACG,UAAU,CAACJ,KAAK,CAACK,EAAE,CAAC;EAElD,IAAI,CAACF,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,IAAID,SAAS,EAAE;IACX,oBAAOT,KAAA,CAAAa,aAAA,CAACV,sBAAsB;MAACO,OAAO,EAAEA;IAAQ,CAAE,CAAC;EACvD,CAAC,MAAM;IACH,oBAAOV,KAAA,CAAAa,aAAA,CAACT,mBAAmB;MAACM,OAAO,EAAEA;IAAQ,CAAE,CAAC;EACpD;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","observer","environment","EditingElementRenderer","LiveElementRenderer","useDocumentStore","ElementRenderer","props","documentStore","isEditing","element","getElement","id","createElement"],"sources":["ElementRenderer.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { environment } from \"@webiny/website-builder-sdk\";\nimport { EditingElementRenderer } from \"./EditingElementRenderer/EditingElementRenderer.js\";\nimport { LiveElementRenderer } from \"./LiveElementRenderer.js\";\nimport { useDocumentStore } from \"./DocumentStoreProvider.js\";\n\ninterface ElementRendererProps {\n    id: string;\n}\n\nexport const ElementRenderer = observer((props: ElementRendererProps) => {\n    const documentStore = useDocumentStore();\n    const isEditing = environment.isEditing();\n    const element = documentStore.getElement(props.id);\n\n    if (!element) {\n        return null;\n    }\n\n    if (isEditing) {\n        return <EditingElementRenderer element={element} />;\n    } else {\n        return <LiveElementRenderer element={element} />;\n    }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,WAAW,QAAQ,6BAA6B;AACzD,SAASC,sBAAsB;AAC/B,SAASC,mBAAmB;AAC5B,SAASC,gBAAgB;AAMzB,OAAO,MAAMC,eAAe,GAAGL,QAAQ,CAAEM,KAA2B,IAAK;EACrE,MAAMC,aAAa,GAAGH,gBAAgB,CAAC,CAAC;EACxC,MAAMI,SAAS,GAAGP,WAAW,CAACO,SAAS,CAAC,CAAC;EACzC,MAAMC,OAAO,GAAGF,aAAa,CAACG,UAAU,CAACJ,KAAK,CAACK,EAAE,CAAC;EAElD,IAAI,CAACF,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,IAAID,SAAS,EAAE;IACX,oBAAOT,KAAA,CAAAa,aAAA,CAACV,sBAAsB;MAACO,OAAO,EAAEA;IAAQ,CAAE,CAAC;EACvD,CAAC,MAAM;IACH,oBAAOV,KAAA,CAAAa,aAAA,CAACT,mBAAmB;MAACM,OAAO,EAAEA;IAAQ,CAAE,CAAC;EACpD;AACJ,CAAC,CAAC","ignoreList":[]}

package/components/ElementSlot.js

@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { environment } from "@webiny/app-website-builder/sdk";
+import { environment } from "@webiny/website-builder-sdk";
 import { LiveElementSlot } from "./LiveElementSlot";
 import { PreviewElementSlot } from "./PreviewElementSlot";
 export const ElementSlot = props => {

package/components/ElementSlot.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","environment","LiveElementSlot","PreviewElementSlot","ElementSlot","props","isEditing","createElement"],"sources":["ElementSlot.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { environment } from \"@webiny/app-website-builder/sdk\";\nimport { LiveElementSlot } from \"./LiveElementSlot\";\nimport { PreviewElementSlot } from \"./PreviewElementSlot\";\n\nexport interface ElementSlotProps {\n    // Element that contains this slot.\n    parentId: string;\n    // Path to the array of elements within the element's data structure.\n    slot: string;\n    // IDs of the elements to render.\n    elements: string[];\n}\n\nexport const ElementSlot = (props: ElementSlotProps) => {\n    const isEditing = environment.isEditing();\n\n    if (isEditing) {\n        return <PreviewElementSlot {...props} />;\n    } else {\n        return <LiveElementSlot {...props} />;\n    }\n};\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,iCAAiC;AAC7D,SAASC,eAAe;AACxB,SAASC,kBAAkB;AAW3B,OAAO,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EACpD,MAAMC,SAAS,GAAGL,WAAW,CAACK,SAAS,CAAC,CAAC;EAEzC,IAAIA,SAAS,EAAE;IACX,oBAAON,KAAA,CAAAO,aAAA,CAACJ,kBAAkB,EAAKE,KAAQ,CAAC;EAC5C,CAAC,MAAM;IACH,oBAAOL,KAAA,CAAAO,aAAA,CAACL,eAAe,EAAKG,KAAQ,CAAC;EACzC;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","environment","LiveElementSlot","PreviewElementSlot","ElementSlot","props","isEditing","createElement"],"sources":["ElementSlot.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { environment } from \"@webiny/website-builder-sdk\";\nimport { LiveElementSlot } from \"./LiveElementSlot\";\nimport { PreviewElementSlot } from \"./PreviewElementSlot\";\n\nexport interface ElementSlotProps {\n    // Element that contains this slot.\n    parentId: string;\n    // Path to the array of elements within the element's data structure.\n    slot: string;\n    // IDs of the elements to render.\n    elements: string[];\n}\n\nexport const ElementSlot = (props: ElementSlotProps) => {\n    const isEditing = environment.isEditing();\n\n    if (isEditing) {\n        return <PreviewElementSlot {...props} />;\n    } else {\n        return <LiveElementSlot {...props} />;\n    }\n};\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,6BAA6B;AACzD,SAASC,eAAe;AACxB,SAASC,kBAAkB;AAW3B,OAAO,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EACpD,MAAMC,SAAS,GAAGL,WAAW,CAACK,SAAS,CAAC,CAAC;EAEzC,IAAIA,SAAS,EAAE;IACX,oBAAON,KAAA,CAAAO,aAAA,CAACJ,kBAAkB,EAAKE,KAAQ,CAAC;EAC5C,CAAC,MAAM;IACH,oBAAOL,KAAA,CAAAO,aAAA,CAACL,eAAe,EAAKG,KAAQ,CAAC;EACzC;AACJ,CAAC","ignoreList":[]}

package/components/FragmentsProvider.js

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useEffect } from "react";
-import { contentSdk } from "@webiny/app-website-builder/sdk";
+import { contentSdk } from "@webiny/website-builder-sdk";
 const FragmentsContext = /*#__PURE__*/React.createContext(undefined);
 export const FragmentsProvider = ({
   fragments,

package/components/FragmentsProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","contentSdk","FragmentsContext","createContext","undefined","FragmentsProvider","fragments","children","fragmentNames","Object","keys","isEditing","getEditingSdk","messenger","send","createElement","Provider","value","useDocumentFragments","context","useContext"],"sources":["FragmentsProvider.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect } from \"react\";\nimport { contentSdk } from \"@webiny/app-website-builder/sdk\";\n\nexport type DocumentFragments = Record<string, React.ReactNode>;\n\nconst FragmentsContext = React.createContext<DocumentFragments | undefined>(undefined);\n\ninterface FragmentsProviderProps {\n    fragments: DocumentFragments;\n    children: React.ReactNode;\n}\n\nexport const FragmentsProvider = ({ fragments, children }: FragmentsProviderProps) => {\n    const fragmentNames = Object.keys(fragments);\n\n    useEffect(() => {\n        if (contentSdk.isEditing()) {\n            contentSdk\n                .getEditingSdk()!\n                .messenger.send(\"document.fragments\", { fragments: fragmentNames });\n        }\n    }, [fragmentNames]);\n\n    return <FragmentsContext.Provider value={fragments}>{children}</FragmentsContext.Provider>;\n};\n\nexport const useDocumentFragments = () => {\n    const context = React.useContext(FragmentsContext);\n    if (!context) {\n        return {};\n    }\n\n    return context;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,UAAU,QAAQ,iCAAiC;AAI5D,MAAMC,gBAAgB,gBAAGH,KAAK,CAACI,aAAa,CAAgCC,SAAS,CAAC;AAOtF,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,SAAS;EAAEC;AAAiC,CAAC,KAAK;EAClF,MAAMC,aAAa,GAAGC,MAAM,CAACC,IAAI,CAACJ,SAAS,CAAC;EAE5CN,SAAS,CAAC,MAAM;IACZ,IAAIC,UAAU,CAACU,SAAS,CAAC,CAAC,EAAE;MACxBV,UAAU,CACLW,aAAa,CAAC,CAAC,CACfC,SAAS,CAACC,IAAI,CAAC,oBAAoB,EAAE;QAAER,SAAS,EAAEE;MAAc,CAAC,CAAC;IAC3E;EACJ,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,oBAAOT,KAAA,CAAAgB,aAAA,CAACb,gBAAgB,CAACc,QAAQ;IAACC,KAAK,EAAEX;EAAU,GAAEC,QAAoC,CAAC;AAC9F,CAAC;AAED,OAAO,MAAMW,oBAAoB,GAAGA,CAAA,KAAM;EACtC,MAAMC,OAAO,GAAGpB,KAAK,CAACqB,UAAU,CAAClB,gBAAgB,CAAC;EAClD,IAAI,CAACiB,OAAO,EAAE;IACV,OAAO,CAAC,CAAC;EACb;EAEA,OAAOA,OAAO;AAClB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","contentSdk","FragmentsContext","createContext","undefined","FragmentsProvider","fragments","children","fragmentNames","Object","keys","isEditing","getEditingSdk","messenger","send","createElement","Provider","value","useDocumentFragments","context","useContext"],"sources":["FragmentsProvider.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect } from \"react\";\nimport { contentSdk } from \"@webiny/website-builder-sdk\";\n\nexport type DocumentFragments = Record<string, React.ReactNode>;\n\nconst FragmentsContext = React.createContext<DocumentFragments | undefined>(undefined);\n\ninterface FragmentsProviderProps {\n    fragments: DocumentFragments;\n    children: React.ReactNode;\n}\n\nexport const FragmentsProvider = ({ fragments, children }: FragmentsProviderProps) => {\n    const fragmentNames = Object.keys(fragments);\n\n    useEffect(() => {\n        if (contentSdk.isEditing()) {\n            contentSdk\n                .getEditingSdk()!\n                .messenger.send(\"document.fragments\", { fragments: fragmentNames });\n        }\n    }, [fragmentNames]);\n\n    return <FragmentsContext.Provider value={fragments}>{children}</FragmentsContext.Provider>;\n};\n\nexport const useDocumentFragments = () => {\n    const context = React.useContext(FragmentsContext);\n    if (!context) {\n        return {};\n    }\n\n    return context;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,UAAU,QAAQ,6BAA6B;AAIxD,MAAMC,gBAAgB,gBAAGH,KAAK,CAACI,aAAa,CAAgCC,SAAS,CAAC;AAOtF,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,SAAS;EAAEC;AAAiC,CAAC,KAAK;EAClF,MAAMC,aAAa,GAAGC,MAAM,CAACC,IAAI,CAACJ,SAAS,CAAC;EAE5CN,SAAS,CAAC,MAAM;IACZ,IAAIC,UAAU,CAACU,SAAS,CAAC,CAAC,EAAE;MACxBV,UAAU,CACLW,aAAa,CAAC,CAAC,CACfC,SAAS,CAACC,IAAI,CAAC,oBAAoB,EAAE;QAAER,SAAS,EAAEE;MAAc,CAAC,CAAC;IAC3E;EACJ,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,oBAAOT,KAAA,CAAAgB,aAAA,CAACb,gBAAgB,CAACc,QAAQ;IAACC,KAAK,EAAEX;EAAU,GAAEC,QAAoC,CAAC;AAC9F,CAAC;AAED,OAAO,MAAMW,oBAAoB,GAAGA,CAAA,KAAM;EACtC,MAAMC,OAAO,GAAGpB,KAAK,CAACqB,UAAU,CAAClB,gBAAgB,CAAC;EAClD,IAAI,CAACiB,OAAO,EAAE;IACV,OAAO,CAAC,CAAC;EACb;EAEA,OAAOA,OAAO;AAClB,CAAC","ignoreList":[]}

package/components/LiveElementRenderer.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { DocumentElement, DocumentElementBindings } from "@webiny/app-website-builder/sdk";
+import type { DocumentElement, DocumentElementBindings } from "@webiny/website-builder-sdk";
 interface LiveElementRendererProps {
     element: DocumentElement;
     bindings?: DocumentElementBindings;

package/components/LiveElementRenderer.js

@@ -2,7 +2,7 @@
 
 import React, { useCallback, useEffect, useState } from "react";
 import { observer } from "mobx-react-lite";
-import { contentSdk } from "@webiny/app-website-builder/sdk";
+import { contentSdk } from "@webiny/website-builder-sdk";
 import { ElementSlot } from "./ElementSlot";
 import { useViewport } from "./useViewportInfo";
 import { useBindingsForElement } from "./useBindingsForElement";

package/components/LiveElementRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","observer","contentSdk","ElementSlot","useViewport","useBindingsForElement","useDocumentState","LiveElementRenderer","element","viewport","breakpoint","setBreakpoint","elementBindings","id","state","onResolved","value","input","type","createElement","key","parentId","slot","name","elements","list","component","instances","resolveElement","Fragment","map","resolvedElement","index","Component","inputs","styles","manifest","props","autoApplyStyles","userElement","Object","assign","style"],"sources":["LiveElementRenderer.tsx"],"sourcesContent":["\"use client\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport type {\n    DocumentElement,\n    DocumentElementBindings,\n    OnResolved\n} from \"@webiny/app-website-builder/sdk\";\nimport { contentSdk } from \"@webiny/app-website-builder/sdk\";\nimport { ElementSlot } from \"./ElementSlot\";\nimport { useViewport } from \"./useViewportInfo\";\nimport { useBindingsForElement } from \"./useBindingsForElement\";\nimport { useDocumentState } from \"./useDocumentState\";\n\ninterface LiveElementRendererProps {\n    element: DocumentElement;\n    bindings?: DocumentElementBindings;\n}\n\nexport const LiveElementRenderer = observer(({ element }: LiveElementRendererProps) => {\n    const viewport = useViewport();\n\n    // 1. Start breakpoint as \"desktop\" on both server and initial client render.\n    const [breakpoint, setBreakpoint] = useState<\"desktop\" | string>(\"desktop\");\n\n    // 2. Update breakpoint on the client after mount, using real viewport value.\n    useEffect(() => {\n        if (viewport.breakpoint && viewport.breakpoint !== breakpoint) {\n            setBreakpoint(viewport.breakpoint);\n        }\n    }, [viewport.breakpoint, breakpoint]);\n\n    // Bindings for current breakpoint\n    const elementBindings = useBindingsForElement(element.id, breakpoint); // pass breakpoint explicitly if possible\n    const state = useDocumentState();\n\n    const onResolved = useCallback(\n        ((value, input) => {\n            if (input.type === \"slot\") {\n                return (\n                    <ElementSlot\n                        key={element.id}\n                        parentId={element.id}\n                        slot={input.name}\n                        elements={input.list ? value : [value]}\n                    />\n                );\n            }\n            return value;\n        }) as OnResolved,\n        [element.id]\n    );\n\n    if (!element || !element.component) {\n        return null;\n    }\n\n    const instances = contentSdk.resolveElement({\n        element,\n        state,\n        elementBindings,\n        onResolved\n    });\n\n    if (!instances) {\n        return null;\n    }\n\n    return (\n        <>\n            {instances.map((resolvedElement, index) => {\n                const { component: Component, inputs, styles, manifest } = resolvedElement;\n                const props = { inputs, styles, element, breakpoint: viewport.breakpoint };\n                const autoApplyStyles = manifest.autoApplyStyles !== false;\n\n                const userElement = <Component key={element.id} {...props} />;\n\n                if (!autoApplyStyles) {\n                    return userElement;\n                }\n\n                return (\n                    <div key={index} style={styles}>\n                        {userElement}\n                    </div>\n                );\n            })}\n        </>\n    );\n});\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC/D,SAASC,QAAQ,QAAQ,iBAAiB;AAM1C,SAASC,UAAU,QAAQ,iCAAiC;AAC5D,SAASC,WAAW;AACpB,SAASC,WAAW;AACpB,SAASC,qBAAqB;AAC9B,SAASC,gBAAgB;AAOzB,OAAO,MAAMC,mBAAmB,GAAGN,QAAQ,CAAC,CAAC;EAAEO;AAAkC,CAAC,KAAK;EACnF,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;;EAE9B;EACA,MAAM,CAACM,UAAU,EAAEC,aAAa,CAAC,GAAGX,QAAQ,CAAqB,SAAS,CAAC;;EAE3E;EACAD,SAAS,CAAC,MAAM;IACZ,IAAIU,QAAQ,CAACC,UAAU,IAAID,QAAQ,CAACC,UAAU,KAAKA,UAAU,EAAE;MAC3DC,aAAa,CAACF,QAAQ,CAACC,UAAU,CAAC;IACtC;EACJ,CAAC,EAAE,CAACD,QAAQ,CAACC,UAAU,EAAEA,UAAU,CAAC,CAAC;;EAErC;EACA,MAAME,eAAe,GAAGP,qBAAqB,CAACG,OAAO,CAACK,EAAE,EAAEH,UAAU,CAAC,CAAC,CAAC;EACvE,MAAMI,KAAK,GAAGR,gBAAgB,CAAC,CAAC;EAEhC,MAAMS,UAAU,GAAGjB,WAAW,CACzB,CAACkB,KAAK,EAAEC,KAAK,KAAK;IACf,IAAIA,KAAK,CAACC,IAAI,KAAK,MAAM,EAAE;MACvB,oBACIrB,KAAA,CAAAsB,aAAA,CAAChB,WAAW;QACRiB,GAAG,EAAEZ,OAAO,CAACK,EAAG;QAChBQ,QAAQ,EAAEb,OAAO,CAACK,EAAG;QACrBS,IAAI,EAAEL,KAAK,CAACM,IAAK;QACjBC,QAAQ,EAAEP,KAAK,CAACQ,IAAI,GAAGT,KAAK,GAAG,CAACA,KAAK;MAAE,CAC1C,CAAC;IAEV;IACA,OAAOA,KAAK;EAChB,CAAC,EACD,CAACR,OAAO,CAACK,EAAE,CACf,CAAC;EAED,IAAI,CAACL,OAAO,IAAI,CAACA,OAAO,CAACkB,SAAS,EAAE;IAChC,OAAO,IAAI;EACf;EAEA,MAAMC,SAAS,GAAGzB,UAAU,CAAC0B,cAAc,CAAC;IACxCpB,OAAO;IACPM,KAAK;IACLF,eAAe;IACfG;EACJ,CAAC,CAAC;EAEF,IAAI,CAACY,SAAS,EAAE;IACZ,OAAO,IAAI;EACf;EAEA,oBACI9B,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAgC,QAAA,QACKF,SAAS,CAACG,GAAG,CAAC,CAACC,eAAe,EAAEC,KAAK,KAAK;IACvC,MAAM;MAAEN,SAAS,EAAEO,SAAS;MAAEC,MAAM;MAAEC,MAAM;MAAEC;IAAS,CAAC,GAAGL,eAAe;IAC1E,MAAMM,KAAK,GAAG;MAAEH,MAAM;MAAEC,MAAM;MAAE3B,OAAO;MAAEE,UAAU,EAAED,QAAQ,CAACC;IAAW,CAAC;IAC1E,MAAM4B,eAAe,GAAGF,QAAQ,CAACE,eAAe,KAAK,KAAK;IAE1D,MAAMC,WAAW,gBAAG1C,KAAA,CAAAsB,aAAA,CAACc,SAAS,EAAAO,MAAA,CAAAC,MAAA;MAACrB,GAAG,EAAEZ,OAAO,CAACK;IAAG,GAAKwB,KAAK,CAAG,CAAC;IAE7D,IAAI,CAACC,eAAe,EAAE;MAClB,OAAOC,WAAW;IACtB;IAEA,oBACI1C,KAAA,CAAAsB,aAAA;MAAKC,GAAG,EAAEY,KAAM;MAACU,KAAK,EAAEP;IAAO,GAC1BI,WACA,CAAC;EAEd,CAAC,CACH,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useState","observer","contentSdk","ElementSlot","useViewport","useBindingsForElement","useDocumentState","LiveElementRenderer","element","viewport","breakpoint","setBreakpoint","elementBindings","id","state","onResolved","value","input","type","createElement","key","parentId","slot","name","elements","list","component","instances","resolveElement","Fragment","map","resolvedElement","index","Component","inputs","styles","manifest","props","autoApplyStyles","userElement","Object","assign","style"],"sources":["LiveElementRenderer.tsx"],"sourcesContent":["\"use client\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport type {\n    DocumentElement,\n    DocumentElementBindings,\n    OnResolved\n} from \"@webiny/website-builder-sdk\";\nimport { contentSdk } from \"@webiny/website-builder-sdk\";\nimport { ElementSlot } from \"./ElementSlot\";\nimport { useViewport } from \"./useViewportInfo\";\nimport { useBindingsForElement } from \"./useBindingsForElement\";\nimport { useDocumentState } from \"./useDocumentState\";\n\ninterface LiveElementRendererProps {\n    element: DocumentElement;\n    bindings?: DocumentElementBindings;\n}\n\nexport const LiveElementRenderer = observer(({ element }: LiveElementRendererProps) => {\n    const viewport = useViewport();\n\n    // 1. Start breakpoint as \"desktop\" on both server and initial client render.\n    const [breakpoint, setBreakpoint] = useState<\"desktop\" | string>(\"desktop\");\n\n    // 2. Update breakpoint on the client after mount, using real viewport value.\n    useEffect(() => {\n        if (viewport.breakpoint && viewport.breakpoint !== breakpoint) {\n            setBreakpoint(viewport.breakpoint);\n        }\n    }, [viewport.breakpoint, breakpoint]);\n\n    // Bindings for current breakpoint\n    const elementBindings = useBindingsForElement(element.id, breakpoint); // pass breakpoint explicitly if possible\n    const state = useDocumentState();\n\n    const onResolved = useCallback(\n        ((value, input) => {\n            if (input.type === \"slot\") {\n                return (\n                    <ElementSlot\n                        key={element.id}\n                        parentId={element.id}\n                        slot={input.name}\n                        elements={input.list ? value : [value]}\n                    />\n                );\n            }\n            return value;\n        }) as OnResolved,\n        [element.id]\n    );\n\n    if (!element || !element.component) {\n        return null;\n    }\n\n    const instances = contentSdk.resolveElement({\n        element,\n        state,\n        elementBindings,\n        onResolved\n    });\n\n    if (!instances) {\n        return null;\n    }\n\n    return (\n        <>\n            {instances.map((resolvedElement, index) => {\n                const { component: Component, inputs, styles, manifest } = resolvedElement;\n                const props = { inputs, styles, element, breakpoint: viewport.breakpoint };\n                const autoApplyStyles = manifest.autoApplyStyles !== false;\n\n                const userElement = <Component key={element.id} {...props} />;\n\n                if (!autoApplyStyles) {\n                    return userElement;\n                }\n\n                return (\n                    <div key={index} style={styles}>\n                        {userElement}\n                    </div>\n                );\n            })}\n        </>\n    );\n});\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC/D,SAASC,QAAQ,QAAQ,iBAAiB;AAM1C,SAASC,UAAU,QAAQ,6BAA6B;AACxD,SAASC,WAAW;AACpB,SAASC,WAAW;AACpB,SAASC,qBAAqB;AAC9B,SAASC,gBAAgB;AAOzB,OAAO,MAAMC,mBAAmB,GAAGN,QAAQ,CAAC,CAAC;EAAEO;AAAkC,CAAC,KAAK;EACnF,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;;EAE9B;EACA,MAAM,CAACM,UAAU,EAAEC,aAAa,CAAC,GAAGX,QAAQ,CAAqB,SAAS,CAAC;;EAE3E;EACAD,SAAS,CAAC,MAAM;IACZ,IAAIU,QAAQ,CAACC,UAAU,IAAID,QAAQ,CAACC,UAAU,KAAKA,UAAU,EAAE;MAC3DC,aAAa,CAACF,QAAQ,CAACC,UAAU,CAAC;IACtC;EACJ,CAAC,EAAE,CAACD,QAAQ,CAACC,UAAU,EAAEA,UAAU,CAAC,CAAC;;EAErC;EACA,MAAME,eAAe,GAAGP,qBAAqB,CAACG,OAAO,CAACK,EAAE,EAAEH,UAAU,CAAC,CAAC,CAAC;EACvE,MAAMI,KAAK,GAAGR,gBAAgB,CAAC,CAAC;EAEhC,MAAMS,UAAU,GAAGjB,WAAW,CACzB,CAACkB,KAAK,EAAEC,KAAK,KAAK;IACf,IAAIA,KAAK,CAACC,IAAI,KAAK,MAAM,EAAE;MACvB,oBACIrB,KAAA,CAAAsB,aAAA,CAAChB,WAAW;QACRiB,GAAG,EAAEZ,OAAO,CAACK,EAAG;QAChBQ,QAAQ,EAAEb,OAAO,CAACK,EAAG;QACrBS,IAAI,EAAEL,KAAK,CAACM,IAAK;QACjBC,QAAQ,EAAEP,KAAK,CAACQ,IAAI,GAAGT,KAAK,GAAG,CAACA,KAAK;MAAE,CAC1C,CAAC;IAEV;IACA,OAAOA,KAAK;EAChB,CAAC,EACD,CAACR,OAAO,CAACK,EAAE,CACf,CAAC;EAED,IAAI,CAACL,OAAO,IAAI,CAACA,OAAO,CAACkB,SAAS,EAAE;IAChC,OAAO,IAAI;EACf;EAEA,MAAMC,SAAS,GAAGzB,UAAU,CAAC0B,cAAc,CAAC;IACxCpB,OAAO;IACPM,KAAK;IACLF,eAAe;IACfG;EACJ,CAAC,CAAC;EAEF,IAAI,CAACY,SAAS,EAAE;IACZ,OAAO,IAAI;EACf;EAEA,oBACI9B,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAgC,QAAA,QACKF,SAAS,CAACG,GAAG,CAAC,CAACC,eAAe,EAAEC,KAAK,KAAK;IACvC,MAAM;MAAEN,SAAS,EAAEO,SAAS;MAAEC,MAAM;MAAEC,MAAM;MAAEC;IAAS,CAAC,GAAGL,eAAe;IAC1E,MAAMM,KAAK,GAAG;MAAEH,MAAM;MAAEC,MAAM;MAAE3B,OAAO;MAAEE,UAAU,EAAED,QAAQ,CAACC;IAAW,CAAC;IAC1E,MAAM4B,eAAe,GAAGF,QAAQ,CAACE,eAAe,KAAK,KAAK;IAE1D,MAAMC,WAAW,gBAAG1C,KAAA,CAAAsB,aAAA,CAACc,SAAS,EAAAO,MAAA,CAAAC,MAAA;MAACrB,GAAG,EAAEZ,OAAO,CAACK;IAAG,GAAKwB,KAAK,CAAG,CAAC;IAE7D,IAAI,CAACC,eAAe,EAAE;MAClB,OAAOC,WAAW;IACtB;IAEA,oBACI1C,KAAA,CAAAsB,aAAA;MAAKC,GAAG,EAAEY,KAAM;MAACU,KAAK,EAAEP;IAAO,GAC1BI,WACA,CAAC;EAEd,CAAC,CACH,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}

package/components/LiveElementSlot.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import { ElementSlotProps } from "./ElementSlot";
+import type { ElementSlotProps } from "./ElementSlot";
 export declare const LiveElementSlot: ({ elements }: Pick<ElementSlotProps, "elements">) => React.JSX.Element;

package/components/LiveElementSlot.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ElementRenderer","ElementSlotDepthProvider","useElementSlotDepth","ElementIndexProvider","LiveElementSlot","elements","depth","createElement","Fragment","map","id","index","key"],"sources":["LiveElementSlot.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { ElementRenderer } from \"./ElementRenderer\";\nimport { ElementSlotProps } from \"./ElementSlot\";\nimport { ElementSlotDepthProvider, useElementSlotDepth } from \"./ElementSlotDepthProvider\";\nimport { ElementIndexProvider } from \"./ElementIndexProvider\";\n\nexport const LiveElementSlot = ({ elements = [] }: Pick<ElementSlotProps, \"elements\">) => {\n    const depth = useElementSlotDepth();\n    return (\n        <>\n            <ElementSlotDepthProvider depth={depth + 1}>\n                {elements.map((id, index) => (\n                    <ElementIndexProvider key={id} index={index}>\n                        <ElementRenderer id={id} />\n                    </ElementIndexProvider>\n                ))}\n            </ElementSlotDepthProvider>\n        </>\n    );\n};\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAExB,SAASC,wBAAwB,EAAEC,mBAAmB;AACtD,SAASC,oBAAoB;AAE7B,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,QAAQ,GAAG;AAAuC,CAAC,KAAK;EACtF,MAAMC,KAAK,GAAGJ,mBAAmB,CAAC,CAAC;EACnC,oBACIH,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,qBACIT,KAAA,CAAAQ,aAAA,CAACN,wBAAwB;IAACK,KAAK,EAAEA,KAAK,GAAG;EAAE,GACtCD,QAAQ,CAACI,GAAG,CAAC,CAACC,EAAE,EAAEC,KAAK,kBACpBZ,KAAA,CAAAQ,aAAA,CAACJ,oBAAoB;IAACS,GAAG,EAAEF,EAAG;IAACC,KAAK,EAAEA;EAAM,gBACxCZ,KAAA,CAAAQ,aAAA,CAACP,eAAe;IAACU,EAAE,EAAEA;EAAG,CAAE,CACR,CACzB,CACqB,CAC5B,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ElementRenderer","ElementSlotDepthProvider","useElementSlotDepth","ElementIndexProvider","LiveElementSlot","elements","depth","createElement","Fragment","map","id","index","key"],"sources":["LiveElementSlot.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { ElementRenderer } from \"./ElementRenderer\";\nimport type { ElementSlotProps } from \"./ElementSlot\";\nimport { ElementSlotDepthProvider, useElementSlotDepth } from \"./ElementSlotDepthProvider\";\nimport { ElementIndexProvider } from \"./ElementIndexProvider\";\n\nexport const LiveElementSlot = ({ elements = [] }: Pick<ElementSlotProps, \"elements\">) => {\n    const depth = useElementSlotDepth();\n    return (\n        <>\n            <ElementSlotDepthProvider depth={depth + 1}>\n                {elements.map((id, index) => (\n                    <ElementIndexProvider key={id} index={index}>\n                        <ElementRenderer id={id} />\n                    </ElementIndexProvider>\n                ))}\n            </ElementSlotDepthProvider>\n        </>\n    );\n};\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAExB,SAASC,wBAAwB,EAAEC,mBAAmB;AACtD,SAASC,oBAAoB;AAE7B,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,QAAQ,GAAG;AAAuC,CAAC,KAAK;EACtF,MAAMC,KAAK,GAAGJ,mBAAmB,CAAC,CAAC;EACnC,oBACIH,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,qBACIT,KAAA,CAAAQ,aAAA,CAACN,wBAAwB;IAACK,KAAK,EAAEA,KAAK,GAAG;EAAE,GACtCD,QAAQ,CAACI,GAAG,CAAC,CAACC,EAAE,EAAEC,KAAK,kBACpBZ,KAAA,CAAAQ,aAAA,CAACJ,oBAAoB;IAACS,GAAG,EAAEF,EAAG;IAACC,KAAK,EAAEA;EAAM,gBACxCZ,KAAA,CAAAQ,aAAA,CAACP,eAAe;IAACU,EAAE,EAAEA;EAAG,CAAE,CACR,CACzB,CACqB,CAC5B,CAAC;AAEX,CAAC","ignoreList":[]}