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

package/README.md

@@ -1,3 +1,11 @@
-# Website Builder (React SDK)
+# @webiny/website-builder-react
 
-A React frontend integration SDK for Webiny Website Builder. 
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
+
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
+
+---
+
+_This README file is automatically generated during the publish process._

package/components/DocumentFragment.d.ts

@@ -1,6 +1,13 @@
 import React from "react";
-export interface DocumentFragmentProps {
+export type DocumentFragmentProps = {
     name: string;
     children: React.ReactNode;
-}
-export declare function DocumentFragment({ children }: DocumentFragmentProps): React.JSX.Element;
+    component?: never;
+    inputs?: never;
+} | {
+    component: string;
+    inputs?: Record<string, any>;
+    name?: never;
+    children?: never;
+};
+export declare function DocumentFragment(props: DocumentFragmentProps): React.JSX.Element | null;

package/components/DocumentFragment.js

@@ -1,10 +1,11 @@
 "use client";
 
 import React from "react";
-export function DocumentFragment({
-  children
-}) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+export function DocumentFragment(props) {
+  if (props.children) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+  }
+  return null;
 }
 
 //# sourceMappingURL=DocumentFragment.js.map

package/components/DocumentFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DocumentFragment","children","createElement","Fragment"],"sources":["DocumentFragment.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nexport interface DocumentFragmentProps {\n    name: string;\n    children: React.ReactNode;\n}\n\nexport function DocumentFragment({ children }: DocumentFragmentProps) {\n    return <>{children}</>;\n}\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,MAAM,OAAO;AAOzB,OAAO,SAASC,gBAAgBA,CAAC;EAAEC;AAAgC,CAAC,EAAE;EAClE,oBAAOF,KAAA,CAAAG,aAAA,CAAAH,KAAA,CAAAI,QAAA,QAAGF,QAAW,CAAC;AAC1B","ignoreList":[]}
+{"version":3,"names":["React","DocumentFragment","props","children","createElement","Fragment"],"sources":["DocumentFragment.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nexport type DocumentFragmentProps =\n    | {\n          name: string;\n          children: React.ReactNode;\n          component?: never;\n          inputs?: never;\n      }\n    | {\n          component: string;\n          inputs?: Record<string, any>;\n          name?: never;\n          children?: never;\n      };\n\nexport function DocumentFragment(props: DocumentFragmentProps) {\n    if (props.children) {\n        return <>{props.children}</>;\n    }\n\n    return null;\n}\n"],"mappings":"AAAA,YAAY;;AACZ,OAAOA,KAAK,MAAM,OAAO;AAgBzB,OAAO,SAASC,gBAAgBA,CAACC,KAA4B,EAAE;EAC3D,IAAIA,KAAK,CAACC,QAAQ,EAAE;IAChB,oBAAOH,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAK,QAAA,QAAGH,KAAK,CAACC,QAAW,CAAC;EAChC;EAEA,OAAO,IAAI;AACf","ignoreList":[]}

package/components/DocumentRenderer.js

@@ -12,17 +12,26 @@ export const DocumentRenderer = ({
 }) => {
   const allComponents = [...editorComponents, ...components];
   allComponents.forEach(blueprint => contentSdk.registerComponent(blueprint));
-  const fragments = {};
-  React.Children.toArray(children).forEach(child => {
-    // @ts-expect-error Need to properly type this.
-    const {
-      name,
-      children
-    } = child.props;
-    if (!name || !children) {
-      return;
+  const fragments = [];
+  React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child)).forEach(child => {
+    const props = child.props;
+    // Case 1:
+    if (props.name && props.children) {
+      fragments.push({
+        type: "fixed",
+        name: props.name,
+        element: /*#__PURE__*/React.createElement(React.Fragment, null, props.children)
+      });
+    }
+
+    // Case 2:
+    if (props.component) {
+      fragments.push({
+        type: "component",
+        component: props.component,
+        inputs: props.inputs ?? {}
+      });
     }
-    fragments[name] = /*#__PURE__*/React.createElement(React.Fragment, null, children);
   });
   if (!document) {
     return /*#__PURE__*/React.createElement("div", {

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/website-builder-sdk\";\nimport { ElementRenderer } from \"./ElementRenderer.js\";\nimport { DocumentStoreProvider } from \"./DocumentStoreProvider.js\";\nimport { ConnectToEditor } from \"./ConnectToEditor.js\";\nimport { editorComponents } from \"../editorComponents/index.js\";\nimport type { DocumentFragments } from \"./FragmentsProvider.js\";\nimport { FragmentsProvider } from \"./FragmentsProvider.js\";\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":[]}
+{"version":3,"names":["React","contentSdk","ElementRenderer","DocumentStoreProvider","ConnectToEditor","editorComponents","FragmentsProvider","DocumentRenderer","document","components","children","allComponents","forEach","blueprint","registerComponent","fragments","Children","toArray","filter","child","isValidElement","props","name","push","type","element","createElement","Fragment","component","inputs","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.js\";\nimport { DocumentStoreProvider } from \"./DocumentStoreProvider.js\";\nimport { ConnectToEditor } from \"./ConnectToEditor.js\";\nimport { editorComponents } from \"../editorComponents/index.js\";\nimport type { DocumentFragments } from \"./FragmentsProvider.js\";\nimport { FragmentsProvider } from \"./FragmentsProvider.js\";\nimport type { DocumentFragmentProps } from \"~/components/DocumentFragment.js\";\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)\n        .filter(child => React.isValidElement(child))\n        .forEach(child => {\n            const props = child.props as DocumentFragmentProps;\n            // Case 1:\n            if (props.name && props.children) {\n                fragments.push({\n                    type: \"fixed\",\n                    name: props.name,\n                    element: <>{props.children}</>\n                });\n            }\n\n            // Case 2:\n            if (props.component) {\n                fragments.push({\n                    type: \"component\",\n                    component: props.component,\n                    inputs: props.inputs ?? {}\n                });\n            }\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;AAS1B,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,EAAE;EAEvCf,KAAK,CAACgB,QAAQ,CAACC,OAAO,CAACP,QAAQ,CAAC,CAC3BQ,MAAM,CAACC,KAAK,iBAAInB,KAAK,CAACoB,cAAc,CAACD,KAAK,CAAC,CAAC,CAC5CP,OAAO,CAACO,KAAK,IAAI;IACd,MAAME,KAAK,GAAGF,KAAK,CAACE,KAA8B;IAClD;IACA,IAAIA,KAAK,CAACC,IAAI,IAAID,KAAK,CAACX,QAAQ,EAAE;MAC9BK,SAAS,CAACQ,IAAI,CAAC;QACXC,IAAI,EAAE,OAAO;QACbF,IAAI,EAAED,KAAK,CAACC,IAAI;QAChBG,OAAO,eAAEzB,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAA2B,QAAA,QAAGN,KAAK,CAACX,QAAW;MACjC,CAAC,CAAC;IACN;;IAEA;IACA,IAAIW,KAAK,CAACO,SAAS,EAAE;MACjBb,SAAS,CAACQ,IAAI,CAAC;QACXC,IAAI,EAAE,WAAW;QACjBI,SAAS,EAAEP,KAAK,CAACO,SAAS;QAC1BC,MAAM,EAAER,KAAK,CAACQ,MAAM,IAAI,CAAC;MAC7B,CAAC,CAAC;IACN;EACJ,CAAC,CAAC;EAEN,IAAI,CAACrB,QAAQ,EAAE;IACX,oBAAOR,KAAA,CAAA0B,aAAA;MAAK,aAAW;IAAoB,GAAEhB,QAAc,CAAC;EAChE;EAEA,oBACIV,KAAA,CAAA0B,aAAA;IAAK,aAAW;EAAoB,gBAChC1B,KAAA,CAAA0B,aAAA,CAACpB,iBAAiB;IAACS,SAAS,EAAEA,SAAS,IAAI,CAAC;EAAE,GACzCd,UAAU,CAAC6B,SAAS,CAAC,CAAC,gBACnB9B,KAAA,CAAA0B,aAAA,CAACtB,eAAe;IAACI,QAAQ,EAAEA,QAAS;IAACC,UAAU,EAAEA;EAAW,CAAE,CAAC,gBAE/DT,KAAA,CAAA0B,aAAA,CAACvB,qBAAqB;IAAC4B,EAAE,EAAEvB,QAAQ,CAACwB,UAAU,CAACD,EAAG;IAACvB,QAAQ,EAAEA;EAAS,gBAClER,KAAA,CAAA0B,aAAA,CAACxB,eAAe;IAAC6B,EAAE,EAAE;EAAO,CAAE,CACX,CAEZ,CAClB,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/DocumentStoreProvider.d.ts

@@ -3,7 +3,7 @@ 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;
+    document?: Document;
     children: React.ReactNode;
 }) => React.JSX.Element;
 export declare const useDocumentStore: () => DocumentStore;

package/components/FragmentsProvider.d.ts

@@ -1,5 +1,14 @@
 import React from "react";
-export type DocumentFragments = Record<string, React.ReactNode>;
+type FragmentConfig = {
+    type: "fixed";
+    name: string;
+    element: React.ReactNode;
+} | {
+    type: "component";
+    component: string;
+    inputs: Record<string, any>;
+};
+export type DocumentFragments = FragmentConfig[];
 interface FragmentsProviderProps {
     fragments: DocumentFragments;
     children: React.ReactNode;

package/components/FragmentsProvider.js

@@ -7,14 +7,27 @@ export const FragmentsProvider = ({
   fragments,
   children
 }) => {
-  const fragmentNames = Object.keys(fragments);
   useEffect(() => {
     if (contentSdk.isEditing()) {
+      // Extract serializable data
+      const fragmentsData = fragments.map(fragment => {
+        if (fragment.type === "fixed") {
+          return {
+            type: "fixed",
+            name: fragment.name
+          };
+        }
+        return {
+          type: "component",
+          component: fragment.component,
+          inputs: fragment.inputs
+        };
+      });
       contentSdk.getEditingSdk().messenger.send("document.fragments", {
-        fragments: fragmentNames
+        fragments: fragmentsData
       });
     }
-  }, [fragmentNames]);
+  }, [fragments.length]);
   return /*#__PURE__*/React.createElement(FragmentsContext.Provider, {
     value: fragments
   }, children);
@@ -22,7 +35,7 @@ export const FragmentsProvider = ({
 export const useDocumentFragments = () => {
   const context = React.useContext(FragmentsContext);
   if (!context) {
-    return {};
+    return [];
   }
   return context;
 };

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/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":[]}
+{"version":3,"names":["React","useEffect","contentSdk","FragmentsContext","createContext","undefined","FragmentsProvider","fragments","children","isEditing","fragmentsData","map","fragment","type","name","component","inputs","getEditingSdk","messenger","send","length","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\ntype FragmentConfig =\n    | {\n          type: \"fixed\";\n          name: string;\n          element: React.ReactNode;\n      }\n    | { type: \"component\"; component: string; inputs: Record<string, any> };\n\nexport type DocumentFragments = FragmentConfig[];\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    useEffect(() => {\n        if (contentSdk.isEditing()) {\n            // Extract serializable data\n            const fragmentsData = fragments.map(fragment => {\n                if (fragment.type === \"fixed\") {\n                    return {\n                        type: \"fixed\",\n                        name: fragment.name\n                    };\n                }\n\n                return {\n                    type: \"component\",\n                    component: fragment.component,\n                    inputs: fragment.inputs\n                };\n            });\n\n            contentSdk\n                .getEditingSdk()!\n                .messenger.send(\"document.fragments\", { fragments: fragmentsData });\n        }\n    }, [fragments.length]);\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;AAYxD,MAAMC,gBAAgB,gBAAGH,KAAK,CAACI,aAAa,CAAgCC,SAAS,CAAC;AAOtF,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,SAAS;EAAEC;AAAiC,CAAC,KAAK;EAClFP,SAAS,CAAC,MAAM;IACZ,IAAIC,UAAU,CAACO,SAAS,CAAC,CAAC,EAAE;MACxB;MACA,MAAMC,aAAa,GAAGH,SAAS,CAACI,GAAG,CAACC,QAAQ,IAAI;QAC5C,IAAIA,QAAQ,CAACC,IAAI,KAAK,OAAO,EAAE;UAC3B,OAAO;YACHA,IAAI,EAAE,OAAO;YACbC,IAAI,EAAEF,QAAQ,CAACE;UACnB,CAAC;QACL;QAEA,OAAO;UACHD,IAAI,EAAE,WAAW;UACjBE,SAAS,EAAEH,QAAQ,CAACG,SAAS;UAC7BC,MAAM,EAAEJ,QAAQ,CAACI;QACrB,CAAC;MACL,CAAC,CAAC;MAEFd,UAAU,CACLe,aAAa,CAAC,CAAC,CACfC,SAAS,CAACC,IAAI,CAAC,oBAAoB,EAAE;QAAEZ,SAAS,EAAEG;MAAc,CAAC,CAAC;IAC3E;EACJ,CAAC,EAAE,CAACH,SAAS,CAACa,MAAM,CAAC,CAAC;EAEtB,oBAAOpB,KAAA,CAAAqB,aAAA,CAAClB,gBAAgB,CAACmB,QAAQ;IAACC,KAAK,EAAEhB;EAAU,GAAEC,QAAoC,CAAC;AAC9F,CAAC;AAED,OAAO,MAAMgB,oBAAoB,GAAGA,CAAA,KAAM;EACtC,MAAMC,OAAO,GAAGzB,KAAK,CAAC0B,UAAU,CAACvB,gBAAgB,CAAC;EAClD,IAAI,CAACsB,OAAO,EAAE;IACV,OAAO,EAAE;EACb;EAEA,OAAOA,OAAO;AAClB,CAAC","ignoreList":[]}