@robotical/webapp-types 0.6.58

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 "@robotical/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/RaftSignal/index.d.ts

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

package/dist-types/src/components/oneoffs/RaftSignal/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 RaftSignal(_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: "100%", 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,8 @@
+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;
+    static phoneAppLog(SHOW_LOGS: boolean, tag: string, message: string): void;
+}
+export default Logger;

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

@@ -0,0 +1,25 @@
+import { AppSentMessage } from "../../types/communication-between-apps/wrapper-communication";
+var SHOW_LOGS_GLOBAL = true;
+var Logger = /** @class */ (function () {
+    function Logger() {
+    }
+    Logger.info = function (SHOW_LOGS, tag, message) {
+        SHOW_LOGS_GLOBAL && 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_GLOBAL && 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_GLOBAL && 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_GLOBAL && SHOW_LOGS && console.warn('\x1b[33m%s\x1b[0m', "WARN: ".concat(tag), message); // Yellow color for warning logs
+    };
+    Logger.phoneAppLog = function (SHOW_LOGS, tag, message) {
+        SHOW_LOGS_GLOBAL && SHOW_LOGS && console.log('\x1b[32m%s\x1b[0m', "PHONE APP: ".concat(tag), message); // Green color for phone app logs
+        SHOW_LOGS_GLOBAL && window.wrapperCommunicator.sendMessageNoWait(AppSentMessage.LOG, { showLogs: SHOW_LOGS, tag: tag, message: message });
+    };
+    return Logger;
+}());
+window.Logger = Logger;
+export default Logger;

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

@@ -0,0 +1,16 @@
+import { ModalContentType, ModalEventTopics, ModalObservable, ModalObserver, ModalStateData } from "./ModalObserver";
+declare class DraggableModalState implements ModalObservable {
+    modalContent: ModalContentType | null;
+    modalTitle: string;
+    modalNewWindowLink: string | undefined;
+    private _observers;
+    private onClose?;
+    constructor();
+    setModal(modalContent: ModalContentType, modalTitle: string, newWindowLink?: string, onClose?: () => void): void;
+    closeModal(): void;
+    subscribe(observer: ModalObserver, topics: Array<ModalEventTopics>): void;
+    unsubscribe(observer: ModalObserver): void;
+    publish(eventTopic: ModalEventTopics, eventData?: ModalStateData): void;
+}
+declare const draggableModalState: DraggableModalState;
+export default draggableModalState;

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

@@ -0,0 +1,52 @@
+var DraggableModalState = /** @class */ (function () {
+    function DraggableModalState() {
+        this._observers = {};
+    }
+    DraggableModalState.prototype.setModal = function (modalContent, modalTitle, newWindowLink, onClose) {
+        this.modalContent = modalContent;
+        this.modalTitle = modalTitle;
+        this.modalNewWindowLink = newWindowLink;
+        this.publish("SetModal", { modalContent: modalContent, modalTitle: modalTitle, newWindowLink: newWindowLink });
+        this.onClose = onClose;
+    };
+    DraggableModalState.prototype.closeModal = function () {
+        var _a;
+        this.modalContent = null;
+        this.modalTitle = "";
+        this.modalNewWindowLink = undefined;
+        this.publish("CloseModal");
+        (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this);
+    };
+    DraggableModalState.prototype.subscribe = function (observer, topics) {
+        for (var _i = 0, topics_1 = topics; _i < topics_1.length; _i++) {
+            var topic = topics_1[_i];
+            if (!this._observers[topic]) {
+                this._observers[topic] = [];
+            }
+            if (this._observers[topic].indexOf(observer) === -1) {
+                this._observers[topic].push(observer);
+            }
+        }
+    };
+    DraggableModalState.prototype.unsubscribe = function (observer) {
+        for (var topic in this._observers) {
+            if (this._observers.hasOwnProperty(topic)) {
+                var index = this._observers[topic].indexOf(observer);
+                if (index !== -1) {
+                    this._observers[topic].splice(index, 1);
+                }
+            }
+        }
+    };
+    DraggableModalState.prototype.publish = function (eventTopic, eventData) {
+        if (this._observers.hasOwnProperty(eventTopic)) {
+            for (var _i = 0, _a = this._observers[eventTopic]; _i < _a.length; _i++) {
+                var observer = _a[_i];
+                observer.notify(eventTopic, eventData);
+            }
+        }
+    };
+    return DraggableModalState;
+}());
+var draggableModalState = new DraggableModalState();
+export default draggableModalState;

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

@@ -0,0 +1,18 @@
+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;
+    withLogo?: 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,25 @@
+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, withLogo?: boolean): 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;
+export declare const emojiFeedbackModalState: ModalState;

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

@@ -0,0 +1,71 @@
+var ModalState = /** @class */ (function () {
+    function ModalState() {
+        this._observers = {};
+        this._modalPromise = null;
+        this._modalResolve = function () { };
+        this._modalReject = function () { };
+    }
+    ModalState.prototype.setModal = function (modalContent, modalTitle, withLogo) {
+        var _this = this;
+        if (withLogo === void 0) { withLogo = true; }
+        this._modalPromise = new Promise(function (resolve, reject) {
+            _this._modalResolve = resolve;
+            _this._modalReject = reject;
+            _this.modalContent = modalContent;
+            _this.modalTitle = modalTitle;
+            _this.publish("SetModal", { modalContent: modalContent, modalTitle: modalTitle, withLogo: withLogo });
+        });
+        return this._modalPromise;
+    };
+    ModalState.prototype.closeModal = function (modalReturnValue, onCloseCb) {
+        this.modalContent = null;
+        this.modalTitle = "";
+        this.publish("CloseModal");
+        this._modalResolve(modalReturnValue);
+        this.clearPromise();
+        onCloseCb && onCloseCb();
+    };
+    ModalState.prototype.updateModalProps = function (updatedProps) {
+        this.modalTitle = updatedProps.modalTitle || this.modalTitle;
+        this.publish("UpdateModalProps", updatedProps);
+    };
+    ModalState.prototype.clearPromise = function () {
+        this._modalPromise = null;
+        this._modalResolve = function () { };
+        this._modalReject = function () { };
+    };
+    ModalState.prototype.subscribe = function (observer, topics) {
+        for (var _i = 0, topics_1 = topics; _i < topics_1.length; _i++) {
+            var topic = topics_1[_i];
+            if (!this._observers[topic]) {
+                this._observers[topic] = [];
+            }
+            if (this._observers[topic].indexOf(observer) === -1) {
+                this._observers[topic].push(observer);
+            }
+        }
+    };
+    ModalState.prototype.unsubscribe = function (observer) {
+        for (var topic in this._observers) {
+            if (this._observers.hasOwnProperty(topic)) {
+                var index = this._observers[topic].indexOf(observer);
+                if (index !== -1) {
+                    this._observers[topic].splice(index, 1);
+                }
+            }
+        }
+    };
+    ModalState.prototype.publish = function (eventTopic, eventData) {
+        if (this._observers.hasOwnProperty(eventTopic)) {
+            for (var _i = 0, _a = this._observers[eventTopic]; _i < _a.length; _i++) {
+                var observer = _a[_i];
+                observer.notify(eventTopic, eventData);
+            }
+        }
+    };
+    return ModalState;
+}());
+var modalState = new ModalState();
+export default modalState;
+export var secondaryModalState = new ModalState();
+export var emojiFeedbackModalState = new ModalState();

package/dist-types/src/store/SelectedRaftContext.d.ts

@@ -0,0 +1,19 @@
+import { RaftTypeE } from '../types/raft';
+export declare enum NewRobotIdE {
+    NEW = "=+__new__+="
+}
+export type ConnectedRaftItem = {
+    id: string;
+    name: string;
+    type: RaftTypeE;
+    isSelected: boolean;
+};
+export declare const ConnectedRaftContentProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useConnectedRafts: () => {
+    connectedRafts: ConnectedRaftItem[];
+    addConnectedRaft: (connectedRaft: ConnectedRaftItem) => void;
+    removeConnectedRaft: (connectedRaftId: string) => void;
+    setSelectedRaft: (connectedRaftId: string) => void;
+};

package/dist-types/src/store/SelectedRaftContext.js

@@ -0,0 +1,84 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from 'react';
+import { RaftTypeE } from '../types/raft';
+export var NewRobotIdE;
+(function (NewRobotIdE) {
+    NewRobotIdE["NEW"] = "=+__new__+=";
+})(NewRobotIdE || (NewRobotIdE = {}));
+var ConnectedRaftContext = createContext({
+    connectedRafts: [],
+    addConnectedRaft: function (connectedRaft) { },
+    removeConnectedRaft: function (connectedRaftId) { },
+    setSelectedRaft: function (connectedRaftId) { },
+});
+// Provider component
+export var ConnectedRaftContentProvider = function (_a) {
+    var children = _a.children;
+    var _b = useState([{ id: NewRobotIdE.NEW, isSelected: true, name: "Connect to new robot", type: RaftTypeE.undefined }]), connectedRafts = _b[0], setConnectedRafts = _b[1];
+    useEffect(function () {
+        if (window.applicationManager) {
+            window.applicationManager.connectedRaftContextMethods = {
+                addConnectedRaft: function (connectedRaft) {
+                    addConnectedRaft(connectedRaft);
+                },
+                removeConnectedRaft: function (connectedRaftId) {
+                    removeConnectedRaft(connectedRaftId);
+                },
+                setSelectedRaft: function (connectedRaftId) {
+                    setSelectedRaft(connectedRaftId);
+                },
+            };
+        }
+    }, []);
+    useEffect(function () {
+        window.applicationManager.connectedRaftsContext = connectedRafts;
+    }, [connectedRafts]);
+    var addConnectedRaft = function (connectedRaft) {
+        // if the new raft is already in the list, do not add it again, just select it
+        var existingRaft = connectedRafts.find(function (connectedRaft_) { return connectedRaft_.id === connectedRaft.id; });
+        if (existingRaft) {
+            setConnectedRafts(function (prev) { return prev.map(function (connectedRaft_) { return (__assign(__assign({}, connectedRaft_), { isSelected: connectedRaft_.id === connectedRaft.id })); }); });
+            return;
+        }
+        // if the newly added raft is selected, deselect the previously selected raft
+        if (connectedRaft.isSelected) {
+            setConnectedRafts(function (prev) { return prev.map(function (connectedRaft) { return (__assign(__assign({}, connectedRaft), { isSelected: false })); }); });
+        }
+        setConnectedRafts(function (prev) { return __spreadArray(__spreadArray([], prev, true), [connectedRaft], false); });
+    };
+    var removeConnectedRaft = function (connectedRaftId) {
+        // if the removed raft is selected, select the first raft in the list
+        var selectedRaft = connectedRafts.find(function (connectedRaft) { return connectedRaft.isSelected; });
+        if ((selectedRaft === null || selectedRaft === void 0 ? void 0 : selectedRaft.id) === connectedRaftId) {
+            setConnectedRafts(function (prev) { return prev.map(function (connectedRaft, index) { return (__assign(__assign({}, connectedRaft), { isSelected: index === 0 })); }); });
+        }
+        setConnectedRafts(function (prev) { return prev.filter(function (connectedRaft) { return connectedRaft.id !== connectedRaftId; }); });
+    };
+    var setSelectedRaft = function (connectedRaftId) {
+        // deselect the previously selected raft
+        setConnectedRafts(function (prev) { return prev.map(function (connectedRaft) { return (__assign(__assign({}, connectedRaft), { isSelected: false })); }); });
+        setConnectedRafts(function (prev) { return prev.map(function (connectedRaft) { return (__assign(__assign({}, connectedRaft), { isSelected: connectedRaft.id === connectedRaftId })); }); });
+    };
+    return (_jsx(ConnectedRaftContext.Provider, __assign({ value: { connectedRafts: connectedRafts, addConnectedRaft: addConnectedRaft, removeConnectedRaft: removeConnectedRaft, setSelectedRaft: setSelectedRaft } }, { children: children })));
+};
+export var useConnectedRafts = function () { return useContext(ConnectedRaftContext); };

package/dist-types/src/styles/colors.d.ts

@@ -0,0 +1,35 @@
+export declare const BLACK = "rgb(38,38,38)";
+export declare const BLACK_075 = "rgba(38, 38, 38, 0.75)";
+export declare const BLACK_05 = "rgba(38, 38, 38, 0.5)";
+export declare const BLACK_025 = "rgba(0,0,0, 0.25)";
+export declare const GREY = "rgba(81, 81, 81, 0.5)";
+export declare const GREY_2 = "#f5f5f5";
+export declare const GREY_3 = "rgb(143, 142, 148)";
+export declare const GREY_4 = "rgb(223, 223, 223)";
+export declare const HINT_GREY = "rgba(125,125,125, 0.5)";
+export declare const MAIN_BLUE = "rgb(55, 171, 200)";
+export declare const AQUA_BLUE_025 = "rgba(55, 171, 200, 0.25)";
+export declare const AQUA_BLUE_05 = "rgba(55, 171, 200, 0.5)";
+export declare const PALE_BLUE = "#94cddc";
+export declare const WHITE = "rgb(245,245,245)";
+export declare const TRUE_WHITE = "rgb(255, 255, 255)";
+export declare const PALE_WHITE = "rgba(245,245,245, 0.5)";
+export declare const GREEN = "rgb(0, 213, 146)";
+export declare const RED = "rgb(237, 82, 82)";
+export declare const SAND_YELLOW = "rgb(244, 218,97)";
+export declare const SAND_YELLOW_25 = "rgba(244, 218,97, 0.25)";
+export declare const SAND_YELLOW_50 = "rgba(244, 218, 97, 0.5)";
+export declare const BLUE_LED = "rgba(0, 0, 128, 0.5)";
+export declare const GREEN_LED = "rgba(0, 128, 0, 0.5)";
+export declare const PINK_LED = "rgba(128, 0, 128, 0.5)";
+export declare const DASHBUTTON_BLUE = "rgb(198,234,239)";
+export declare const DASHBORDER_BLUE = "rgb(175,221,233)";
+export declare const INDICATOR_GREEN = "rgb(11, 158, 46)";
+export declare const INDICATOR_ORANGE = "rgb(253, 180, 1)";
+export declare const INDICATOR_RED = "rgb(237, 82, 82)";
+export declare const INDICATOR_WHITE = "rgba(245,245,245, 0.5)";
+export declare const SCREENFREE_PURPLE = "rgb(118, 53, 151)";
+export declare const SCREENFREE_GREEN = "rgb(3, 125, 60)";
+export declare const SCREENFREE_YELLOW = "rgb(250, 217, 5)";
+export declare const SCREENFREE_RED = "rgb(91, 20, 19)";
+export declare const SCREENFREE_BLUE = "rgb(0, 170, 255)";

package/dist-types/src/styles/colors.js

@@ -0,0 +1,42 @@
+export var BLACK = 'rgb(38,38,38)';
+export var BLACK_075 = 'rgba(38, 38, 38, 0.75)';
+export var BLACK_05 = 'rgba(38, 38, 38, 0.5)';
+export var BLACK_025 = 'rgba(0,0,0, 0.25)';
+export var GREY = 'rgba(81, 81, 81, 0.5)';
+export var GREY_2 = '#f5f5f5';
+export var GREY_3 = 'rgb(143, 142, 148)';
+export var GREY_4 = 'rgb(223, 223, 223)';
+export var HINT_GREY = 'rgba(125,125,125, 0.5)';
+export var MAIN_BLUE = 'rgb(55, 171, 200)';
+export var AQUA_BLUE_025 = 'rgba(55, 171, 200, 0.25)';
+export var AQUA_BLUE_05 = 'rgba(55, 171, 200, 0.5)';
+export var PALE_BLUE = '#94cddc';
+export var WHITE = 'rgb(245,245,245)';
+export var TRUE_WHITE = 'rgb(255, 255, 255)';
+export var PALE_WHITE = 'rgba(245,245,245, 0.5)';
+export var GREEN = 'rgb(0, 213, 146)';
+export var RED = 'rgb(237, 82, 82)';
+export var SAND_YELLOW = 'rgb(244, 218,97)';
+export var SAND_YELLOW_25 = 'rgba(244, 218,97, 0.25)';
+export var SAND_YELLOW_50 = 'rgba(244, 218, 97, 0.5)';
+export var BLUE_LED = 'rgba(0, 0, 128, 0.5)';
+export var GREEN_LED = 'rgba(0, 128, 0, 0.5)';
+export var PINK_LED = 'rgba(128, 0, 128, 0.5)';
+export var DASHBUTTON_BLUE = 'rgb(198,234,239)';
+export var DASHBORDER_BLUE = 'rgb(175,221,233)';
+export var INDICATOR_GREEN = 'rgb(11, 158, 46)';
+export var INDICATOR_ORANGE = 'rgb(253, 180, 1)';
+export var INDICATOR_RED = 'rgb(237, 82, 82)';
+export var INDICATOR_WHITE = 'rgba(245,245,245, 0.5)';
+//Changed the lightness value in HSL colour picker to get new lighter RGB values
+export var SCREENFREE_PURPLE = 'rgb(118, 53, 151)';
+export var SCREENFREE_GREEN = 'rgb(3, 125, 60)';
+export var SCREENFREE_YELLOW = 'rgb(250, 217, 5)';
+export var SCREENFREE_RED = 'rgb(91, 20, 19)';
+export var SCREENFREE_BLUE = 'rgb(0, 170, 255)';
+//Original RB values for the screenfree cards
+// export const SCREENFREE_PURPLE = 'rgb(47, 21, 60)';
+// export const SCREENFREE_GREEN  = 'rgb( 1, 55, 26)';
+// export const SCREENFREE_YELLOW = 'rgb(97, 85,  2)';
+// export const SCREENFREE_RED    = 'rgb(91, 20, 19)';
+// export const SCREENFREE_BLUE   = 'rgb( 0, 57, 85)';

package/dist-types/src/types/communication-between-apps/wrapper-communication.d.ts

@@ -0,0 +1,48 @@
+export interface IAppSentMessage {
+    message: AppSentMessage;
+    data?: any;
+    messagePromiseId: string;
+}
+export interface IWrapperSentMessage {
+    message: WrapperSentMessage;
+    data?: any;
+    messagePromiseId: string;
+}
+export declare enum AppSentMessage {
+    RAFT_IS_CONNECTED = "RAFT_IS_CONNECTED",
+    RAFT_CONNECT = "RAFT_CONNECT",
+    RAFT_GET_NAME = "RAFT_GET_NAME",
+    RAFT_VERIFY = "RAFT_VERIFY",
+    RAFT_VERIFY_PHONE = "RAFT_VERIFY_PHONE",
+    RAFT_STOP_VERIFY = "RAFT_STOP_VERIFY",
+    RAFT_DISCONNECT = "RAFT_DISCONNECT",
+    RAFT_START_DISCOVERY = "RAFT_START_DISCOVERY",
+    RAFT_STOP_DISCOVERY = "RAFT_STOP_DISCOVERY",
+    RAFT_SELECT = "RAFT_SELECT",
+    RAFT_SEND_REST = "RAFT_SEND_REST",
+    GET_MISSED_CONN_EVENT = "GET_MISSED_CONN_EVENT",
+    RAFT_STREAM_AUDIO = "RAFT_STREAM_AUDIO",
+    SAVE_FILE_ON_DEVICE = "SAVE_FILE_ON_DEVICE",
+    SAVE_FILE_ON_DEVICE_LOCAL_STORAGE = "SAVE_FILE_ON_DEVICE_LOCAL_STORAGE",
+    LOAD_FILE_FROM_DEVICE_LOCAL_STORAGE = "LOAD_FILE_FROM_DEVICE_LOCAL_STORAGE",
+    DELETE_FILE_FROM_DEVICE_LOCAL_STORAGE = "DELETE_FILE_FROM_DEVICE_LOCAL_STORAGE",
+    LIST_FILES_FROM_DEVICE_LOCAL_STORAGE = "LIST_FILES_FROM_DEVICE_LOCAL_STORAGE",
+    LOG = "LOG",
+    INJECT_JS = "INJECT_JS"
+}
+export declare enum WrapperSentMessage {
+    RAFT_PUBLISHED_EVENT = "RAFT_PUBLISHED_EVENT",
+    RAFT_CONNECTED_RESULTS = "RAFT_CONNECTED_RESULTS"
+}
+export interface WRAPPER_RESPONSE_BASE {
+    success: boolean;
+    error?: string;
+    results?: any;
+    messagePromiseId: string;
+}
+export interface WEB_APP_MESSAGE_BASE {
+    success: boolean;
+    error?: string;
+    results?: any;
+    messagePromiseId: string;
+}

package/dist-types/src/types/communication-between-apps/wrapper-communication.js

@@ -0,0 +1,28 @@
+export var AppSentMessage;
+(function (AppSentMessage) {
+    AppSentMessage["RAFT_IS_CONNECTED"] = "RAFT_IS_CONNECTED";
+    AppSentMessage["RAFT_CONNECT"] = "RAFT_CONNECT";
+    AppSentMessage["RAFT_GET_NAME"] = "RAFT_GET_NAME";
+    AppSentMessage["RAFT_VERIFY"] = "RAFT_VERIFY";
+    AppSentMessage["RAFT_VERIFY_PHONE"] = "RAFT_VERIFY_PHONE";
+    AppSentMessage["RAFT_STOP_VERIFY"] = "RAFT_STOP_VERIFY";
+    AppSentMessage["RAFT_DISCONNECT"] = "RAFT_DISCONNECT";
+    AppSentMessage["RAFT_START_DISCOVERY"] = "RAFT_START_DISCOVERY";
+    AppSentMessage["RAFT_STOP_DISCOVERY"] = "RAFT_STOP_DISCOVERY";
+    AppSentMessage["RAFT_SELECT"] = "RAFT_SELECT";
+    AppSentMessage["RAFT_SEND_REST"] = "RAFT_SEND_REST";
+    AppSentMessage["GET_MISSED_CONN_EVENT"] = "GET_MISSED_CONN_EVENT";
+    AppSentMessage["RAFT_STREAM_AUDIO"] = "RAFT_STREAM_AUDIO";
+    AppSentMessage["SAVE_FILE_ON_DEVICE"] = "SAVE_FILE_ON_DEVICE";
+    AppSentMessage["SAVE_FILE_ON_DEVICE_LOCAL_STORAGE"] = "SAVE_FILE_ON_DEVICE_LOCAL_STORAGE";
+    AppSentMessage["LOAD_FILE_FROM_DEVICE_LOCAL_STORAGE"] = "LOAD_FILE_FROM_DEVICE_LOCAL_STORAGE";
+    AppSentMessage["DELETE_FILE_FROM_DEVICE_LOCAL_STORAGE"] = "DELETE_FILE_FROM_DEVICE_LOCAL_STORAGE";
+    AppSentMessage["LIST_FILES_FROM_DEVICE_LOCAL_STORAGE"] = "LIST_FILES_FROM_DEVICE_LOCAL_STORAGE";
+    AppSentMessage["LOG"] = "LOG";
+    AppSentMessage["INJECT_JS"] = "INJECT_JS";
+})(AppSentMessage || (AppSentMessage = {}));
+export var WrapperSentMessage;
+(function (WrapperSentMessage) {
+    WrapperSentMessage["RAFT_PUBLISHED_EVENT"] = "RAFT_PUBLISHED_EVENT";
+    WrapperSentMessage["RAFT_CONNECTED_RESULTS"] = "RAFT_CONNECTED_RESULTS";
+})(WrapperSentMessage || (WrapperSentMessage = {}));

package/dist-types/src/types/events/raft-info.d.ts

@@ -0,0 +1,10 @@
+export declare enum RaftInfoEvents {
+    RAFT_NAME = "RAFT_NAME",
+    SYSTEM_INFO = "SYSTEM_INFO",
+    STATE_INFO = "STATE_INFO",
+    RAFT_VERSION = "RAFT_VERSION",
+    RAFT_SERIAL_NO = "RAFT_SERIAL_NO",
+    RAFT_MSG = "RAFT_MSG",
+    IS_REGISTERED_TO_WARRANTY = "IS_REGISTERED_TO_WARRANTY",
+    RAFT_IS_VERIFIED = "RAFT_IS_VERIFIED"
+}

package/dist-types/src/types/events/raft-info.js

@@ -0,0 +1,11 @@
+export var RaftInfoEvents;
+(function (RaftInfoEvents) {
+    RaftInfoEvents["RAFT_NAME"] = "RAFT_NAME";
+    RaftInfoEvents["SYSTEM_INFO"] = "SYSTEM_INFO";
+    RaftInfoEvents["STATE_INFO"] = "STATE_INFO";
+    RaftInfoEvents["RAFT_VERSION"] = "RAFT_VERSION";
+    RaftInfoEvents["RAFT_SERIAL_NO"] = "RAFT_SERIAL_NO";
+    RaftInfoEvents["RAFT_MSG"] = "RAFT_MSG";
+    RaftInfoEvents["IS_REGISTERED_TO_WARRANTY"] = "IS_REGISTERED_TO_WARRANTY";
+    RaftInfoEvents["RAFT_IS_VERIFIED"] = "RAFT_IS_VERIFIED";
+})(RaftInfoEvents || (RaftInfoEvents = {}));

package/dist-types/src/types/phone-app-communicator.d.ts

@@ -0,0 +1,20 @@
+export declare enum EventsE {
+    FOUND_RAFT_ON_DISCOVERY = "found-raft-on-discovery",
+    DISCOVERY_ENDED = "discovery-ended"
+}
+export type PHONE_APP_RESPONSE_BASE = {
+    success: boolean;
+    error?: string;
+    eventName?: EventsE;
+};
+export type START_DISCOVERY_RESPONSE = PHONE_APP_RESPONSE_BASE & {
+    didStartDiscovery: boolean;
+};
+export type FOUND_RAFT_ON_DISCOVERY_RESPONSE = PHONE_APP_RESPONSE_BASE & {
+    foundRIC: {
+        _id: string;
+        _localName: string;
+        _name: string;
+        _rssi: number;
+    };
+};

package/dist-types/src/types/phone-app-communicator.js

@@ -0,0 +1,5 @@
+export var EventsE;
+(function (EventsE) {
+    EventsE["FOUND_RAFT_ON_DISCOVERY"] = "found-raft-on-discovery";
+    EventsE["DISCOVERY_ENDED"] = "discovery-ended";
+})(EventsE || (EventsE = {}));