@vived/sandbox 1.0.0

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

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DownloadAsset = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const host_1 = require("@vived/host");
+const react_1 = require("react");
+const SandboxAppObjectsContext_1 = __importDefault(require("../SandboxAppObjectsContext"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const DownloadAsset = (props) => {
+    const { assetID } = props;
+    const hostAppObjects = (0, react_1.useContext)(SandboxAppObjectsContext_1.default);
+    function clickDownload() {
+        (0, host_1.downloadAssetFile)(assetID, hostAppObjects);
+    }
+    return (0, jsx_runtime_1.jsx)(Button_1.default, { variant: "contained", onClick: clickDownload, children: "Download" });
+};
+exports.DownloadAsset = DownloadAsset;
+//# sourceMappingURL=DownloadAsset.js.map

package/dist/cjs/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,sCAAgD;AAChD,iCAAmC;AACnC,2FAAmE;AACnE,kEAA0C;AAMnC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IACtE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,MAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,kCAAwB,CAAC,CAAC;IAE5D,SAAS,aAAa;QACpB,IAAA,wBAAiB,EAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,uBAAC,gBAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,aAAa,yBAAmB,CAAC;AAC/E,CAAC,CAAC;AATW,QAAA,aAAa,iBASxB","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/cjs/Frameworks/React/Containers/EditActiveStateButton.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditActiveStateButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const host_1 = require("@vived/host");
+const SandboxAppObjectsContext_1 = __importDefault(require("../SandboxAppObjectsContext"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const EditActiveStateButton = () => {
+    const hostAppObjects = (0, react_1.useContext)(SandboxAppObjectsContext_1.default);
+    return (0, jsx_runtime_1.jsx)(Button_1.default, { variant: "contained", onClick: () => (0, host_1.editActiveState)(hostAppObjects), children: "Edit" });
+};
+exports.EditActiveStateButton = EditActiveStateButton;
+//# sourceMappingURL=EditActiveStateButton.js.map

package/dist/cjs/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,iCAAmC;AACnC,sCAA8C;AAC9C,2FAAmE;AACnE,kEAA0C;AAEnC,MAAM,qBAAqB,GAAG,GAAgB,EAAE;IACrD,MAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,kCAAwB,CAAC,CAAC;IAE5D,OAAO,uBAAC,gBAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAA,sBAAe,EAAC,cAAc,CAAC,qBAAe,CAAC;AACnG,CAAC,CAAC;AAJW,QAAA,qBAAqB,yBAIhC","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/cjs/Frameworks/React/Containers/EditAsset.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditAsset = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const host_1 = require("@vived/host");
+const react_1 = require("react");
+const DeleteAppAssetButton_1 = require("./DeleteAppAssetButton");
+const DownloadAsset_1 = require("./DownloadAsset");
+const EditAssetMeta_1 = require("../Components/EditAssetMeta");
+const UpdateAssetFile_1 = require("./UpdateAssetFile");
+const useSingletonPM_1 = require("../Hooks/useSingletonPM");
+const SandboxAppObjectsContext_1 = __importDefault(require("../SandboxAppObjectsContext"));
+const EditAsset = () => {
+    const hostAppObjects = (0, react_1.useContext)(SandboxAppObjectsContext_1.default);
+    const editingAsset = (0, useSingletonPM_1.useSingletonPM)(host_1.editingAppAssetAdapter);
+    const handleSubmit = (name, description, archived) => {
+        if (!editingAsset)
+            return;
+        (0, host_1.updateAppAssetMeta)({
+            archived,
+            description,
+            name
+        }, editingAsset.id, hostAppObjects);
+    };
+    if (editingAsset) {
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Edit Asset" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("p", { children: ["ID: ", editingAsset.id] }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(DownloadAsset_1.DownloadAsset, { assetID: editingAsset.id }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(UpdateAssetFile_1.UpdateAssetFile, {}) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(DeleteAppAssetButton_1.DeleteAppAssetButton, { assetID: editingAsset.id }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(EditAssetMeta_1.EditAssetMeta, { initialArchived: editingAsset.archived, initialDescription: editingAsset.description, initialName: editingAsset.name, cancel: () => (0, host_1.setSandboxAppState)(host_1.SandboxState.MOUNTED, hostAppObjects), submit: handleSubmit }) })] }));
+    }
+    else {
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("header", { children: "No asset is selected" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => (0, host_1.setSandboxAppState)(host_1.SandboxState.MOUNTED, hostAppObjects), children: "OK" })] }));
+    }
+};
+exports.EditAsset = EditAsset;
+//# sourceMappingURL=EditAsset.js.map

package/dist/cjs/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,sCAA8H;AAC9H,iCAAmC;AACnC,iEAA8D;AAC9D,mDAAgD;AAChD,+DAA4D;AAC5D,uDAAoD;AACpD,4DAAyD;AACzD,2FAAmE;AAE5D,MAAM,SAAS,GAAG,GAAgB,EAAE;IACzC,MAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,kCAAwB,CAAC,CAAC;IAC5D,MAAM,YAAY,GAAG,IAAA,+BAAc,EACjC,6BAAsB,CACvB,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,IAAY,EACZ,WAAmB,EACnB,QAAiB,EACjB,EAAE;QACF,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,IAAA,yBAAkB,EAChB;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,4CACE,wDAAmB,EACnB,0CACE,kDAAQ,YAAY,CAAC,EAAE,IAAK,GACxB,EAEN,0CACE,uBAAC,6BAAa,IAAC,OAAO,EAAE,YAAY,CAAC,EAAE,GAAI,GACvC,EACN,0CACE,uBAAC,iCAAe,KAAG,GACf,EACN,0CACE,uBAAC,2CAAoB,IAAC,OAAO,EAAE,YAAY,CAAC,EAAE,GAAI,GAC9C,EACN,0CACE,uBAAC,6BAAa,IACZ,eAAe,EAAE,YAAY,CAAC,QAAQ,EACtC,kBAAkB,EAAE,YAAY,CAAC,WAAW,EAC5C,WAAW,EAAE,YAAY,CAAC,IAAI,EAC9B,MAAM,EAAE,GAAG,EAAE,CACX,IAAA,yBAAkB,EAAC,mBAAY,CAAC,OAAO,EAAE,cAAc,CAAC,EAE1D,MAAM,EAAE,YAAY,GACpB,GACE,IACF,CACP,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,4CACE,sEAAqC,EACrC,mCACE,OAAO,EAAE,GAAG,EAAE,CACZ,IAAA,yBAAkB,EAAC,mBAAY,CAAC,OAAO,EAAE,cAAc,CAAC,mBAInD,IACL,CACP,CAAC;IACJ,CAAC;AACH,CAAC,CAAC;AApEW,QAAA,SAAS,aAoEpB","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/cjs/Frameworks/React/Containers/EmulateZSpaceToggle.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmulateZSpaceToggle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const SandboxAppObjectsContext_1 = __importDefault(require("../SandboxAppObjectsContext"));
+const host_1 = require("@vived/host");
+const useSingletonPM_1 = require("../Hooks/useSingletonPM");
+const Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
+const FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
+const EmulateZSpaceToggle = () => {
+    const hostAppObject = (0, react_1.useContext)(SandboxAppObjectsContext_1.default);
+    const emulate = (0, useSingletonPM_1.useSingletonPM)(host_1.emulateZSpaceAdapter);
+    return ((0, jsx_runtime_1.jsx)(FormControlLabel_1.default, { control: (0, jsx_runtime_1.jsx)(Checkbox_1.default, { onChange: () => (0, host_1.toggleEmulateZSpace)(hostAppObject), checked: emulate }), label: "Emulate zSpace" }));
+};
+exports.EmulateZSpaceToggle = EmulateZSpaceToggle;
+//# sourceMappingURL=EmulateZSpaceToggle.js.map

package/dist/cjs/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,iCAAmC;AACnC,2FAAmE;AACnE,sCAAwE;AACxE,4DAAyD;AACzD,sEAA8C;AAC9C,sFAA8D;AAEvD,MAAM,mBAAmB,GAAG,GAAgB,EAAE;IACnD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,kCAAwB,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAA,+BAAc,EAAU,2BAAoB,CAAC,CAAC;IAE9D,OAAO,CACL,uBAAC,0BAAgB,IACf,OAAO,EACL,uBAAC,kBAAQ,IACP,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAA,0BAAmB,EAAC,aAAa,CAAC,EAClD,OAAO,EAAE,OAAO,GAChB,EAEJ,KAAK,EAAC,gBAAgB,GACtB,CACH,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,mBAAmB,uBAe9B","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/cjs/Frameworks/React/Containers/FatalError.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FatalError = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FatalError = () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { children: "App has thrown a Fatal Error" }), (0, jsx_runtime_1.jsx)("p", { children: "Check the console for details" })] }));
+};
+exports.FatalError = FatalError;
+//# sourceMappingURL=FatalError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FatalError.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/FatalError.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,UAAU,GAAG,GAAgB,EAAE;IAC1C,OAAO,CACL,4CACE,0EAAqC,EACrC,0EAAoC,IAChC,CACP,CAAC;AACJ,CAAC,CAAC;AAPW,QAAA,UAAU,cAOrB","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/cjs/Frameworks/React/Containers/ForwardLogsToConsoleCheckbox.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForwardLogsToConsoleCheckbox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const host_1 = require("@vived/host");
+const react_1 = require("react");
+const useSingletonPM_1 = require("../Hooks/useSingletonPM");
+const SandboxAppObjectsContext_1 = __importDefault(require("../SandboxAppObjectsContext"));
+const Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
+const FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
+const ForwardLogsToConsoleCheckbox = () => {
+    const forwardLog = (0, useSingletonPM_1.useSingletonPM)(host_1.forwardLogsToConsoleAdapter);
+    const sandboxAppObjects = (0, react_1.useContext)(SandboxAppObjectsContext_1.default);
+    return ((0, jsx_runtime_1.jsx)(FormControlLabel_1.default, { control: (0, jsx_runtime_1.jsx)(Checkbox_1.default, { onChange: () => (0, host_1.toggleForwardLogs)(sandboxAppObjects), checked: forwardLog }), label: "Forward Logs to the Console" }));
+};
+exports.ForwardLogsToConsoleCheckbox = ForwardLogsToConsoleCheckbox;
+//# sourceMappingURL=ForwardLogsToConsoleCheckbox.js.map

package/dist/cjs/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,sCAA6E;AAC7E,iCAAmC;AACnC,4DAAyD;AACzD,2FAAmE;AACnE,sEAA8C;AAC9C,sFAA8D;AAEvD,MAAM,4BAA4B,GAAG,GAAgB,EAAE;IAC5D,MAAM,UAAU,GAAG,IAAA,+BAAc,EAAU,kCAA2B,CAAC,CAAC;IACxE,MAAM,iBAAiB,GAAG,IAAA,kBAAU,EAAC,kCAAwB,CAAC,CAAC;IAE/D,OAAO,CACL,uBAAC,0BAAgB,IACf,OAAO,EACL,uBAAC,kBAAQ,IACP,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAA,wBAAiB,EAAC,iBAAiB,CAAC,EACpD,OAAO,EAAE,UAAU,GACnB,EAEJ,KAAK,EAAC,6BAA6B,GACnC,CACH,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,4BAA4B,gCAevC","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/cjs/Frameworks/React/Containers/Loading.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loading = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Loading = () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { children: "App loading..." }), (0, jsx_runtime_1.jsx)("p", { children: "Hint, if you are stuck here, your App is not dispatching App Is Ready" })] }));
+};
+exports.Loading = Loading;
+//# sourceMappingURL=Loading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/Loading.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,OAAO,GAAG,GAAgB,EAAE;IACvC,OAAO,CACL,4CACE,4DAAuB,EACvB,kHAEI,IACA,CACP,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,OAAO,WASlB","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/cjs/Frameworks/React/Containers/Login.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Login = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const host_1 = require("@vived/host");
+const react_1 = require("react");
+const SandboxAppObjectsContext_1 = __importDefault(require("../SandboxAppObjectsContext"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
+const Login = () => {
+    const hostAppObjects = (0, react_1.useContext)(SandboxAppObjectsContext_1.default);
+    const [password, setPassword] = (0, react_1.useState)("");
+    const [email, setEmail] = (0, react_1.useState)("");
+    const [error, setError] = (0, react_1.useState)(false);
+    const [errorMsg, seterrorMsg] = (0, react_1.useState)("");
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        (0, host_1.loginUser)(email, password, hostAppObjects).catch((err) => {
+            setError(true);
+            seterrorMsg(err.message);
+        });
+    };
+    let errorBanner = (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    if (error) {
+        errorBanner = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("label", { children: "Login Failed" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("label", { children: errorMsg }), (0, jsx_runtime_1.jsx)("p", {})] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { children: "VIVED Login" }), errorBanner, (0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit, children: [(0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Email", size: "small", placeholder: "Email", name: "email", value: email, onChange: (e) => setEmail(e.target.value), required: true }), (0, jsx_runtime_1.jsx)("p", {}), (0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Password", size: "small", placeholder: "Password", name: "password", value: password, onChange: (e) => setPassword(e.target.value), type: "password", required: true, autoComplete: "on" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(Button_1.default, { variant: "contained", type: "submit", children: "Login" })] })] }));
+};
+exports.Login = Login;
+//# sourceMappingURL=Login.js.map

package/dist/cjs/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,sCAAwC;AACxC,iCAA6C;AAC7C,2FAAmE;AACnE,kEAA0C;AAC1C,wEAAgD;AAEzC,MAAM,KAAK,GAAG,GAAgB,EAAE;IACrC,MAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,kCAAwB,CAAC,CAAC;IAC5D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAE7C,MAAM,YAAY,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC3D,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,IAAA,gBAAS,EAAC,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,kDAAK,CAAC;IACxB,IAAI,KAAK,EAAE,CAAC;QACV,WAAW,GAAG,CACZ,6DACE,6DAA2B,EAC3B,gCAAM,EACN,4CAAQ,QAAQ,GAAS,EACzB,+BAAK,IACJ,CACJ,CAAC;IACJ,CAAC;IAED,OAAO,CACL,4CACE,yDAAoB,EACnB,WAAW,EACZ,kCAAM,QAAQ,EAAE,YAAY,aAC1B,uBAAC,mBAAS,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,+BAAK,EACL,uBAAC,mBAAS,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,gCAAM,EACN,uBAAC,gBAAM,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,sBAEhC,IACJ,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AA7DW,QAAA,KAAK,SA6DhB","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/cjs/Frameworks/React/Containers/Logs.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Logs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const host_1 = require("@vived/host");
+const ForwardLogsToConsoleCheckbox_1 = require("./ForwardLogsToConsoleCheckbox");
+const useSingletonPM_1 = require("../Hooks/useSingletonPM");
+const Logs = () => {
+    const logSummary = (0, useSingletonPM_1.useSingletonPM)(host_1.logSummaryAdapter);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", { children: "Logs:" }), (0, jsx_runtime_1.jsx)("p", { children: logSummary.logsLabel }), (0, jsx_runtime_1.jsx)("p", { children: logSummary.warningsLabel }), (0, jsx_runtime_1.jsx)("p", { children: logSummary.errorsLabel }), (0, jsx_runtime_1.jsx)(ForwardLogsToConsoleCheckbox_1.ForwardLogsToConsoleCheckbox, {})] }));
+};
+exports.Logs = Logs;
+//# sourceMappingURL=Logs.js.map

package/dist/cjs/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,sCAA8D;AAC9D,iFAA8E;AAC9E,4DAAyD;AAElD,MAAM,IAAI,GAAG,GAAgB,EAAE;IACpC,MAAM,UAAU,GAAG,IAAA,+BAAc,EAAe,wBAAiB,CAAC,CAAC;IACnE,OAAO,CACL,6DACE,mDAAc,EACd,wCAAI,UAAU,CAAC,SAAS,GAAK,EAC7B,wCAAI,UAAU,CAAC,aAAa,GAAK,EACjC,wCAAI,UAAU,CAAC,WAAW,GAAK,EAC/B,uBAAC,2DAA4B,KAAG,IAC/B,CACJ,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,IAAI,QAWf","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/cjs/Frameworks/React/Containers/Mounted.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Mounted = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const host_1 = require("@vived/host");
+const react_1 = require("react");
+const SavePresistantStatesButton_1 = require("./SavePresistantStatesButton");
+const SandboxAppObjectsContext_1 = __importDefault(require("../SandboxAppObjectsContext"));
+const AppAssetList_1 = require("./AppAssetList");
+const GeneralDialog_1 = require("./Dialogs/GeneralDialog");
+const EmulateZSpaceToggle_1 = require("./EmulateZSpaceToggle");
+const Logs_1 = require("./Logs");
+const Results_1 = require("./Results");
+const StartInZSpaceToggle_1 = require("./StartInZSpaceToggle");
+const StateCards_1 = require("./StateCards");
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const Mounted = () => {
+    const hostAppObjects = (0, react_1.useContext)(SandboxAppObjectsContext_1.default);
+    return ((0, jsx_runtime_1.jsxs)("div", { id: "mounted", style: { padding: "0 1rem 1rem" }, children: [(0, jsx_runtime_1.jsx)("h1", { children: "App is mounted and ready to start" }), (0, jsx_runtime_1.jsx)(StateCards_1.StateCards, {}), (0, jsx_runtime_1.jsx)(Stack_1.default, { direction: "row", spacing: 1, sx: { my: 1 }, children: (0, jsx_runtime_1.jsx)(Button_1.default, { variant: "contained", size: "small", onClick: () => (0, host_1.newState)(hostAppObjects), children: "Create new state" }) }), (0, jsx_runtime_1.jsx)(SavePresistantStatesButton_1.SavePersistentStates, {}), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(EmulateZSpaceToggle_1.EmulateZSpaceToggle, {}) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(StartInZSpaceToggle_1.StartInZSpaceToggle, {}) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { children: "Unmount:" }), (0, jsx_runtime_1.jsx)("p", { children: "Test the App being completely removed from the Host" }), (0, jsx_runtime_1.jsx)(Button_1.default, { variant: "contained", size: "small", onClick: () => (0, host_1.unmountSandboxApp)(hostAppObjects), children: "Unmount App" })] }), (0, jsx_runtime_1.jsx)(Logs_1.Logs, {}), (0, jsx_runtime_1.jsx)(Results_1.Results, {}), (0, jsx_runtime_1.jsx)(AppAssetList_1.AppAssetList, {}), (0, jsx_runtime_1.jsx)(GeneralDialog_1.GeneralDialog, {})] }));
+};
+exports.Mounted = Mounted;
+//# sourceMappingURL=Mounted.js.map

package/dist/cjs/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,sCAA0D;AAC1D,iCAAmC;AACnC,6EAAoE;AACpE,2FAAmE;AACnE,iDAA8C;AAC9C,2DAAwD;AACxD,+DAA4D;AAC5D,iCAA8B;AAC9B,uCAAoC;AACpC,+DAA4D;AAC5D,6CAA0C;AAC1C,kEAA0C;AAC1C,gEAAwC;AAEjC,MAAM,OAAO,GAAG,GAAgB,EAAE;IACvC,MAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,kCAAwB,CAAC,CAAC;IAE5D,OAAO,CACL,iCAAK,EAAE,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,aACjD,+EAA0C,EAC1C,uBAAC,uBAAU,KAAG,EACd,uBAAC,eAAK,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC9C,uBAAC,gBAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAA,eAAQ,EAAC,cAAc,CAAC,iCAGhC,GACH,EACR,uBAAC,iDAAoB,KAAG,EACxB,0CACE,uBAAC,yCAAmB,KAAG,GACnB,EACN,0CACE,uBAAC,yCAAmB,KAAG,GACnB,EACN,4CACE,sDAAiB,EACjB,gGAA0D,EAC1D,uBAAC,gBAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAA,wBAAiB,EAAC,cAAc,CAAC,4BAGzC,IACL,EACN,uBAAC,WAAI,KAAG,EACR,uBAAC,iBAAO,KAAG,EACX,uBAAC,2BAAY,KAAG,EAChB,uBAAC,6BAAa,KAAG,IACb,CACP,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,OAAO,WAwClB","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/cjs/Frameworks/React/Containers/NewAppAsset.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewAppAsset = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const host_1 = require("@vived/host");
+const SandboxAppObjectsContext_1 = __importDefault(require("../SandboxAppObjectsContext"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
+const NewAppAsset = () => {
+    const hostAppObject = (0, react_1.useContext)(SandboxAppObjectsContext_1.default);
+    const sandboxAppObjects = (0, react_1.useContext)(SandboxAppObjectsContext_1.default);
+    const [name, setName] = (0, react_1.useState)("");
+    const [description, setDescription] = (0, react_1.useState)("");
+    const [posting, setPosting] = (0, react_1.useState)(false);
+    const [disableSubmit, setDisableSubmit] = (0, react_1.useState)(true);
+    const [file, setFile] = (0, react_1.useState)();
+    const [error, setError] = (0, react_1.useState)("");
+    (0, react_1.useEffect)(() => {
+        if (name === "" || file === undefined) {
+            setDisableSubmit(true);
+        }
+        else {
+            setDisableSubmit(false);
+        }
+    }, [name, file]);
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        if (!file)
+            return;
+        setPosting(true);
+        (0, host_1.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 ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Error!" }), (0, jsx_runtime_1.jsx)("p", { children: error }), (0, jsx_runtime_1.jsx)(Button_1.default, { variant: "contained", type: "button", onClick: () => (0, host_1.setSandboxAppState)(host_1.SandboxState.NEW_APP_ASSET, sandboxAppObjects), children: "OK" })] }));
+    }
+    else {
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { children: "New App Asset" }), (0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Name", size: "small", value: name, onChange: (e) => setName(e.target.value), placeholder: "Asset Name" }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Description", size: "small", value: description, onChange: (e) => setDescription(e.target.value), placeholder: "Asset Description" }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("input", { type: "file", id: "assetFile", onChange: onFileChange }) }), (0, jsx_runtime_1.jsx)(Button_1.default, { variant: "contained", type: "submit", disabled: posting || disableSubmit, children: "Submit" }), (0, jsx_runtime_1.jsx)(Button_1.default, { variant: "contained", type: "button", onClick: clickCancel, disabled: posting, children: "Cancel" })] })] }));
+    }
+};
+exports.NewAppAsset = NewAppAsset;
+//# sourceMappingURL=NewAppAsset.js.map

package/dist/cjs/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,iCAAwD;AACxD,sCAA4E;AAC5E,2FAAmE;AACnE,kEAA0C;AAC1C,wEAAgD;AAEzC,MAAM,WAAW,GAAG,GAAgB,EAAE;IAC3C,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,kCAAwB,CAAC,CAAC;IAC3D,MAAM,iBAAiB,GAAG,IAAA,kBAAU,EAAC,kCAAwB,CAAC,CAAC;IAE/D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IACzD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,GAAoB,CAAC;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEvC,IAAA,iBAAS,EAAC,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,IAAA,kBAAW,EACT;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,4CACE,oDAAe,EACf,wCAAI,KAAK,GAAK,EACd,uBAAC,gBAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CACZ,IAAA,yBAAkB,EAAC,mBAAY,CAAC,aAAa,EAAE,iBAAiB,CAAC,mBAI5D,IACL,CACP,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,4CACE,2DAAsB,EACtB,kCAAM,QAAQ,EAAE,YAAY,aAC1B,0CACE,uBAAC,mBAAS,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,0CACE,uBAAC,mBAAS,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,0CACE,kCAAO,IAAI,EAAC,MAAM,EAAC,EAAE,EAAC,WAAW,EAAC,QAAQ,EAAE,YAAY,GAAU,GAC9D,EACN,uBAAC,gBAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,OAAO,IAAI,aAAa,uBAG3B,EACT,uBAAC,gBAAM,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;AAjHW,QAAA,WAAW,eAiHtB","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/cjs/Frameworks/React/Containers/NextStateButton.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NextStateButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const host_1 = require("@vived/host");
+const react_1 = require("react");
+const useSingletonPM_1 = require("../Hooks/useSingletonPM");
+const SandboxAppObjectsContext_1 = __importDefault(require("../SandboxAppObjectsContext"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const NextStateButton = () => {
+    const hostAppObjects = (0, react_1.useContext)(SandboxAppObjectsContext_1.default);
+    const { nextSlideID } = (0, useSingletonPM_1.useSingletonPM)(host_1.hostStateMachinePMAdapter);
+    const [disabled, setDisabled] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        setDisabled(nextSlideID === undefined);
+    }, [nextSlideID]);
+    function clickNext() {
+        if (nextSlideID) {
+            (0, host_1.transitionToState)(nextSlideID, hostAppObjects);
+        }
+    }
+    return ((0, jsx_runtime_1.jsx)(Button_1.default, { variant: "contained", onClick: clickNext, disabled: disabled, children: "Next" }));
+};
+exports.NextStateButton = NextStateButton;
+//# sourceMappingURL=NextStateButton.js.map

package/dist/cjs/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,sCAA+F;AAC/F,iCAAwD;AACxD,4DAAyD;AACzD,2FAAmE;AACnE,kEAA0C;AAEnC,MAAM,eAAe,GAAG,GAAgB,EAAE;IAC/C,MAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,kCAAwB,CAAC,CAAC;IAC5D,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,+BAAc,EACpC,gCAAyB,CAC1B,CAAC;IACF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC,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,IAAA,wBAAiB,EAAC,WAAW,EAAE,cAAc,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,gBAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,qBAEzD,CACV,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,eAAe,mBAsB1B","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/cjs/Frameworks/React/Containers/Playing.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Playing = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const host_1 = require("@vived/host");
+const Sandbox_1 = require("../Components/Sandbox/Sandbox");
+const SandboxAppObjectsContext_1 = __importDefault(require("../SandboxAppObjectsContext"));
+const SandboxToolbar_1 = require("./SandboxToolbar");
+const Playing = () => {
+    const hostAppObjects = (0, react_1.useContext)(SandboxAppObjectsContext_1.default);
+    const appDiv = (0, react_1.useRef)(null);
+    const [hasRegistered, setHasRegistered] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (appDiv.current && !hasRegistered) {
+            (0, host_1.startSandboxApp)(appDiv.current, hostAppObjects);
+            setHasRegistered(true);
+        }
+        return () => {
+            if (hasRegistered) {
+                (0, host_1.stopSandboxApp)(hostAppObjects);
+            }
+        };
+    }, [hasRegistered, hostAppObjects]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Sandbox_1.Sandbox, { workspaceCenterContentRef: appDiv, topToolbarContent: (0, jsx_runtime_1.jsx)(SandboxToolbar_1.SandboxToolbar, {}), workspaceCenterContent: true }) }));
+};
+exports.Playing = Playing;
+//# sourceMappingURL=Playing.js.map

package/dist/cjs/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,iCAAgE;AAChE,sCAA8D;AAC9D,2DAAwD;AACxD,2FAAmE;AACnE,qDAAkD;AAE3C,MAAM,OAAO,GAAG,GAAgB,EAAE;IACvC,MAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,kCAAwB,CAAC,CAAC;IAC5D,MAAM,MAAM,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC5C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE1D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,CAAC,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;YACrC,IAAA,sBAAe,EAAC,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,IAAA,qBAAc,EAAC,cAAc,CAAC,CAAC;YACjC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,2DACE,uBAAC,iBAAO,IACN,yBAAyB,EAAE,MAAM,EACjC,iBAAiB,EAAE,uBAAC,+BAAc,KAAG,EACrC,sBAAsB,SACtB,GAED,CACJ,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,OAAO,WA2BlB","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/cjs/Frameworks/React/Containers/PreviousStateButton.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreviousStateButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const host_1 = require("@vived/host");
+const react_1 = require("react");
+const useSingletonPM_1 = require("../Hooks/useSingletonPM");
+const SandboxAppObjectsContext_1 = __importDefault(require("../SandboxAppObjectsContext"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const PreviousStateButton = () => {
+    const hostAppObjects = (0, react_1.useContext)(SandboxAppObjectsContext_1.default);
+    const { previousSlideID } = (0, useSingletonPM_1.useSingletonPM)(host_1.hostStateMachinePMAdapter);
+    const [disabled, setDisabled] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        setDisabled(previousSlideID === undefined);
+    }, [previousSlideID]);
+    function clickPrevious() {
+        if (previousSlideID) {
+            (0, host_1.transitionToState)(previousSlideID, hostAppObjects);
+        }
+    }
+    return ((0, jsx_runtime_1.jsx)(Button_1.default, { variant: "contained", onClick: clickPrevious, disabled: disabled, children: "Previous" }));
+};
+exports.PreviousStateButton = PreviousStateButton;
+//# sourceMappingURL=PreviousStateButton.js.map

package/dist/cjs/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,sCAIqB;AACrB,iCAAwD;AACxD,4DAAyD;AACzD,2FAAmE;AACnE,kEAA0C;AAEnC,MAAM,mBAAmB,GAAG,GAAgB,EAAE;IACnD,MAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,kCAAwB,CAAC,CAAC;IAC5D,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,+BAAc,EACxC,gCAAyB,CAC1B,CAAC;IACF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC,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,IAAA,wBAAiB,EAAC,eAAe,EAAE,cAAc,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,gBAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,yBAE7D,CACV,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,mBAAmB,uBAsB9B","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/cjs/Frameworks/React/Containers/Results.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Results = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const host_1 = require("@vived/host");
+const HitChallengeResult_1 = require("../Components/ResultCards/HitChallengeResult");
+const MultiHitChallengeResult_1 = require("../Components/ResultCards/MultiHitChallengeResult");
+const QualityChallengeResult_1 = require("../Components/ResultCards/QualityChallengeResult");
+const ScoreChallengeResult_1 = require("../Components/ResultCards/ScoreChallengeResult");
+const useSingletonPM_1 = require("../Hooks/useSingletonPM");
+const Results = () => {
+    const results = (0, useSingletonPM_1.useSingletonPM)(host_1.challengeResultsListAdapter);
+    function renderResults() {
+        if (results.length === 0) {
+            return (0, jsx_runtime_1.jsx)("p", { children: "No results have been submitted" });
+        }
+        else {
+            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)(HitChallengeResult_1.HitChallengResult, { slideName: slideName, tries: attempts, message: message, success: success }, id));
+        }
+        else if (resultType === "MULTIHIT") {
+            const { hits, misses, unanswered } = resultData;
+            return ((0, jsx_runtime_1.jsx)(MultiHitChallengeResult_1.MultiHitChallengeResult, { slideName: slideName, tries: attempts, message: message, hits: hits, misses: misses, unanswered: unanswered }, id));
+        }
+        else if (resultType === "QUALITY") {
+            const { stars, maxStars } = resultData;
+            return ((0, jsx_runtime_1.jsx)(QualityChallengeResult_1.QualityChallengResult, { slideName: slideName, tries: attempts, message: message, stars: stars, maxStars: maxStars }, id));
+        }
+        else if (resultType === "SCORE") {
+            const { score, maxScore } = resultData;
+            return ((0, jsx_runtime_1.jsx)(ScoreChallengeResult_1.ScoreChallengResult, { slideName: slideName, tries: attempts, message: message, score: score, maxScore: maxScore }, id));
+        }
+        else {
+            return (0, jsx_runtime_1.jsx)("p", { children: "Unknown result type" }, id);
+        }
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", { children: "Challenge Results:" }), renderResults()] }));
+};
+exports.Results = Results;
+//# sourceMappingURL=Results.js.map

package/dist/cjs/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,sCAOqB;AACrB,qFAAiF;AACjF,+FAA4F;AAC5F,6FAAyF;AACzF,yFAAqF;AACrF,4DAAyD;AAElD,MAAM,OAAO,GAAG,GAAgB,EAAE;IACvC,MAAM,OAAO,GAAG,IAAA,+BAAc,EAC5B,kCAA2B,CAC5B,CAAC;IAEF,SAAS,aAAa;QACpB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,2EAAqC,CAAC;QAC/C,CAAC;aAAM,CAAC;YACN,OAAO,2DAAG,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,uBAAC,sCAAiB,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,uBAAC,iDAAuB,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,uBAAC,8CAAqB,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,uBAAC,0CAAmB,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,iEAAQ,EAAE,CAAyB,CAAC;QAC7C,CAAC;IACH,CAAC;IAED,OAAO,CACL,6DACE,gEAA2B,EAC1B,aAAa,EAAE,IACf,CACJ,CAAC;AACJ,CAAC,CAAC;AA3EW,QAAA,OAAO,WA2ElB","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/cjs/Frameworks/React/Containers/SandboxToolbar.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SandboxToolbar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const host_1 = require("@vived/host");
+const CancelAuthoringButton_1 = require("./CancelAuthoringButton");
+const EditActiveStateButton_1 = require("./EditActiveStateButton");
+const NextStateButton_1 = require("./NextStateButton");
+const PreviousStateButton_1 = require("./PreviousStateButton");
+const SaveButton_1 = require("./SaveButton");
+const StopAppButton_1 = require("./StopAppButton");
+const useSingletonPM_1 = require("../Hooks/useSingletonPM");
+const BabylonInspectorCheckbox_1 = require("./BabylonInspectorCheckbox");
+const StartZSpaceButton_1 = require("./StartZSpaceButton");
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const SandboxToolbar = () => {
+    const { isEditing } = (0, useSingletonPM_1.useSingletonPM)(host_1.editingStateAdapter);
+    function renderContent() {
+        return isEditing ? renderAuthoringButtons() : renderConsumingButtons();
+    }
+    function renderConsumingButtons() {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(PreviousStateButton_1.PreviousStateButton, {}), (0, jsx_runtime_1.jsx)(NextStateButton_1.NextStateButton, {}), (0, jsx_runtime_1.jsx)(EditActiveStateButton_1.EditActiveStateButton, {}), (0, jsx_runtime_1.jsx)(StopAppButton_1.StopAppBtn, {}), (0, jsx_runtime_1.jsx)(StartZSpaceButton_1.StartZSpaceButton, {}), (0, jsx_runtime_1.jsx)(BabylonInspectorCheckbox_1.BabylonInspectorCheckbox, {})] }));
+    }
+    function renderAuthoringButtons() {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SaveButton_1.SaveButton, {}), (0, jsx_runtime_1.jsx)(CancelAuthoringButton_1.CancelAuthoringButton, {})] }));
+    }
+    return ((0, jsx_runtime_1.jsx)(Stack_1.default, { direction: "row", spacing: 1, sx: {
+            whiteSpace: "nowrap",
+            overflow: "auto hidden",
+            alignItems: "center"
+        }, children: renderContent() }));
+};
+exports.SandboxToolbar = SandboxToolbar;
+//# sourceMappingURL=SandboxToolbar.js.map

package/dist/cjs/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,sCAAkE;AAClE,mEAAgE;AAChE,mEAAgE;AAChE,uDAAoD;AACpD,+DAA4D;AAC5D,6CAA0C;AAC1C,mDAA6C;AAC7C,4DAAyD;AACzD,yEAAsE;AACtE,2DAAwD;AACxD,gEAAwC;AAEjC,MAAM,cAAc,GAAG,GAAgB,EAAE;IAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,EAAiB,0BAAmB,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,6DACE,uBAAC,yCAAmB,KAAG,EACvB,uBAAC,iCAAe,KAAG,EACnB,uBAAC,6CAAqB,KAAG,EACzB,uBAAC,0BAAU,KAAG,EACd,uBAAC,qCAAiB,KAAG,EACrB,uBAAC,mDAAwB,KAAG,IAC3B,CACJ,CAAC;IACJ,CAAC;IAED,SAAS,sBAAsB;QAC7B,OAAO,CACL,6DACE,uBAAC,uBAAU,KAAG,EACd,uBAAC,6CAAqB,KAAG,IACxB,CACJ,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,eAAK,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;AA1CW,QAAA,cAAc,kBA0CzB","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"]}