@raydiant/playlist-window-manager 0.20.0 → 0.21.0

package/build/PresentationWindow.js

@@ -10,11 +10,35 @@ 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) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
@@ -24,7 +48,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 (_) try {
+        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]) {
@@ -45,19 +69,13 @@ 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"));
@@ -86,7 +104,6 @@ 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;
@@ -102,79 +119,83 @@ var PresentationWindow = /** @class */ (function () {
         this.workerState = {};
         this.workerSubscriptions = new Set();
         this.runtimeSubscriptions = new Set();
+        this.previewSubscriptions = new Set();
+        this.previewState = { inputs: {} };
+        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 '" + windowId + "'");
+                        this.logInfo("Received 'ready' from window '".concat(windowId, "'"));
                         this.handleReady();
                         break;
                     }
                     case 'complete': {
                         if (payload === undefined) {
-                            this.logInfo("Received 'complete' from window '" + windowId + "'");
+                            this.logInfo("Received 'complete' from window '".concat(windowId, "'"));
                             this.handleComplete();
                         }
                         else {
-                            this.logInfo("Received 'complete' with error from window '" + windowId + ", error=" + payload + "'");
+                            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 '" + windowId + "'");
+                            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.sendMessage('play');
+                                this.sendMessageString('play');
                             }
                         }
                         else {
-                            this.logWarning("Invalid payload for runtime-subscribe message: " + payload);
+                            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 '" + windowId + "'");
+                            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: " + payload);
+                            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 '" + windowId + "'");
+                            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.sendMessage('worker-state', {
+                                this.sendMessageString('worker-state', {
                                     name: payload,
-                                    state: workerState
+                                    state: workerState,
                                 });
                             }
                         }
                         else {
-                            this.logWarning("Invalid payload for worker-subscribe message: " + payload);
+                            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 '" + windowId + "'");
+                            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: " + payload);
+                            this.logWarning("Invalid payload for worker-unsubscribe message: ".concat(payload));
                         }
                         break;
                     }
@@ -184,8 +205,48 @@ var PresentationWindow = /** @class */ (function () {
                         }
                         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;
+                    }
                     default: {
-                        this.logWarning("Received unknown embedded message type: " + type);
+                        this.logWarning("Received unknown embedded message type: ".concat(type));
                     }
                 }
                 return [2 /*return*/];
@@ -196,33 +257,33 @@ var PresentationWindow = /** @class */ (function () {
             return __generator(this, function (_b) {
                 _a = this.options, windowId = _a.windowId, onPresentationProperties = _a.onPresentationProperties;
                 if (type === 'loaded') {
-                    this.logInfo("Received 'loaded' from window '" + windowId + "'");
+                    this.logInfo("Received 'loaded' from window '".concat(windowId, "'"));
                     this.sendRenderMessage();
                 }
                 if (type === 'presentation_ready') {
-                    this.logInfo("Received 'presentation_ready' from window '" + windowId + "'");
+                    this.logInfo("Received 'presentation_ready' from window '".concat(windowId, "'"));
                     this.handleReady();
                 }
                 if (type === 'presentation_complete') {
-                    this.logInfo("Received 'presentation_complete' from window '" + windowId + "'");
+                    this.logInfo("Received 'presentation_complete' from window '".concat(windowId, "'"));
                     this.handleComplete();
                 }
                 if (type === 'enable_interrupt_lock') {
-                    this.logInfo("Received 'enable_interrupt_lock' from window '" + windowId + "'");
+                    this.logInfo("Received 'enable_interrupt_lock' from window '".concat(windowId, "'"));
                     this.enableInteruptLock();
                 }
                 if (type === 'disable_interrupt_lock') {
-                    this.logInfo("Received 'disable_interrupt_lock' from window '" + windowId + "'");
+                    this.logInfo("Received 'disable_interrupt_lock' from window '".concat(windowId, "'"));
                     this.disableInteruptLock();
                 }
                 if (type === 'open_child_window') {
-                    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);
+                    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));
                     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 {
@@ -231,20 +292,20 @@ var PresentationWindow = /** @class */ (function () {
                 }
                 if (type === 'close_child_window') {
                     // TODO: Validate close_child_window message payload.
-                    this.logInfo("Received 'close_child_window', windowId=" + payload.windowId);
+                    this.logInfo("Received 'close_child_window', windowId=".concat(payload.windowId));
                     this.closeChildWindow(payload.windowId);
                 }
                 if (type === 'log_error') {
-                    this.handleError("Received error from window '" + windowId + "', error=" + JSON.stringify(payload));
+                    this.handleError("Received error from window '".concat(windowId, "', error=").concat(JSON.stringify(payload)));
                 }
                 if (type === 'log_info') {
-                    this.logInfo("Received info log from window '" + windowId + "', message=" + JSON.stringify(payload));
+                    this.logInfo("Received info log from window '".concat(windowId, "', message=").concat(JSON.stringify(payload)));
                 }
                 if (type === 'log_debug') {
-                    this.logDebug("Received info debug from window '" + windowId + "', message=" + JSON.stringify(payload));
+                    this.logDebug("Received info debug from window '".concat(windowId, "', message=").concat(JSON.stringify(payload)));
                 }
                 if (type === 'presentation_properties') {
-                    this.logInfo("Received 'presentation_properties' from window '" + windowId + "'");
+                    this.logInfo("Received 'presentation_properties' from window '".concat(windowId, "'"));
                     if (onPresentationProperties) {
                         onPresentationProperties(payload.properties, payload.strings);
                     }
@@ -303,7 +364,7 @@ var PresentationWindow = /** @class */ (function () {
                 wm.show(false);
             }
         });
-        this.logInfo("Show window '" + windowId + "' isMuted=" + isMuted + " isFocused=" + isFocused + (isChildWindowFocused ? " isChildWindowFocused=true" : ''));
+        this.logInfo("Show window '".concat(windowId, "' isMuted=").concat(isMuted, " isFocused=").concat(isFocused).concat(isChildWindowFocused ? " isChildWindowFocused=true" : ''));
     };
     PresentationWindow.prototype.hide = function () {
         var _a = this.options, windowId = _a.windowId, renderer = _a.renderer;
@@ -345,11 +406,11 @@ var PresentationWindow = /** @class */ (function () {
                         return [4 /*yield*/, renderer.removeWindow(windowId)];
                     case 2:
                         _b.sent();
-                        this.logInfo("Removed window '" + windowId + "'");
+                        this.logInfo("Removed window '".concat(windowId, "'"));
                         return [3 /*break*/, 4];
                     case 3:
                         err_1 = _b.sent();
-                        this.logError("Failed to remove window '" + windowId + "' with '" + err_1.message + "'");
+                        this.logError("Failed to remove window '".concat(windowId, "' with '").concat(err_1.message, "'"));
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
                 }
@@ -377,7 +438,7 @@ var PresentationWindow = /** @class */ (function () {
             }, durationMs);
         }
         if (!this.isEmbeddedApp()) {
-            this.sendMessage('play');
+            this.sendMessageString('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
@@ -389,7 +450,7 @@ var PresentationWindow = /** @class */ (function () {
         }
         else if (this.runtimeSubscriptions.has('play')) {
             // If the embedded app has subscribed to the play event, send it a play event.
-            this.sendMessage('play');
+            this.sendMessageString('play');
         }
         this.lastPlayedAt = new Date();
     };
@@ -461,25 +522,34 @@ var PresentationWindow = /** @class */ (function () {
     };
     PresentationWindow.prototype.reload = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, applicationVersion, windowId, url;
+            var _a, applicationVersion, windowId, updatedInputs, 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*/, 3];
-                        if (!applicationVersion.embeddedUrlFormat) return [3 /*break*/, 2];
+                        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 '" + windowId + "' for embedded app url '" + url + "'");
+                        this.logInfo("Reload window '".concat(windowId, "' for embedded app url '").concat(url, "'"));
                         return [4 /*yield*/, this.loadWindow(url)];
-                    case 1:
+                    case 2:
                         _b.sent();
-                        _b.label = 2;
-                    case 2: return [3 /*break*/, 4];
-                    case 3:
-                        this.logInfo("Reload window '" + windowId + "'");
+                        _b.label = 3;
+                    case 3: return [3 /*break*/, 5];
+                    case 4:
+                        this.logInfo("Reload window '".concat(windowId, "'"));
                         this.sendRenderMessage();
-                        _b.label = 4;
-                    case 4: return [2 /*return*/];
+                        _b.label = 5;
+                    case 5: return [2 /*return*/];
                 }
             });
         });
@@ -488,9 +558,19 @@ var PresentationWindow = /** @class */ (function () {
         // Do no support conditional properties for embedded apps. We will likely
         // change the way conditional properties work.
         if (!this.isEmbeddedApp()) {
-            this.sendMessage('run_get_properties', builderState);
+            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.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.
@@ -538,10 +618,10 @@ 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 '" + applicationVersion.id + "'");
+                            throw new Error("Error loading embedded app, missing embeddedUrlFormat for '".concat(applicationVersion.id, "'"));
                         }
                         url = this.getEmbeddedAppUrl();
-                        this.logInfo("Create window '" + windowId + "' for embedded app url '" + url + "'");
+                        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.
@@ -562,7 +642,7 @@ var PresentationWindow = /** @class */ (function () {
                 switch (_c.label) {
                     case 0:
                         _a = this.options, windowId = _a.windowId, _b = _a.appRendererUrl, appRendererUrl = _b === void 0 ? defaultAppRendererUrl : _b, backgroundColor = _a.backgroundColor;
-                        this.logInfo("Create window '" + windowId + "'");
+                        this.logInfo("Create window '".concat(windowId, "'"));
                         return [4 /*yield*/, this.createAndLoadWindow(this.appendWindowIdToHash(appRendererUrl, windowId), backgroundColor || '#000000', // Default to black bg for Raydiant apps
                             this.handleLegacyMessage)];
                     case 1:
@@ -588,14 +668,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 " + windowId);
+                        this.logInfo("Mute window ".concat(windowId));
                         renderer.muteWindow(windowId);
                         return [4 /*yield*/, this.loadWindow(url)];
                     case 1:
@@ -618,22 +698,31 @@ var PresentationWindow = /** @class */ (function () {
                         return [4 /*yield*/, renderer.loadWindow(windowId, url)];
                     case 2:
                         _b.sent();
-                        this.logInfo("Loaded window '" + windowId + "'");
+                        this.logInfo("Loaded window '".concat(windowId, "'"));
                         return [3 /*break*/, 4];
                     case 3:
                         err_2 = _b.sent();
-                        this.handleError(new WindowLoadError_1.default("Failed to load window with '" + err_2.message + "'"));
+                        this.handleError(new WindowLoadError_1.default("Failed to load window with '".concat(err_2.message, "'")));
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
                 }
             });
         });
     };
-    PresentationWindow.prototype.sendMessage = function (type, payload) {
+    // 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) {
         var _a = this.options, windowId = _a.windowId, renderer = _a.renderer;
         var message = JSON.stringify({ type: type, payload: payload, windowId: windowId });
-        this.logInfo("Sending '" + type + "' to window '" + windowId + "'");
-        renderer.sendMessage(windowId, message);
+        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);
     };
     PresentationWindow.prototype.waitForPesentationReady = function () {
         var _this = this;
@@ -650,7 +739,7 @@ var PresentationWindow = /** @class */ (function () {
                     clearTimeout(_this.readyTimeout);
                 }
                 _this.readyTimeout = setTimeout(function () {
-                    _this.handleError(new WindowTimeoutError_1.default("Window " + windowId + " timed out after " + readyTimeoutDurationSeconds + " seconds"));
+                    _this.handleError(new WindowTimeoutError_1.default("Window ".concat(windowId, " timed out after ").concat(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.
@@ -686,26 +775,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.sendMessage('render', {
+            this.sendMessageString('render', {
                 builderState: this.builderState,
-                presentation: __assign({}, this.presentation, { applicationVariables: __assign({}, this.presentation.applicationVariables, { 
+                presentation: __assign(__assign({}, this.presentation), { applicationVariables: __assign(__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.sendMessage('render', {
+            this.sendMessageString('render', {
                 builderState: this.builderState,
                 presentation: this.presentation,
                 theme: this.buildTheme(),
                 applicationVersion: applicationVersion,
                 device: device,
-                isPreview: isPreview
+                isPreview: isPreview,
             });
         }
     };
@@ -727,14 +816,14 @@ var PresentationWindow = /** @class */ (function () {
                         prevRuleEngine = windowManager.getRuleEngine();
                         prevForceMute = windowManager.getForceMute();
                         didBoundsChange = prevBounds
-                            ? !fast_deep_equal_1.default(bounds, prevBounds)
+                            ? !(0, fast_deep_equal_1.default)(bounds, prevBounds)
                             : true;
                         if (didBoundsChange) {
                             windowManager.updateBounds(bounds);
                         }
                         didForceMuteChange = forceMute !== prevForceMute;
                         didThemeOverrideChange = prevThemeOverride
-                            ? !fast_deep_equal_1.default(themeOverride, prevThemeOverride)
+                            ? !(0, fast_deep_equal_1.default)(themeOverride, prevThemeOverride)
                             : true;
                         if (didForceMuteChange || didThemeOverrideChange) {
                             windowManager.setThemeOverride(themeOverride);
@@ -762,14 +851,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); }
+                            onDisableInterruptLock: function () { return _this.disableInteruptLock(windowName); },
                         });
                         // Hook up child window manager events to bubble up to the parent.
                         if (parentWindowManager) {
@@ -824,7 +913,7 @@ var PresentationWindow = /** @class */ (function () {
             delete this.windowManagers[windowName];
         }
         else {
-            this.logWarning("Failed to close child window manager for '" + windowName + "'.");
+            this.logWarning("Failed to close child window manager for '".concat(windowName, "'."));
         }
     };
     PresentationWindow.prototype.enableInteruptLock = function (windowName) {
@@ -856,9 +945,9 @@ var PresentationWindow = /** @class */ (function () {
     PresentationWindow.prototype.getEmbeddedAppUrl = function () {
         var windowId = this.options.windowId;
         var metadata = {
-            renderMode: this.options.isPreview ? 'preview' : 'live'
+            renderMode: this.options.isPreview ? 'preview' : 'live',
         };
-        var url = embeddedApps_1.default(this.presentation, this.options.applicationVersion, metadata);
+        var url = (0, embeddedApps_1.default)(this.presentation, this.options.applicationVersion, metadata);
         return this.appendWindowIdToHash(url, windowId);
     };
     PresentationWindow.prototype.handleReady = function () {
@@ -897,7 +986,7 @@ var PresentationWindow = /** @class */ (function () {
             publishedAt: publishedAt,
             playlistId: playlistId,
             playlistName: playlistName,
-            rule: rule
+            rule: rule,
         };
     };
     PresentationWindow.prototype.metadata = function () {
@@ -911,10 +1000,10 @@ var PresentationWindow = /** @class */ (function () {
             var workerState = state[workerName];
             var previousWorkerState = this.workerState[workerName];
             if (workerState !== undefined &&
-                !fast_deep_equal_1.default(workerState, previousWorkerState)) {
-                this.sendMessage('worker-state', {
+                !(0, fast_deep_equal_1.default)(workerState, previousWorkerState)) {
+                this.sendMessageString('worker-state', {
                     name: workerName,
-                    state: workerState
+                    state: workerState,
                 });
             }
         }
@@ -933,15 +1022,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) {
@@ -978,6 +1067,72 @@ 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;
+};