@raydiant/playlist-window-manager 0.14.12 → 0.14.17

package/build/PresentationWindow.d.ts

@@ -89,6 +89,7 @@ export default class PresentationWindow {
     private loadWindow;
     private sendMessage;
     private waitForPesentationReady;
+    private buildTheme;
     private sendRenderMessage;
     private openChildWindow;
     private closeChildWindow;

package/build/PresentationWindow.js

@@ -537,6 +537,28 @@ var PresentationWindow = /** @class */ (function () {
             }
         });
     };
+    PresentationWindow.prototype.buildTheme = function () {
+        if (!this.theme)
+            return;
+        var nextTheme = __assign({}, this.theme);
+        if (nextTheme.headingFontNew && nextTheme.headingFontNew.fileUpload) {
+            nextTheme.headingFont =
+                nextTheme.headingFontNew.fileUpload.url || nextTheme.headingFont;
+        }
+        if (nextTheme.heading2FontNew && nextTheme.heading2FontNew.fileUpload) {
+            nextTheme.heading2Font =
+                nextTheme.heading2FontNew.fileUpload.url || nextTheme.heading2Font;
+        }
+        if (nextTheme.bodyFontNew && nextTheme.bodyFontNew.fileUpload) {
+            nextTheme.bodyFont =
+                nextTheme.bodyFontNew.fileUpload.url || nextTheme.bodyFont;
+        }
+        if (nextTheme.backgroundImageFileUpload) {
+            nextTheme.backgroundImage =
+                nextTheme.backgroundImageFileUpload.url || nextTheme.backgroundImage;
+        }
+        return nextTheme;
+    };
     PresentationWindow.prototype.sendRenderMessage = function () {
         var _a = this.options, applicationVersion = _a.applicationVersion, isPreview = _a.isPreview, device = _a.device;
         // IFrames do not have a mute/unmute API so we are overriding any mute properties
@@ -548,7 +570,7 @@ var PresentationWindow = /** @class */ (function () {
                         // 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.theme,
+                theme: this.buildTheme(),
                 applicationVersion: applicationVersion,
                 device: device,
                 isPreview: isPreview
@@ -558,7 +580,7 @@ var PresentationWindow = /** @class */ (function () {
             this.sendMessage('render', {
                 builderState: this.builderState,
                 presentation: this.presentation,
-                theme: this.theme,
+                theme: this.buildTheme(),
                 applicationVersion: applicationVersion,
                 device: device,
                 isPreview: isPreview

package/build/types.d.ts

@@ -28,6 +28,14 @@ export interface ApplicationVersion {
     configurableDuration: boolean;
     sourceUrl: string | null;
 }
+export interface Font {
+    id: string;
+    name: string;
+    weight: string;
+    fileUpload: {
+        url: string;
+    };
+}
 export interface Theme {
     id: string;
     name: string;
@@ -41,6 +49,13 @@ export interface Theme {
     bodyTextColor: string;
     bodyFont: string;
     borderColor: string;
+    headingFontNew: Font | null;
+    heading2FontNew: Font | null;
+    bodyFontNew: Font | null;
+    backgroundImageFileUpload: {
+        url: string;
+    } | null;
+    backgroundScale: 'fit' | 'fill' | null;
 }
 export interface Device {
     id: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raydiant/playlist-window-manager",
-  "version": "0.14.12",
+  "version": "0.14.17",
   "description": "Window manager for playlist playback.",
   "main": "build/index.js",
   "scripts": {
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "fast-deep-equal": "^3.1.3",
-    "@raydiant/playlist-rule-engine": "3.1.10",
+    "@raydiant/playlist-rule-engine": "3.1.13",
     "raydiant-kit": "^4.6.1",
     "uuid": "^8.3.0",
     "eventemitter3": "^4.0.7"

package/src/PresentationWindow.ts

@@ -480,6 +480,34 @@ export default class PresentationWindow {
     });
   }
 
+  private buildTheme(): Theme | undefined {
+    if (!this.theme) return;
+
+    const nextTheme = { ...this.theme };
+
+    if (nextTheme.headingFontNew && nextTheme.headingFontNew.fileUpload) {
+      nextTheme.headingFont =
+        nextTheme.headingFontNew.fileUpload.url || nextTheme.headingFont;
+    }
+
+    if (nextTheme.heading2FontNew && nextTheme.heading2FontNew.fileUpload) {
+      nextTheme.heading2Font =
+        nextTheme.heading2FontNew.fileUpload.url || nextTheme.heading2Font;
+    }
+
+    if (nextTheme.bodyFontNew && nextTheme.bodyFontNew.fileUpload) {
+      nextTheme.bodyFont =
+        nextTheme.bodyFontNew.fileUpload.url || nextTheme.bodyFont;
+    }
+
+    if (nextTheme.backgroundImageFileUpload) {
+      nextTheme.backgroundImage =
+        nextTheme.backgroundImageFileUpload.url || nextTheme.backgroundImage;
+    }
+
+    return nextTheme;
+  }
+
   private sendRenderMessage() {
     const { applicationVersion, isPreview, device } = this.options;
     // IFrames do not have a mute/unmute API so we are overriding any mute properties
@@ -497,7 +525,7 @@ export default class PresentationWindow {
             muted: true
           }
         },
-        theme: this.theme,
+        theme: this.buildTheme(),
         applicationVersion,
         device,
         isPreview
@@ -506,7 +534,7 @@ export default class PresentationWindow {
       this.sendMessage('render', {
         builderState: this.builderState,
         presentation: this.presentation,
-        theme: this.theme,
+        theme: this.buildTheme(),
         applicationVersion,
         device,
         isPreview

package/src/types.ts

@@ -27,6 +27,14 @@ export interface ApplicationVersion {
   sourceUrl: string | null;
 }
 
+export interface Font {
+  id: string;
+  name: string;
+  weight: string;
+  fileUpload: {
+    url: string;
+  };
+}
 export interface Theme {
   id: string;
   name: string;
@@ -40,6 +48,13 @@ export interface Theme {
   bodyTextColor: string;
   bodyFont: string;
   borderColor: string;
+  headingFontNew: Font | null;
+  heading2FontNew: Font | null;
+  bodyFontNew: Font | null;
+  backgroundImageFileUpload: {
+    url: string;
+  } | null;
+  backgroundScale: 'fit' | 'fill' | null;
 }
 
 export interface Device {