@vived/sandbox 1.0.0

package/dist/esm/Frameworks/React/Components/Sandbox/Components/WorkspaceBottomToolbar/WorkspaceBottomToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceBottomToolbar.js","sourceRoot":"","sources":["../../../../../../../../src/Frameworks/React/Components/Sandbox/Components/WorkspaceBottomToolbar/WorkspaceBottomToolbar.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,sCAAsC,CAAC;AAMzD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,QAAQ,EACR,GAAG,UAAU,EACwC,EAAE,EAAE;IACzD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,iBACE,EAAE,EAAC,yBAAyB,EAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,KACtB,UAAU,YAEb,QAAQ,GACF,CACV,CAAC;IACJ,CAAC;;QAAM,OAAO,mBAAK,CAAC;AACtB,CAAC,CAAC","sourcesContent":["import React, { HTMLProps, ReactNode } from \"react\";\r\n\r\nimport style from \"./WorkspaceBottomToolbar.module.scss\";\r\n\r\nexport interface WorkspaceBottomToolbarProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const WorkspaceBottomToolbar = ({\r\n  children,\r\n  ...otherProps\r\n}: WorkspaceBottomToolbarProps & HTMLProps<HTMLElement>) => {\r\n  if (children) {\r\n    return (\r\n      <footer\r\n        id=\"sandbox-boottom-toolbar\"\r\n        className={style.container}\r\n        {...otherProps}\r\n      >\r\n        {children}\r\n      </footer>\r\n    );\r\n  } else return <></>;\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Components/Sandbox/Components/WorkspaceCenterWrapper/WorkspaceCenterWrapper.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import style from "./WorkspaceCenterWrapper.module.scss";
+// TODO Allow ID to be changed via a prop
+export const WorkspaceCenterWrapper = ({ children, ...otherProps }) => {
+    return (_jsx("section", { id: "workspace-center-wrapper", className: style.container, ...otherProps, children: children }));
+};
+//# sourceMappingURL=WorkspaceCenterWrapper.js.map

package/dist/esm/Frameworks/React/Components/Sandbox/Components/WorkspaceCenterWrapper/WorkspaceCenterWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceCenterWrapper.js","sourceRoot":"","sources":["../../../../../../../../src/Frameworks/React/Components/Sandbox/Components/WorkspaceCenterWrapper/WorkspaceCenterWrapper.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,sCAAsC,CAAC;AAMzD,yCAAyC;AACzC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,QAAQ,EACR,GAAG,UAAU,EACwC,EAAE,EAAE;IACzD,OAAO,CACL,kBACE,EAAE,EAAC,0BAA0B,EAC7B,SAAS,EAAE,KAAK,CAAC,SAAS,KACtB,UAAU,YAEb,QAAQ,GACD,CACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { HTMLProps, ReactNode } from \"react\";\r\nimport style from \"./WorkspaceCenterWrapper.module.scss\";\r\n\r\nexport interface WorkspaceCenterWrapperProps {\r\n  children?: ReactNode;\r\n}\r\n\r\n// TODO Allow ID to be changed via a prop\r\nexport const WorkspaceCenterWrapper = ({\r\n  children,\r\n  ...otherProps\r\n}: WorkspaceCenterWrapperProps & HTMLProps<HTMLElement>) => {\r\n  return (\r\n    <section\r\n      id=\"workspace-center-wrapper\"\r\n      className={style.container}\r\n      {...otherProps}\r\n    >\r\n      {children}\r\n    </section>\r\n  );\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Components/Sandbox/Components/WorkspaceLeft/WorkspaceLeft.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import style from "./WorkspaceLeft.module.scss";
+export const WorkspaceLeft = ({ children, ...otherProps }) => {
+    if (children) {
+        return (_jsx("section", { id: "workspace-pane-left", className: style.container, ...otherProps, children: children }));
+    }
+    else
+        return _jsx(_Fragment, {});
+};
+//# sourceMappingURL=WorkspaceLeft.js.map

package/dist/esm/Frameworks/React/Components/Sandbox/Components/WorkspaceLeft/WorkspaceLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceLeft.js","sourceRoot":"","sources":["../../../../../../../../src/Frameworks/React/Components/Sandbox/Components/WorkspaceLeft/WorkspaceLeft.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,6BAA6B,CAAC;AAMhD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,GAAG,UAAU,EAC+B,EAAE,EAAE;IAChD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,kBACE,EAAE,EAAC,qBAAqB,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,KACtB,UAAU,YAEb,QAAQ,GACD,CACX,CAAC;IACJ,CAAC;;QAAM,OAAO,mBAAK,CAAC;AACtB,CAAC,CAAC","sourcesContent":["import React, { HTMLProps, ReactNode } from \"react\";\r\nimport style from \"./WorkspaceLeft.module.scss\";\r\n\r\nexport interface WorkspaceLeftProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const WorkspaceLeft = ({\r\n  children,\r\n  ...otherProps\r\n}: WorkspaceLeftProps & HTMLProps<HTMLElement>) => {\r\n  if (children) {\r\n    return (\r\n      <section\r\n        id=\"workspace-pane-left\"\r\n        className={style.container}\r\n        {...otherProps}\r\n      >\r\n        {children}\r\n      </section>\r\n    );\r\n  } else return <></>;\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Components/Sandbox/Components/WorkspaceRight/WorkspaceRight.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import style from "./WorkspaceRight.module.scss";
+export const WorkspaceRight = ({ children, ...otherProps }) => {
+    if (children) {
+        return (_jsx("section", { id: "workspace-pane-right", className: style.container, ...otherProps, children: children }));
+    }
+    else
+        return _jsx(_Fragment, {});
+};
+//# sourceMappingURL=WorkspaceRight.js.map

package/dist/esm/Frameworks/React/Components/Sandbox/Components/WorkspaceRight/WorkspaceRight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceRight.js","sourceRoot":"","sources":["../../../../../../../../src/Frameworks/React/Components/Sandbox/Components/WorkspaceRight/WorkspaceRight.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,8BAA8B,CAAC;AAMjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,GAAG,UAAU,EACgC,EAAE,EAAE;IACjD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,kBACE,EAAE,EAAC,sBAAsB,EACzB,SAAS,EAAE,KAAK,CAAC,SAAS,KACtB,UAAU,YAEb,QAAQ,GACD,CACX,CAAC;IACJ,CAAC;;QAAM,OAAO,mBAAK,CAAC;AACtB,CAAC,CAAC","sourcesContent":["import React, { HTMLProps, ReactNode } from \"react\";\r\nimport style from \"./WorkspaceRight.module.scss\";\r\n\r\nexport interface WorkspaceRightProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const WorkspaceRight = ({\r\n  children,\r\n  ...otherProps\r\n}: WorkspaceRightProps & HTMLProps<HTMLElement>) => {\r\n  if (children) {\r\n    return (\r\n      <section\r\n        id=\"workspace-pane-right\"\r\n        className={style.container}\r\n        {...otherProps}\r\n      >\r\n        {children}\r\n      </section>\r\n    );\r\n  } else return <></>;\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Components/Sandbox/Components/WorkspaceTopToolbar/WorkspaceTopToolbar.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import style from "./WorkspaceTopToolbar.module.scss";
+export const WorkspaceTopToolbar = ({ children, ...otherProps }) => {
+    if (children) {
+        return (_jsx("header", { id: "sandbox-top-toolbar", className: style.container, ...otherProps, children: children }));
+    }
+    else
+        return _jsx(_Fragment, {});
+};
+//# sourceMappingURL=WorkspaceTopToolbar.js.map

package/dist/esm/Frameworks/React/Components/Sandbox/Components/WorkspaceTopToolbar/WorkspaceTopToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceTopToolbar.js","sourceRoot":"","sources":["../../../../../../../../src/Frameworks/React/Components/Sandbox/Components/WorkspaceTopToolbar/WorkspaceTopToolbar.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,mCAAmC,CAAC;AAMtD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,QAAQ,EACR,GAAG,UAAU,EACqC,EAAE,EAAE;IACtD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,iBACE,EAAE,EAAC,qBAAqB,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,KACtB,UAAU,YAEb,QAAQ,GACF,CACV,CAAC;IACJ,CAAC;;QAAM,OAAO,mBAAK,CAAC;AACtB,CAAC,CAAC","sourcesContent":["import React, { HTMLProps, ReactNode } from \"react\";\r\n\r\nimport style from \"./WorkspaceTopToolbar.module.scss\";\r\n\r\nexport interface WorkspaceTopToolbarProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const WorkspaceTopToolbar = ({\r\n  children,\r\n  ...otherProps\r\n}: WorkspaceTopToolbarProps & HTMLProps<HTMLElement>) => {\r\n  if (children) {\r\n    return (\r\n      <header\r\n        id=\"sandbox-top-toolbar\"\r\n        className={style.container}\r\n        {...otherProps}\r\n      >\r\n        {children}\r\n      </header>\r\n    );\r\n  } else return <></>;\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Components/Sandbox/Components/WorkspaceWrapper/WorkspaceWrapper.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import style from "./WorkspaceWrapper.module.scss";
+export const WorkspaceWrapper = ({ children, ...otherProps }) => {
+    const baseId = otherProps.id || "workspace-wrapper";
+    return (_jsx("div", { id: baseId, className: style.container, ...otherProps, children: children }));
+};
+//# sourceMappingURL=WorkspaceWrapper.js.map

package/dist/esm/Frameworks/React/Components/Sandbox/Components/WorkspaceWrapper/WorkspaceWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceWrapper.js","sourceRoot":"","sources":["../../../../../../../../src/Frameworks/React/Components/Sandbox/Components/WorkspaceWrapper/WorkspaceWrapper.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,gCAAgC,CAAC;AAMnD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,GAAG,UAAU,EACqC,EAAE,EAAE;IACtD,MAAM,MAAM,GAAG,UAAU,CAAC,EAAE,IAAI,mBAAmB,CAAC;IACpD,OAAO,CACL,cAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,KAAM,UAAU,YACxD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { HTMLProps, ReactNode } from \"react\";\r\nimport style from \"./WorkspaceWrapper.module.scss\";\r\n\r\nexport interface WorkspaceWrapperProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const WorkspaceWrapper = ({\r\n  children,\r\n  ...otherProps\r\n}: WorkspaceWrapperProps & HTMLProps<HTMLDivElement>) => {\r\n  const baseId = otherProps.id || \"workspace-wrapper\";\r\n  return (\r\n    <div id={baseId} className={style.container} {...otherProps}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Components/Sandbox/Sandbox.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { WorkspaceBottomToolbar } from "./Components/WorkspaceBottomToolbar/WorkspaceBottomToolbar";
+import { WorkspaceTopToolbar } from "./Components/WorkspaceTopToolbar/WorkspaceTopToolbar";
+import { HostWrapper } from "./Components/HostWrapper/HostWrapper";
+import { WorkspaceLeft } from "./Components/WorkspaceLeft/WorkspaceLeft";
+import { WorkspaceRight } from "./Components/WorkspaceRight/WorkspaceRight";
+import { WorkspaceCenterWrapper } from "./Components/WorkspaceCenterWrapper/WorkspaceCenterWrapper";
+import { WorkspaceWrapper } from "./Components/WorkspaceWrapper/WorkspaceWrapper";
+import style from "./Sandbox.module.scss";
+export const Sandbox = ({ workspaceCenterContentRef, topToolbarContent, workspaceLeftContent, workspaceRightContent, workspaceCenterContent, bottomToolbarContent, ...otherProps }) => {
+    return (_jsxs(HostWrapper, { ...otherProps, children: [_jsx(WorkspaceTopToolbar, { children: topToolbarContent }), _jsxs(WorkspaceWrapper, { style: { backgroundColor: "rgba(255, 255, 255" }, children: [_jsx(WorkspaceLeft, { style: { backgroundColor: "rgb(200, 200, 200)" }, children: workspaceLeftContent }), _jsx(WorkspaceCenterWrapper, { style: { backgroundColor: "rgb(225, 225, 225)" }, children: _jsx("div", { id: "sandbox-workspace-slide-content", ref: workspaceCenterContentRef, className: style.slideContentContainer, children: workspaceCenterContent }) }), _jsx(WorkspaceRight, { style: { backgroundColor: "rgb(200, 200, 200)" }, children: workspaceRightContent })] }), _jsx(WorkspaceBottomToolbar, { children: bottomToolbarContent })] }));
+};
+//# sourceMappingURL=Sandbox.js.map

package/dist/esm/Frameworks/React/Components/Sandbox/Sandbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sandbox.js","sourceRoot":"","sources":["../../../../../../src/Frameworks/React/Components/Sandbox/Sandbox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAElF,OAAO,KAAK,MAAM,uBAAuB,CAAC;AAW1C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,yBAAyB,EACzB,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,GAAG,UAAU,EAC4B,EAAE,EAAE;IAC7C,OAAO,CACL,MAAC,WAAW,OAAK,UAAU,aACzB,KAAC,mBAAmB,cAAE,iBAAiB,GAAuB,EAC9D,MAAC,gBAAgB,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE,aAChE,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE,YAC5D,oBAAoB,GACP,EAChB,KAAC,sBAAsB,IACrB,KAAK,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE,YAEhD,cACE,EAAE,EAAC,iCAAiC,EACpC,GAAG,EAAE,yBAAyB,EAC9B,SAAS,EAAE,KAAK,CAAC,qBAAqB,YAErC,sBAAsB,GACnB,GACiB,EACzB,KAAC,cAAc,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE,YAC7D,qBAAqB,GACP,IACA,EACnB,KAAC,sBAAsB,cAAE,oBAAoB,GAA0B,IAC3D,CACf,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { HTMLProps, ReactNode, RefObject } from \"react\";\r\n\r\nimport { WorkspaceBottomToolbar } from \"./Components/WorkspaceBottomToolbar/WorkspaceBottomToolbar\";\r\nimport { WorkspaceTopToolbar } from \"./Components/WorkspaceTopToolbar/WorkspaceTopToolbar\";\r\nimport { HostWrapper } from \"./Components/HostWrapper/HostWrapper\";\r\nimport { WorkspaceLeft } from \"./Components/WorkspaceLeft/WorkspaceLeft\";\r\nimport { WorkspaceRight } from \"./Components/WorkspaceRight/WorkspaceRight\";\r\nimport { WorkspaceCenterWrapper } from \"./Components/WorkspaceCenterWrapper/WorkspaceCenterWrapper\";\r\nimport { WorkspaceWrapper } from \"./Components/WorkspaceWrapper/WorkspaceWrapper\";\r\n\r\nimport style from \"./Sandbox.module.scss\";\r\n\r\nexport type SandboxProps = {\r\n  workspaceCenterContentRef?: RefObject<HTMLDivElement>;\r\n  topToolbarContent?: ReactNode;\r\n  workspaceLeftContent?: ReactNode;\r\n  workspaceCenterContent?: ReactNode;\r\n  workspaceRightContent?: ReactNode;\r\n  bottomToolbarContent?: ReactNode;\r\n};\r\n\r\nexport const Sandbox = ({\r\n  workspaceCenterContentRef,\r\n  topToolbarContent,\r\n  workspaceLeftContent,\r\n  workspaceRightContent,\r\n  workspaceCenterContent,\r\n  bottomToolbarContent,\r\n  ...otherProps\r\n}: SandboxProps & HTMLProps<HTMLDivElement>) => {\r\n  return (\r\n    <HostWrapper {...otherProps}>\r\n      <WorkspaceTopToolbar>{topToolbarContent}</WorkspaceTopToolbar>\r\n      <WorkspaceWrapper style={{ backgroundColor: \"rgba(255, 255, 255\" }}>\r\n        <WorkspaceLeft style={{ backgroundColor: \"rgb(200, 200, 200)\" }}>\r\n          {workspaceLeftContent}\r\n        </WorkspaceLeft>\r\n        <WorkspaceCenterWrapper\r\n          style={{ backgroundColor: \"rgb(225, 225, 225)\" }}\r\n        >\r\n          <div\r\n            id=\"sandbox-workspace-slide-content\"\r\n            ref={workspaceCenterContentRef}\r\n            className={style.slideContentContainer}\r\n          >\r\n            {workspaceCenterContent}\r\n          </div>\r\n        </WorkspaceCenterWrapper>\r\n        <WorkspaceRight style={{ backgroundColor: \"rgb(200, 200, 200)\" }}>\r\n          {workspaceRightContent}\r\n        </WorkspaceRight>\r\n      </WorkspaceWrapper>\r\n      <WorkspaceBottomToolbar>{bottomToolbarContent}</WorkspaceBottomToolbar>\r\n    </HostWrapper>\r\n  );\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Components/ShadowDom/AssetPluginShadowDom.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+/**
+ * Creates a shadow dom by attaching a shadowRoot to this components parent element.
+ */
+export const AssetPluginShadowDom = ({ mode, delegateFocus, stylesheets, children }) => {
+    const [initialized, setInitialized] = useState(false);
+    const placeholderRef = useRef(null);
+    const shadowParentRef = useRef();
+    const shadowRootRef = useRef();
+    const shadowChildRef = useRef();
+    useEffect(() => {
+        if (!initialized) {
+            if (placeholderRef &&
+                placeholderRef.current &&
+                placeholderRef.current.parentElement) {
+                // Get the placeholder's parent element and assign to AssetPluginShadowDomParentRef
+                shadowParentRef.current = placeholderRef.current.parentElement;
+                // Create the shadowRoot from the shadowParent element and assign to the shadowRootRef (this creates the shadow dom)
+                shadowRootRef.current = shadowParentRef.current.attachShadow({
+                    mode: mode || "open",
+                    delegatesFocus: delegateFocus || false
+                });
+                const node = document.createElement("div");
+                node.id = "asset-plugin-shadow-child";
+                node.style.width = "100%";
+                node.style.height = "100%";
+                node.style.position = "relative";
+                shadowRootRef.current.innerHTML = getStyleSheetsAsString();
+                shadowRootRef.current.appendChild(node);
+                shadowChildRef.current = node;
+                // If we've got to this point, the shadow dom has been created and doesn't need to be created again. At this point we have initialized the shadow dom.
+                setInitialized(true);
+            }
+        }
+        else {
+            if (shadowRootRef && shadowRootRef.current && shadowChildRef.current) {
+                shadowRootRef.current.innerHTML = getStyleSheetsAsString();
+                shadowRootRef.current.appendChild(shadowChildRef.current);
+            }
+        }
+        // eslint-disable-next-line
+    }, [placeholderRef, initialized, mode, delegateFocus, stylesheets]);
+    const getStyleSheetsAsString = () => {
+        let innerHtml = "";
+        stylesheets?.forEach((str) => {
+            innerHtml = innerHtml.concat(`<link type="text/css" rel="stylesheet" href="${str}"></link>`);
+        });
+        return innerHtml;
+    };
+    if (!initialized) {
+        return _jsx("div", { ref: placeholderRef });
+    }
+    if (shadowChildRef.current) {
+        return createPortal(children, shadowChildRef.current);
+    }
+    else
+        return _jsx(_Fragment, {});
+};
+//# sourceMappingURL=AssetPluginShadowDom.js.map

package/dist/esm/Frameworks/React/Components/ShadowDom/AssetPluginShadowDom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetPluginShadowDom.js","sourceRoot":"","sources":["../../../../../../src/Frameworks/React/Components/ShadowDom/AssetPluginShadowDom.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AASzC;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,IAAI,EACJ,aAAa,EACb,WAAW,EACX,QAAQ,EACoB,EAAE,EAAE;IAChC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,eAAe,GAAG,MAAM,EAAe,CAAC;IAC9C,MAAM,aAAa,GAAG,MAAM,EAAc,CAAC;IAC3C,MAAM,cAAc,GAAG,MAAM,EAAkB,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,IACE,cAAc;gBACd,cAAc,CAAC,OAAO;gBACtB,cAAc,CAAC,OAAO,CAAC,aAAa,EACpC,CAAC;gBACD,mFAAmF;gBACnF,eAAe,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC;gBAE/D,oHAAoH;gBACpH,aAAa,CAAC,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC;oBAC3D,IAAI,EAAE,IAAI,IAAI,MAAM;oBACpB,cAAc,EAAE,aAAa,IAAI,KAAK;iBACvC,CAAC,CAAC;gBAEH,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAC3C,IAAI,CAAC,EAAE,GAAG,2BAA2B,CAAC;gBACtC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;gBAC1B,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC3B,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;gBAEjC,aAAa,CAAC,OAAO,CAAC,SAAS,GAAG,sBAAsB,EAAE,CAAC;gBAC3D,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACxC,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;gBAE9B,sJAAsJ;gBACtJ,cAAc,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,aAAa,IAAI,aAAa,CAAC,OAAO,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;gBACrE,aAAa,CAAC,OAAO,CAAC,SAAS,GAAG,sBAAsB,EAAE,CAAC;gBAC3D,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YAC5D,CAAC;QACH,CAAC;QACD,2BAA2B;IAC7B,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC;IAEpE,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,IAAI,SAAS,GAAG,EAAE,CAAC;QAEnB,WAAW,EAAE,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC3B,SAAS,GAAG,SAAS,CAAC,MAAM,CAC1B,gDAAgD,GAAG,WAAW,CAC/D,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,cAAK,GAAG,EAAE,cAAc,GAAI,CAAC;IACtC,CAAC;IACD,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;QAC3B,OAAO,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACxD,CAAC;;QAAM,OAAO,mBAAK,CAAC;AACtB,CAAC,CAAC","sourcesContent":["import { ReactNode, useEffect, useRef, useState } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\n\r\nexport type AssetPluginShadowDomFCProps = {\r\n  mode?: \"open\" | \"closed\";\r\n  delegateFocus?: boolean;\r\n  stylesheets?: string[];\r\n  children?: ReactNode;\r\n};\r\n\r\n/**\r\n * Creates a shadow dom by attaching a shadowRoot to this components parent element.\r\n */\r\nexport const AssetPluginShadowDom = ({\r\n  mode,\r\n  delegateFocus,\r\n  stylesheets,\r\n  children\r\n}: AssetPluginShadowDomFCProps) => {\r\n  const [initialized, setInitialized] = useState(false);\r\n  const placeholderRef = useRef<HTMLDivElement>(null);\r\n  const shadowParentRef = useRef<HTMLElement>();\r\n  const shadowRootRef = useRef<ShadowRoot>();\r\n  const shadowChildRef = useRef<HTMLDivElement>();\r\n\r\n  useEffect(() => {\r\n    if (!initialized) {\r\n      if (\r\n        placeholderRef &&\r\n        placeholderRef.current &&\r\n        placeholderRef.current.parentElement\r\n      ) {\r\n        // Get the placeholder's parent element and assign to AssetPluginShadowDomParentRef\r\n        shadowParentRef.current = placeholderRef.current.parentElement;\r\n\r\n        // Create the shadowRoot from the shadowParent element and assign to the shadowRootRef (this creates the shadow dom)\r\n        shadowRootRef.current = shadowParentRef.current.attachShadow({\r\n          mode: mode || \"open\",\r\n          delegatesFocus: delegateFocus || false\r\n        });\r\n\r\n        const node = document.createElement(\"div\");\r\n        node.id = \"asset-plugin-shadow-child\";\r\n        node.style.width = \"100%\";\r\n        node.style.height = \"100%\";\r\n        node.style.position = \"relative\";\r\n\r\n        shadowRootRef.current.innerHTML = getStyleSheetsAsString();\r\n        shadowRootRef.current.appendChild(node);\r\n        shadowChildRef.current = node;\r\n\r\n        // If we've got to this point, the shadow dom has been created and doesn't need to be created again. At this point we have initialized the shadow dom.\r\n        setInitialized(true);\r\n      }\r\n    } else {\r\n      if (shadowRootRef && shadowRootRef.current && shadowChildRef.current) {\r\n        shadowRootRef.current.innerHTML = getStyleSheetsAsString();\r\n        shadowRootRef.current.appendChild(shadowChildRef.current);\r\n      }\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [placeholderRef, initialized, mode, delegateFocus, stylesheets]);\r\n\r\n  const getStyleSheetsAsString = () => {\r\n    let innerHtml = \"\";\r\n\r\n    stylesheets?.forEach((str) => {\r\n      innerHtml = innerHtml.concat(\r\n        `<link type=\"text/css\" rel=\"stylesheet\" href=\"${str}\"></link>`\r\n      );\r\n    });\r\n\r\n    return innerHtml;\r\n  };\r\n\r\n  if (!initialized) {\r\n    return <div ref={placeholderRef} />;\r\n  }\r\n  if (shadowChildRef.current) {\r\n    return createPortal(children, shadowChildRef.current);\r\n  } else return <></>;\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Components/SuperCentered/SuperCentered.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import style from "./SuperCentered.module.scss";
+/**
+ * @description A container that can have one child element to be super centered, both vertically and horizontally.
+ */
+export const SuperCentered = ({ className, children, ...otherProps }) => {
+    const classNames = [style.parent, className].join(" ");
+    return (_jsx("div", { className: classNames, ...otherProps, children: children }));
+};
+//# sourceMappingURL=SuperCentered.js.map

package/dist/esm/Frameworks/React/Components/SuperCentered/SuperCentered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuperCentered.js","sourceRoot":"","sources":["../../../../../../src/Frameworks/React/Components/SuperCentered/SuperCentered.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,6BAA6B,CAAC;AAUhD;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACkC,EAAE,EAAE;IACnD,MAAM,UAAU,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEvD,OAAO,CACL,cAAK,SAAS,EAAE,UAAU,KAAM,UAAU,YACvC,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/// https://web.dev/one-line-layouts/\r\nimport React, { HTMLProps } from \"react\";\r\nimport style from \"./SuperCentered.module.scss\";\r\n\r\nexport type SuperCenteredProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /**\r\n   * The single child element to be super centered (vertically & horizontally) inside the parent container.\r\n   * @type {element}\r\n   */\r\n  children?: React.ReactChild;\r\n};\r\n\r\n/**\r\n * @description A container that can have one child element to be super centered, both vertically and horizontally.\r\n */\r\nexport const SuperCentered = ({\r\n  className,\r\n  children,\r\n  ...otherProps\r\n}: SuperCenteredProps & HTMLProps<HTMLDivElement>) => {\r\n  const classNames = [style.parent, className].join(\" \");\r\n\r\n  return (\r\n    <div className={classNames} {...otherProps}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Containers/AppAssetList.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ShowArchivedAssetsCheckbox } from "./ShowArchivedAssetsCheckbox";
+import { useSingletonPM } from "../Hooks/useSingletonPM";
+import { AssetCard } from "./AssetCard/AssetCard";
+import { appAssetListAdapter, setSandboxAppState, SandboxState } from "@vived/host";
+import { useContext } from "react";
+import SandboxAppObjectsContext from "../SandboxAppObjectsContext";
+import Button from "@mui/material/Button";
+import Stack from "@mui/material/Stack";
+export const AppAssetList = () => {
+    const appAssets = useSingletonPM(appAssetListAdapter);
+    const sandboxAppObjects = useContext(SandboxAppObjectsContext);
+    function renderAssetCards() {
+        if (appAssets.length === 0) {
+            return _jsx("p", { children: "App has no assets" });
+        }
+        else {
+            return _jsx(_Fragment, { children: appAssets.map((r) => makeCard(r)) });
+        }
+    }
+    function makeCard(assetID) {
+        return _jsx(AssetCard, { assetID: assetID }, assetID);
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("h2", { children: "App Assets:" }), _jsxs(Stack, { direction: "row", spacing: 1, sx: { my: 1, alignItems: "center" }, children: [_jsx(Button, { variant: "contained", size: "small", onClick: () => setSandboxAppState(SandboxState.NEW_APP_ASSET, sandboxAppObjects), children: "Add App Asset" }), _jsx(ShowArchivedAssetsCheckbox, {})] }), renderAssetCards()] }));
+};
+//# sourceMappingURL=AppAssetList.js.map

package/dist/esm/Frameworks/React/Containers/AppAssetList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppAssetList.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/AppAssetList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,YAAY,EACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAExC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAgB,EAAE;IAC5C,MAAM,SAAS,GAAG,cAAc,CAAW,mBAAmB,CAAC,CAAC;IAChE,MAAM,iBAAiB,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE/D,SAAS,gBAAgB;QACvB,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAO,4CAAwB,CAAC;QAClC,CAAC;aAAM,CAAC;YACN,OAAO,4BAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAI,CAAC;QAClD,CAAC;IACH,CAAC;IAED,SAAS,QAAQ,CAAC,OAAe;QAC/B,OAAO,KAAC,SAAS,IAAe,OAAO,EAAE,OAAO,IAAzB,OAAO,CAAsB,CAAC;IACvD,CAAC;IAED,OAAO,CACL,8BACE,uCAAoB,EACpB,MAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,aACpE,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CACZ,kBAAkB,CAAC,YAAY,CAAC,aAAa,EAAE,iBAAiB,CAAC,8BAI5D,EACT,KAAC,0BAA0B,KAAG,IACxB,EACP,gBAAgB,EAAE,IAClB,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { ShowArchivedAssetsCheckbox } from \"./ShowArchivedAssetsCheckbox\";\r\nimport { useSingletonPM } from \"../Hooks/useSingletonPM\";\r\nimport { AssetCard } from \"./AssetCard/AssetCard\";\r\nimport {\r\n  appAssetListAdapter,\r\n  setSandboxAppState,\r\n  SandboxState\r\n} from \"@vived/host\";\r\nimport { useContext } from \"react\";\r\nimport SandboxAppObjectsContext from \"../SandboxAppObjectsContext\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Stack from \"@mui/material/Stack\";\r\n\r\nexport const AppAssetList = (): JSX.Element => {\r\n  const appAssets = useSingletonPM<string[]>(appAssetListAdapter);\r\n  const sandboxAppObjects = useContext(SandboxAppObjectsContext);\r\n\r\n  function renderAssetCards() {\r\n    if (appAssets.length === 0) {\r\n      return <p>App has no assets</p>;\r\n    } else {\r\n      return <>{appAssets.map((r) => makeCard(r))}</>;\r\n    }\r\n  }\r\n\r\n  function makeCard(assetID: string) {\r\n    return <AssetCard key={assetID} assetID={assetID} />;\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <h2>App Assets:</h2>\r\n      <Stack direction=\"row\" spacing={1} sx={{ my: 1, alignItems: \"center\" }}>\r\n        <Button\r\n          variant=\"contained\"\r\n          size=\"small\"\r\n          onClick={() =>\r\n            setSandboxAppState(SandboxState.NEW_APP_ASSET, sandboxAppObjects)\r\n          }\r\n        >\r\n          Add App Asset\r\n        </Button>\r\n        <ShowArchivedAssetsCheckbox />\r\n      </Stack>\r\n      {renderAssetCards()}\r\n    </>\r\n  );\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Containers/AssetCard/AssetCard.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { archiveAsset, assetAdapter, editAppAsset } from "@vived/host";
+import { useContext, useState } from "react";
+import { usePM } from "../../Hooks/usePM";
+import SandboxAppObjectsContext from "../../SandboxAppObjectsContext";
+import "./style.css";
+import Button from "@mui/material/Button";
+export const AssetCard = ({ assetID }) => {
+    const hostAppObjects = useContext(SandboxAppObjectsContext);
+    const { archived, description, id, name } = usePM(assetID, assetAdapter);
+    const [disableArchive, setDisableArchive] = useState(false);
+    function unArchive() {
+        setDisableArchive(true);
+        archiveAsset(assetID, false, hostAppObjects)
+            .then(() => {
+            setDisableArchive(false);
+        })
+            .catch(() => {
+            setDisableArchive(false);
+        });
+    }
+    function archive() {
+        setDisableArchive(true);
+        archiveAsset(assetID, true, hostAppObjects)
+            .then(() => {
+            setDisableArchive(false);
+        })
+            .catch(() => {
+            setDisableArchive(false);
+        });
+    }
+    if (archived) {
+        return (_jsxs("div", { className: "archivedAssetCard", children: [_jsx("h3", { children: name + " - Archived" }), _jsx("p", { children: id }), _jsx("p", { children: description }), _jsx(Button, { variant: "contained", onClick: unArchive, disabled: disableArchive, children: disableArchive ? "Unarchiving..." : "Unarchive" })] }));
+    }
+    else {
+        return (_jsxs("div", { className: "assetCard", children: [_jsx("h3", { children: name }), _jsx("p", { children: id }), _jsx("p", { children: description }), _jsx(Button, { variant: "contained", onClick: () => editAppAsset(assetID, hostAppObjects), children: "Edit" }), _jsx(Button, { variant: "contained", onClick: archive, disabled: disableArchive, children: disableArchive ? "Archiving..." : "Archive" })] }));
+    }
+};
+//# sourceMappingURL=AssetCard.js.map

package/dist/esm/Frameworks/React/Containers/AssetCard/AssetCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetCard.js","sourceRoot":"","sources":["../../../../../../src/Frameworks/React/Containers/AssetCard/AssetCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAW,YAAY,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,wBAAwB,MAAM,gCAAgC,CAAC;AACtE,OAAO,aAAa,CAAC;AACrB,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAM1C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,OAAO,EAAkB,EAAe,EAAE;IACpE,MAAM,cAAc,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE5D,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,CAC/C,OAAO,EACP,YAAY,CACb,CAAC;IACF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,SAAS;QAChB,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC;aACzC,IAAI,CAAC,GAAG,EAAE;YACT,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;IACP,CAAC;IAED,SAAS,OAAO;QACd,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAExB,YAAY,CAAC,OAAO,EAAE,IAAI,EAAE,cAAc,CAAC;aACxC,IAAI,CAAC,GAAG,EAAE;YACT,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;IACP,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,eAAK,SAAS,EAAE,mBAAmB,aACjC,uBAAK,IAAI,GAAG,aAAa,GAAM,EAC/B,sBAAI,EAAE,GAAK,EACX,sBAAI,WAAW,GAAK,EACpB,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,YACrE,cAAc,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,GACzC,IACL,CACP,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,eAAK,SAAS,EAAE,WAAW,aACzB,uBAAK,IAAI,GAAM,EACf,sBAAI,EAAE,GAAK,EACX,sBAAI,WAAW,GAAK,EACpB,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,cAAc,CAAC,qBAEvE,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,YACnE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,GACrC,IACL,CACP,CAAC;IACJ,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { archiveAsset, assetAdapter, AssetVM, editAppAsset } from \"@vived/host\";\r\nimport { useContext, useState } from \"react\";\r\nimport { usePM } from \"../../Hooks/usePM\";\r\nimport SandboxAppObjectsContext from \"../../SandboxAppObjectsContext\";\r\nimport \"./style.css\";\r\nimport Button from \"@mui/material/Button\";\r\n\r\nexport interface AssetCardProps {\r\n  assetID: string;\r\n}\r\n\r\nexport const AssetCard = ({ assetID }: AssetCardProps): JSX.Element => {\r\n  const hostAppObjects = useContext(SandboxAppObjectsContext);\r\n\r\n  const { archived, description, id, name } = usePM<AssetVM>(\r\n    assetID,\r\n    assetAdapter\r\n  );\r\n  const [disableArchive, setDisableArchive] = useState(false);\r\n\r\n  function unArchive() {\r\n    setDisableArchive(true);\r\n    archiveAsset(assetID, false, hostAppObjects)\r\n      .then(() => {\r\n        setDisableArchive(false);\r\n      })\r\n      .catch(() => {\r\n        setDisableArchive(false);\r\n      });\r\n  }\r\n\r\n  function archive() {\r\n    setDisableArchive(true);\r\n\r\n    archiveAsset(assetID, true, hostAppObjects)\r\n      .then(() => {\r\n        setDisableArchive(false);\r\n      })\r\n      .catch(() => {\r\n        setDisableArchive(false);\r\n      });\r\n  }\r\n\r\n  if (archived) {\r\n    return (\r\n      <div className={\"archivedAssetCard\"}>\r\n        <h3>{name + \" - Archived\"}</h3>\r\n        <p>{id}</p>\r\n        <p>{description}</p>\r\n        <Button variant=\"contained\" onClick={unArchive} disabled={disableArchive}>\r\n          {disableArchive ? \"Unarchiving...\" : \"Unarchive\"}\r\n        </Button>\r\n      </div>\r\n    );\r\n  } else {\r\n    return (\r\n      <div className={\"assetCard\"}>\r\n        <h3>{name}</h3>\r\n        <p>{id}</p>\r\n        <p>{description}</p>\r\n        <Button variant=\"contained\" onClick={() => editAppAsset(assetID, hostAppObjects)}>\r\n          Edit\r\n        </Button>\r\n        <Button variant=\"contained\" onClick={archive} disabled={disableArchive}>\r\n          {disableArchive ? \"Archiving...\" : \"Archive\"}\r\n        </Button>\r\n      </div>\r\n    );\r\n  }\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Containers/BabylonInspectorCheckbox.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { showInspectorAdapter, toggleShowInspector } from "@vived/host";
+import { useSingletonPM } from "../Hooks/useSingletonPM";
+import SandboxAppObjectsContext from "../SandboxAppObjectsContext";
+import Checkbox from "@mui/material/Checkbox";
+import FormControlLabel from "@mui/material/FormControlLabel";
+export const BabylonInspectorCheckbox = () => {
+    const showBabylon = useSingletonPM(showInspectorAdapter);
+    const hostAppObject = useContext(SandboxAppObjectsContext);
+    return (_jsx(FormControlLabel, { control: _jsx(Checkbox, { onChange: () => toggleShowInspector(hostAppObject), checked: showBabylon }), label: "Babylon Inspector" }));
+};
+//# sourceMappingURL=BabylonInspectorCheckbox.js.map

package/dist/esm/Frameworks/React/Containers/BabylonInspectorCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BabylonInspectorCheckbox.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/BabylonInspectorCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAE9D,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAgB,EAAE;IACxD,MAAM,WAAW,GAAG,cAAc,CAAU,oBAAoB,CAAC,CAAC;IAClE,MAAM,aAAa,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE3D,OAAO,CACL,KAAC,gBAAgB,IACf,OAAO,EACL,KAAC,QAAQ,IACP,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,aAAa,CAAC,EAClD,OAAO,EAAE,WAAW,GACpB,EAEJ,KAAK,EAAC,mBAAmB,GACzB,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useContext } from \"react\";\r\nimport { showInspectorAdapter, toggleShowInspector } from \"@vived/host\";\r\nimport { useSingletonPM } from \"../Hooks/useSingletonPM\";\r\nimport SandboxAppObjectsContext from \"../SandboxAppObjectsContext\";\r\nimport Checkbox from \"@mui/material/Checkbox\";\r\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\r\n\r\nexport const BabylonInspectorCheckbox = (): JSX.Element => {\r\n  const showBabylon = useSingletonPM<boolean>(showInspectorAdapter);\r\n  const hostAppObject = useContext(SandboxAppObjectsContext);\r\n\r\n  return (\r\n    <FormControlLabel\r\n      control={\r\n        <Checkbox\r\n          onChange={() => toggleShowInspector(hostAppObject)}\r\n          checked={showBabylon}\r\n        />\r\n      }\r\n      label=\"Babylon Inspector\"\r\n    />\r\n  );\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Containers/CancelAuthoringButton.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cancelEditing } from "@vived/host";
+import { useContext } from "react";
+import SandboxAppObjectsContext from "../SandboxAppObjectsContext";
+import Button from "@mui/material/Button";
+export const CancelAuthoringButton = () => {
+    const hostAppObjects = useContext(SandboxAppObjectsContext);
+    return _jsx(Button, { variant: "contained", onClick: () => cancelEditing(hostAppObjects), children: "Cancel" });
+};
+//# sourceMappingURL=CancelAuthoringButton.js.map

package/dist/esm/Frameworks/React/Containers/CancelAuthoringButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelAuthoringButton.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/CancelAuthoringButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAgB,EAAE;IACrD,MAAM,cAAc,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE5D,OAAO,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,cAAc,CAAC,uBAAiB,CAAC;AACnG,CAAC,CAAC","sourcesContent":["import { cancelEditing } from \"@vived/host\";\r\nimport { useContext } from \"react\";\r\nimport SandboxAppObjectsContext from \"../SandboxAppObjectsContext\";\r\nimport Button from \"@mui/material/Button\";\r\n\r\nexport const CancelAuthoringButton = (): JSX.Element => {\r\n  const hostAppObjects = useContext(SandboxAppObjectsContext);\r\n\r\n  return <Button variant=\"contained\" onClick={() => cancelEditing(hostAppObjects)}>Cancel</Button>;\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Containers/DeleteAppAssetButton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { deleteAsset } from "@vived/host";
+import { useContext } from "react";
+import SandboxAppObjectsContext from "../SandboxAppObjectsContext";
+import Button from "@mui/material/Button";
+export const DeleteAppAssetButton = (props) => {
+    const { assetID } = props;
+    const hostAppObjects = useContext(SandboxAppObjectsContext);
+    function clickDelete() {
+        deleteAsset(assetID, hostAppObjects);
+    }
+    return _jsx(Button, { variant: "contained", onClick: clickDelete, children: "Delete App Asset" });
+};
+//# sourceMappingURL=DeleteAppAssetButton.js.map

package/dist/esm/Frameworks/React/Containers/DeleteAppAssetButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteAppAssetButton.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/DeleteAppAssetButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAM1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAuB,EAAe,EAAE;IAC3E,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,MAAM,cAAc,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE5D,SAAS,WAAW;QAClB,WAAW,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IACvC,CAAC;IAED,OAAO,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW,iCAA2B,CAAC;AACrF,CAAC,CAAC","sourcesContent":["import { deleteAsset } from \"@vived/host\";\r\nimport { useContext } from \"react\";\r\nimport SandboxAppObjectsContext from \"../SandboxAppObjectsContext\";\r\nimport Button from \"@mui/material/Button\";\r\n\r\nexport interface DeleteAssetProps {\r\n  assetID: string;\r\n}\r\n\r\nexport const DeleteAppAssetButton = (props: DeleteAssetProps): JSX.Element => {\r\n  const { assetID } = props;\r\n  const hostAppObjects = useContext(SandboxAppObjectsContext);\r\n\r\n  function clickDelete() {\r\n    deleteAsset(assetID, hostAppObjects);\r\n  }\r\n\r\n  return <Button variant=\"contained\" onClick={clickDelete}>Delete App Asset</Button>;\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Containers/Dialogs/AlertDialogContent.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContent from "@mui/material/DialogContent";
+import DialogTitle from "@mui/material/DialogTitle";
+import Button from "@mui/material/Button";
+import { alertDialogAdapter } from "@vived/host";
+import { usePM } from "../../Hooks/usePM";
+export const AlertDialogContent = ({ id }) => {
+    const { title, message, close, buttonLabel } = usePM(id, alertDialogAdapter);
+    return (_jsxs(_Fragment, { children: [_jsx(DialogTitle, { children: _jsx("b", { children: title }) }), _jsx(DialogContent, { style: { whiteSpace: "pre-line" }, children: message }), _jsx(DialogActions, { children: _jsx(Button, { onClick: close, children: buttonLabel }) })] }));
+};
+//# sourceMappingURL=AlertDialogContent.js.map

package/dist/esm/Frameworks/React/Containers/Dialogs/AlertDialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogContent.js","sourceRoot":"","sources":["../../../../../../src/Frameworks/React/Containers/Dialogs/AlertDialogContent.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,6BAA6B,CAAC;AACxD,OAAO,aAAa,MAAM,6BAA6B,CAAC;AACxD,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAiB,MAAM,aAAa,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAM1C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,EAAE,EAAoB,EAAe,EAAE;IAC1E,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,CAClD,EAAE,EACF,kBAAkB,CACnB,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,WAAW,cACV,sBAAI,KAAK,GAAK,GACF,EACd,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,YAC7C,OAAO,GACM,EAChB,KAAC,aAAa,cACZ,KAAC,MAAM,IAAC,OAAO,EAAE,KAAK,YAAG,WAAW,GAAU,GAChC,IACf,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import DialogActions from \"@mui/material/DialogActions\";\r\nimport DialogContent from \"@mui/material/DialogContent\";\r\nimport DialogTitle from \"@mui/material/DialogTitle\";\r\nimport Button from \"@mui/material/Button\";\r\nimport { alertDialogAdapter, AlertDialogVM } from \"@vived/host\";\r\nimport { usePM } from \"../../Hooks/usePM\";\r\n\r\nexport interface AlertDialogProps {\r\n  id: string;\r\n}\r\n\r\nexport const AlertDialogContent = ({ id }: AlertDialogProps): JSX.Element => {\r\n  const { title, message, close, buttonLabel } = usePM<AlertDialogVM>(\r\n    id,\r\n    alertDialogAdapter\r\n  );\r\n\r\n  return (\r\n    <>\r\n      <DialogTitle>\r\n        <b>{title}</b>\r\n      </DialogTitle>\r\n      <DialogContent style={{ whiteSpace: \"pre-line\" }}>\r\n        {message}\r\n      </DialogContent>\r\n      <DialogActions>\r\n        <Button onClick={close}>{buttonLabel}</Button>\r\n      </DialogActions>\r\n    </>\r\n  );\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Containers/Dialogs/ConfirmDialogContent.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContent from "@mui/material/DialogContent";
+import DialogTitle from "@mui/material/DialogTitle";
+import Button from "@mui/material/Button";
+import { confirmDialogAdapter } from "@vived/host";
+import { usePM } from "../../Hooks/usePM";
+export const ConfirmDialogContent = ({ id }) => {
+    const { cancel, cancelButtonLabel, confirm, confirmButtonLabel, message, title } = usePM(id, confirmDialogAdapter);
+    return (_jsxs(_Fragment, { children: [_jsx(DialogTitle, { children: _jsx("b", { children: title }) }), _jsx(DialogContent, { style: { whiteSpace: "pre-line" }, children: message }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: cancel, children: cancelButtonLabel }), _jsx(Button, { onClick: confirm, children: confirmButtonLabel })] })] }));
+};
+//# sourceMappingURL=ConfirmDialogContent.js.map

package/dist/esm/Frameworks/React/Containers/Dialogs/ConfirmDialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialogContent.js","sourceRoot":"","sources":["../../../../../../src/Frameworks/React/Containers/Dialogs/ConfirmDialogContent.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,6BAA6B,CAAC;AACxD,OAAO,aAAa,MAAM,6BAA6B,CAAC;AACxD,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAmB,MAAM,aAAa,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAM1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,EAAE,EACiB,EAAe,EAAE;IACpC,MAAM,EACJ,MAAM,EACN,iBAAiB,EACjB,OAAO,EACP,kBAAkB,EAClB,OAAO,EACP,KAAK,EACN,GAAG,KAAK,CAAkB,EAAE,EAAE,oBAAoB,CAAC,CAAC;IAErD,OAAO,CACL,8BACE,KAAC,WAAW,cACV,sBAAI,KAAK,GAAK,GACF,EACd,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,YAC7C,OAAO,GACM,EAChB,MAAC,aAAa,eACZ,KAAC,MAAM,IAAC,OAAO,EAAE,MAAM,YAAG,iBAAiB,GAAU,EACrD,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,YAAG,kBAAkB,GAAU,IACzC,IACf,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import DialogActions from \"@mui/material/DialogActions\";\r\nimport DialogContent from \"@mui/material/DialogContent\";\r\nimport DialogTitle from \"@mui/material/DialogTitle\";\r\nimport Button from \"@mui/material/Button\";\r\nimport { confirmDialogAdapter, ConfirmDialogVM } from \"@vived/host\";\r\nimport { usePM } from \"../../Hooks/usePM\";\r\n\r\nexport interface ConfirmDialogProps {\r\n  id: string;\r\n}\r\n\r\nexport const ConfirmDialogContent = ({\r\n  id\r\n}: ConfirmDialogProps): JSX.Element => {\r\n  const {\r\n    cancel,\r\n    cancelButtonLabel,\r\n    confirm,\r\n    confirmButtonLabel,\r\n    message,\r\n    title\r\n  } = usePM<ConfirmDialogVM>(id, confirmDialogAdapter);\r\n\r\n  return (\r\n    <>\r\n      <DialogTitle>\r\n        <b>{title}</b>\r\n      </DialogTitle>\r\n      <DialogContent style={{ whiteSpace: \"pre-line\" }}>\r\n        {message}\r\n      </DialogContent>\r\n      <DialogActions>\r\n        <Button onClick={cancel}>{cancelButtonLabel}</Button>\r\n        <Button onClick={confirm}>{confirmButtonLabel}</Button>\r\n      </DialogActions>\r\n    </>\r\n  );\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Containers/Dialogs/GeneralDialog.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import Dialog from "@mui/material/Dialog";
+import { AlertDialogContent } from "./AlertDialogContent";
+import { UnknownDialogContent } from "./UnknownDialogContent";
+import { ConfirmDialogContent } from "./ConfirmDialogContent";
+import { SpinnerDialogContent } from "./SpinnerDialogContent";
+import { MarkDownEditorDialogContent } from "./MarkDownEditorContent";
+import { SelectModelDialogContent } from "./SelectModelDialogContent";
+import { activeDialogHasClosed, dialogQueueAdapter } from "@vived/host";
+import SandboxAppObjectsContext from "../../SandboxAppObjectsContext";
+import { useContext } from "react";
+import { useSingletonPM } from "../../Hooks/useSingletonPM";
+export const GeneralDialog = () => {
+    const { open, id, dialogType, preventOutsideDismiss } = useSingletonPM(dialogQueueAdapter);
+    const hostAppObject = useContext(SandboxAppObjectsContext);
+    const renderDialogContent = () => {
+        switch (dialogType) {
+            case "ALERT":
+                return _jsx(AlertDialogContent, { id: id ?? "" });
+            case "CONFIRM":
+                return _jsx(ConfirmDialogContent, { id: id ?? "" });
+            case "SPINNER":
+                return _jsx(SpinnerDialogContent, { id: id ?? "" });
+            case "MARKDOWN_EDITOR":
+                return _jsx(MarkDownEditorDialogContent, { id: id ?? "" });
+            case "SELECT_CHANNEL_MODEL":
+                return _jsx(SelectModelDialogContent, {});
+            default:
+                return _jsx(UnknownDialogContent, { type: dialogType });
+        }
+    };
+    if (!id) {
+        return _jsx(_Fragment, {});
+    }
+    else {
+        return (_jsx(Dialog, { open: open, onClose: (_, reason) => {
+                if (preventOutsideDismiss && reason === "backdropClick")
+                    return;
+                activeDialogHasClosed(hostAppObject);
+            }, slotProps: { paper: { sx: { maxWidth: "896px", width: "100%" } } }, children: renderDialogContent() }));
+    }
+};
+//# sourceMappingURL=GeneralDialog.js.map

package/dist/esm/Frameworks/React/Containers/Dialogs/GeneralDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralDialog.js","sourceRoot":"","sources":["../../../../../../src/Frameworks/React/Containers/Dialogs/GeneralDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EACL,qBAAqB,EACrB,kBAAkB,EAEnB,MAAM,aAAa,CAAC;AACrB,OAAO,wBAAwB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,MAAM,CAAC,MAAM,aAAa,GAAG,GAAgB,EAAE;IAC7C,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,EAAE,qBAAqB,EAAE,GACnD,cAAc,CAAgB,kBAAkB,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE3D,MAAM,mBAAmB,GAAG,GAAgB,EAAE;QAC5C,QAAQ,UAAU,EAAE,CAAC;YACnB,KAAK,OAAO;gBACV,OAAO,KAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,IAAI,EAAE,GAAI,CAAC;YAE9C,KAAK,SAAS;gBACZ,OAAO,KAAC,oBAAoB,IAAC,EAAE,EAAE,EAAE,IAAI,EAAE,GAAI,CAAC;YAEhD,KAAK,SAAS;gBACZ,OAAO,KAAC,oBAAoB,IAAC,EAAE,EAAE,EAAE,IAAI,EAAE,GAAI,CAAC;YAEhD,KAAK,iBAAiB;gBACpB,OAAO,KAAC,2BAA2B,IAAC,EAAE,EAAE,EAAE,IAAI,EAAE,GAAI,CAAC;YAEvD,KAAK,sBAAsB;gBACzB,OAAO,KAAC,wBAAwB,KAAG,CAAC;YAEtC;gBACE,OAAO,KAAC,oBAAoB,IAAC,IAAI,EAAE,UAAU,GAAI,CAAC;QACtD,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAAC,EAAE,EAAE,CAAC;QACR,OAAO,mBAAK,CAAC;IACf,CAAC;SAAM,CAAC;QACN,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;gBACrB,IAAI,qBAAqB,IAAI,MAAM,KAAK,eAAe;oBAAE,OAAO;gBAChE,qBAAqB,CAAC,aAAa,CAAC,CAAC;YACvC,CAAC,EACD,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,YAEjE,mBAAmB,EAAE,GACf,CACV,CAAC;IACJ,CAAC;AACH,CAAC,CAAC","sourcesContent":["import Dialog from \"@mui/material/Dialog\";\r\nimport { AlertDialogContent } from \"./AlertDialogContent\";\r\nimport { UnknownDialogContent } from \"./UnknownDialogContent\";\r\nimport { ConfirmDialogContent } from \"./ConfirmDialogContent\";\r\nimport { SpinnerDialogContent } from \"./SpinnerDialogContent\";\r\nimport { MarkDownEditorDialogContent } from \"./MarkDownEditorContent\";\r\nimport { SelectModelDialogContent } from \"./SelectModelDialogContent\";\r\nimport {\r\n  activeDialogHasClosed,\r\n  dialogQueueAdapter,\r\n  DialogQueueVM\r\n} from \"@vived/host\";\r\nimport SandboxAppObjectsContext from \"../../SandboxAppObjectsContext\";\r\nimport { useContext } from \"react\";\r\nimport { useSingletonPM } from \"../../Hooks/useSingletonPM\";\r\n\r\nexport const GeneralDialog = (): JSX.Element => {\r\n  const { open, id, dialogType, preventOutsideDismiss } =\r\n    useSingletonPM<DialogQueueVM>(dialogQueueAdapter);\r\n\r\n  const hostAppObject = useContext(SandboxAppObjectsContext);\r\n\r\n  const renderDialogContent = (): JSX.Element => {\r\n    switch (dialogType) {\r\n      case \"ALERT\":\r\n        return <AlertDialogContent id={id ?? \"\"} />;\r\n\r\n      case \"CONFIRM\":\r\n        return <ConfirmDialogContent id={id ?? \"\"} />;\r\n\r\n      case \"SPINNER\":\r\n        return <SpinnerDialogContent id={id ?? \"\"} />;\r\n\r\n      case \"MARKDOWN_EDITOR\":\r\n        return <MarkDownEditorDialogContent id={id ?? \"\"} />;\r\n\r\n      case \"SELECT_CHANNEL_MODEL\":\r\n        return <SelectModelDialogContent />;\r\n\r\n      default:\r\n        return <UnknownDialogContent type={dialogType} />;\r\n    }\r\n  };\r\n\r\n  if (!id) {\r\n    return <></>;\r\n  } else {\r\n    return (\r\n      <Dialog\r\n        open={open}\r\n        onClose={(_, reason) => {\r\n          if (preventOutsideDismiss && reason === \"backdropClick\") return;\r\n          activeDialogHasClosed(hostAppObject);\r\n        }}\r\n        slotProps={{ paper: { sx: { maxWidth: \"896px\", width: \"100%\" } } }}\r\n      >\r\n        {renderDialogContent()}\r\n      </Dialog>\r\n    );\r\n  }\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Containers/Dialogs/MarkDownEditorContent.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContent from "@mui/material/DialogContent";
+import DialogTitle from "@mui/material/DialogTitle";
+import Button from "@mui/material/Button";
+import MDEditor from "@uiw/react-md-editor";
+import style from "./MarkDownEditorContent.module.scss";
+import { markDownEditorDialogAdapters } from "@vived/host";
+import { usePM } from "../../Hooks/usePM";
+export const MarkDownEditorDialogContent = ({ id }) => {
+    const [text, setText] = useState("");
+    const { initialText, confirm } = usePM(id, markDownEditorDialogAdapters);
+    useEffect(() => {
+        setText(initialText);
+    }, [initialText]);
+    const handleChange = (value) => {
+        setText(value || "");
+    };
+    const clickSaveButton = () => {
+        confirm(text);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(DialogTitle, { children: _jsx("b", { children: "MarkDown Editor" }) }), _jsx(DialogContent, { className: style.content, children: _jsx(MDEditor, { value: text, onChange: handleChange, visibleDragbar: false, height: "99%" }) }), _jsxs(DialogActions, { children: [_jsx(Button, { children: "Close" }), _jsx(Button, { onClick: clickSaveButton, children: "Save" })] })] }));
+};
+//# sourceMappingURL=MarkDownEditorContent.js.map

package/dist/esm/Frameworks/React/Containers/Dialogs/MarkDownEditorContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkDownEditorContent.js","sourceRoot":"","sources":["../../../../../../src/Frameworks/React/Containers/Dialogs/MarkDownEditorContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,aAAa,MAAM,6BAA6B,CAAC;AACxD,OAAO,aAAa,MAAM,6BAA6B,CAAC;AACxD,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAE5C,OAAO,KAAK,MAAM,qCAAqC,CAAC;AACxD,OAAO,EACL,4BAA4B,EAE7B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAM1C,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,EAAE,EACkB,EAAe,EAAE;IACrC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC7C,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,CACpC,EAAE,EACF,4BAA4B,CAC7B,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,WAAW,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,YAAY,GAAG,CAAC,KAAyB,EAAE,EAAE;QACjD,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,WAAW,cACV,0CAAsB,GACV,EACd,KAAC,aAAa,IAAC,SAAS,EAAE,KAAK,CAAC,OAAO,YACrC,KAAC,QAAQ,IACP,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,YAAY,EACtB,cAAc,EAAE,KAAK,EACrB,MAAM,EAAE,KAAK,GACb,GACY,EAChB,MAAC,aAAa,eACZ,KAAC,MAAM,wBAAe,EACtB,KAAC,MAAM,IAAC,OAAO,EAAE,eAAe,qBAAe,IACjC,IACf,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useState, useEffect } from \"react\";\r\nimport DialogActions from \"@mui/material/DialogActions\";\r\nimport DialogContent from \"@mui/material/DialogContent\";\r\nimport DialogTitle from \"@mui/material/DialogTitle\";\r\nimport Button from \"@mui/material/Button\";\r\nimport MDEditor from \"@uiw/react-md-editor\";\r\n\r\nimport style from \"./MarkDownEditorContent.module.scss\";\r\nimport {\r\n  markDownEditorDialogAdapters,\r\n  MarkDownEditorDialogVM\r\n} from \"@vived/host\";\r\nimport { usePM } from \"../../Hooks/usePM\";\r\n\r\nexport interface MarkDownDialogProps {\r\n  id: string;\r\n}\r\n\r\nexport const MarkDownEditorDialogContent = ({\r\n  id\r\n}: MarkDownDialogProps): JSX.Element => {\r\n  const [text, setText] = useState<string>(\"\");\r\n  const { initialText, confirm } = usePM<MarkDownEditorDialogVM>(\r\n    id,\r\n    markDownEditorDialogAdapters\r\n  );\r\n\r\n  useEffect(() => {\r\n    setText(initialText);\r\n  }, [initialText]);\r\n\r\n  const handleChange = (value: string | undefined) => {\r\n    setText(value || \"\");\r\n  };\r\n\r\n  const clickSaveButton = () => {\r\n    confirm(text);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <DialogTitle>\r\n        <b>MarkDown Editor</b>\r\n      </DialogTitle>\r\n      <DialogContent className={style.content}>\r\n        <MDEditor\r\n          value={text}\r\n          onChange={handleChange}\r\n          visibleDragbar={false}\r\n          height={\"99%\"}\r\n        />\r\n      </DialogContent>\r\n      <DialogActions>\r\n        <Button>Close</Button>\r\n        <Button onClick={clickSaveButton}>Save</Button>\r\n      </DialogActions>\r\n    </>\r\n  );\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Containers/Dialogs/SelectModelDialogContent.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { assetPluginPMAdapter, clearAssetPluginContainer, setAssetPluginContainer } from "@vived/host";
+import { useCallback, useContext, useEffect, useState } from "react";
+import { AssetPluginShadowDom } from "../../Components/ShadowDom/AssetPluginShadowDom";
+import { SuperCentered } from "../../Components/SuperCentered/SuperCentered";
+import { useSingletonPM } from "../../Hooks/useSingletonPM";
+import SandboxAppObjectsContext from "../../SandboxAppObjectsContext";
+import style from "./SelectModelDialogContent.module.scss";
+export const SelectModelDialogContent = () => {
+    const sandboxAppObjects = useContext(SandboxAppObjectsContext);
+    const { loading, styleSheets } = useSingletonPM(assetPluginPMAdapter);
+    const [appContainer, setAppContainer] = useState(null);
+    const ref = useCallback((node) => {
+        if (node !== null) {
+            setAppContainer(node);
+        }
+    }, [setAppContainer]);
+    useEffect(() => {
+        if (appContainer) {
+            setAssetPluginContainer(appContainer, sandboxAppObjects);
+        }
+        return () => {
+            clearAssetPluginContainer(sandboxAppObjects);
+        };
+    }, [appContainer, sandboxAppObjects]);
+    return (_jsxs("div", { className: style.content, children: [loading && (_jsx(SuperCentered, { style: { marginTop: "20px" }, children: _jsx("label", { children: "Loading...." }) })), _jsx(AssetPluginShadowDom, { mode: "open", stylesheets: styleSheets, children: _jsx("div", { ref: ref, style: {
+                        display: "flex",
+                        height: "100%",
+                        width: "100%",
+                        backgroundColor: "lightgray"
+                    } }) })] }));
+};
+//# sourceMappingURL=SelectModelDialogContent.js.map

package/dist/esm/Frameworks/React/Containers/Dialogs/SelectModelDialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectModelDialogContent.js","sourceRoot":"","sources":["../../../../../../src/Frameworks/React/Containers/Dialogs/SelectModelDialogContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,oBAAoB,EAEpB,yBAAyB,EACzB,uBAAuB,EACxB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,wBAAwB,MAAM,gCAAgC,CAAC;AACtE,OAAO,KAAK,MAAM,wCAAwC,CAAC;AAE3D,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAgB,EAAE;IACxD,MAAM,iBAAiB,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAC/D,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GAC5B,cAAc,CAAgB,oBAAoB,CAAC,CAAC;IACtD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAC;IAE9E,MAAM,GAAG,GAAG,WAAW,CACrB,CAAC,IAAoB,EAAE,EAAE;QACvB,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,CAAC;YACjB,uBAAuB,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;QAC3D,CAAC;QACD,OAAO,GAAG,EAAE;YACV,yBAAyB,CAAC,iBAAiB,CAAC,CAAC;QAC/C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,OAAO,aAC1B,OAAO,IAAI,CACV,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YACzC,0CAA0B,GACZ,CACjB,EACD,KAAC,oBAAoB,IAAC,IAAI,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,YACxD,cACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,MAAM,EAAE,MAAM;wBACd,KAAK,EAAE,MAAM;wBACb,eAAe,EAAE,WAAW;qBAC7B,GACI,GACc,IACnB,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\r\n  assetPluginPMAdapter,\r\n  AssetPluginVM,\r\n  clearAssetPluginContainer,\r\n  setAssetPluginContainer\r\n} from \"@vived/host\";\r\nimport { useCallback, useContext, useEffect, useState } from \"react\";\r\nimport { AssetPluginShadowDom } from \"../../Components/ShadowDom/AssetPluginShadowDom\";\r\nimport { SuperCentered } from \"../../Components/SuperCentered/SuperCentered\";\r\nimport { useSingletonPM } from \"../../Hooks/useSingletonPM\";\r\nimport SandboxAppObjectsContext from \"../../SandboxAppObjectsContext\";\r\nimport style from \"./SelectModelDialogContent.module.scss\";\r\n\r\nexport const SelectModelDialogContent = (): JSX.Element => {\r\n  const sandboxAppObjects = useContext(SandboxAppObjectsContext);\r\n  const { loading, styleSheets } =\r\n    useSingletonPM<AssetPluginVM>(assetPluginPMAdapter);\r\n  const [appContainer, setAppContainer] = useState<HTMLDivElement | null>(null);\r\n\r\n  const ref = useCallback(\r\n    (node: HTMLDivElement) => {\r\n      if (node !== null) {\r\n        setAppContainer(node);\r\n      }\r\n    },\r\n    [setAppContainer]\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (appContainer) {\r\n      setAssetPluginContainer(appContainer, sandboxAppObjects);\r\n    }\r\n    return () => {\r\n      clearAssetPluginContainer(sandboxAppObjects);\r\n    };\r\n  }, [appContainer, sandboxAppObjects]);\r\n\r\n  return (\r\n    <div className={style.content}>\r\n      {loading && (\r\n        <SuperCentered style={{ marginTop: \"20px\" }}>\r\n          <label>Loading....</label>\r\n        </SuperCentered>\r\n      )}\r\n      <AssetPluginShadowDom mode=\"open\" stylesheets={styleSheets}>\r\n        <div\r\n          ref={ref}\r\n          style={{\r\n            display: \"flex\",\r\n            height: \"100%\",\r\n            width: \"100%\",\r\n            backgroundColor: \"lightgray\"\r\n          }}\r\n        ></div>\r\n      </AssetPluginShadowDom>\r\n    </div>\r\n  );\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Containers/Dialogs/SpinnerDialogContent.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import CircularProgress from "@mui/material/CircularProgress";
+import DialogContent from "@mui/material/DialogContent";
+import DialogTitle from "@mui/material/DialogTitle";
+import { spinnerDialogAdapter } from "@vived/host";
+import { SuperCentered } from "../../Components/SuperCentered/SuperCentered";
+import { usePM } from "../../Hooks/usePM";
+export const SpinnerDialogContent = ({ id }) => {
+    const { title, message } = usePM(id, spinnerDialogAdapter);
+    return (_jsxs(_Fragment, { children: [_jsx(DialogTitle, { children: title }), _jsxs(DialogContent, { children: [_jsx(SuperCentered, { style: { padding: "8px" }, children: _jsx(CircularProgress, { color: "secondary" }) }), _jsx("div", { children: message })] })] }));
+};
+//# sourceMappingURL=SpinnerDialogContent.js.map

package/dist/esm/Frameworks/React/Containers/Dialogs/SpinnerDialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinnerDialogContent.js","sourceRoot":"","sources":["../../../../../../src/Frameworks/React/Containers/Dialogs/SpinnerDialogContent.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,aAAa,MAAM,6BAA6B,CAAC;AACxD,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAmB,MAAM,aAAa,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAM1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,EAAE,EACiB,EAAe,EAAE;IACpC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAkB,EAAE,EAAE,oBAAoB,CAAC,CAAC;IAE5E,OAAO,CACL,8BACE,KAAC,WAAW,cAAE,KAAK,GAAe,EAClC,MAAC,aAAa,eACZ,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YACtC,KAAC,gBAAgB,IAAC,KAAK,EAAC,WAAW,GAAG,GACxB,EAChB,wBAAM,OAAO,GAAO,IACN,IACf,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import CircularProgress from \"@mui/material/CircularProgress\";\r\nimport DialogContent from \"@mui/material/DialogContent\";\r\nimport DialogTitle from \"@mui/material/DialogTitle\";\r\nimport { spinnerDialogAdapter, SpinnerDialogVM } from \"@vived/host\";\r\nimport { SuperCentered } from \"../../Components/SuperCentered/SuperCentered\";\r\nimport { usePM } from \"../../Hooks/usePM\";\r\n\r\nexport interface SpinnerDialogProps {\r\n  id: string;\r\n}\r\n\r\nexport const SpinnerDialogContent = ({\r\n  id\r\n}: SpinnerDialogProps): JSX.Element => {\r\n  const { title, message } = usePM<SpinnerDialogVM>(id, spinnerDialogAdapter);\r\n\r\n  return (\r\n    <>\r\n      <DialogTitle>{title}</DialogTitle>\r\n      <DialogContent>\r\n        <SuperCentered style={{ padding: \"8px\" }}>\r\n          <CircularProgress color=\"secondary\" />\r\n        </SuperCentered>\r\n        <div>{message}</div>\r\n      </DialogContent>\r\n    </>\r\n  );\r\n};\r\n"]}

package/dist/esm/Frameworks/React/Containers/Dialogs/UnknownDialogContent.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContent from "@mui/material/DialogContent";
+import DialogTitle from "@mui/material/DialogTitle";
+import Button from "@mui/material/Button";
+export const UnknownDialogContent = ({ type }) => {
+    return (_jsxs(_Fragment, { children: [_jsx(DialogTitle, { children: _jsx("b", { children: "Unknown Dialog" }) }), _jsx(DialogContent, { style: { whiteSpace: "pre-line" }, children: `Unsupported Dialog of type ${type ?? "Undefined"} has been popped` }), _jsx(DialogActions, { children: _jsx(Button, { children: "OK" }) })] }));
+};
+//# sourceMappingURL=UnknownDialogContent.js.map

package/dist/esm/Frameworks/React/Containers/Dialogs/UnknownDialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnknownDialogContent.js","sourceRoot":"","sources":["../../../../../../src/Frameworks/React/Containers/Dialogs/UnknownDialogContent.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,6BAA6B,CAAC;AACxD,OAAO,aAAa,MAAM,6BAA6B,CAAC;AACxD,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAK1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,IAAI,EACsB,EAAe,EAAE;IAC3C,OAAO,CACL,8BACE,KAAC,WAAW,cACV,yCAAqB,GACT,EACd,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,YAC7C,8BAA8B,IAAI,IAAI,WAAW,kBAAkB,GACtD,EAChB,KAAC,aAAa,cACZ,KAAC,MAAM,qBAAY,GACL,IACf,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import DialogActions from \"@mui/material/DialogActions\";\r\nimport DialogContent from \"@mui/material/DialogContent\";\r\nimport DialogTitle from \"@mui/material/DialogTitle\";\r\nimport Button from \"@mui/material/Button\";\r\n\r\nexport interface UnknownDialogContentProps {\r\n  type?: string;\r\n}\r\nexport const UnknownDialogContent = ({\r\n  type\r\n}: UnknownDialogContentProps): JSX.Element => {\r\n  return (\r\n    <>\r\n      <DialogTitle>\r\n        <b>Unknown Dialog</b>\r\n      </DialogTitle>\r\n      <DialogContent style={{ whiteSpace: \"pre-line\" }}>\r\n        {`Unsupported Dialog of type ${type ?? \"Undefined\"} has been popped`}\r\n      </DialogContent>\r\n      <DialogActions>\r\n        <Button>OK</Button>\r\n      </DialogActions>\r\n    </>\r\n  );\r\n};\r\n"]}