@vived/sandbox 1.0.0 → 1.1.0

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

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpinnerDialogContent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
-const DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
-const DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
-const host_1 = require("@vived/host");
-const SuperCentered_1 = require("../../Components/SuperCentered/SuperCentered");
-const usePM_1 = require("../../Hooks/usePM");
-const SpinnerDialogContent = ({ id }) => {
-    const { title, message } = (0, usePM_1.usePM)(id, host_1.spinnerDialogAdapter);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(DialogTitle_1.default, { children: title }), (0, jsx_runtime_1.jsxs)(DialogContent_1.default, { children: [(0, jsx_runtime_1.jsx)(SuperCentered_1.SuperCentered, { style: { padding: "8px" }, children: (0, jsx_runtime_1.jsx)(CircularProgress_1.default, { color: "secondary" }) }), (0, jsx_runtime_1.jsx)("div", { children: message })] })] }));
-};
-exports.SpinnerDialogContent = SpinnerDialogContent;
-//# sourceMappingURL=SpinnerDialogContent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SpinnerDialogContent.js","sourceRoot":"","sources":["../../../../../../src/Frameworks/React/Containers/Dialogs/SpinnerDialogContent.tsx"],"names":[],"mappings":";;;;;;;AAAA,sFAA8D;AAC9D,gFAAwD;AACxD,4EAAoD;AACpD,sCAAoE;AACpE,gFAA6E;AAC7E,6CAA0C;AAMnC,MAAM,oBAAoB,GAAG,CAAC,EACnC,EAAE,EACiB,EAAe,EAAE;IACpC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAA,aAAK,EAAkB,EAAE,EAAE,2BAAoB,CAAC,CAAC;IAE5E,OAAO,CACL,6DACE,uBAAC,qBAAW,cAAE,KAAK,GAAe,EAClC,wBAAC,uBAAa,eACZ,uBAAC,6BAAa,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YACtC,uBAAC,0BAAgB,IAAC,KAAK,EAAC,WAAW,GAAG,GACxB,EAChB,0CAAM,OAAO,GAAO,IACN,IACf,CACJ,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,oBAAoB,wBAgB/B","sourcesContent":["import CircularProgress from \"@mui/material/CircularProgress\";\r\nimport DialogContent from \"@mui/material/DialogContent\";\r\nimport DialogTitle from \"@mui/material/DialogTitle\";\r\nimport { spinnerDialogAdapter, SpinnerDialogVM } from \"@vived/host\";\r\nimport { SuperCentered } from \"../../Components/SuperCentered/SuperCentered\";\r\nimport { usePM } from \"../../Hooks/usePM\";\r\n\r\nexport interface SpinnerDialogProps {\r\n  id: string;\r\n}\r\n\r\nexport const SpinnerDialogContent = ({\r\n  id\r\n}: SpinnerDialogProps): JSX.Element => {\r\n  const { title, message } = usePM<SpinnerDialogVM>(id, spinnerDialogAdapter);\r\n\r\n  return (\r\n    <>\r\n      <DialogTitle>{title}</DialogTitle>\r\n      <DialogContent>\r\n        <SuperCentered style={{ padding: \"8px\" }}>\r\n          <CircularProgress color=\"secondary\" />\r\n        </SuperCentered>\r\n        <div>{message}</div>\r\n      </DialogContent>\r\n    </>\r\n  );\r\n};\r\n"]}

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

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UnknownDialogContent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
-const DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
-const DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
-const Button_1 = __importDefault(require("@mui/material/Button"));
-const UnknownDialogContent = ({ type }) => {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(DialogTitle_1.default, { children: (0, jsx_runtime_1.jsx)("b", { children: "Unknown Dialog" }) }), (0, jsx_runtime_1.jsx)(DialogContent_1.default, { style: { whiteSpace: "pre-line" }, children: `Unsupported Dialog of type ${type ?? "Undefined"} has been popped` }), (0, jsx_runtime_1.jsx)(DialogActions_1.default, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { children: "OK" }) })] }));
-};
-exports.UnknownDialogContent = UnknownDialogContent;
-//# sourceMappingURL=UnknownDialogContent.js.map

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

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

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

@@ -1,21 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,17 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,36 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,20 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,20 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,33 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,26 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,63 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"file":"NewAppAsset.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Containers/NewAppAsset.tsx"],"names":[],"mappings":"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","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

@@ -1,28 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,31 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,28 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,46 +0,0 @@
-"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