@vived/sandbox 1.0.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadAsset.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/DownloadAsset.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAM1C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IACtE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,MAAM,cAAc,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE5D,SAAS,aAAa;QACpB,iBAAiB,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,aAAa,yBAAmB,CAAC;AAC/E,CAAC,CAAC","sourcesContent":["import { downloadAssetFile } 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 DownloadAssetProps {\r\n  assetID: string;\r\n}\r\n\r\nexport const DownloadAsset = (props: DownloadAssetProps): JSX.Element => {\r\n  const { assetID } = props;\r\n  const hostAppObjects = useContext(SandboxAppObjectsContext);\r\n\r\n  function clickDownload() {\r\n    downloadAssetFile(assetID, hostAppObjects);\r\n  }\r\n\r\n  return <Button variant=\"contained\" onClick={clickDownload}>Download</Button>;\r\n};\r\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditActiveStateButton.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/EditActiveStateButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,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,eAAe,CAAC,cAAc,CAAC,qBAAe,CAAC;AACnG,CAAC,CAAC","sourcesContent":["import { useContext } from \"react\";\r\nimport { editActiveState } from \"@vived/host\";\r\nimport SandboxAppObjectsContext from \"../SandboxAppObjectsContext\";\r\nimport Button from \"@mui/material/Button\";\r\n\r\nexport const EditActiveStateButton = (): JSX.Element => {\r\n  const hostAppObjects = useContext(SandboxAppObjectsContext);\r\n\r\n  return <Button variant=\"contained\" onClick={() => editActiveState(hostAppObjects)}>Edit</Button>;\r\n};\r\n"]}

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { editingAppAssetAdapter, setSandboxAppState, SandboxState, updateAppAssetMeta } from "@vived/host";
+import { useContext } from "react";
+import { DeleteAppAssetButton } from "./DeleteAppAssetButton";
+import { DownloadAsset } from "./DownloadAsset";
+import { EditAssetMeta } from "../Components/EditAssetMeta";
+import { UpdateAssetFile } from "./UpdateAssetFile";
+import { useSingletonPM } from "../Hooks/useSingletonPM";
+import SandboxAppObjectsContext from "../SandboxAppObjectsContext";
+export const EditAsset = () => {
+    const hostAppObjects = useContext(SandboxAppObjectsContext);
+    const editingAsset = useSingletonPM(editingAppAssetAdapter);
+    const handleSubmit = (name, description, archived) => {
+        if (!editingAsset)
+            return;
+        updateAppAssetMeta({
+            archived,
+            description,
+            name
+        }, editingAsset.id, hostAppObjects);
+    };
+    if (editingAsset) {
+        return (_jsxs("div", { children: [_jsx("h1", { children: "Edit Asset" }), _jsx("div", { children: _jsxs("p", { children: ["ID: ", editingAsset.id] }) }), _jsx("div", { children: _jsx(DownloadAsset, { assetID: editingAsset.id }) }), _jsx("div", { children: _jsx(UpdateAssetFile, {}) }), _jsx("div", { children: _jsx(DeleteAppAssetButton, { assetID: editingAsset.id }) }), _jsx("div", { children: _jsx(EditAssetMeta, { initialArchived: editingAsset.archived, initialDescription: editingAsset.description, initialName: editingAsset.name, cancel: () => setSandboxAppState(SandboxState.MOUNTED, hostAppObjects), submit: handleSubmit }) })] }));
+    }
+    else {
+        return (_jsxs("div", { children: [_jsx("header", { children: "No asset is selected" }), _jsx("button", { onClick: () => setSandboxAppState(SandboxState.MOUNTED, hostAppObjects), children: "OK" })] }));
+    }
+};
+//# sourceMappingURL=EditAsset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditAsset.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/EditAsset.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAqB,kBAAkB,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC9H,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AAEnE,MAAM,CAAC,MAAM,SAAS,GAAG,GAAgB,EAAE;IACzC,MAAM,cAAc,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAC5D,MAAM,YAAY,GAAG,cAAc,CACjC,sBAAsB,CACvB,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,IAAY,EACZ,WAAmB,EACnB,QAAiB,EACjB,EAAE;QACF,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,kBAAkB,CAChB;YACE,QAAQ;YACR,WAAW;YACX,IAAI;SACL,EACD,YAAY,CAAC,EAAE,EACf,cAAc,CACf,CAAC;IACJ,CAAC,CAAC;IAEF,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,0BACE,sCAAmB,EACnB,wBACE,gCAAQ,YAAY,CAAC,EAAE,IAAK,GACxB,EAEN,wBACE,KAAC,aAAa,IAAC,OAAO,EAAE,YAAY,CAAC,EAAE,GAAI,GACvC,EACN,wBACE,KAAC,eAAe,KAAG,GACf,EACN,wBACE,KAAC,oBAAoB,IAAC,OAAO,EAAE,YAAY,CAAC,EAAE,GAAI,GAC9C,EACN,wBACE,KAAC,aAAa,IACZ,eAAe,EAAE,YAAY,CAAC,QAAQ,EACtC,kBAAkB,EAAE,YAAY,CAAC,WAAW,EAC5C,WAAW,EAAE,YAAY,CAAC,IAAI,EAC9B,MAAM,EAAE,GAAG,EAAE,CACX,kBAAkB,CAAC,YAAY,CAAC,OAAO,EAAE,cAAc,CAAC,EAE1D,MAAM,EAAE,YAAY,GACpB,GACE,IACF,CACP,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,0BACE,oDAAqC,EACrC,iBACE,OAAO,EAAE,GAAG,EAAE,CACZ,kBAAkB,CAAC,YAAY,CAAC,OAAO,EAAE,cAAc,CAAC,mBAInD,IACL,CACP,CAAC;IACJ,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { editingAppAssetAdapter, EditingAppAssetVM, setSandboxAppState, SandboxState, updateAppAssetMeta } from \"@vived/host\";\r\nimport { useContext } from \"react\";\r\nimport { DeleteAppAssetButton } from \"./DeleteAppAssetButton\";\r\nimport { DownloadAsset } from \"./DownloadAsset\";\r\nimport { EditAssetMeta } from \"../Components/EditAssetMeta\";\r\nimport { UpdateAssetFile } from \"./UpdateAssetFile\";\r\nimport { useSingletonPM } from \"../Hooks/useSingletonPM\";\r\nimport SandboxAppObjectsContext from \"../SandboxAppObjectsContext\";\r\n\r\nexport const EditAsset = (): JSX.Element => {\r\n  const hostAppObjects = useContext(SandboxAppObjectsContext);\r\n  const editingAsset = useSingletonPM<EditingAppAssetVM | undefined>(\r\n    editingAppAssetAdapter\r\n  );\r\n\r\n  const handleSubmit = (\r\n    name: string,\r\n    description: string,\r\n    archived: boolean\r\n  ) => {\r\n    if (!editingAsset) return;\r\n\r\n    updateAppAssetMeta(\r\n      {\r\n        archived,\r\n        description,\r\n        name\r\n      },\r\n      editingAsset.id,\r\n      hostAppObjects\r\n    );\r\n  };\r\n\r\n  if (editingAsset) {\r\n    return (\r\n      <div>\r\n        <h1>Edit Asset</h1>\r\n        <div>\r\n          <p>ID: {editingAsset.id}</p>\r\n        </div>\r\n\r\n        <div>\r\n          <DownloadAsset assetID={editingAsset.id} />\r\n        </div>\r\n        <div>\r\n          <UpdateAssetFile />\r\n        </div>\r\n        <div>\r\n          <DeleteAppAssetButton assetID={editingAsset.id} />\r\n        </div>\r\n        <div>\r\n          <EditAssetMeta\r\n            initialArchived={editingAsset.archived}\r\n            initialDescription={editingAsset.description}\r\n            initialName={editingAsset.name}\r\n            cancel={() =>\r\n              setSandboxAppState(SandboxState.MOUNTED, hostAppObjects)\r\n            }\r\n            submit={handleSubmit}\r\n          />\r\n        </div>\r\n      </div>\r\n    );\r\n  } else {\r\n    return (\r\n      <div>\r\n        <header>No asset is selected</header>\r\n        <button\r\n          onClick={() =>\r\n            setSandboxAppState(SandboxState.MOUNTED, hostAppObjects)\r\n          }\r\n        >\r\n          OK\r\n        </button>\r\n      </div>\r\n    );\r\n  }\r\n};\r\n"]}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import SandboxAppObjectsContext from "../SandboxAppObjectsContext";
+import { emulateZSpaceAdapter, toggleEmulateZSpace } from "@vived/host";
+import { useSingletonPM } from "../Hooks/useSingletonPM";
+import Checkbox from "@mui/material/Checkbox";
+import FormControlLabel from "@mui/material/FormControlLabel";
+export const EmulateZSpaceToggle = () => {
+    const hostAppObject = useContext(SandboxAppObjectsContext);
+    const emulate = useSingletonPM(emulateZSpaceAdapter);
+    return (_jsx(FormControlLabel, { control: _jsx(Checkbox, { onChange: () => toggleEmulateZSpace(hostAppObject), checked: emulate }), label: "Emulate zSpace" }));
+};
+//# sourceMappingURL=EmulateZSpaceToggle.js.map

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

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

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const FatalError = () => {
+    return (_jsxs("div", { children: [_jsx("h1", { children: "App has thrown a Fatal Error" }), _jsx("p", { children: "Check the console for details" })] }));
+};
+//# sourceMappingURL=FatalError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FatalError.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/FatalError.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,GAAgB,EAAE;IAC1C,OAAO,CACL,0BACE,wDAAqC,EACrC,wDAAoC,IAChC,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["export const FatalError = (): JSX.Element => {\r\n  return (\r\n    <div>\r\n      <h1>App has thrown a Fatal Error</h1>\r\n      <p>Check the console for details</p>\r\n    </div>\r\n  );\r\n};\r\n"]}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardLogsToConsoleAdapter, toggleForwardLogs } from "@vived/host";
+import { useContext } from "react";
+import { useSingletonPM } from "../Hooks/useSingletonPM";
+import SandboxAppObjectsContext from "../SandboxAppObjectsContext";
+import Checkbox from "@mui/material/Checkbox";
+import FormControlLabel from "@mui/material/FormControlLabel";
+export const ForwardLogsToConsoleCheckbox = () => {
+    const forwardLog = useSingletonPM(forwardLogsToConsoleAdapter);
+    const sandboxAppObjects = useContext(SandboxAppObjectsContext);
+    return (_jsx(FormControlLabel, { control: _jsx(Checkbox, { onChange: () => toggleForwardLogs(sandboxAppObjects), checked: forwardLog }), label: "Forward Logs to the Console" }));
+};
+//# sourceMappingURL=ForwardLogsToConsoleCheckbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForwardLogsToConsoleCheckbox.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/ForwardLogsToConsoleCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,2BAA2B,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,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,4BAA4B,GAAG,GAAgB,EAAE;IAC5D,MAAM,UAAU,GAAG,cAAc,CAAU,2BAA2B,CAAC,CAAC;IACxE,MAAM,iBAAiB,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE/D,OAAO,CACL,KAAC,gBAAgB,IACf,OAAO,EACL,KAAC,QAAQ,IACP,QAAQ,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,EACpD,OAAO,EAAE,UAAU,GACnB,EAEJ,KAAK,EAAC,6BAA6B,GACnC,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { forwardLogsToConsoleAdapter, toggleForwardLogs } from \"@vived/host\";\r\nimport { useContext } from \"react\";\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 ForwardLogsToConsoleCheckbox = (): JSX.Element => {\r\n  const forwardLog = useSingletonPM<boolean>(forwardLogsToConsoleAdapter);\r\n  const sandboxAppObjects = useContext(SandboxAppObjectsContext);\r\n\r\n  return (\r\n    <FormControlLabel\r\n      control={\r\n        <Checkbox\r\n          onChange={() => toggleForwardLogs(sandboxAppObjects)}\r\n          checked={forwardLog}\r\n        />\r\n      }\r\n      label=\"Forward Logs to the Console\"\r\n    />\r\n  );\r\n};\r\n"]}

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Loading = () => {
+    return (_jsxs("div", { children: [_jsx("h1", { children: "App loading..." }), _jsx("p", { children: "Hint, if you are stuck here, your App is not dispatching App Is Ready" })] }));
+};
+//# sourceMappingURL=Loading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/Loading.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,GAAgB,EAAE;IACvC,OAAO,CACL,0BACE,0CAAuB,EACvB,gGAEI,IACA,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["export const Loading = (): JSX.Element => {\r\n  return (\r\n    <div>\r\n      <h1>App loading...</h1>\r\n      <p>\r\n        Hint, if you are stuck here, your App is not dispatching App Is Ready\r\n      </p>\r\n    </div>\r\n  );\r\n};\r\n"]}

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

@@ -0,0 +1,26 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { loginUser } from "@vived/host";
+import { useContext, useState } from "react";
+import SandboxAppObjectsContext from "../SandboxAppObjectsContext";
+import Button from "@mui/material/Button";
+import TextField from "@mui/material/TextField";
+export const Login = () => {
+    const hostAppObjects = useContext(SandboxAppObjectsContext);
+    const [password, setPassword] = useState("");
+    const [email, setEmail] = useState("");
+    const [error, setError] = useState(false);
+    const [errorMsg, seterrorMsg] = useState("");
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        loginUser(email, password, hostAppObjects).catch((err) => {
+            setError(true);
+            seterrorMsg(err.message);
+        });
+    };
+    let errorBanner = _jsx(_Fragment, {});
+    if (error) {
+        errorBanner = (_jsxs(_Fragment, { children: [_jsx("label", { children: "Login Failed" }), _jsx("br", {}), _jsx("label", { children: errorMsg }), _jsx("p", {})] }));
+    }
+    return (_jsxs("div", { children: [_jsx("h1", { children: "VIVED Login" }), errorBanner, _jsxs("form", { onSubmit: handleSubmit, children: [_jsx(TextField, { label: "Email", size: "small", placeholder: "Email", name: "email", value: email, onChange: (e) => setEmail(e.target.value), required: true }), _jsx("p", {}), _jsx(TextField, { label: "Password", size: "small", placeholder: "Password", name: "password", value: password, onChange: (e) => setPassword(e.target.value), type: "password", required: true, autoComplete: "on" }), _jsx("br", {}), _jsx(Button, { variant: "contained", type: "submit", children: "Login" })] })] }));
+};
+//# sourceMappingURL=Login.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/Login.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,MAAM,CAAC,MAAM,KAAK,GAAG,GAAgB,EAAE;IACrC,MAAM,cAAc,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAC5D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7C,MAAM,YAAY,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC3D,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YACvD,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAI,WAAW,GAAG,mBAAK,CAAC;IACxB,IAAI,KAAK,EAAE,CAAC;QACV,WAAW,GAAG,CACZ,8BACE,2CAA2B,EAC3B,cAAM,EACN,0BAAQ,QAAQ,GAAS,EACzB,aAAK,IACJ,CACJ,CAAC;IACJ,CAAC;IAED,OAAO,CACL,0BACE,uCAAoB,EACnB,WAAW,EACZ,gBAAM,QAAQ,EAAE,YAAY,aAC1B,KAAC,SAAS,IACR,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,OAAO,EACnB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,QAAQ,SACR,EACF,aAAK,EACL,KAAC,SAAS,IACR,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,IAAI,EAAC,UAAU,EACf,QAAQ,QACR,YAAY,EAAC,IAAI,GACjB,EACF,cAAM,EACN,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,sBAEhC,IACJ,IACH,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { loginUser } from \"@vived/host\";\r\nimport { useContext, useState } from \"react\";\r\nimport SandboxAppObjectsContext from \"../SandboxAppObjectsContext\";\r\nimport Button from \"@mui/material/Button\";\r\nimport TextField from \"@mui/material/TextField\";\r\n\r\nexport const Login = (): JSX.Element => {\r\n  const hostAppObjects = useContext(SandboxAppObjectsContext);\r\n  const [password, setPassword] = useState(\"\");\r\n  const [email, setEmail] = useState(\"\");\r\n  const [error, setError] = useState(false);\r\n  const [errorMsg, seterrorMsg] = useState(\"\");\r\n\r\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\r\n    e.preventDefault();\r\n\r\n    loginUser(email, password, hostAppObjects).catch((err) => {\r\n      setError(true);\r\n      seterrorMsg(err.message);\r\n    });\r\n  };\r\n\r\n  let errorBanner = <></>;\r\n  if (error) {\r\n    errorBanner = (\r\n      <>\r\n        <label>Login Failed</label>\r\n        <br />\r\n        <label>{errorMsg}</label>\r\n        <p />\r\n      </>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div>\r\n      <h1>VIVED Login</h1>\r\n      {errorBanner}\r\n      <form onSubmit={handleSubmit}>\r\n        <TextField\r\n          label=\"Email\"\r\n          size=\"small\"\r\n          placeholder=\"Email\"\r\n          name=\"email\"\r\n          value={email}\r\n          onChange={(e) => setEmail(e.target.value)}\r\n          required\r\n        />\r\n        <p />\r\n        <TextField\r\n          label=\"Password\"\r\n          size=\"small\"\r\n          placeholder=\"Password\"\r\n          name=\"password\"\r\n          value={password}\r\n          onChange={(e) => setPassword(e.target.value)}\r\n          type=\"password\"\r\n          required\r\n          autoComplete=\"on\"\r\n        />\r\n        <br />\r\n        <Button variant=\"contained\" type=\"submit\">\r\n          Login\r\n        </Button>\r\n      </form>\r\n    </div>\r\n  );\r\n};\r\n"]}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { logSummaryAdapter } from "@vived/host";
+import { ForwardLogsToConsoleCheckbox } from "./ForwardLogsToConsoleCheckbox";
+import { useSingletonPM } from "../Hooks/useSingletonPM";
+export const Logs = () => {
+    const logSummary = useSingletonPM(logSummaryAdapter);
+    return (_jsxs(_Fragment, { children: [_jsx("h2", { children: "Logs:" }), _jsx("p", { children: logSummary.logsLabel }), _jsx("p", { children: logSummary.warningsLabel }), _jsx("p", { children: logSummary.errorsLabel }), _jsx(ForwardLogsToConsoleCheckbox, {})] }));
+};
+//# sourceMappingURL=Logs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Logs.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/Logs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,CAAC,MAAM,IAAI,GAAG,GAAgB,EAAE;IACpC,MAAM,UAAU,GAAG,cAAc,CAAe,iBAAiB,CAAC,CAAC;IACnE,OAAO,CACL,8BACE,iCAAc,EACd,sBAAI,UAAU,CAAC,SAAS,GAAK,EAC7B,sBAAI,UAAU,CAAC,aAAa,GAAK,EACjC,sBAAI,UAAU,CAAC,WAAW,GAAK,EAC/B,KAAC,4BAA4B,KAAG,IAC/B,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { logSummaryAdapter, LogSummaryVM } from \"@vived/host\";\r\nimport { ForwardLogsToConsoleCheckbox } from \"./ForwardLogsToConsoleCheckbox\";\r\nimport { useSingletonPM } from \"../Hooks/useSingletonPM\";\r\n\r\nexport const Logs = (): JSX.Element => {\r\n  const logSummary = useSingletonPM<LogSummaryVM>(logSummaryAdapter);\r\n  return (\r\n    <>\r\n      <h2>Logs:</h2>\r\n      <p>{logSummary.logsLabel}</p>\r\n      <p>{logSummary.warningsLabel}</p>\r\n      <p>{logSummary.errorsLabel}</p>\r\n      <ForwardLogsToConsoleCheckbox />\r\n    </>\r\n  );\r\n};\r\n"]}

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { newState, unmountSandboxApp } from "@vived/host";
+import { useContext } from "react";
+import { SavePersistentStates } from "./SavePresistantStatesButton";
+import SandboxAppObjectsContext from "../SandboxAppObjectsContext";
+import { AppAssetList } from "./AppAssetList";
+import { GeneralDialog } from "./Dialogs/GeneralDialog";
+import { EmulateZSpaceToggle } from "./EmulateZSpaceToggle";
+import { Logs } from "./Logs";
+import { Results } from "./Results";
+import { StartInZSpaceToggle } from "./StartInZSpaceToggle";
+import { StateCards } from "./StateCards";
+import Button from "@mui/material/Button";
+import Stack from "@mui/material/Stack";
+export const Mounted = () => {
+    const hostAppObjects = useContext(SandboxAppObjectsContext);
+    return (_jsxs("div", { id: "mounted", style: { padding: "0 1rem 1rem" }, children: [_jsx("h1", { children: "App is mounted and ready to start" }), _jsx(StateCards, {}), _jsx(Stack, { direction: "row", spacing: 1, sx: { my: 1 }, children: _jsx(Button, { variant: "contained", size: "small", onClick: () => newState(hostAppObjects), children: "Create new state" }) }), _jsx(SavePersistentStates, {}), _jsx("div", { children: _jsx(EmulateZSpaceToggle, {}) }), _jsx("div", { children: _jsx(StartInZSpaceToggle, {}) }), _jsxs("div", { children: [_jsx("h2", { children: "Unmount:" }), _jsx("p", { children: "Test the App being completely removed from the Host" }), _jsx(Button, { variant: "contained", size: "small", onClick: () => unmountSandboxApp(hostAppObjects), children: "Unmount App" })] }), _jsx(Logs, {}), _jsx(Results, {}), _jsx(AppAssetList, {}), _jsx(GeneralDialog, {})] }));
+};
+//# sourceMappingURL=Mounted.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Mounted.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/Mounted.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAExC,MAAM,CAAC,MAAM,OAAO,GAAG,GAAgB,EAAE;IACvC,MAAM,cAAc,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE5D,OAAO,CACL,eAAK,EAAE,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,aACjD,6DAA0C,EAC1C,KAAC,UAAU,KAAG,EACd,KAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC9C,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,iCAGhC,GACH,EACR,KAAC,oBAAoB,KAAG,EACxB,wBACE,KAAC,mBAAmB,KAAG,GACnB,EACN,wBACE,KAAC,mBAAmB,KAAG,GACnB,EACN,0BACE,oCAAiB,EACjB,8EAA0D,EAC1D,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,4BAGzC,IACL,EACN,KAAC,IAAI,KAAG,EACR,KAAC,OAAO,KAAG,EACX,KAAC,YAAY,KAAG,EAChB,KAAC,aAAa,KAAG,IACb,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { newState, unmountSandboxApp } from \"@vived/host\";\r\nimport { useContext } from \"react\";\r\nimport { SavePersistentStates } from \"./SavePresistantStatesButton\";\r\nimport SandboxAppObjectsContext from \"../SandboxAppObjectsContext\";\r\nimport { AppAssetList } from \"./AppAssetList\";\r\nimport { GeneralDialog } from \"./Dialogs/GeneralDialog\";\r\nimport { EmulateZSpaceToggle } from \"./EmulateZSpaceToggle\";\r\nimport { Logs } from \"./Logs\";\r\nimport { Results } from \"./Results\";\r\nimport { StartInZSpaceToggle } from \"./StartInZSpaceToggle\";\r\nimport { StateCards } from \"./StateCards\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Stack from \"@mui/material/Stack\";\r\n\r\nexport const Mounted = (): JSX.Element => {\r\n  const hostAppObjects = useContext(SandboxAppObjectsContext);\r\n\r\n  return (\r\n    <div id=\"mounted\" style={{ padding: \"0 1rem 1rem\" }}>\r\n      <h1>App is mounted and ready to start</h1>\r\n      <StateCards />\r\n      <Stack direction=\"row\" spacing={1} sx={{ my: 1 }}>\r\n        <Button\r\n          variant=\"contained\"\r\n          size=\"small\"\r\n          onClick={() => newState(hostAppObjects)}\r\n        >\r\n          Create new state\r\n        </Button>\r\n      </Stack>\r\n      <SavePersistentStates />\r\n      <div>\r\n        <EmulateZSpaceToggle />\r\n      </div>\r\n      <div>\r\n        <StartInZSpaceToggle />\r\n      </div>\r\n      <div>\r\n        <h2>Unmount:</h2>\r\n        <p>Test the App being completely removed from the Host</p>\r\n        <Button\r\n          variant=\"contained\"\r\n          size=\"small\"\r\n          onClick={() => unmountSandboxApp(hostAppObjects)}\r\n        >\r\n          Unmount App\r\n        </Button>\r\n      </div>\r\n      <Logs />\r\n      <Results />\r\n      <AppAssetList />\r\n      <GeneralDialog />\r\n    </div>\r\n  );\r\n};\r\n"]}

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

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useState, useEffect } from "react";
+import { setSandboxAppState, SandboxState, newAppAsset } from "@vived/host";
+import SandboxAppObjectsContext from "../SandboxAppObjectsContext";
+import Button from "@mui/material/Button";
+import TextField from "@mui/material/TextField";
+export const NewAppAsset = () => {
+    const hostAppObject = useContext(SandboxAppObjectsContext);
+    const sandboxAppObjects = useContext(SandboxAppObjectsContext);
+    const [name, setName] = useState("");
+    const [description, setDescription] = useState("");
+    const [posting, setPosting] = useState(false);
+    const [disableSubmit, setDisableSubmit] = useState(true);
+    const [file, setFile] = useState();
+    const [error, setError] = useState("");
+    useEffect(() => {
+        if (name === "" || file === undefined) {
+            setDisableSubmit(true);
+        }
+        else {
+            setDisableSubmit(false);
+        }
+    }, [name, file]);
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        if (!file)
+            return;
+        setPosting(true);
+        newAppAsset({
+            description,
+            file,
+            name
+        }, hostAppObject).catch((e) => {
+            console.log("error: ", e);
+            setError(e);
+        });
+        return;
+    };
+    const onFileChange = (evt) => {
+        if (!evt.target.files) {
+            return;
+        }
+        const selectedFile = evt.target.files[0];
+        setFile(selectedFile);
+    };
+    const clickCancel = () => {
+        console.log("TODO");
+    };
+    if (error) {
+        return (_jsxs("div", { children: [_jsx("h1", { children: "Error!" }), _jsx("p", { children: error }), _jsx(Button, { variant: "contained", type: "button", onClick: () => setSandboxAppState(SandboxState.NEW_APP_ASSET, sandboxAppObjects), children: "OK" })] }));
+    }
+    else {
+        return (_jsxs("div", { children: [_jsx("h1", { children: "New App Asset" }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsx("div", { children: _jsx(TextField, { label: "Name", size: "small", value: name, onChange: (e) => setName(e.target.value), placeholder: "Asset Name" }) }), _jsx("div", { children: _jsx(TextField, { label: "Description", size: "small", value: description, onChange: (e) => setDescription(e.target.value), placeholder: "Asset Description" }) }), _jsx("div", { children: _jsx("input", { type: "file", id: "assetFile", onChange: onFileChange }) }), _jsx(Button, { variant: "contained", type: "submit", disabled: posting || disableSubmit, children: "Submit" }), _jsx(Button, { variant: "contained", type: "button", onClick: clickCancel, disabled: posting, children: "Cancel" })] })] }));
+    }
+};
+//# sourceMappingURL=NewAppAsset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewAppAsset.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/NewAppAsset.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAgB,EAAE;IAC3C,MAAM,aAAa,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAC3D,MAAM,iBAAiB,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE/D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAoB,CAAC;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACtC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAEjB,MAAM,YAAY,GAAG,CAAC,KAAuC,EAAE,EAAE;QAC/D,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,WAAW,CACT;YACE,WAAW;YACX,IAAI;YACJ,IAAI;SACL,EACD,aAAa,CACd,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;YACZ,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;YAC1B,QAAQ,CAAC,CAAC,CAAC,CAAC;QACd,CAAC,CAAC,CAAC;QAEH,OAAO;IACT,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,GAAwC,EAAE,EAAE;QAChE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QACD,MAAM,YAAY,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACzC,OAAO,CAAC,YAAY,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,0BACE,kCAAe,EACf,sBAAI,KAAK,GAAK,EACd,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CACZ,kBAAkB,CAAC,YAAY,CAAC,aAAa,EAAE,iBAAiB,CAAC,mBAI5D,IACL,CACP,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,0BACE,yCAAsB,EACtB,gBAAM,QAAQ,EAAE,YAAY,aAC1B,wBACE,KAAC,SAAS,IACR,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,WAAW,EAAC,YAAY,GACxB,GACE,EACN,wBACE,KAAC,SAAS,IACR,KAAK,EAAC,aAAa,EACnB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,WAAW,EAAC,mBAAmB,GAC/B,GACE,EACN,wBACE,gBAAO,IAAI,EAAC,MAAM,EAAC,EAAE,EAAC,WAAW,EAAC,QAAQ,EAAE,YAAY,GAAU,GAC9D,EACN,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,OAAO,IAAI,aAAa,uBAG3B,EACT,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,OAAO,uBAGV,IACJ,IACH,CACP,CAAC;IACJ,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { useContext, useState, useEffect } from \"react\";\r\nimport { setSandboxAppState, SandboxState, newAppAsset } from \"@vived/host\";\r\nimport SandboxAppObjectsContext from \"../SandboxAppObjectsContext\";\r\nimport Button from \"@mui/material/Button\";\r\nimport TextField from \"@mui/material/TextField\";\r\n\r\nexport const NewAppAsset = (): JSX.Element => {\r\n  const hostAppObject = useContext(SandboxAppObjectsContext);\r\n  const sandboxAppObjects = useContext(SandboxAppObjectsContext);\r\n\r\n  const [name, setName] = useState(\"\");\r\n  const [description, setDescription] = useState(\"\");\r\n  const [posting, setPosting] = useState(false);\r\n  const [disableSubmit, setDisableSubmit] = useState(true);\r\n  const [file, setFile] = useState<File | undefined>();\r\n  const [error, setError] = useState(\"\");\r\n\r\n  useEffect(() => {\r\n    if (name === \"\" || file === undefined) {\r\n      setDisableSubmit(true);\r\n    } else {\r\n      setDisableSubmit(false);\r\n    }\r\n  }, [name, file]);\r\n\r\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\r\n    event.preventDefault();\r\n\r\n    if (!file) return;\r\n\r\n    setPosting(true);\r\n    newAppAsset(\r\n      {\r\n        description,\r\n        file,\r\n        name\r\n      },\r\n      hostAppObject\r\n    ).catch((e) => {\r\n      console.log(\"error: \", e);\r\n      setError(e);\r\n    });\r\n\r\n    return;\r\n  };\r\n\r\n  const onFileChange = (evt: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (!evt.target.files) {\r\n      return;\r\n    }\r\n    const selectedFile = evt.target.files[0];\r\n    setFile(selectedFile);\r\n  };\r\n\r\n  const clickCancel = () => {\r\n    console.log(\"TODO\");\r\n  };\r\n\r\n  if (error) {\r\n    return (\r\n      <div>\r\n        <h1>Error!</h1>\r\n        <p>{error}</p>\r\n        <Button\r\n          variant=\"contained\"\r\n          type=\"button\"\r\n          onClick={() =>\r\n            setSandboxAppState(SandboxState.NEW_APP_ASSET, sandboxAppObjects)\r\n          }\r\n        >\r\n          OK\r\n        </Button>\r\n      </div>\r\n    );\r\n  } else {\r\n    return (\r\n      <div>\r\n        <h1>New App Asset</h1>\r\n        <form onSubmit={handleSubmit}>\r\n          <div>\r\n            <TextField\r\n              label=\"Name\"\r\n              size=\"small\"\r\n              value={name}\r\n              onChange={(e) => setName(e.target.value)}\r\n              placeholder=\"Asset Name\"\r\n            />\r\n          </div>\r\n          <div>\r\n            <TextField\r\n              label=\"Description\"\r\n              size=\"small\"\r\n              value={description}\r\n              onChange={(e) => setDescription(e.target.value)}\r\n              placeholder=\"Asset Description\"\r\n            />\r\n          </div>\r\n          <div>\r\n            <input type=\"file\" id=\"assetFile\" onChange={onFileChange}></input>\r\n          </div>\r\n          <Button\r\n            variant=\"contained\"\r\n            type=\"submit\"\r\n            disabled={posting || disableSubmit}\r\n          >\r\n            Submit\r\n          </Button>\r\n          <Button\r\n            variant=\"contained\"\r\n            type=\"button\"\r\n            onClick={clickCancel}\r\n            disabled={posting}\r\n          >\r\n            Cancel\r\n          </Button>\r\n        </form>\r\n      </div>\r\n    );\r\n  }\r\n};\r\n"]}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { hostStateMachinePMAdapter, transitionToState } from "@vived/host";
+import { useContext, useEffect, useState } from "react";
+import { useSingletonPM } from "../Hooks/useSingletonPM";
+import SandboxAppObjectsContext from "../SandboxAppObjectsContext";
+import Button from "@mui/material/Button";
+export const NextStateButton = () => {
+    const hostAppObjects = useContext(SandboxAppObjectsContext);
+    const { nextSlideID } = useSingletonPM(hostStateMachinePMAdapter);
+    const [disabled, setDisabled] = useState(true);
+    useEffect(() => {
+        setDisabled(nextSlideID === undefined);
+    }, [nextSlideID]);
+    function clickNext() {
+        if (nextSlideID) {
+            transitionToState(nextSlideID, hostAppObjects);
+        }
+    }
+    return (_jsx(Button, { variant: "contained", onClick: clickNext, disabled: disabled, children: "Next" }));
+};
+//# sourceMappingURL=NextStateButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NextStateButton.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/NextStateButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,yBAAyB,EAAsB,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAgB,EAAE;IAC/C,MAAM,cAAc,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAC5D,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,CACpC,yBAAyB,CAC1B,CAAC;IACF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,SAAS;QAChB,IAAI,WAAW,EAAE,CAAC;YAChB,iBAAiB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,OAAO,CACL,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,qBAEzD,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { hostStateMachinePMAdapter, HostStateMachineVM, transitionToState } from \"@vived/host\";\r\nimport { useContext, useEffect, useState } from \"react\";\r\nimport { useSingletonPM } from \"../Hooks/useSingletonPM\";\r\nimport SandboxAppObjectsContext from \"../SandboxAppObjectsContext\";\r\nimport Button from \"@mui/material/Button\";\r\n\r\nexport const NextStateButton = (): JSX.Element => {\r\n  const hostAppObjects = useContext(SandboxAppObjectsContext);\r\n  const { nextSlideID } = useSingletonPM<HostStateMachineVM>(\r\n    hostStateMachinePMAdapter\r\n  );\r\n  const [disabled, setDisabled] = useState(true);\r\n\r\n  useEffect(() => {\r\n    setDisabled(nextSlideID === undefined);\r\n  }, [nextSlideID]);\r\n\r\n  function clickNext() {\r\n    if (nextSlideID) {\r\n      transitionToState(nextSlideID, hostAppObjects);\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Button variant=\"contained\" onClick={clickNext} disabled={disabled}>\r\n      Next\r\n    </Button>\r\n  );\r\n};\r\n"]}

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useContext, useEffect, useRef, useState } from "react";
+import { startSandboxApp, stopSandboxApp } from "@vived/host";
+import { Sandbox } from "../Components/Sandbox/Sandbox";
+import SandboxAppObjectsContext from "../SandboxAppObjectsContext";
+import { SandboxToolbar } from "./SandboxToolbar";
+export const Playing = () => {
+    const hostAppObjects = useContext(SandboxAppObjectsContext);
+    const appDiv = useRef(null);
+    const [hasRegistered, setHasRegistered] = useState(false);
+    useEffect(() => {
+        if (appDiv.current && !hasRegistered) {
+            startSandboxApp(appDiv.current, hostAppObjects);
+            setHasRegistered(true);
+        }
+        return () => {
+            if (hasRegistered) {
+                stopSandboxApp(hostAppObjects);
+            }
+        };
+    }, [hasRegistered, hostAppObjects]);
+    return (_jsx(_Fragment, { children: _jsx(Sandbox, { workspaceCenterContentRef: appDiv, topToolbarContent: _jsx(SandboxToolbar, {}), workspaceCenterContent: true }) }));
+};
+//# sourceMappingURL=Playing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Playing.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/Playing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,OAAO,GAAG,GAAgB,EAAE;IACvC,MAAM,cAAc,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAC5D,MAAM,MAAM,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC5C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,CAAC,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;YACrC,eAAe,CAAC,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;YAChD,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;QACD,OAAO,GAAG,EAAE;YACV,IAAI,aAAa,EAAE,CAAC;gBAClB,cAAc,CAAC,cAAc,CAAC,CAAC;YACjC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,4BACE,KAAC,OAAO,IACN,yBAAyB,EAAE,MAAM,EACjC,iBAAiB,EAAE,KAAC,cAAc,KAAG,EACrC,sBAAsB,SACtB,GAED,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useContext, useEffect, useRef, useState } from \"react\";\r\nimport { startSandboxApp, stopSandboxApp } from \"@vived/host\";\r\nimport { Sandbox } from \"../Components/Sandbox/Sandbox\";\r\nimport SandboxAppObjectsContext from \"../SandboxAppObjectsContext\";\r\nimport { SandboxToolbar } from \"./SandboxToolbar\";\r\n\r\nexport const Playing = (): JSX.Element => {\r\n  const hostAppObjects = useContext(SandboxAppObjectsContext);\r\n  const appDiv = useRef<HTMLDivElement>(null);\r\n  const [hasRegistered, setHasRegistered] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (appDiv.current && !hasRegistered) {\r\n      startSandboxApp(appDiv.current, hostAppObjects);\r\n      setHasRegistered(true);\r\n    }\r\n    return () => {\r\n      if (hasRegistered) {\r\n        stopSandboxApp(hostAppObjects);\r\n      }\r\n    };\r\n  }, [hasRegistered, hostAppObjects]);\r\n\r\n  return (\r\n    <>\r\n      <Sandbox\r\n        workspaceCenterContentRef={appDiv}\r\n        topToolbarContent={<SandboxToolbar />}\r\n        workspaceCenterContent\r\n      />\r\n      \r\n    </>\r\n  );\r\n};\r\n"]}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { hostStateMachinePMAdapter, transitionToState } from "@vived/host";
+import { useContext, useEffect, useState } from "react";
+import { useSingletonPM } from "../Hooks/useSingletonPM";
+import SandboxAppObjectsContext from "../SandboxAppObjectsContext";
+import Button from "@mui/material/Button";
+export const PreviousStateButton = () => {
+    const hostAppObjects = useContext(SandboxAppObjectsContext);
+    const { previousSlideID } = useSingletonPM(hostStateMachinePMAdapter);
+    const [disabled, setDisabled] = useState(true);
+    useEffect(() => {
+        setDisabled(previousSlideID === undefined);
+    }, [previousSlideID]);
+    function clickPrevious() {
+        if (previousSlideID) {
+            transitionToState(previousSlideID, hostAppObjects);
+        }
+    }
+    return (_jsx(Button, { variant: "contained", onClick: clickPrevious, disabled: disabled, children: "Previous" }));
+};
+//# sourceMappingURL=PreviousStateButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviousStateButton.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/PreviousStateButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,yBAAyB,EAEzB,iBAAiB,EAClB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAgB,EAAE;IACnD,MAAM,cAAc,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAC5D,MAAM,EAAE,eAAe,EAAE,GAAG,cAAc,CACxC,yBAAyB,CAC1B,CAAC;IACF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,eAAe,KAAK,SAAS,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,SAAS,aAAa;QACpB,IAAI,eAAe,EAAE,CAAC;YACpB,iBAAiB,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;IAED,OAAO,CACL,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,yBAE7D,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\r\n  hostStateMachinePMAdapter,\r\n  HostStateMachineVM,\r\n  transitionToState\r\n} from \"@vived/host\";\r\nimport { useContext, useEffect, useState } from \"react\";\r\nimport { useSingletonPM } from \"../Hooks/useSingletonPM\";\r\nimport SandboxAppObjectsContext from \"../SandboxAppObjectsContext\";\r\nimport Button from \"@mui/material/Button\";\r\n\r\nexport const PreviousStateButton = (): JSX.Element => {\r\n  const hostAppObjects = useContext(SandboxAppObjectsContext);\r\n  const { previousSlideID } = useSingletonPM<HostStateMachineVM>(\r\n    hostStateMachinePMAdapter\r\n  );\r\n  const [disabled, setDisabled] = useState(true);\r\n\r\n  useEffect(() => {\r\n    setDisabled(previousSlideID === undefined);\r\n  }, [previousSlideID]);\r\n\r\n  function clickPrevious() {\r\n    if (previousSlideID) {\r\n      transitionToState(previousSlideID, hostAppObjects);\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Button variant=\"contained\" onClick={clickPrevious} disabled={disabled}>\r\n      Previous\r\n    </Button>\r\n  );\r\n};\r\n"]}

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

@@ -0,0 +1,42 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { challengeResultsListAdapter } from "@vived/host";
+import { HitChallengResult } from "../Components/ResultCards/HitChallengeResult";
+import { MultiHitChallengeResult } from "../Components/ResultCards/MultiHitChallengeResult";
+import { QualityChallengResult } from "../Components/ResultCards/QualityChallengeResult";
+import { ScoreChallengResult } from "../Components/ResultCards/ScoreChallengeResult";
+import { useSingletonPM } from "../Hooks/useSingletonPM";
+export const Results = () => {
+    const results = useSingletonPM(challengeResultsListAdapter);
+    function renderResults() {
+        if (results.length === 0) {
+            return _jsx("p", { children: "No results have been submitted" });
+        }
+        else {
+            return _jsx(_Fragment, { children: results.map((r) => makeCard(r)) });
+        }
+    }
+    function makeCard(vm) {
+        const { resultData, resultType, attempts, id, message, slideName } = vm;
+        if (resultType === "HIT") {
+            const { success } = resultData;
+            return (_jsx(HitChallengResult, { slideName: slideName, tries: attempts, message: message, success: success }, id));
+        }
+        else if (resultType === "MULTIHIT") {
+            const { hits, misses, unanswered } = resultData;
+            return (_jsx(MultiHitChallengeResult, { slideName: slideName, tries: attempts, message: message, hits: hits, misses: misses, unanswered: unanswered }, id));
+        }
+        else if (resultType === "QUALITY") {
+            const { stars, maxStars } = resultData;
+            return (_jsx(QualityChallengResult, { slideName: slideName, tries: attempts, message: message, stars: stars, maxStars: maxStars }, id));
+        }
+        else if (resultType === "SCORE") {
+            const { score, maxScore } = resultData;
+            return (_jsx(ScoreChallengResult, { slideName: slideName, tries: attempts, message: message, score: score, maxScore: maxScore }, id));
+        }
+        else {
+            return _jsx("p", { children: "Unknown result type" }, id);
+        }
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("h2", { children: "Challenge Results:" }), renderResults()] }));
+};
+//# sourceMappingURL=Results.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Results.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/Results.tsx"],"names":[],"mappings":";AAAA,OAAO,EAML,2BAA2B,EAC5B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,CAAC,MAAM,OAAO,GAAG,GAAgB,EAAE;IACvC,MAAM,OAAO,GAAG,cAAc,CAC5B,2BAA2B,CAC5B,CAAC;IAEF,SAAS,aAAa;QACpB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,yDAAqC,CAAC;QAC/C,CAAC;aAAM,CAAC;YACN,OAAO,4BAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAI,CAAC;QAChD,CAAC;IACH,CAAC;IAED,SAAS,QAAQ,CAAC,EAAqB;QACrC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;QACxE,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;YACzB,MAAM,EAAE,OAAO,EAAE,GAAG,UAAoC,CAAC;YACzD,OAAO,CACL,KAAC,iBAAiB,IAEhB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,IAJX,EAAE,CAKP,CACH,CAAC;QACJ,CAAC;aAAM,IAAI,UAAU,KAAK,UAAU,EAAE,CAAC;YACrC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,GAChC,UAAyC,CAAC;YAC5C,OAAO,CACL,KAAC,uBAAuB,IAEtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,IANjB,EAAE,CAOP,CACH,CAAC;QACJ,CAAC;aAAM,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YACpC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,UAAwC,CAAC;YACrE,OAAO,CACL,KAAC,qBAAqB,IAEpB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IALb,EAAE,CAMP,CACH,CAAC;QACJ,CAAC;aAAM,IAAI,UAAU,KAAK,OAAO,EAAE,CAAC;YAClC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,UAAsC,CAAC;YACnE,OAAO,CACL,KAAC,mBAAmB,IAElB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IALb,EAAE,CAMP,CACH,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,+CAAQ,EAAE,CAAyB,CAAC;QAC7C,CAAC;IACH,CAAC;IAED,OAAO,CACL,8BACE,8CAA2B,EAC1B,aAAa,EAAE,IACf,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\r\n  ChallengeResultHitData,\r\n  ChallengeResultMultiHitData,\r\n  ChallengeResultQualityData,\r\n  ChallengeResultScoreData,\r\n  ChallengeResultVM,\r\n  challengeResultsListAdapter\r\n} from \"@vived/host\";\r\nimport { HitChallengResult } from \"../Components/ResultCards/HitChallengeResult\";\r\nimport { MultiHitChallengeResult } from \"../Components/ResultCards/MultiHitChallengeResult\";\r\nimport { QualityChallengResult } from \"../Components/ResultCards/QualityChallengeResult\";\r\nimport { ScoreChallengResult } from \"../Components/ResultCards/ScoreChallengeResult\";\r\nimport { useSingletonPM } from \"../Hooks/useSingletonPM\";\r\n\r\nexport const Results = (): JSX.Element => {\r\n  const results = useSingletonPM<ChallengeResultVM[]>(\r\n    challengeResultsListAdapter\r\n  );\r\n\r\n  function renderResults() {\r\n    if (results.length === 0) {\r\n      return <p>No results have been submitted</p>;\r\n    } else {\r\n      return <>{results.map((r) => makeCard(r))}</>;\r\n    }\r\n  }\r\n\r\n  function makeCard(vm: ChallengeResultVM) {\r\n    const { resultData, resultType, attempts, id, message, slideName } = vm;\r\n    if (resultType === \"HIT\") {\r\n      const { success } = resultData as ChallengeResultHitData;\r\n      return (\r\n        <HitChallengResult\r\n          key={id}\r\n          slideName={slideName}\r\n          tries={attempts}\r\n          message={message}\r\n          success={success}\r\n        />\r\n      );\r\n    } else if (resultType === \"MULTIHIT\") {\r\n      const { hits, misses, unanswered } =\r\n        resultData as ChallengeResultMultiHitData;\r\n      return (\r\n        <MultiHitChallengeResult\r\n          key={id}\r\n          slideName={slideName}\r\n          tries={attempts}\r\n          message={message}\r\n          hits={hits}\r\n          misses={misses}\r\n          unanswered={unanswered}\r\n        />\r\n      );\r\n    } else if (resultType === \"QUALITY\") {\r\n      const { stars, maxStars } = resultData as ChallengeResultQualityData;\r\n      return (\r\n        <QualityChallengResult\r\n          key={id}\r\n          slideName={slideName}\r\n          tries={attempts}\r\n          message={message}\r\n          stars={stars}\r\n          maxStars={maxStars}\r\n        />\r\n      );\r\n    } else if (resultType === \"SCORE\") {\r\n      const { score, maxScore } = resultData as ChallengeResultScoreData;\r\n      return (\r\n        <ScoreChallengResult\r\n          key={id}\r\n          slideName={slideName}\r\n          tries={attempts}\r\n          message={message}\r\n          score={score}\r\n          maxScore={maxScore}\r\n        />\r\n      );\r\n    } else {\r\n      return <p key={id}>Unknown result type</p>;\r\n    }\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <h2>Challenge Results:</h2>\r\n      {renderResults()}\r\n    </>\r\n  );\r\n};\r\n"]}

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { editingStateAdapter } from "@vived/host";
+import { CancelAuthoringButton } from "./CancelAuthoringButton";
+import { EditActiveStateButton } from "./EditActiveStateButton";
+import { NextStateButton } from "./NextStateButton";
+import { PreviousStateButton } from "./PreviousStateButton";
+import { SaveButton } from "./SaveButton";
+import { StopAppBtn } from "./StopAppButton";
+import { useSingletonPM } from "../Hooks/useSingletonPM";
+import { BabylonInspectorCheckbox } from "./BabylonInspectorCheckbox";
+import { StartZSpaceButton } from "./StartZSpaceButton";
+import Stack from "@mui/material/Stack";
+export const SandboxToolbar = () => {
+    const { isEditing } = useSingletonPM(editingStateAdapter);
+    function renderContent() {
+        return isEditing ? renderAuthoringButtons() : renderConsumingButtons();
+    }
+    function renderConsumingButtons() {
+        return (_jsxs(_Fragment, { children: [_jsx(PreviousStateButton, {}), _jsx(NextStateButton, {}), _jsx(EditActiveStateButton, {}), _jsx(StopAppBtn, {}), _jsx(StartZSpaceButton, {}), _jsx(BabylonInspectorCheckbox, {})] }));
+    }
+    function renderAuthoringButtons() {
+        return (_jsxs(_Fragment, { children: [_jsx(SaveButton, {}), _jsx(CancelAuthoringButton, {})] }));
+    }
+    return (_jsx(Stack, { direction: "row", spacing: 1, sx: {
+            whiteSpace: "nowrap",
+            overflow: "auto hidden",
+            alignItems: "center"
+        }, children: renderContent() }));
+};
+//# sourceMappingURL=SandboxToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SandboxToolbar.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/SandboxToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAExC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAgB,EAAE;IAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,CAAiB,mBAAmB,CAAC,CAAC;IAE1E,SAAS,aAAa;QACpB,OAAO,SAAS,CAAC,CAAC,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC,sBAAsB,EAAE,CAAC;IACzE,CAAC;IAED,SAAS,sBAAsB;QAC7B,OAAO,CACL,8BACE,KAAC,mBAAmB,KAAG,EACvB,KAAC,eAAe,KAAG,EACnB,KAAC,qBAAqB,KAAG,EACzB,KAAC,UAAU,KAAG,EACd,KAAC,iBAAiB,KAAG,EACrB,KAAC,wBAAwB,KAAG,IAC3B,CACJ,CAAC;IACJ,CAAC;IAED,SAAS,sBAAsB;QAC7B,OAAO,CACL,8BACE,KAAC,UAAU,KAAG,EACd,KAAC,qBAAqB,KAAG,IACxB,CACJ,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,KAAK,IACJ,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,CAAC,EACV,EAAE,EAAE;YACF,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,aAAa;YACvB,UAAU,EAAE,QAAQ;SACrB,YAEA,aAAa,EAAE,GACV,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { EditingStateVM, editingStateAdapter } from \"@vived/host\";\r\nimport { CancelAuthoringButton } from \"./CancelAuthoringButton\";\r\nimport { EditActiveStateButton } from \"./EditActiveStateButton\";\r\nimport { NextStateButton } from \"./NextStateButton\";\r\nimport { PreviousStateButton } from \"./PreviousStateButton\";\r\nimport { SaveButton } from \"./SaveButton\";\r\nimport { StopAppBtn } from \"./StopAppButton\";\r\nimport { useSingletonPM } from \"../Hooks/useSingletonPM\";\r\nimport { BabylonInspectorCheckbox } from \"./BabylonInspectorCheckbox\";\r\nimport { StartZSpaceButton } from \"./StartZSpaceButton\";\r\nimport Stack from \"@mui/material/Stack\";\r\n\r\nexport const SandboxToolbar = (): JSX.Element => {\r\n  const { isEditing } = useSingletonPM<EditingStateVM>(editingStateAdapter);\r\n\r\n  function renderContent(): JSX.Element {\r\n    return isEditing ? renderAuthoringButtons() : renderConsumingButtons();\r\n  }\r\n\r\n  function renderConsumingButtons() {\r\n    return (\r\n      <>\r\n        <PreviousStateButton />\r\n        <NextStateButton />\r\n        <EditActiveStateButton />\r\n        <StopAppBtn />\r\n        <StartZSpaceButton />\r\n        <BabylonInspectorCheckbox />\r\n      </>\r\n    );\r\n  }\r\n\r\n  function renderAuthoringButtons() {\r\n    return (\r\n      <>\r\n        <SaveButton />\r\n        <CancelAuthoringButton />\r\n      </>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Stack\r\n      direction=\"row\"\r\n      spacing={1}\r\n      sx={{\r\n        whiteSpace: \"nowrap\",\r\n        overflow: \"auto hidden\",\r\n        alignItems: \"center\"\r\n      }}\r\n    >\r\n      {renderContent()}\r\n    </Stack>\r\n  );\r\n};\r\n"]}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { editingStateAdapter, saveAuthoring } from "@vived/host";
+import { useContext } from "react";
+import { useSingletonPM } from "../Hooks/useSingletonPM";
+import SandboxAppObjectsContext from "../SandboxAppObjectsContext";
+import Button from "@mui/material/Button";
+export const SaveButton = () => {
+    const { hasChanges } = useSingletonPM(editingStateAdapter);
+    const hostAppObjects = useContext(SandboxAppObjectsContext);
+    return (_jsx(Button, { variant: "contained", disabled: !hasChanges, onClick: () => saveAuthoring(hostAppObjects), children: "Save" }));
+};
+//# sourceMappingURL=SaveButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SaveButton.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/SaveButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAkB,aAAa,EAAE,MAAM,aAAa,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C,MAAM,CAAC,MAAM,UAAU,GAAG,GAAgB,EAAE;IAC1C,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,CAAiB,mBAAmB,CAAC,CAAC;IAC3E,MAAM,cAAc,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE5D,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,CAAC,UAAU,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,cAAc,CAAC,qBAGrC,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { editingStateAdapter, EditingStateVM, saveAuthoring } from \"@vived/host\";\r\nimport { useContext } from \"react\";\r\nimport { useSingletonPM } from \"../Hooks/useSingletonPM\";\r\nimport SandboxAppObjectsContext from \"../SandboxAppObjectsContext\";\r\nimport Button from \"@mui/material/Button\";\r\n\r\nexport const SaveButton = (): JSX.Element => {\r\n  const { hasChanges } = useSingletonPM<EditingStateVM>(editingStateAdapter);\r\n  const hostAppObjects = useContext(SandboxAppObjectsContext);\r\n\r\n  return (\r\n    <Button\r\n      variant=\"contained\"\r\n      disabled={!hasChanges}\r\n      onClick={() => saveAuthoring(hostAppObjects)}\r\n    >\r\n      Save\r\n    </Button>\r\n  );\r\n};\r\n"]}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { savePersistentStates } 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 SavePersistentStates = () => {
+    const hostAppObjects = useContext(SandboxAppObjectsContext);
+    return (_jsxs(Stack, { direction: "row", spacing: 1, sx: { my: 1, alignItems: "center" }, children: [_jsx(Button, { variant: "contained", size: "small", onClick: () => savePersistentStates(hostAppObjects), children: "Save Persistent States" }), _jsx("label", { children: " Replace the file in src/Data with this file " })] }));
+};
+//# sourceMappingURL=SavePresistantStatesButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SavePresistantStatesButton.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/SavePresistantStatesButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,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,oBAAoB,GAAG,GAAgB,EAAE;IACpD,MAAM,cAAc,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE5D,OAAO,CACL,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,CAAC,oBAAoB,CAAC,cAAc,CAAC,uCAG5C,EACT,4EAA4D,IACtD,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { savePersistentStates } 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 SavePersistentStates = (): JSX.Element => {\r\n  const hostAppObjects = useContext(SandboxAppObjectsContext);\r\n\r\n  return (\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={() => savePersistentStates(hostAppObjects)}\r\n      >\r\n        Save Persistent States\r\n      </Button>\r\n      <label> Replace the file in src/Data with this file </label>\r\n    </Stack>\r\n  );\r\n};\r\n"]}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import SandboxAppObjectsContext from "../SandboxAppObjectsContext";
+import { toggleShowArchivedAssets, showArchivedAppAssetAdapter } from "@vived/host";
+import { useSingletonPM } from "../Hooks/useSingletonPM";
+import Checkbox from "@mui/material/Checkbox";
+import FormControlLabel from "@mui/material/FormControlLabel";
+export const ShowArchivedAssetsCheckbox = () => {
+    const hostAppObjects = useContext(SandboxAppObjectsContext);
+    const showArchivedAssets = useSingletonPM(showArchivedAppAssetAdapter);
+    return (_jsx(FormControlLabel, { control: _jsx(Checkbox, { onChange: () => toggleShowArchivedAssets(hostAppObjects), checked: showArchivedAssets }), label: "Show archived assets" }));
+};
+//# sourceMappingURL=ShowArchivedAssetsCheckbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShowArchivedAssetsCheckbox.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/ShowArchivedAssetsCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EACL,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAE9D,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAgB,EAAE;IAC1D,MAAM,cAAc,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAC5D,MAAM,kBAAkB,GAAG,cAAc,CACvC,2BAA2B,CAC5B,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IACf,OAAO,EACL,KAAC,QAAQ,IACP,QAAQ,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,cAAc,CAAC,EACxD,OAAO,EAAE,kBAAkB,GAC3B,EAEJ,KAAK,EAAC,sBAAsB,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useContext } from \"react\";\r\nimport SandboxAppObjectsContext from \"../SandboxAppObjectsContext\";\r\nimport {\r\n  toggleShowArchivedAssets,\r\n  showArchivedAppAssetAdapter\r\n} from \"@vived/host\";\r\nimport { useSingletonPM } from \"../Hooks/useSingletonPM\";\r\nimport Checkbox from \"@mui/material/Checkbox\";\r\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\r\n\r\nexport const ShowArchivedAssetsCheckbox = (): JSX.Element => {\r\n  const hostAppObjects = useContext(SandboxAppObjectsContext);\r\n  const showArchivedAssets = useSingletonPM<boolean>(\r\n    showArchivedAppAssetAdapter\r\n  );\r\n\r\n  return (\r\n    <FormControlLabel\r\n      control={\r\n        <Checkbox\r\n          onChange={() => toggleShowArchivedAssets(hostAppObjects)}\r\n          checked={showArchivedAssets}\r\n        />\r\n      }\r\n      label=\"Show archived assets\"\r\n    />\r\n  );\r\n};\r\n"]}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { startInZSpaceAdapter, toggleStartInZSpace } 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 StartInZSpaceToggle = () => {
+    const startInzSpace = useSingletonPM(startInZSpaceAdapter);
+    const sandboxAppObjects = useContext(SandboxAppObjectsContext);
+    return (_jsx(FormControlLabel, { control: _jsx(Checkbox, { onChange: () => toggleStartInZSpace(sandboxAppObjects), checked: startInzSpace }), label: "Start in zSpace" }));
+};
+//# sourceMappingURL=StartInZSpaceToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StartInZSpaceToggle.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/StartInZSpaceToggle.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,mBAAmB,GAAG,GAAgB,EAAE;IACnD,MAAM,aAAa,GAAG,cAAc,CAAU,oBAAoB,CAAC,CAAC;IACpE,MAAM,iBAAiB,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE/D,OAAO,CACL,KAAC,gBAAgB,IACf,OAAO,EACL,KAAC,QAAQ,IACP,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,EACtD,OAAO,EAAE,aAAa,GACtB,EAEJ,KAAK,EAAC,iBAAiB,GACvB,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useContext } from \"react\";\r\nimport { startInZSpaceAdapter, toggleStartInZSpace } 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 StartInZSpaceToggle = (): JSX.Element => {\r\n  const startInzSpace = useSingletonPM<boolean>(startInZSpaceAdapter);\r\n  const sandboxAppObjects = useContext(SandboxAppObjectsContext);\r\n\r\n  return (\r\n    <FormControlLabel\r\n      control={\r\n        <Checkbox\r\n          onChange={() => toggleStartInZSpace(sandboxAppObjects)}\r\n          checked={startInzSpace}\r\n        />\r\n      }\r\n      label=\"Start in zSpace\"\r\n    />\r\n  );\r\n};\r\n"]}