@raydiant/playlist-window-manager 0.24.1 → 0.25.1-canary.0

package/build/PresentationWindow.js

@@ -10,35 +10,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 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); }
+        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
@@ -48,7 +24,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     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 {
+        while (_) 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]) {
@@ -69,37 +45,28 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var RE = __importStar(require("@raydiant/playlist-rule-engine"));
 var fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
-var uuid_1 = require("uuid");
 var embeddedApps_1 = __importDefault(require("./embeddedApps"));
 var PlaylistWindowManager_1 = __importDefault(require("./PlaylistWindowManager"));
 var WindowTimeoutError_1 = __importDefault(require("./WindowTimeoutError"));
 var WindowLoadError_1 = __importDefault(require("./WindowLoadError"));
 // TODO: Automatically inject latest version when building in CI.
-var defaultAppRendererUrl = 'https://apps.raydiant.com/3.0.7/index.html';
+var defaultAppRendererUrl = 'https://apps.raydiant.com/1.4.7/index.html';
 var isValidNumber = function (value) {
     return typeof value === 'number' && !isNaN(value);
 };
-var isValidAnalyticsEvent = function (value) {
-    return value &&
-        typeof value === 'object' &&
-        typeof value.type === 'string' &&
-        typeof value.source === 'string' &&
-        (typeof value.productCategory === 'string' ||
-            value.productCategory === undefined ||
-            value.productCategory === null);
-};
-var isValidChargeRequest = function (value) {
-    return value &&
-        typeof value === 'object' &&
-        typeof value.requestId === 'string' &&
-        typeof value.amount === 'number';
-};
 var PresentationWindow = /** @class */ (function () {
     function PresentationWindow(options) {
         var _this = this;
@@ -110,6 +77,7 @@ var PresentationWindow = /** @class */ (function () {
         this.completeCallback = null;
         this.errorCallback = null;
         this.readyTimeout = null;
+        // private completeThrottleTimeout: ReturnType<typeof setTimeout> | null = null;
         this.windowManagers = {};
         this.focusedWindowManager = null;
         this.didEmbeddedAppLoad = false;
@@ -119,222 +87,44 @@ var PresentationWindow = /** @class */ (function () {
         this.isChildWindowLocked = {};
         this.enableInterruptLockCallback = null;
         this.disableInterruptLockCallback = null;
-        this.analyticsEventCallback = null;
-        this.chargeRequestCallback = null;
         this.forceMute = false;
         this.error = null;
-        this.workerState = {};
-        this.workerSubscriptions = new Set();
-        this.runtimeSubscriptions = new Set();
-        this.previewSubscriptions = new Set();
-        this.previewState = { inputs: {} };
-        this.paymentSubscriptions = new Set();
-        this.createObjectURLResolvers = {};
-        this.createObjectURLTimeouts = {};
-        this.handleEmbeddedMessage = function (type, payload) { return __awaiter(_this, void 0, void 0, function () {
-            var windowId, workerState;
-            return __generator(this, function (_a) {
-                windowId = this.options.windowId;
-                switch (type) {
-                    case 'ready': {
-                        this.logInfo("Received 'ready' from window '".concat(windowId, "'"));
-                        this.handleReady();
-                        break;
-                    }
-                    case 'complete': {
-                        if (payload === undefined) {
-                            this.logInfo("Received 'complete' from window '".concat(windowId, "'"));
-                            this.handleComplete();
-                        }
-                        else {
-                            this.logInfo("Received 'complete' with error from window '".concat(windowId, ", error=").concat(payload, "'"));
-                            this.handleError(payload);
-                        }
-                        break;
-                    }
-                    case 'runtime-subscribe': {
-                        if (typeof payload === 'string') {
-                            this.logInfo("Received 'runtime-subscribe' from window '".concat(windowId, "'"));
-                            // The payload is the event name (ex. 'play').
-                            this.runtimeSubscriptions.add(payload);
-                            // Immediately send play if the app if already playing.
-                            if (this.isPlaying()) {
-                                this.sendMessageString('play');
-                            }
-                        }
-                        else {
-                            this.logWarning("Invalid payload for runtime-subscribe message: ".concat(payload));
-                        }
-                        break;
-                    }
-                    case 'runtime-unsubscribe': {
-                        if (typeof payload === 'string') {
-                            this.logInfo("Received 'runtime-unsubscribe' from window '".concat(windowId, "'"));
-                            // The payload is the event name (ex. 'play').
-                            this.runtimeSubscriptions.delete(payload);
-                        }
-                        else {
-                            this.logWarning("Invalid payload for runtime-subscribe message: ".concat(payload));
-                        }
-                        break;
-                    }
-                    case 'worker-subscribe': {
-                        if (typeof payload === 'string') {
-                            this.logInfo("Received 'worker-subscribe' from window '".concat(windowId, "'"));
-                            // The payload is the worker name.
-                            this.workerSubscriptions.add(payload);
-                            workerState = this.workerState[payload];
-                            if (workerState !== undefined) {
-                                this.sendMessageString('worker-state', {
-                                    name: payload,
-                                    state: workerState,
-                                });
-                            }
-                        }
-                        else {
-                            this.logWarning("Invalid payload for worker-subscribe message: ".concat(payload));
-                        }
-                        break;
-                    }
-                    case 'worker-unsubscribe': {
-                        if (typeof payload === 'string') {
-                            this.logInfo("Received 'worker-unsubscribe' from window '".concat(windowId, "'"));
-                            // The payload is the worker name.
-                            this.workerSubscriptions.delete(payload);
-                        }
-                        else {
-                            this.logWarning("Invalid payload for worker-unsubscribe message: ".concat(payload));
-                        }
-                        break;
-                    }
-                    case 'analytics-event': {
-                        if (isValidAnalyticsEvent(payload)) {
-                            if (this.analyticsEventCallback) {
-                                this.analyticsEventCallback(payload);
-                            }
-                        }
-                        else {
-                            this.logWarning("Invalid payload for analytics-event message: ".concat(payload));
-                        }
-                        break;
-                    }
-                    case 'create-object-url-result': {
-                        if (isValidCreateObjectURLResultPayload(payload)) {
-                            // Resolve promise with the local blob URL.
-                            if (this.createObjectURLResolvers[payload.requestId]) {
-                                this.createObjectURLResolvers[payload.requestId](payload.url);
-                                delete this.createObjectURLResolvers[payload.requestId];
-                            }
-                            // Clear the timeout for the request.
-                            if (this.createObjectURLTimeouts[payload.requestId]) {
-                                clearTimeout(this.createObjectURLTimeouts[payload.requestId]);
-                                delete this.createObjectURLTimeouts[payload.requestId];
-                            }
-                        }
-                        else {
-                            this.logWarning("Invalid payload for create-object-url-result message: ".concat(payload));
-                        }
-                        break;
-                    }
-                    case 'preview-subscribe': {
-                        if (typeof payload === 'string') {
-                            this.logInfo("Received 'preview-subscribe' from window '".concat(windowId, "'"));
-                            // The payload is the event name (ex. 'inputs').
-                            this.previewSubscriptions.add(payload);
-                        }
-                        else {
-                            this.logWarning("Invalid payload for preview-subscribe message: ".concat(payload));
-                        }
-                        break;
-                    }
-                    case 'preview-unsubscribe': {
-                        if (typeof payload === 'string') {
-                            this.logInfo("Received 'preview-unsubscribe' from window '".concat(windowId, "'"));
-                            // The payload is the event name (ex. 'inputs').
-                            this.previewSubscriptions.delete(payload);
-                        }
-                        else {
-                            this.logWarning("Invalid payload for preview-subscribe message: ".concat(payload));
-                        }
-                        break;
-                    }
-                    case 'payments-charge-request': {
-                        if (isValidChargeRequest(payload)) {
-                            if (this.chargeRequestCallback) {
-                                this.chargeRequestCallback(payload);
-                            }
-                        }
-                        else {
-                            this.logWarning("Invalid payload for payments-charge-request message: ".concat(payload));
-                        }
-                        break;
-                    }
-                    case 'payments-subscribe': {
-                        if (typeof payload === 'string') {
-                            this.logInfo("Received 'worker-subscribe' from window '".concat(windowId, "'"));
-                            // The payload is the payment subscription type (ex. 'charge', 'terminal')
-                            this.paymentSubscriptions.add(payload);
-                            // Immediately send terminal when subscribing.
-                            if (payload === 'terminal' && this.options.getTerminal) {
-                                this.sendMessageObject('payments-terminal-event', {
-                                    terminal: this.options.getTerminal(),
-                                });
-                            }
-                        }
-                        else {
-                            this.logWarning("Invalid payload for payments-subscribe message: ".concat(payload));
-                        }
-                        break;
-                    }
-                    case 'payments-unsubscribe': {
-                        if (typeof payload === 'string') {
-                            this.logInfo("Received 'payments-unsubscribe' from window '".concat(windowId, "'"));
-                            this.paymentSubscriptions.delete(payload);
-                        }
-                        else {
-                            this.logWarning("Invalid payload for payments-unsubscribe message: ".concat(payload));
-                        }
-                        break;
-                    }
-                    default: {
-                        this.logWarning("Received unknown embedded message type: ".concat(type));
-                    }
-                }
-                return [2 /*return*/];
-            });
-        }); };
-        this.handleLegacyMessage = function (type, payload) { return __awaiter(_this, void 0, void 0, function () {
+        this.handleMessage = function (type, payload) { return __awaiter(_this, void 0, void 0, function () {
             var _a, windowId, onPresentationProperties;
             return __generator(this, function (_b) {
                 _a = this.options, windowId = _a.windowId, onPresentationProperties = _a.onPresentationProperties;
                 if (type === 'loaded') {
-                    this.logInfo("Received 'loaded' from window '".concat(windowId, "'"));
+                    this.logInfo("Received 'loaded' from window '" + windowId + "'");
                     this.sendRenderMessage();
                 }
                 if (type === 'presentation_ready') {
-                    this.logInfo("Received 'presentation_ready' from window '".concat(windowId, "'"));
-                    this.handleReady();
+                    this.logInfo("Received 'presentation_ready' from window '" + windowId + "'");
+                    this.didReceiveReady = true;
+                    this.checkIsReadyCallback();
                 }
                 if (type === 'presentation_complete') {
-                    this.logInfo("Received 'presentation_complete' from window '".concat(windowId, "'"));
-                    this.handleComplete();
+                    this.logInfo("Received 'presentation_complete' from window '" + windowId + "'");
+                    this.didReceiveComplete = true;
+                    if (this.completeCallback) {
+                        this.completeCallback();
+                    }
                 }
                 if (type === 'enable_interrupt_lock') {
-                    this.logInfo("Received 'enable_interrupt_lock' from window '".concat(windowId, "'"));
+                    this.logInfo("Received 'enable_interrupt_lock' from window '" + windowId + "'");
                     this.enableInteruptLock();
                 }
                 if (type === 'disable_interrupt_lock') {
-                    this.logInfo("Received 'disable_interrupt_lock' from window '".concat(windowId, "'"));
+                    this.logInfo("Received 'disable_interrupt_lock' from window '" + windowId + "'");
                     this.disableInteruptLock();
                 }
                 if (type === 'open_child_window') {
-                    this.logInfo("Received 'open_child_window' from window '".concat(windowId, "', windowId=").concat(payload.windowId, " playlistId=").concat(payload.playlistId, " isMuted=").concat(payload.isMuted, " x=").concat(payload.x, " y=").concat(payload.y, " width=").concat(payload.width, " height=").concat(payload.height));
+                    this.logInfo("Received 'open_child_window' from window '" + windowId + "', windowId=" + payload.windowId + " playlistId=" + payload.playlistId + " isMuted=" + payload.isMuted + " x=" + payload.x + " y=" + payload.y + " width=" + payload.width + " height=" + payload.height);
                     if (this.isValidOpenChildWindowPayload(payload)) {
                         this.openChildWindow(payload.windowId, payload.playlistId, {
                             x: Math.round(payload.x),
                             y: Math.round(payload.y),
                             width: Math.round(payload.width),
-                            height: Math.round(payload.height),
+                            height: Math.round(payload.height)
                         }, payload.isMuted, payload.isFocused, payload.theme);
                     }
                     else {
@@ -343,20 +133,20 @@ var PresentationWindow = /** @class */ (function () {
                 }
                 if (type === 'close_child_window') {
                     // TODO: Validate close_child_window message payload.
-                    this.logInfo("Received 'close_child_window', windowId=".concat(payload.windowId));
+                    this.logInfo("Received 'close_child_window', windowId=" + payload.windowId);
                     this.closeChildWindow(payload.windowId);
                 }
                 if (type === 'log_error') {
-                    this.handleError("Received error from window '".concat(windowId, "', error=").concat(JSON.stringify(payload)));
+                    this.handleError("Received error from window '" + windowId + "', error=" + JSON.stringify(payload));
                 }
                 if (type === 'log_info') {
-                    this.logInfo("Received info log from window '".concat(windowId, "', message=").concat(JSON.stringify(payload)));
+                    this.logInfo("Received info log from window '" + windowId + "', message=" + JSON.stringify(payload));
                 }
                 if (type === 'log_debug') {
-                    this.logDebug("Received info debug from window '".concat(windowId, "', message=").concat(JSON.stringify(payload)));
+                    this.logDebug("Received info debug from window '" + windowId + "', message=" + JSON.stringify(payload));
                 }
                 if (type === 'presentation_properties') {
-                    this.logInfo("Received 'presentation_properties' from window '".concat(windowId, "'"));
+                    this.logInfo("Received 'presentation_properties' from window '" + windowId + "'");
                     if (onPresentationProperties) {
                         onPresentationProperties(payload.properties, payload.strings);
                     }
@@ -378,13 +168,12 @@ var PresentationWindow = /** @class */ (function () {
         this.ruleEngineState = options.ruleEngineState;
         this.theme = options.theme;
         this.forceMute = options.forceMute || false;
-        this.workerState = options.workerState;
     }
     PresentationWindow.prototype.load = function () {
         if (this.isEmbeddedApp()) {
             return this.loadEmbeddedApp();
         }
-        return this.loadLegacyApp();
+        return this.loadRaydiantApp();
     };
     PresentationWindow.prototype.show = function (isFocused) {
         var _this = this;
@@ -415,7 +204,7 @@ var PresentationWindow = /** @class */ (function () {
                 wm.show(false);
             }
         });
-        this.logInfo("Show window '".concat(windowId, "' isMuted=").concat(isMuted, " isFocused=").concat(isFocused).concat(isChildWindowFocused ? " isChildWindowFocused=true" : ''));
+        this.logInfo("Show window '" + windowId + "' isMuted=" + isMuted + " isFocused=" + isFocused + (isChildWindowFocused ? " isChildWindowFocused=true" : ''));
     };
     PresentationWindow.prototype.hide = function () {
         var _a = this.options, windowId = _a.windowId, renderer = _a.renderer;
@@ -436,8 +225,6 @@ var PresentationWindow = /** @class */ (function () {
                         this.errorCallback = null;
                         this.enableInterruptLockCallback = null;
                         this.disableInterruptLockCallback = null;
-                        // Clean up subscriptions
-                        this.workerSubscriptions.clear();
                         // Clear timers
                         if (this.readyTimeout) {
                             clearTimeout(this.readyTimeout);
@@ -457,11 +244,11 @@ var PresentationWindow = /** @class */ (function () {
                         return [4 /*yield*/, renderer.removeWindow(windowId)];
                     case 2:
                         _b.sent();
-                        this.logInfo("Removed window '".concat(windowId, "'"));
+                        this.logInfo("Removed window '" + windowId + "'");
                         return [3 /*break*/, 4];
                     case 3:
                         err_1 = _b.sent();
-                        this.logError("Failed to remove window '".concat(windowId, "' with '").concat(err_1.message, "'"));
+                        this.logError("Failed to remove window '" + windowId + "' with '" + err_1.message + "'");
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
                 }
@@ -489,20 +276,16 @@ var PresentationWindow = /** @class */ (function () {
             }, durationMs);
         }
         if (!this.isEmbeddedApp()) {
-            this.sendMessageString('play');
+            this.sendMessage('play');
             // Play any child window managers.
             Object.values(this.windowManagers).forEach(function (wm) {
-                // We only want to trigger play on child windows the first play of the main window or if
+                // We only want trigger play on child windows the first play of the main window or if
                 // the child window is paused.
                 if (!wm.isPlaying() || wm.isPaused()) {
                     wm.play();
                 }
             });
         }
-        else if (this.runtimeSubscriptions.has('play')) {
-            // If the embedded app has subscribed to the play event, send it a play event.
-            this.sendMessageString('play');
-        }
         this.lastPlayedAt = new Date();
     };
     PresentationWindow.prototype.pause = function () {
@@ -528,16 +311,7 @@ var PresentationWindow = /** @class */ (function () {
     PresentationWindow.prototype.onDisableInterruptLock = function (callback) {
         this.disableInterruptLockCallback = callback;
     };
-    PresentationWindow.prototype.onAnalyticsEvent = function (callback) {
-        this.analyticsEventCallback = callback;
-    };
-    PresentationWindow.prototype.onChargeRequest = function (callback) {
-        this.chargeRequestCallback = callback;
-    };
     PresentationWindow.prototype.isReady = function () {
-        // TODO: To support the 'ready' event in embedded apps, they will need to tell the
-        // runtime that it should wait for ready instead of DOMLoaded. This could be a "wait
-        // for ready"  option in the Developer Portal.
         if (this.isEmbeddedApp()) {
             return this.didEmbeddedAppLoad;
         }
@@ -576,92 +350,36 @@ var PresentationWindow = /** @class */ (function () {
     };
     PresentationWindow.prototype.reload = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, applicationVersion, windowId, updatedInputs, url;
+            var _a, applicationVersion, windowId, url;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
                         _a = this.options, applicationVersion = _a.applicationVersion, windowId = _a.windowId;
-                        if (!this.isEmbeddedApp()) return [3 /*break*/, 4];
-                        if (!applicationVersion.embeddedUrlFormat) return [3 /*break*/, 3];
-                        if (!this.previewSubscriptions.has('inputs')) return [3 /*break*/, 1];
-                        this.logInfo("Reload window '".concat(windowId, "' for embedded app preview state"));
-                        updatedInputs = transformInputValues(this.presentation.applicationVariables);
-                        if (!(0, fast_deep_equal_1.default)(updatedInputs, this.previewState.inputs)) {
-                            this.sendMessageObject('preview-inputs', updatedInputs);
-                        }
-                        this.previewState.inputs = updatedInputs;
-                        return [3 /*break*/, 3];
-                    case 1:
-                        url = this.getEmbeddedAppUrl();
-                        this.logInfo("Reload window '".concat(windowId, "' for embedded app url '").concat(url, "'"));
+                        if (!this.isEmbeddedApp()) return [3 /*break*/, 3];
+                        if (!applicationVersion.embeddedUrlFormat) return [3 /*break*/, 2];
+                        url = embeddedApps_1.default(this.presentation, applicationVersion);
+                        this.logInfo("Reload window '" + windowId + "' for embedded app url '" + url + "'");
                         return [4 /*yield*/, this.loadWindow(url)];
-                    case 2:
+                    case 1:
                         _b.sent();
-                        _b.label = 3;
-                    case 3: return [3 /*break*/, 5];
-                    case 4:
-                        this.logInfo("Reload window '".concat(windowId, "'"));
+                        _b.label = 2;
+                    case 2: return [3 /*break*/, 4];
+                    case 3:
+                        this.logInfo("Reload window '" + windowId + "'");
                         this.sendRenderMessage();
-                        _b.label = 5;
-                    case 5: return [2 /*return*/];
+                        _b.label = 4;
+                    case 4: return [2 /*return*/];
                 }
             });
         });
     };
     PresentationWindow.prototype.runGetProperties = function (builderState) {
-        // Do no support conditional properties for embedded apps. We will likely
-        // change the way conditional properties work.
-        if (!this.isEmbeddedApp()) {
-            this.sendMessageString('run_get_properties', builderState);
-        }
-    };
-    PresentationWindow.prototype.createObjectURL = function (blob) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                if (this.isEmbeddedApp()) {
-                    return [2 /*return*/, this.createObjectURLForEmbeddedApp(blob)];
-                }
-                return [2 /*return*/, URL.createObjectURL(blob)];
-            });
-        });
-    };
-    PresentationWindow.prototype.sendChargeResponse = function (response) {
-        // TODO: Instead of sending the charge to all windows, we should only send it to the app
-        // that requested the charge. We probably don't want to use the windowId to avoid missing
-        // the events in case the window was closed/restarted. Since we are only sending the charge
-        // id and status this seems ok for now but need to be mindful of sending any sensitive data.
-        this.sendMessageObject('payments-charge-response', {
-            requestId: response.requestId,
-            charge: response.charge,
-            error: response.error,
-        });
-        // Forward the event to the child window managers.
-        Object.values(this.windowManagers).forEach(function (wm) {
-            return wm.sendChargeResponse(response);
-        });
-    };
-    PresentationWindow.prototype.sendCharge = function (charge) {
-        // TODO: Instead of sending the charge to all windows, we should only send it to the app
-        // that requested the charge.
-        if (this.paymentSubscriptions.has('charge')) {
-            this.sendMessageObject('payments-charge-event', { charge: charge });
-        }
-        // Forward the event to the child window managers.
-        Object.values(this.windowManagers).forEach(function (wm) { return wm.sendCharge(charge); });
-    };
-    PresentationWindow.prototype.sendTerminal = function (terminal) {
-        if (this.paymentSubscriptions.has('terminal')) {
-            this.sendMessageObject('payments-terminal-event', { terminal: terminal });
-        }
-        // Forward the event to the child window managers.
-        Object.values(this.windowManagers).forEach(function (wm) {
-            return wm.sendTerminal(terminal);
-        });
+        this.sendMessage('run_get_properties', builderState);
     };
     PresentationWindow.prototype.isEmbeddedApp = function () {
         var _a = this.options, applicationVersion = _a.applicationVersion, isPreview = _a.isPreview;
         // If the application has a source url, always use it for rendering the preview.
-        // This fixes an issue with Hoopla which is an embedded app but uses a legacy app
+        // This fixes an issue with Hoopla which is an embedded app but uses a Raydiant app
         // for it's preview.
         if (isPreview && applicationVersion.sourceUrl) {
             return false;
@@ -690,17 +408,6 @@ var PresentationWindow = /** @class */ (function () {
             }
         }
     };
-    PresentationWindow.prototype.getFullAppRendererUrl = function (_a) {
-        var appRendererUrl = _a.appRendererUrl, windowId = _a.windowId, appRendererOfflineSupport = _a.appRendererOfflineSupport;
-        var url = new URL(appRendererUrl);
-        var hashParams = new URLSearchParams(url.hash.slice(1));
-        hashParams.set('__raydiantWindowId', windowId);
-        if (appRendererOfflineSupport === true) {
-            hashParams.set('__raydiantOfflineSupport', 'true');
-        }
-        url.hash = hashParams.toString();
-        return url.toString();
-    };
     PresentationWindow.prototype.loadEmbeddedApp = function () {
         return __awaiter(this, void 0, void 0, function () {
             var _a, windowId, applicationVersion, url;
@@ -709,15 +416,20 @@ var PresentationWindow = /** @class */ (function () {
                     case 0:
                         _a = this.options, windowId = _a.windowId, applicationVersion = _a.applicationVersion;
                         if (!applicationVersion.embeddedUrlFormat) {
-                            throw new Error("Error loading embedded app, missing embeddedUrlFormat for '".concat(applicationVersion.id, "'"));
-                        }
-                        url = this.getEmbeddedAppUrl();
-                        this.logInfo("Create window '".concat(windowId, "' for embedded app url '").concat(url, "'"));
-                        return [4 /*yield*/, this.createAndLoadWindow(url, 
-                            // Embedded apps should not have a backgroundColor because some sites expect
-                            // the browser default of white will be applied.
-                            '#ffffff', this.handleEmbeddedMessage)];
+                            throw new Error("Error loading embedded app, missing embeddedUrlFormat for '" + applicationVersion.id + "'");
+                        }
+                        url = embeddedApps_1.default(this.presentation, applicationVersion);
+                        this.logInfo("Create window '" + windowId + "' for embedded app url '" + url + "'");
+                        // Embedded apps should not have a backgroundColor bexcause some sites expect
+                        // the browser default of white will be applied. We also don't attach the message
+                        // listeners for embedded apps. We could eventually allow embedded apps to send
+                        // lifecycle events but we should consider namespacing our message events.
+                        return [4 /*yield*/, this.createAndLoadWindow(url, '#ffffff')];
                     case 1:
+                        // Embedded apps should not have a backgroundColor bexcause some sites expect
+                        // the browser default of white will be applied. We also don't attach the message
+                        // listeners for embedded apps. We could eventually allow embedded apps to send
+                        // lifecycle events but we should consider namespacing our message events.
                         _b.sent();
                         this.didEmbeddedAppLoad = true;
                         this.checkIsReadyCallback();
@@ -726,20 +438,17 @@ var PresentationWindow = /** @class */ (function () {
             });
         });
     };
-    PresentationWindow.prototype.loadLegacyApp = function () {
+    PresentationWindow.prototype.loadRaydiantApp = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, windowId, _b, appRendererUrl, appRendererOfflineSupport, backgroundColor;
+            var _a, windowId, _b, appRendererUrl, backgroundColor, url;
             return __generator(this, function (_c) {
                 switch (_c.label) {
                     case 0:
-                        _a = this.options, windowId = _a.windowId, _b = _a.appRendererUrl, appRendererUrl = _b === void 0 ? defaultAppRendererUrl : _b, appRendererOfflineSupport = _a.appRendererOfflineSupport, backgroundColor = _a.backgroundColor;
-                        this.logInfo("Create window '".concat(windowId, "'"));
-                        return [4 /*yield*/, this.createAndLoadWindow(this.getFullAppRendererUrl({
-                                appRendererUrl: appRendererUrl,
-                                windowId: windowId,
-                                appRendererOfflineSupport: appRendererOfflineSupport,
-                            }), backgroundColor || '#000000', // Default to black bg for Raydiant apps
-                            this.handleLegacyMessage)];
+                        _a = this.options, windowId = _a.windowId, _b = _a.appRendererUrl, appRendererUrl = _b === void 0 ? defaultAppRendererUrl : _b, backgroundColor = _a.backgroundColor;
+                        url = appRendererUrl + "#windowId=" + windowId;
+                        this.logInfo("Create window '" + windowId + "'");
+                        return [4 /*yield*/, this.createAndLoadWindow(url, backgroundColor || '#000000', // Default to black bg for Raydiant apps
+                            this.handleMessage)];
                     case 1:
                         _c.sent();
                         return [4 /*yield*/, this.waitForPesentationReady()];
@@ -763,14 +472,14 @@ var PresentationWindow = /** @class */ (function () {
                             bounds: bounds,
                             backgroundColor: backgroundColor,
                             receiveMessageCallback: receiveMessageCallback,
-                            errorCallback: this.handleError,
+                            errorCallback: this.handleError
                         });
                         // Mute new window. This ensures preloaded windows are muted by default and
                         // prevents opening an audio channel on the device for SYB playback. When using
                         // the BrowserWindowRenderer this will call setAudioMuted(true) but the IFrameRenderer
                         // has no API for muting so we rely on apps that use mute presentation props to be
                         // initially muted before playing.
-                        this.logInfo("Mute window ".concat(windowId));
+                        this.logInfo("Mute window " + windowId);
                         renderer.muteWindow(windowId);
                         return [4 /*yield*/, this.loadWindow(url)];
                     case 1:
@@ -793,31 +502,22 @@ var PresentationWindow = /** @class */ (function () {
                         return [4 /*yield*/, renderer.loadWindow(windowId, url)];
                     case 2:
                         _b.sent();
-                        this.logInfo("Loaded window '".concat(windowId, "'"));
+                        this.logInfo("Loaded window '" + windowId + "'");
                         return [3 /*break*/, 4];
                     case 3:
                         err_2 = _b.sent();
-                        this.handleError(new WindowLoadError_1.default("Failed to load window with '".concat(err_2.message, "'")));
+                        this.handleError(new WindowLoadError_1.default("Failed to load window with '" + err_2.message + "'"));
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
                 }
             });
         });
     };
-    // Send a JSON stringified message to the renderer. This is the legacy way of sending
-    // messages and should be deprecated in favor of sendMessageObject.
-    PresentationWindow.prototype.sendMessageString = function (type, payload) {
+    PresentationWindow.prototype.sendMessage = function (type, payload) {
         var _a = this.options, windowId = _a.windowId, renderer = _a.renderer;
         var message = JSON.stringify({ type: type, payload: payload, windowId: windowId });
-        this.logInfo("Sending '".concat(type, "' to window '").concat(windowId, "'"));
-        renderer.sendMessageString(windowId, message);
-    };
-    // Send a message object to the renderer. This is the preferred way of sending messages
-    // going forward since it allows for more complex payloads like ArrayBuffers (for File Inputs).
-    PresentationWindow.prototype.sendMessageObject = function (type, payload) {
-        var _a = this.options, windowId = _a.windowId, renderer = _a.renderer;
-        this.logInfo("Sending '".concat(type, "' to window '").concat(windowId, "'"));
-        renderer.sendMessageObject(windowId, type, payload);
+        this.logInfo("Sending '" + type + "' to window '" + windowId + "'");
+        renderer.sendMessage(windowId, message);
     };
     PresentationWindow.prototype.waitForPesentationReady = function () {
         var _this = this;
@@ -834,7 +534,7 @@ var PresentationWindow = /** @class */ (function () {
                     clearTimeout(_this.readyTimeout);
                 }
                 _this.readyTimeout = setTimeout(function () {
-                    _this.handleError(new WindowTimeoutError_1.default("Window ".concat(windowId, " timed out after ").concat(readyTimeoutDurationSeconds, " seconds")));
+                    _this.handleError(new WindowTimeoutError_1.default("Window " + windowId + " timed out after " + readyTimeoutDurationSeconds + " seconds"));
                     // Resolve the promise is the window times out. This ensures windowManager.load() resolves
                     // even if the current window times out. Fixes an issue where the boot screen isn't removed
                     // if the first presentation times out.
@@ -870,26 +570,26 @@ var PresentationWindow = /** @class */ (function () {
         // IFrames do not have a mute/unmute API so we are overriding any mute properties
         // to support muting MZ zones when using the IFrameRenderer (SecondScreen).
         if (this.forceMute) {
-            this.sendMessageString('render', {
+            this.sendMessage('render', {
                 builderState: this.builderState,
-                presentation: __assign(__assign({}, this.presentation), { applicationVariables: __assign(__assign({}, this.presentation.applicationVariables), { 
+                presentation: __assign({}, this.presentation, { applicationVariables: __assign({}, this.presentation.applicationVariables, { 
                         // TODO: We need a better way to identify mute properties (ie. PropType.mute())
                         // Force mute the presentation, existing apps use either mute or muted.
                         mute: true, muted: true }) }),
                 theme: this.buildTheme(),
                 applicationVersion: applicationVersion,
                 device: device,
-                isPreview: isPreview,
+                isPreview: isPreview
             });
         }
         else {
-            this.sendMessageString('render', {
+            this.sendMessage('render', {
                 builderState: this.builderState,
                 presentation: this.presentation,
                 theme: this.buildTheme(),
                 applicationVersion: applicationVersion,
                 device: device,
-                isPreview: isPreview,
+                isPreview: isPreview
             });
         }
     };
@@ -911,14 +611,14 @@ var PresentationWindow = /** @class */ (function () {
                         prevRuleEngine = windowManager.getRuleEngine();
                         prevForceMute = windowManager.getForceMute();
                         didBoundsChange = prevBounds
-                            ? !(0, fast_deep_equal_1.default)(bounds, prevBounds)
+                            ? !fast_deep_equal_1.default(bounds, prevBounds)
                             : true;
                         if (didBoundsChange) {
                             windowManager.updateBounds(bounds);
                         }
                         didForceMuteChange = forceMute !== prevForceMute;
                         didThemeOverrideChange = prevThemeOverride
-                            ? !(0, fast_deep_equal_1.default)(themeOverride, prevThemeOverride)
+                            ? !fast_deep_equal_1.default(themeOverride, prevThemeOverride)
                             : true;
                         if (didForceMuteChange || didThemeOverrideChange) {
                             windowManager.setThemeOverride(themeOverride);
@@ -946,15 +646,14 @@ var PresentationWindow = /** @class */ (function () {
                                 x: bounds.x,
                                 y: bounds.y,
                                 width: bounds.width,
-                                height: bounds.height,
+                                height: bounds.height
                             },
                             backgroundColor: 'transparent',
                             themeOverride: themeOverride,
                             forceMute: forceMute,
                             isPreview: isPreview,
                             onEnableInterruptLock: function () { return _this.enableInteruptLock(windowName); },
-                            onDisableInterruptLock: function () { return _this.disableInteruptLock(windowName); },
-                            getTerminal: this.options.getTerminal,
+                            onDisableInterruptLock: function () { return _this.disableInteruptLock(windowName); }
                         });
                         // Hook up child window manager events to bubble up to the parent.
                         if (parentWindowManager) {
@@ -970,12 +669,6 @@ var PresentationWindow = /** @class */ (function () {
                             windowManager.on('window_end_error', function (metadata) {
                                 parentWindowManager.emit('window_end_error', metadata);
                             });
-                            windowManager.on('window_analytics_event', function (metadata) {
-                                parentWindowManager.emit('window_analytics_event', metadata);
-                            });
-                            windowManager.on('window_charge_request', function (metadata) {
-                                parentWindowManager.emit('window_charge_request', metadata);
-                            });
                         }
                         this.windowManagers[windowName] = windowManager;
                         windowManager.setRenderer(renderer);
@@ -1012,7 +705,7 @@ var PresentationWindow = /** @class */ (function () {
             delete this.windowManagers[windowName];
         }
         else {
-            this.logWarning("Failed to close child window manager for '".concat(windowName, "'."));
+            this.logWarning("Failed to close child window manager for '" + windowName + "'.");
         }
     };
     PresentationWindow.prototype.enableInteruptLock = function (windowName) {
@@ -1041,28 +734,6 @@ var PresentationWindow = /** @class */ (function () {
             this.disableInterruptLockCallback();
         }
     };
-    PresentationWindow.prototype.getEmbeddedAppUrl = function () {
-        var _a = this.options, windowId = _a.windowId, appRendererOfflineSupport = _a.appRendererOfflineSupport;
-        var metadata = {
-            renderMode: this.options.isPreview ? 'preview' : 'live',
-        };
-        var url = (0, embeddedApps_1.default)(this.presentation, this.options.applicationVersion, metadata);
-        return this.getFullAppRendererUrl({
-            appRendererUrl: url,
-            windowId: windowId,
-            appRendererOfflineSupport: appRendererOfflineSupport,
-        });
-    };
-    PresentationWindow.prototype.handleReady = function () {
-        this.didReceiveReady = true;
-        this.checkIsReadyCallback();
-    };
-    PresentationWindow.prototype.handleComplete = function () {
-        this.didReceiveComplete = true;
-        if (this.completeCallback) {
-            this.completeCallback();
-        }
-    };
     PresentationWindow.prototype.logDebug = function (message) {
         this.options.logger.debug(message, this.getLogContext());
     };
@@ -1089,30 +760,12 @@ var PresentationWindow = /** @class */ (function () {
             publishedAt: publishedAt,
             playlistId: playlistId,
             playlistName: playlistName,
-            rule: rule,
+            rule: rule
         };
     };
     PresentationWindow.prototype.metadata = function () {
         return this.getLogContext();
     };
-    PresentationWindow.prototype.runWorkerSubscriptions = function (state) {
-        // For each worker subscription, compare the previous state to the new state.
-        // If the state has changed, send the new state to the subscription.
-        for (var _i = 0, _a = Array.from(this.workerSubscriptions); _i < _a.length; _i++) {
-            var workerName = _a[_i];
-            var workerState = state[workerName];
-            var previousWorkerState = this.workerState[workerName];
-            if (workerState !== undefined &&
-                !(0, fast_deep_equal_1.default)(workerState, previousWorkerState)) {
-                this.sendMessageString('worker-state', {
-                    name: workerName,
-                    state: workerState,
-                });
-            }
-        }
-        // Persist the new state so we can compare if the previous values have changed..
-        this.workerState = state;
-    };
     PresentationWindow.prototype.createRuleEngine = function (playlistId) {
         var globalRule = this.options.globalRule;
         return new RE.RuleEngine(playlistId, this.ruleEngineState, globalRule
@@ -1125,15 +778,15 @@ var PresentationWindow = /** @class */ (function () {
                     {
                         type: 'equals',
                         left: { var: ['target', 'hasPlaylists'] },
-                        right: { const: false },
-                    },
-                ],
+                        right: { const: false }
+                    }
+                ]
             }
             : {
                 // A global rule was not provided so we don't need to combine the rule with an AND.
                 type: 'equals',
                 left: { var: ['target', 'hasPlaylists'] },
-                right: { const: false },
+                right: { const: false }
             });
     };
     PresentationWindow.prototype.isValidOpenChildWindowPayload = function (payload) {
@@ -1170,72 +823,6 @@ var PresentationWindow = /** @class */ (function () {
         var isMutedMultizone = appVars.muteZone1 === true && appVars.muteZone2 === true;
         return isMutedMultizone;
     };
-    PresentationWindow.prototype.createObjectURLForEmbeddedApp = function (blob) {
-        var _this = this;
-        return new Promise(function (resolve, reject) {
-            // Handle multiple concurrent createObjectURL calls by creating a request id for each
-            // call. We send the request id along with the message to the running app and the app
-            // sends the request id back with the result so we can resolve the correct promise.
-            var requestId = (0, uuid_1.v4)();
-            _this.createObjectURLResolvers[requestId] = resolve;
-            // Start a timer to reject the promise if the app doesn't respond with the create object
-            // url result within 1 second. This should be more or less instant.
-            _this.createObjectURLTimeouts[requestId] = setTimeout(function () {
-                var error = new Error("Timed out waiting for the create-object-url-result message for request id ".concat(requestId));
-                reject(error);
-                delete _this.createObjectURLResolvers[requestId];
-                delete _this.createObjectURLTimeouts[requestId];
-            }, 1000);
-            // Create a FileReader object to read the file data as an ArrayBuffer.
-            var reader = new FileReader();
-            reader.addEventListener('load', function () {
-                var buffer = reader.result;
-                // Check if buffer is an ArrayBuffer
-                if (buffer instanceof ArrayBuffer) {
-                    // Send the ArrayBuffer to the running app to create the local file blob URL.
-                    _this.sendMessageObject('create-object-url', { requestId: requestId, buffer: buffer });
-                }
-            }, false);
-            reader.readAsArrayBuffer(blob);
-            return '';
-        });
-    };
     return PresentationWindow;
 }());
 exports.default = PresentationWindow;
-var isValidCreateObjectURLResultPayload = function (payload) {
-    return (
-    // Ensure payload is an object.
-    typeof payload === 'object' &&
-        payload !== null &&
-        // Ensure requestId is a string.
-        'requestId' in payload &&
-        typeof payload['requestId'] === 'string' &&
-        // Ensure payload.file is an object.
-        'url' in payload &&
-        typeof payload['url'] === 'string');
-};
-var transformInputValues = function (inputs) {
-    var transformed = {};
-    // Recursively traverse inputs, transforming any file input values to remove internal
-    // properties like file_upload_id.
-    for (var _i = 0, _a = Object.entries(inputs); _i < _a.length; _i++) {
-        var _b = _a[_i], key = _b[0], value = _b[1];
-        if (typeof value === 'object' && value !== null && 'url' in value) {
-            // Value is a file input, strip out the file_upload_id property.
-            transformed[key] = { url: value.url };
-        }
-        else if (Array.isArray(value)) {
-            // Value is an array input, traverse each item in the array for file input values.
-            transformed[key] = [];
-            for (var _c = 0, value_1 = value; _c < value_1.length; _c++) {
-                var item = value_1[_c];
-                transformed[key].push(transformInputValues(item));
-            }
-        }
-        else {
-            transformed[key] = value;
-        }
-    }
-    return transformed;
-};