@robotical/webapp-types 1.0.0

package/dist-types/src/components/modals/DisconnectConfirmation/index.js

@@ -0,0 +1,63 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import modalState from "../../../state-observables/modal/ModalState";
+import { useConnectedRafts } from "../../../store/SelectedRaftContext";
+import { RED } from "../../../styles/colors";
+import SimpleButton from "../../disposables/buttons/SimpleButton";
+import { Container } from "./styles";
+export default function DisconnectConfirmationModal(_a) {
+    var _this = this;
+    var connectedRaft = _a.connectedRaft;
+    var removeConnectedRaft = useConnectedRafts().removeConnectedRaft;
+    var disconnectHandler = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!connectedRaft)
+                        return [2 /*return*/];
+                    return [4 /*yield*/, window.applicationManager.disconnectFromRaft(connectedRaft.id)];
+                case 1:
+                    _a.sent();
+                    removeConnectedRaft(connectedRaft.id);
+                    modalState.closeModal();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsxs(Container, { children: [_jsx(SimpleButton, { onClick: function () { return modalState.closeModal(); }, title: "Cancel" }), _jsx(SimpleButton, { onClick: disconnectHandler, title: "Disconnect", colour: RED })] }));
+}

package/dist-types/src/components/modals/DisconnectConfirmation/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist-types/src/components/modals/DisconnectConfirmation/styles.js

@@ -0,0 +1,7 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from "styled-components";
+export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: grid;\n    grid-auto-flow: column;\n    column-gap: 2rem;\n"], ["\n    display: grid;\n    grid-auto-flow: column;\n    column-gap: 2rem;\n"])));
+var templateObject_1;

package/dist-types/src/components/modals/InUnplugged/index.d.ts

@@ -0,0 +1 @@
+export default function InUnpluggedModalContent(): import("react/jsx-runtime").JSX.Element;

package/dist-types/src/components/modals/InUnplugged/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CenteredView, StyledView, ModalText, ModalTitle, StyledImage, } from "./styles";
+import imageAbutton from "../../../assets/marty-a-button.png";
+import modalState from "../../../state-observables/modal/ModalState";
+import SimpleButton from "../../disposables/buttons/SimpleButton";
+export default function InUnpluggedModalContent() {
+    // disconnecting from marty as soon as
+    // the modal comes up because some users might
+    // try pressing A when the modal is still up.
+    // window.marty.disconnect();
+    return (_jsxs(StyledView, { children: [_jsx(ModalTitle, { children: "Couldn't connect to your Marty!" }), _jsx(ModalText, { children: "Your Marty is currently in unplugged mode. If you want to dissconect Marty from unplugged mode, please press the \"MODE\"/\"A\" button on the back of Marty and try again!" }), _jsx(StyledImage, { src: imageAbutton }), _jsx(CenteredView, { children: _jsx(SimpleButton, { title: "Got it!", onClick: function () { return modalState.closeModal(); } }) })] }));
+}

package/dist-types/src/components/modals/InUnplugged/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledView: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ModalText: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const ModalTitle: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const CenteredView: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledImage: import("styled-components").StyledComponent<"img", any, {}, never>;

package/dist-types/src/components/modals/InUnplugged/styles.js

@@ -0,0 +1,11 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from "styled-components";
+export var StyledView = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-template-areas: \"modal-title modal-title\" \"modal-info marty-img\" \"button button\";\n  grid-template-columns: 1fr 1fr;\n  background-color: white;\n  border-radius: 2rem;\n  align-items: center;\n  max-width: 90vw;\n  max-height: 90vh;\n  row-gap: 1rem;\n"], ["\n  display: grid;\n  grid-template-areas: \"modal-title modal-title\" \"modal-info marty-img\" \"button button\";\n  grid-template-columns: 1fr 1fr;\n  background-color: white;\n  border-radius: 2rem;\n  align-items: center;\n  max-width: 90vw;\n  max-height: 90vh;\n  row-gap: 1rem;\n"])));
+export var ModalText = styled.p(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  grid-area: modal-info;\n  font-family: \"Lato Regular\";\n  text-align: center;\n"], ["\n  grid-area: modal-info;\n  font-family: \"Lato Regular\";\n  text-align: center;\n"])));
+export var ModalTitle = styled.p(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  grid-area: modal-title;\n  font-size: 2.2rem;\n  font-family: \"Lato Regular\";\n  text-align: center;\n"], ["\n  grid-area: modal-title;\n  font-size: 2.2rem;\n  font-family: \"Lato Regular\";\n  text-align: center;\n"])));
+export var CenteredView = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  grid-area: button;\n  flex-direction: row;\n"], ["\n  grid-area: button;\n  flex-direction: row;\n"])));
+export var StyledImage = styled.img(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  grid-area: marty-img;\n  max-height: 40vh;\n  max-width: 40vw;\n  justify-self: center;\n"], ["\n  grid-area: marty-img;\n  max-height: 40vh;\n  max-width: 40vw;\n  justify-self: center;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist-types/src/components/modals/VerificationModal/index.d.ts

@@ -0,0 +1,6 @@
+import "./styles.css";
+import RAFT from "../../../application/RAFTs/RAFT";
+declare function VerificationModal({ connectedRAFT_ }: {
+    connectedRAFT_: RAFT;
+}): import("react/jsx-runtime").JSX.Element;
+export default VerificationModal;

package/dist-types/src/components/modals/VerificationModal/index.js

@@ -0,0 +1,124 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import "./styles.css";
+import { ReactComponent as BluetoothSVG } from "../../../assets/configuration/bluetooth.svg";
+import { MAIN_BLUE } from "../../../styles/colors";
+import modalState from "../../../state-observables/modal/ModalState";
+import RICSignal from "../../oneoffs/RICSignal";
+import SimpleButton from "../../disposables/buttons/SimpleButton";
+import LEDs from "../../oneoffs/LEDs";
+import { raftConnectingSubscriptionHelper } from "../../../application/RAFTs/raft-subscription-helpers";
+import { useConnectedRafts } from "../../../store/SelectedRaftContext";
+var SHOW_LOGS = true;
+var TAG = "VerificationModal";
+function VerificationModal(_a) {
+    var _this = this;
+    var connectedRAFT_ = _a.connectedRAFT_;
+    var _b = useState([]), randomColours = _b[0], setRandomColours = _b[1];
+    var _c = useState(connectedRAFT_), connectedRaft = _c[0], setConnectedRaft = _c[1];
+    var _d = useState(-200), RSSI = _d[0], setRSSI = _d[1];
+    var removeConnectedRaft = useConnectedRafts().removeConnectedRaft;
+    useEffect(function () {
+        /* Subscribe to the connectedRaft's SIGNAL strength */
+        if (!connectedRaft)
+            return;
+        var signalUpdateTimout = setInterval(function () {
+            setRSSI(connectedRaft.getRSSI());
+        }, 200);
+        return function () { return clearInterval(signalUpdateTimout); };
+    }, [connectedRaft]);
+    var onCancel = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    // close modal, stop verification process, disconnect, scan again
+                    modalState.closeModal();
+                    if (!connectedRaft)
+                        return [2 /*return*/];
+                    removeConnectedRaft(connectedRaft.id);
+                    return [4 /*yield*/, window.applicationManager.stopVerifyingRaft(connectedRaft.id, false)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, connectedRaft.disconnect()];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var onYes = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    modalState.closeModal();
+                    return [4 /*yield*/, (connectedRaft === null || connectedRaft === void 0 ? void 0 : connectedRaft.stopVerifyingRaft(true))];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        /* Subscribe to the connectedRaft's Connection state */
+        if (!connectedRaft)
+            return;
+        raftConnectingSubscriptionHelper(connectedRaft).subscribe(setRandomColours);
+        return function () {
+            raftConnectingSubscriptionHelper(connectedRaft).unsubscribe();
+        };
+    }, [connectedRaft]);
+    useEffect(function () {
+        /* Verify the connectedRaft once it's connected */
+        connectedRaft === null || connectedRaft === void 0 ? void 0 : connectedRaft.verifyRaft();
+    }, [connectedRaft]);
+    var contentJSX = _jsxs("div", __assign({ className: "verification-modal-container" }, { children: [_jsxs("div", __assign({ className: "verification-modal-martys-container" }, { children: [_jsxs("div", __assign({ className: "verification-modal-marty-name-row-container" }, { children: [_jsx("p", __assign({ className: "verification-modal-marty-name" }, { children: connectedRaft === null || connectedRaft === void 0 ? void 0 : connectedRaft.getFriendlyName() })), _jsx("div", __assign({ className: "verification-modal-marty-signal-container" }, { children: _jsx(RICSignal, { signalStrength: RSSI }) })), _jsx(BluetoothSVG, { fill: MAIN_BLUE })] })), _jsxs("p", __assign({ className: "verification-modal-martys-back-hint" }, { children: ["Look on ", connectedRaft === null || connectedRaft === void 0 ? void 0 : connectedRaft.type, "'s back, is it displaying these lights?"] })), _jsxs("div", __assign({ className: "verification-modal-led-row-container" }, { children: [_jsx(LEDs, { coloursArr: randomColours, connectedRaft: connectedRaft }), _jsx(SimpleButton, { onClick: onCancel, title: "No", borderColour: "red", colour: "white", textColour: "red" }), _jsx(SimpleButton, { onClick: onYes, title: "YES" })] }))] })), _jsxs("div", __assign({ className: "verification-modal-bottom-btns-container" }, { children: [_jsx("div", { className: "dummy-gap" }), _jsx(SimpleButton, { onClick: onCancel, title: "CANCEL" })] }))] }));
+    return contentJSX;
+}
+export default VerificationModal;

package/dist-types/src/components/modals/VerificationModalPhoneApp/index.d.ts

@@ -0,0 +1,6 @@
+import "./styles.css";
+import { FOUND_RAFT_ON_DISCOVERY_RESPONSE } from "../../../types/phone-app-communicator";
+declare function VerificationModalPhoneApp({ foundRICs }: {
+    foundRICs: FOUND_RAFT_ON_DISCOVERY_RESPONSE["foundRIC"][];
+}): import("react/jsx-runtime").JSX.Element;
+export default VerificationModalPhoneApp;

package/dist-types/src/components/modals/VerificationModalPhoneApp/index.js

@@ -0,0 +1,190 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useEffect, useState } from "react";
+import "./styles.css";
+import { ReactComponent as BluetoothSVG } from "../../../assets/configuration/bluetooth.svg";
+import { ReactComponent as RefreshSVG } from "../../../assets/refresh.svg";
+import { MAIN_BLUE, WHITE } from "../../../styles/colors";
+import modalState from "../../../state-observables/modal/ModalState";
+import RICSignal from "../../oneoffs/RICSignal";
+import SimpleButton from "../../disposables/buttons/SimpleButton";
+import LEDs from "../../oneoffs/LEDs";
+import SVGImageButton from "../../disposables/buttons/SVGImageButton";
+import { raftConnectingSubscriptionHelper, raftDiscoveryFinishedSubscriptionHelper, raftDiscoveryStartedSubscriptionHelper } from "../../../application/RAFTs/raft-subscription-helpers";
+import isPhoneApp from "../../../utils/phone-app-communication/is-phone-app";
+import LoadingSpinner from "../../disposables/LoadingSpinner";
+import { RaftConnectionMethod } from "../../../types/raft";
+import { useConnectedRafts } from "../../../store/SelectedRaftContext";
+var SHOW_LOGS = true;
+var TAG = "VerificationModalPhone";
+function VerificationModalPhoneApp(_a) {
+    var _this = this;
+    var foundRICs = _a.foundRICs;
+    var _b = useState([]), randomColours = _b[0], setRandomColours = _b[1];
+    var _c = useState(-1), selectedRICIdx = _c[0], setSelectedRICIdx = _c[1];
+    var _d = useState(false), isLoading = _d[0], setIsLoading = _d[1];
+    var _e = useState(isPhoneApp()), isScanning = _e[0], setIsScanning = _e[1];
+    var _f = useState(), connectedRaft = _f[0], setConnectedRaft = _f[1];
+    var removeConnectedRaft = useConnectedRafts().removeConnectedRaft;
+    useEffect(function () {
+        raftDiscoveryFinishedSubscriptionHelper().subscribe(function () { return setIsScanning(false); });
+        raftDiscoveryStartedSubscriptionHelper().subscribe(function () { return setIsScanning(true); });
+        return function () {
+            raftDiscoveryFinishedSubscriptionHelper().unsubscribe();
+            raftDiscoveryStartedSubscriptionHelper().unsubscribe();
+        };
+    }, []);
+    var onCancel = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!connectedRaft) return [3 /*break*/, 3];
+                    return [4 /*yield*/, window.applicationManager.stopVerifyingRaft(connectedRaft.id, false)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, window.applicationManager.disconnectFromRaft(connectedRaft.id)];
+                case 2:
+                    _a.sent();
+                    removeConnectedRaft(connectedRaft.id);
+                    _a.label = 3;
+                case 3:
+                    modalState.closeModal();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var onScanAgain = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!connectedRaft) return [3 /*break*/, 3];
+                    return [4 /*yield*/, window.applicationManager.stopVerifyingRaft(connectedRaft.id, false)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, window.applicationManager.disconnectFromRaft(connectedRaft.id)];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3:
+                    setSelectedRICIdx(-1);
+                    setConnectedRaft(undefined);
+                    if (!window.applicationManager.ricSelectedCb) return [3 /*break*/, 5];
+                    return [4 /*yield*/, window.applicationManager.startDiscovery(window.applicationManager.ricSelectedCb)];
+                case 4:
+                    _a.sent();
+                    _a.label = 5;
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    var onYes = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    modalState.closeModal();
+                    return [4 /*yield*/, (connectedRaft === null || connectedRaft === void 0 ? void 0 : connectedRaft.stopVerifyingRaft(true))];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        if (!connectedRaft)
+            return;
+        raftConnectingSubscriptionHelper(connectedRaft).subscribe(setRandomColours);
+        connectedRaft === null || connectedRaft === void 0 ? void 0 : connectedRaft.verifyRaftPhoneApp(foundRICs[selectedRICIdx]);
+        return function () {
+            raftConnectingSubscriptionHelper(connectedRaft).unsubscribe();
+        };
+    }, [connectedRaft]);
+    var onselectRaft = function (raftIdx) { return __awaiter(_this, void 0, void 0, function () {
+        var foundRaft, newRaft;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsLoading(true);
+                    if (!connectedRaft) return [3 /*break*/, 3];
+                    return [4 /*yield*/, window.applicationManager.stopVerifyingRaft(connectedRaft.id, false)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, window.applicationManager.disconnectFromRaft(connectedRaft.id)];
+                case 2:
+                    _a.sent();
+                    removeConnectedRaft(connectedRaft.id);
+                    _a.label = 3;
+                case 3:
+                    setSelectedRICIdx(raftIdx);
+                    if (!foundRICs) return [3 /*break*/, 5];
+                    foundRaft = foundRICs[raftIdx];
+                    return [4 /*yield*/, window.applicationManager.selectRaft(foundRaft, RaftConnectionMethod.PHONE_BLE)];
+                case 4:
+                    newRaft = _a.sent();
+                    if (!newRaft)
+                        return [2 /*return*/];
+                    setConnectedRaft(newRaft);
+                    _a.label = 5;
+                case 5:
+                    setIsLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var contentJSX = null;
+    if (foundRICs.length === 0) {
+        contentJSX = _jsxs("div", __assign({ className: "verification-modal-container" }, { children: [!isScanning && _jsx("p", __assign({ style: { alignSelf: 'center' } }, { children: "No Martys Found" })), _jsx("div", __assign({ className: "verification-modal-martys-container" }, { children: isScanning && _jsxs("div", __assign({ style: { margin: "auto", width: "50px", height: "50px" } }, { children: [" ", _jsx(LoadingSpinner, {}), " "] })) })), _jsxs("div", __assign({ className: "verification-modal-bottom-btns-container" }, { children: [_jsx(SVGImageButton, { onClick: onScanAgain, title: "SCAN AGAIN", SVGImage: RefreshSVG, backgroundColour: MAIN_BLUE, titleColour: WHITE, SVGColour: WHITE }), _jsx("div", { className: "dummy-gap" }), _jsx(SimpleButton, { onClick: onCancel, title: "CANCEL" })] }))] }));
+    }
+    else {
+        contentJSX = _jsxs("div", __assign({ className: "verification-modal-container" }, { children: [_jsxs("div", __assign({ className: "verification-modal-martys-container" }, { children: [isScanning && _jsxs("div", __assign({ style: { margin: "auto", width: "50px", height: "50px" } }, { children: [" ", _jsx(LoadingSpinner, {}), " "] })), foundRICs.map(function (raftObj, raftIdx) {
+                            return _jsxs(Fragment, { children: [_jsxs("div", __assign({ className: "verification-modal-marty-name-row-container", onClick: function () { return onselectRaft(raftIdx); } }, { children: [_jsx("p", __assign({ className: "verification-modal-marty-name" }, { children: raftObj._localName })), _jsx("div", __assign({ className: "verification-modal-marty-signal-container" }, { children: _jsx(RICSignal, { signalStrength: raftObj._rssi }) })), _jsx(BluetoothSVG, { fill: MAIN_BLUE })] })), selectedRICIdx === raftIdx && _jsxs("div", { children: [_jsx("p", __assign({ className: "verification-modal-martys-back-hint" }, { children: isLoading ? "Loading..." : "Look on ".concat(connectedRaft === null || connectedRaft === void 0 ? void 0 : connectedRaft.type, "'s back, is it displaying these lights?") })), _jsxs("div", __assign({ className: "verification-modal-led-row-container" }, { children: [_jsx(LEDs, { coloursArr: randomColours, connectedRaft: connectedRaft }), !isLoading && _jsx(SimpleButton, { onClick: onCancel, title: "No", borderColour: "red", colour: "white", textColour: "red" }), !isLoading && _jsx(SimpleButton, { onClick: onYes, title: "YES" })] }))] })] }, raftIdx);
+                        })] })), _jsxs("div", __assign({ className: "verification-modal-bottom-btns-container" }, { children: [_jsx(SVGImageButton, { onClick: onScanAgain, title: "SCAN AGAIN", SVGImage: RefreshSVG, backgroundColour: MAIN_BLUE, titleColour: WHITE, SVGColour: WHITE, disabled: isScanning }), _jsx("div", { className: "dummy-gap" }), _jsx(SimpleButton, { onClick: onCancel, title: "CANCEL" })] }))] }));
+    }
+    return contentJSX;
+}
+export default VerificationModalPhoneApp;

package/dist-types/src/components/oneoffs/LEDs/index.d.ts

@@ -0,0 +1,8 @@
+import "./styles.css";
+import RAFT from "../../../application/RAFTs/RAFT";
+type LEDsProps = {
+    coloursArr: string[];
+    connectedRaft: RAFT | undefined;
+};
+export default function LEDs({ coloursArr, connectedRaft }: LEDsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist-types/src/components/oneoffs/LEDs/index.js

@@ -0,0 +1,39 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RaftUtils } from "@robdobsn/raftjs";
+import "./styles.css";
+import { RaftTypeE } from "../../../types/raft";
+export default function LEDs(_a) {
+    var coloursArr = _a.coloursArr, connectedRaft = _a.connectedRaft;
+    var LEDContentJSX = null;
+    if ((connectedRaft === null || connectedRaft === void 0 ? void 0 : connectedRaft.type) === RaftTypeE.MARTY) {
+        LEDContentJSX = _jsxs("div", __assign({ className: "leds-colours-container" }, { children: [_jsx("div", { className: "leds-colour-1", style: { backgroundColor: coloursArr[0] } }), _jsx("div", { className: "leds-colour-2", style: { backgroundColor: coloursArr[1] } }), _jsx("div", { className: "leds-colour-3", style: { backgroundColor: coloursArr[2] } })] }));
+    }
+    else if ((connectedRaft === null || connectedRaft === void 0 ? void 0 : connectedRaft.type) === RaftTypeE.COG) {
+        LEDContentJSX = _jsx("div", { className: "leds-colours-container-phone", dangerouslySetInnerHTML: { __html: (coloursArr && connectedRaft) ? cogSvg(coloursArr, connectedRaft) : "Please wait..." } });
+    }
+    return LEDContentJSX;
+}
+var cogSvg = function (lights, connectedRaft) {
+    // pushing the index by 5 for all of them, to align the lights with the correct orientation of p3
+    // pushing the index by 5 for all of them, to align the lights with the correct orientation of p3
+    var correctedIdxFactorForOlderP3 = 5;
+    var correctedIdxFactorForNewerP3 = 12;
+    var LEDAndAccelerometerVersionCutOff = "1.2.0";
+    var correctedIdxFactor = correctedIdxFactorForOlderP3;
+    if (RaftUtils.isVersionGreater(connectedRaft.getRaftVersion(), LEDAndAccelerometerVersionCutOff)) {
+        correctedIdxFactor = correctedIdxFactorForNewerP3;
+    }
+    var lightsReIndexed = lights.map(function (light, index) { return lights[(index + (correctedIdxFactor)) % 12]; });
+    return "\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Layer_2\" data-name=\"Layer 2\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 76 66\">\n  <defs>\n    <style>\n      .cls-cog-svg-1 {\n        fill: #040406;\n      }\n\n      .cls-cog-svg-1, .cls-cog-svg-2, .cls-cog-svg-3, .cls-cog-svg-4, .cls-cog-svg-5, .cls-cog-svg-6 {\n        stroke-width: 0px;\n      }\n\n      .cls-cog-svg-2 {\n\n      }\n\n      .cls-cog-svg-3 {\n        fill: #ab55a1;\n      }\n\n      .cls-cog-svg-4 {\n        fill: #fff;\n      }\n\n      .cls-cog-svg-5 {\n        fill: #969692;\n      }\n\n      .cls-cog-svg-6 {\n        fill: #fcee21;\n      }\n    </style>\n  </defs>\n  <path class=\"cls-cog-svg-3\" d=\"M22.1,42.18l15.9,9.18,15.9-9.18v-18.36l-15.9-9.18-15.9,9.18v18.36ZM38,49.56l-14.34-8.28v-16.56l14.34-8.28,14.34,8.28v16.56l-14.34,8.28ZM25.66,40.13l12.34,7.12,12.34-7.12v-14.25l-12.34-7.13-12.34,7.13v14.25Z\"/>\n  <polygon class=\"cls-cog-svg-3\" points=\"55.9 22.67 55.9 43.34 38 53.67 20.1 43.34 20.1 22.67 38 12.33 55.9 22.67\"/>\n  <g>\n    <polygon class=\"cls-cog-svg-4\" points=\"53.12 41.73 53.12 24.27 38 15.54 22.88 24.27 22.88 41.73 38 50.46 53.12 41.73\"/>\n    <polygon class=\"cls-cog-svg-4\" points=\"54.62 23.41 54.62 42.6 38 52.2 21.38 42.6 21.38 23.41 38 13.81 54.62 23.41\"/>\n  </g>\n  <g>\n    <g>\n      <circle id=\"circle--1\" class=\"cls-cog-svg-2\" cx=\"38.1\" cy=\"33.1\" r=\"4.27\"/>\n      <path class=\"cls-cog-svg-5\" d=\"M34.72,36.47c-1.86-1.86-1.86-4.89,0-6.75s4.89-1.86,6.75,0,1.86,4.89,0,6.75-4.89,1.86-6.75,0ZM40.77,30.43c-1.47-1.47-3.86-1.47-5.34,0s-1.47,3.86,0,5.33,3.86,1.47,5.33,0,1.47-3.86,0-5.33Z\"/>\n    </g>\n    <g>\n      <circle id=\"circle--2\" class=\"cls-cog-svg-2\" cx=\"47.83\" cy=\"27.44\" r=\"2.48\" fill=\"".concat(lightsReIndexed[2], "\"/>\n      <path class=\"cls-cog-svg-1\" d=\"M45.98,29.28c-1.02-1.02-1.02-2.67,0-3.69s2.67-1.02,3.69,0,1.02,2.67,0,3.69-2.67,1.02-3.69,0ZM49.49,25.77c-.92-.92-2.41-.92-3.33,0s-.92,2.41,0,3.33,2.41.92,3.33,0,.92-2.41,0-3.33Z\"/>\n    </g>\n    <g>\n      <circle id=\"circle--3\" class=\"cls-cog-svg-2\" cx=\"28.37\" cy=\"38.75\" r=\"2.48\" fill=\"").concat(lightsReIndexed[8], "\"/>\n      <path class=\"cls-cog-svg-1\" d=\"M26.53,40.6c-1.02-1.02-1.02-2.67,0-3.69s2.67-1.02,3.69,0,1.02,2.67,0,3.69-2.67,1.02-3.69,0ZM30.04,37.09c-.92-.92-2.41-.92-3.33,0s-.92,2.41,0,3.33,2.41.92,3.33,0,.92-2.41,0-3.33Z\"/>\n    </g>\n    <g>\n      <circle id=\"circle--4\" class=\"cls-cog-svg-2\" cx=\"32.44\" cy=\"23.37\" r=\"2.48\" fill=\"").concat(lightsReIndexed[11], "\"/>\n      <path class=\"cls-cog-svg-1\" d=\"M30.6,25.21c-1.02-1.02-1.02-2.67,0-3.69s2.67-1.02,3.69,0,1.02,2.67,0,3.69-2.67,1.02-3.69,0ZM34.11,21.7c-.92-.92-2.41-.92-3.33,0s-.92,2.41,0,3.33,2.41.92,3.33,0,.92-2.41,0-3.33Z\"/>\n    </g>\n    <g>\n      <circle id=\"circle--5\" class=\"cls-cog-svg-2\" cx=\"43.75\" cy=\"42.82\" r=\"2.48\" fill=\"").concat(lightsReIndexed[5], "\"/>\n      <path class=\"cls-cog-svg-1\" d=\"M41.91,44.67c-1.02-1.02-1.02-2.67,0-3.69s2.67-1.02,3.69,0,1.02,2.67,0,3.69-2.67,1.02-3.69,0ZM45.42,41.16c-.92-.92-2.41-.92-3.33,0s-.92,2.41,0,3.33,2.41.92,3.33,0,.92-2.41,0-3.33Z\"/>\n    </g>\n    <g>\n      <circle id=\"circle--6\" class=\"cls-cog-svg-2\" cx=\"28.46\" cy=\"27.46\" r=\"2.48\" fill=\"").concat(lightsReIndexed[10], "\"/>\n      <path class=\"cls-cog-svg-1\" d=\"M26.62,29.3c-1.02-1.02-1.02-2.67,0-3.69s2.67-1.02,3.69,0,1.02,2.67,0,3.69-2.67,1.02-3.69,0ZM30.13,25.79c-.92-.92-2.41-.92-3.33,0s-.92,2.41,0,3.33,2.41.92,3.33,0,.92-2.41,0-3.33Z\"/>\n    </g>\n    <g>\n      <circle id=\"circle--7\" class=\"cls-cog-svg-2\" cx=\"26.99\" cy=\"33.14\" r=\"2.48\" fill=\"").concat(lightsReIndexed[9], "\"/>\n      <path class=\"cls-cog-svg-1\" d=\"M25.15,34.98c-1.02-1.02-1.02-2.67,0-3.69s2.67-1.02,3.69,0,1.02,2.67,0,3.69-2.67,1.02-3.69,0ZM28.66,31.47c-.92-.92-2.41-.92-3.33,0s-.92,2.41,0,3.33,2.41.92,3.33,0,.92-2.41,0-3.33Z\"/>\n    </g>\n    <g>\n      <circle id=\"circle--8\" class=\"cls-cog-svg-2\" cx=\"37.89\" cy=\"21.81\" r=\"2.48\" fill=\"").concat(lightsReIndexed[0], "\"/>\n      <path class=\"cls-cog-svg-1\" d=\"M36.05,23.66c-1.02-1.02-1.02-2.67,0-3.69s2.67-1.02,3.69,0,1.02,2.67,0,3.69-2.67,1.02-3.69,0ZM39.56,20.15c-.92-.92-2.41-.92-3.33,0s-.92,2.41,0,3.33,2.41.92,3.33,0,.92-2.41,0-3.33Z\"/>\n    </g>\n    <g>\n      <circle id=\"circle--13\" class=\"cls-cog-svg-2\" cx=\"43.85\" cy=\"23.34\" r=\"2.48\" fill=\"").concat(lightsReIndexed[1], "\"/>\n      <path class=\"cls-cog-svg-1\" d=\"M42,25.18c-1.02-1.02-1.02-2.67,0-3.69s2.67-1.02,3.69,0,1.02,2.67,0,3.69-2.67,1.02-3.69,0ZM45.51,21.67c-.92-.92-2.41-.92-3.33,0s-.92,2.41,0,3.33,2.41.92,3.33,0,.92-2.41,0-3.33Z\"/>\n    </g>\n    <g>\n      <circle id=\"circle--9\" class=\"cls-cog-svg-2\" cx=\"47.77\" cy=\"38.8\" r=\"2.48\" fill=\"").concat(lightsReIndexed[4], "\"/>\n      <path class=\"cls-cog-svg-1\" d=\"M45.93,40.64c-1.02-1.02-1.02-2.67,0-3.69s2.67-1.02,3.69,0,1.02,2.67,0,3.69-2.67,1.02-3.69,0ZM49.44,37.13c-.92-.92-2.41-.92-3.33,0s-.92,2.41,0,3.33,2.41.92,3.33,0,.92-2.41,0-3.33Z\"/>\n    </g>\n    <g>\n      <circle id=\"circle--10\" class=\"cls-cog-svg-2\" cx=\"49.23\" cy=\"33.21\" r=\"2.48\" fill=\"").concat(lightsReIndexed[3], "\"/>\n      <path class=\"cls-cog-svg-1\" d=\"M47.39,35.05c-1.02-1.02-1.02-2.67,0-3.69s2.67-1.02,3.69,0,1.02,2.67,0,3.69-2.67,1.02-3.69,0ZM50.9,31.54c-.92-.92-2.41-.92-3.33,0s-.92,2.41,0,3.33,2.41.92,3.33,0,.92-2.41,0-3.33Z\"/>\n    </g>\n    <g>\n      <circle id=\"circle--11\" class=\"cls-cog-svg-2\" cx=\"32.51\" cy=\"42.93\" r=\"2.48\" fill=\"").concat(lightsReIndexed[7], "\"/>\n      <path class=\"cls-cog-svg-1\" d=\"M30.66,44.77c-1.02-1.02-1.02-2.67,0-3.69s2.67-1.02,3.69,0,1.02,2.67,0,3.69-2.67,1.02-3.69,0ZM34.17,41.26c-.92-.92-2.41-.92-3.33,0s-.92,2.41,0,3.33,2.41.92,3.33,0,.92-2.41,0-3.33Z\"/>\n    </g>\n    <g>\n      <circle id=\"circle--12\" class=\"cls-cog-svg-2\" cx=\"38.27\" cy=\"44.32\" r=\"2.48\" fill=\"").concat(lightsReIndexed[6], "\"/>\n      <path class=\"cls-cog-svg-1\" d=\"M36.43,46.17c-1.02-1.02-1.02-2.67,0-3.69s2.67-1.02,3.69,0,1.02,2.67,0,3.69-2.67,1.02-3.69,0ZM39.93,42.66c-.92-.92-2.41-.92-3.33,0s-.92,2.41,0,3.33,2.41.92,3.33,0,.92-2.41,0-3.33Z\"/>\n    </g>\n  </g>\n  <polygon class=\"cls-cog-svg-6\" points=\"29.44 18.75 46.56 18.75 38 13.81 29.44 18.75\"/>\n  <path class=\"cls-cog-svg-3\" d=\"M47.53,19h-19.07c-.14,0-.25-.11-.25-.25s.11-.25.25-.25h19.07c.14,0,.25.11.25.25s-.11.25-.25.25Z\"/>\n</svg>\n");
+};

package/dist-types/src/components/oneoffs/RICSignal/index.d.ts

@@ -0,0 +1,7 @@
+import RAFT from "../../../application/RAFTs/RAFT";
+type RICSignlaProps = {
+    signalStrength: number;
+    connectedRaft?: RAFT;
+};
+export default function RICSignal({ signalStrength, connectedRaft }: RICSignlaProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-types/src/components/oneoffs/RICSignal/index.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { ReactComponent as EmptySignalSVG } from "../../../assets/connect-button/empty-signal.svg";
+import rescale from "../../../utils/helpers/rescale-range";
+import { SCREENFREE_GREEN, SCREENFREE_YELLOW } from "../../../styles/colors";
+import isVersionGreater from "../../../utils/helpers/compare-version";
+import { FW_VERSION_RSSI_WIFI } from "../../../utils/helpers/wifi-configuration-subtitle-gen";
+export default function RICSignal(_a) {
+    var signalStrength = _a.signalStrength, connectedRaft = _a.connectedRaft;
+    var signalRef = useRef(null);
+    useEffect(function () {
+        if (signalRef.current) {
+            var signalRaw = (-50 / signalStrength) * 100;
+            var signalScaled = rescale(signalRaw, 50, 100, 0, 100);
+            var signalBars = signalScaled / 20;
+            var colour = signalBars <= 3 ? SCREENFREE_YELLOW : SCREENFREE_GREEN;
+            var svgStartPath = 9;
+            for (var i = 0; i < 5; i++) {
+                if (i < signalBars) {
+                    signalRef.current.children[svgStartPath - i].setAttribute("fill", colour);
+                }
+                else {
+                    signalRef.current.children[svgStartPath - i].setAttribute("fill", "white");
+                }
+            }
+        }
+    }, [signalStrength]);
+    return _jsx(EmptySignalSVG, { ref: signalRef, width: "80%", opacity: !isVersionGreater((connectedRaft === null || connectedRaft === void 0 ? void 0 : connectedRaft.getRaftVersion()) || "100.0.0", FW_VERSION_RSSI_WIFI) ? 0.5 : 1 });
+}

package/dist-types/src/services/logger/Logger.d.ts

@@ -0,0 +1,7 @@
+declare class Logger {
+    static info(SHOW_LOGS: boolean, tag: string, message: string): void;
+    static error(SHOW_LOGS: boolean, tag: string, message: string): void;
+    static debug(SHOW_LOGS: boolean, tag: string, message: string): void;
+    static warn(SHOW_LOGS: boolean, tag: string, message: string): void;
+}
+export default Logger;

package/dist-types/src/services/logger/Logger.js

@@ -0,0 +1,19 @@
+var Logger = /** @class */ (function () {
+    function Logger() {
+    }
+    Logger.info = function (SHOW_LOGS, tag, message) {
+        SHOW_LOGS && console.log('\x1b[34m%s\x1b[0m', "INFO: ".concat(tag), message); // Blue color for info logs
+    };
+    Logger.error = function (SHOW_LOGS, tag, message) {
+        SHOW_LOGS && console.error('\x1b[31m%s\x1b[0m', "ERROR: ".concat(tag), message); // Red color for error logs
+    };
+    Logger.debug = function (SHOW_LOGS, tag, message) {
+        SHOW_LOGS && console.debug('\x1b[35m%s\x1b[0m', "DEBUG: ".concat(tag), message); // Magenta color for debug logs
+    };
+    Logger.warn = function (SHOW_LOGS, tag, message) {
+        SHOW_LOGS && console.warn('\x1b[33m%s\x1b[0m', "WARN: ".concat(tag), message); // Yellow color for warning logs
+    };
+    return Logger;
+}());
+window.Logger = Logger;
+export default Logger;

package/dist-types/src/state-observables/modal/ModalObserver.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+export type ModalContentType = ReactNode;
+export type ModalEventTopics = "SetModal" | "CloseModal" | "UpdateModalProps";
+export type ModalStateData = {
+    modalContent?: ModalContentType;
+    modalTitle?: string;
+    newWindowLink?: string;
+    withCloseButton?: boolean;
+};
+export interface ModalObservable {
+    subscribe(observer: ModalObserver, topics: Array<ModalEventTopics>): void;
+    unsubscribe(observer: ModalObserver): void;
+    publish(eventTopic: ModalEventTopics, eventData?: ModalStateData): void;
+}
+export interface ModalObserver {
+    notify(eventTopic: ModalEventTopics, eventData?: ModalStateData): void;
+}

package/dist-types/src/state-observables/modal/ModalObserver.js

@@ -0,0 +1 @@
+export {};

package/dist-types/src/state-observables/modal/ModalState.d.ts

@@ -0,0 +1,24 @@
+import { ModalContentType, ModalEventTopics, ModalObservable, ModalObserver, ModalStateData } from "./ModalObserver";
+type ModalReturnValue = any;
+declare class ModalState implements ModalObservable {
+    modalContent: ModalContentType | null;
+    modalTitle: string;
+    private _observers;
+    private _modalPromise;
+    private _modalResolve;
+    private _modalReject;
+    constructor();
+    setModal(modalContent: ModalContentType, modalTitle: string): Promise<ModalReturnValue>;
+    closeModal(modalReturnValue?: ModalReturnValue, onCloseCb?: () => void): void;
+    updateModalProps(updatedProps: {
+        modalTitle?: string;
+        withCloseButton?: boolean;
+    }): void;
+    clearPromise(): void;
+    subscribe(observer: ModalObserver, topics: Array<ModalEventTopics>): void;
+    unsubscribe(observer: ModalObserver): void;
+    publish(eventTopic: ModalEventTopics, eventData?: ModalStateData): void;
+}
+declare const modalState: ModalState;
+export default modalState;
+export declare const secondaryModalState: ModalState;