@applicaster/zapp-react-native-utils 14.0.0-rc.6 → 14.0.0-rc.60

package/manifestUtils/defaultManifestConfigurations/player.js

@@ -4,9 +4,11 @@ const {
   remapConditionalFieldsForPluginGallery,
 } = require("../utils");
 
+const R = require("ramda");
+const compact = R.reject(R.isNil);
+
 function getDevice(platform) {
   switch (platform) {
-    case "ios":
     case "ios_for_quickbrick":
     case "android":
     case "android_for_quickbrick":
@@ -17,52 +19,110 @@ function getDevice(platform) {
     case "android_tv_for_quickbrick":
     case "lg_tv":
     case "samsung_tv":
-    case "web":
     case "vizio":
+    case "web":
       return "tv";
   }
 }
 
-function getPlayerConfiguration({ platform }) {
+const isMobile = (platform) => getDevice(platform) === "mobile";
+const isTV = (platform) => getDevice(platform) === "tv";
+
+const mobileOnly = (platform, config) => (isMobile(platform) ? config : null);
+
+function getPlayerConfiguration({ platform, version }) {
+  const audioTracksSettings =
+    platform.includes("android") || platform.includes("amazon")
+      ? [
+          {
+            type: "switch",
+            label: "Use audio tracks based on the app language",
+            tooltip:
+              "If enabled, the default audio tracks for videos would be set according to the chosen app language and user's system language",
+            key: "enable_auto_audio_track_selection",
+            initial_value: false,
+          },
+          {
+            type: "switch",
+            label: "Collapse adaptive audio tracks",
+            tooltip:
+              "If enabled, will display only adaptive tracks group name, otherwise will display all audio tracks of all bitrates",
+            key: "enable_adaptive_audio_track_selection",
+            initial_value: false,
+          },
+        ]
+      : [
+          {
+            type: "switch",
+            label: "Use audio tracks based on the app language",
+            tooltip:
+              "If enabled, the default audio tracks for videos would be set according to the chosen app language and user's system language",
+            key: "enable_auto_audio_track_selection",
+            initial_value: false,
+          },
+        ];
+
+  const audioPlayer = [
+    {
+      key: "audio_player_rtl",
+      label: "Audio player layout right to left",
+      initial_value: false,
+      type: "switch",
+      label_tooltip:
+        "Disable if you don't want the content to have a right orientation",
+    },
+  ];
+
   const general = {
+    fields: [],
+  };
+
+  const styles = {
     fields: [
       {
-        key: "audio_player_rtl",
-        label: "Audio player layout right to left",
-        initial_value: true,
-        type: "switch",
+        type: "color_picker_rgba",
+        label: "Screen background color",
+        key: "screen_background_color",
         label_tooltip:
-          "Disable if you don't want the content to have a right orientation",
+          "This will override the background color set in the theme",
+        initial_value: null,
       },
+    ],
+  };
+
+  const localizations = {
+    fields: [
       {
-        key: "magic_background",
-        label: "Enable Magic Background",
-        initial_value: false,
-        type: "switch",
-        label_tooltip:
-          "Enable if you want to have adaptive background gradient based on audio background image.",
+        type: "text_input",
+        label: "Playback Speed Modal Title",
+        key: "playback_speed_title",
+        initial_value: "Playback Speed Modal Title",
       },
       {
-        key: "audio_player_background_image_default_color",
-        label: "Audio Player Background Image Default Color",
-        initial_value: "",
         type: "text_input",
-        label_tooltip:
-          "Set the default color for the audio player background image if not image or set of gradient colors are not provided.",
+        label: "Sleep Timer Modal Title",
+        key: "playback_sleep_title",
+        initial_value: "Sleep Timer Modal Title",
+      },
+      {
+        type: "text_input",
+        label: "Sleep timer countdown label",
+        key: "playback_sleep_countdown_label",
+        initial_value: "Sleep Timer",
+      },
+      {
+        type: "text_input",
+        label: "Sleep timer off label",
+        key: "playback_sleep_off_label",
+        initial_value: "Sleep timer off",
       },
-    ],
-  };
-
-  const styles = {
-    fields: [],
-  };
-
-  const localizations = {
-    fields: [],
-  };
 
-  if (getDevice(platform) === "mobile") {
-    localizations.fields.push(
+      {
+        type: "text_input",
+        label: "Skip intro button",
+        key: "skip_button_localization_text_skip_intro",
+        initial_value: "Skip Intro",
+      },
       {
         type: "text_input",
         label: "Locked message",
@@ -74,14 +134,421 @@ function getPlayerConfiguration({ platform }) {
         label: "Unlock message",
         key: "message_unlock",
         initial_value: "Tap again to unlock screen",
-      }
+      },
+      {
+        key: "accessibility_play_label",
+        label: "Accessibility play label",
+        initial_value: "Play button",
+        label_tooltip: "Label for play button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_play_hint",
+        label: "Accessibility play hint",
+        initial_value: "Press to play content",
+        label_tooltip: "Hint for play button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_pause_label",
+        label: "Accessibility pause label",
+        initial_value: "Pause button",
+        label_tooltip: "Label for pause button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_pause_hint",
+        label: "Accessibility pause hint",
+        initial_value: "Press to pause content",
+        label_tooltip: "Hint for pause button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_down_label",
+        label: "Accessibility down label",
+        initial_value: "Minimize button",
+        label_tooltip: "Label for minimize button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_down_hint",
+        label: "Accessibility down hint",
+        initial_value: "Press to minimize player",
+        label_tooltip: "Hint for minimize button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_maximize_label",
+        label: "Accessibility maximize label",
+        initial_value: "Maximize button",
+        label_tooltip: "Label for maximize button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_maximize_hint",
+        label: "Accessibility maximize hint",
+        initial_value: "Press to maximize player",
+        label_tooltip: "Hint for maximize button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_close_label",
+        label: "Accessibility close label",
+        initial_value: "Close button",
+        label_tooltip: "Label for close button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_close_hint",
+        label: "Accessibility close hint",
+        initial_value: "Press to close player",
+        label_tooltip: "Hint for close button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_forward_label",
+        label: "Accessibility forward label",
+        initial_value: "Fast forward button",
+        label_tooltip: "Label for forward button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_forward_hint",
+        label: "Accessibility forward hint",
+        initial_value: "Press to forward content",
+        label_tooltip: "Hint for forward button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_rewind_label",
+        label: "Accessibility rewind label",
+        initial_value: "Rewind button",
+        label_tooltip: "Label for rewind button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_rewind_hint",
+        label: "Accessibility rewind hint",
+        initial_value: "Press to rewind content",
+        label_tooltip: "Hint for rewind button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_close_mini_label",
+        label: "Accessibility docked close button label",
+        initial_value: "Close mini player",
+        label_tooltip: "Label for docked close button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_close_mini_hint",
+        label: "Accessibility docked close button hint",
+        initial_value: "Press to close mini player",
+        label_tooltip: "Hint for docked close button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_pause_mini_label",
+        label: "Accessibility docked pause button label",
+        initial_value: "Pause mini player",
+        label_tooltip: "Label for docked pause button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_pause_mini_hint",
+        label: "Accessibility docked pause button hint",
+        initial_value: "Press to pause mini player",
+        label_tooltip: "Hint for docked pause button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_play_mini_label",
+        label: "Accessibility docked play button label",
+        initial_value: "Play mini player",
+        label_tooltip: "Label for docked play button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_play_mini_hint",
+        label: "Accessibility docked play button hint",
+        initial_value: "Press to play mini player",
+        label_tooltip: "Hint for docked play button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_subtitle_label",
+        label: "Accessibility subtitles label",
+        initial_value: "Subtitles button",
+        label_tooltip: "Label for subtitles button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_subtitle_hint",
+        label: "Accessibility subtitles hint",
+        initial_value: "Press to open subtitles menu",
+        label_tooltip: "Hint for subtitles button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_back_label",
+        label: "Accessibility back label",
+        initial_value: "Exit player button",
+        label_tooltip: "Label for back button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_back_hint",
+        label: "Accessibility back hint",
+        initial_value: "Press to go back",
+        label_tooltip: "Hint for back button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_fullscreen_label",
+        label: "Accessibility fullscreen label",
+        initial_value: "Fullscreen button",
+        label_tooltip: "Label for fullscreen button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_fullscreen_hint",
+        label: "Accessibility fullscreen hint",
+        initial_value: "Press to toggle fullscreen mode",
+        label_tooltip: "Hint for fullscreen button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_skip_intro_label",
+        label: "Accessibility skip intro label",
+        initial_value: "Skip intro - button",
+        label_tooltip: "Label for skip intro button accessibility",
+        type: "text_input",
+      },
+      {
+        key: "accessibility_skip_intro_hint",
+        label: "Accessibility skip intro hint",
+        initial_value: "Press to skip intro",
+        label_tooltip: "Hint for skip intro button accessibility",
+        type: "text_input",
+      },
+    ],
+  };
+
+  if (isTV(platform)) {
+    styles.fields.push(
+      fieldsGroup("Always Show Scrub Bar & Timestamp", "", [
+        {
+          key: "always_show_scrub_bar_and_timestamp",
+          label: "Always Show Scrub Bar & Timestamp",
+          initial_value: false,
+          type: "switch",
+          label_tooltip:
+            "When enabled, progress bar will always appear while playing in full screen. otherwise, progress bar will appear only when tapping and revealing all controllers",
+        },
+        {
+          section: "Default Timestamp Type",
+          key: "default_timestamp_type",
+          label: "Default Timestamp Type",
+          type: "select",
+          initial_value: "remaining_time",
+          label_tooltip:
+            "When clicking on the timestamp - users will be able to switch between both modes. this configuration only set the default mode when entering the player.",
+          options: [
+            {
+              text: "Remaining time",
+              value: "remaining_time",
+            },
+            {
+              text: "Complete Duration",
+              value: "complete_duration",
+            },
+          ],
+        },
+      ]),
+      fieldsGroup(
+        "Skip Button",
+        "This section allows you to configure the skip button styles for tv",
+        [
+          {
+            type: "switch",
+            key: "skip_button_enabled",
+            label_tooltip: "Enables Skip button on the player.",
+            label: "Enable",
+            initial_value: true,
+          },
+          {
+            type: "switch",
+            key: "skip_button_persistent",
+            label_tooltip:
+              "Show skip button always if enabled, otherwise show only when the player controls are on the screen.",
+            label: "Persistent Button Toggle",
+            initial_value: true,
+          },
+          {
+            type: "color_picker_rgba",
+            label_tooltip: "",
+            label: "Border Color",
+            key: "skip_button_style_button_border_color",
+            initial_value: "rgba(239, 239, 239, 0.5)",
+          },
+          {
+            type: "color_picker_rgba",
+            label_tooltip: "",
+            label: "Border Color Focused",
+            key: "skip_button_style_button_focused_border_color",
+            initial_value: "rgba(239, 239, 239, 1)",
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Border Width",
+            key: "skip_button_style_button_border_width",
+            initial_value: 1.5,
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Corner Radius",
+            key: "skip_button_style_button_border_radius",
+            initial_value: 10,
+          },
+          {
+            type: "color_picker_rgba",
+            label_tooltip: "",
+            label: "Background Color",
+            key: "skip_button_style_button_background_color",
+            initial_value: "rgba(0, 0, 0, 0.3)",
+          },
+          {
+            type: "color_picker_rgba",
+            label_tooltip: "",
+            label: "Background Color Focused",
+            key: "skip_button_style_button_focused_background_color",
+            initial_value: "rgba(0, 0, 0, 0)",
+          },
+          {
+            type: "color_picker_rgba",
+            label_tooltip: "",
+            label: "Font Color",
+            key: "skip_button_style_text_color",
+            initial_value: "rgba(255, 255, 255, 0.5)",
+          },
+          {
+            type: "color_picker_rgba",
+            label_tooltip: "",
+            label: "Font Color Focused",
+            key: "skip_button_style_text_focused_color",
+            initial_value: "rgba(255, 255, 255, 1)",
+          },
+          {
+            type: "lg_tv_font_selector",
+            label_tooltip: "",
+            label: "LG Font Family",
+            key: "skip_button_style_text_lg_font_family",
+            initial_value: "Ubuntu-Bold",
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "LG Font Size",
+            key: "skip_button_style_text_lg_font_size",
+            initial_value: 24,
+          },
+          {
+            type: "samsung_font_selector",
+            label_tooltip: "",
+            label: "Samsung Font Family",
+            key: "skip_button_style_text_samsung_font_family",
+            initial_value: "Ubuntu-Bold",
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Samsung Font Size",
+            key: "skip_button_style_text_samsung_font_size",
+            initial_value: 24,
+          },
+          {
+            type: "vizio_font_selector",
+            label_tooltip: "",
+            label: "Samsung Font Family",
+            key: "skip_button_style_text_vizio_font_family",
+            initial_value: "Ubuntu-Bold",
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Vizio Font Size",
+            key: "skip_button_style_text_vizio_font_size",
+            initial_value: 24,
+          },
+          {
+            type: "android_font_selector",
+            label_tooltip: "",
+            label: "Android Font Family",
+            key: "skip_button_style_text_android_font_family",
+            initial_value: "Ubuntu-Bold",
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Android Font Size",
+            key: "skip_button_style_text_android_font_size",
+            initial_value: 24,
+          },
+          {
+            type: "select",
+            options: [
+              {
+                text: "None",
+                value: "none",
+              },
+              {
+                text: "Uppercase",
+                value: "uppercase",
+              },
+              {
+                text: "Lowercase",
+                value: "lowercase",
+              },
+              {
+                text: "Capitalize",
+                value: "capitalize",
+              },
+            ],
+            label: "Text Transform",
+            key: "skip_button_style_text_text_transform",
+            initial_value: "none",
+          },
+        ]
+      )
     );
+  }
 
+  if (isMobile(platform)) {
     general.fields.push(
+      {
+        section: "Default Timestamp Type",
+        key: "default_timestamp_type",
+        label: "Default Timestamp Type",
+        type: "select",
+        initial_value: "total_duration",
+        label_tooltip:
+          "When clicking on the timestamp - users will be able to switch between both modes. this configuration only set the default mode when entering the player.",
+        options: [
+          {
+            text: "Remaining time",
+            value: "remaining_time",
+          },
+          {
+            text: "Total duration",
+            value: "total_duration",
+          },
+        ],
+      },
       {
         key: "seek_duration",
         label: "Seek duration",
-        // @ts-ignore  wrong derived value
         initial_value: 10,
         type: "number_input",
         label_tooltip: "Duration of fast forward / rewind",
@@ -101,31 +568,58 @@ function getPlayerConfiguration({ platform }) {
         label_tooltip:
           "type here the identifiers of the action buttons you want to show on the player, separated by commas. Only 2 action buttons may be added at the same time",
         type: "text_input",
-      }
-    );
-
-    if (platform.includes("ios")) {
-      general.fields.push({
+      },
+      {
+        key: "liveSeekingEnabled",
+        label: "Live Seeking Enabled",
+        initial_value: false,
+        type: "switch",
+        label_tooltip: "Enable Live Seek",
+      },
+      {
+        key: "minimumAllowedSeekableDurationInSeconds",
+        label: "Minimum allowed seekable duration in seconds",
+        initial_value: 300,
+        type: "number_input",
+        label_tooltip:
+          "If duration less that this value, player will disable 'liveSeekingEnabled' value",
+      },
+      {
         key: "pictureInPictureEnabled",
-        label: "Picture and picture enabled",
+        label: "Picture in picture enabled",
         initial_value: false,
         type: "switch",
         label_tooltip:
-          "Enable this option to have a floating video player when the app is in the background (experimental)",
-      });
-    }
+          "Enable this option to have a floating video player when the app is in the background.",
+      }
+    );
 
-    if (platform.includes("android") || platform.includes("amazon")) {
+    if (
+      platform.includes("android") ||
+      platform.includes("amazon") ||
+      platform.includes("ios") ||
+      platform.includes("tvos")
+    ) {
       general.fields.push({
         key: "user_agent",
         label: "User agent",
-        // @ts-ignore wrong derived value
         initial_value: "",
         type: "text_input",
         label_tooltip: "Override default user agent string",
       });
     }
 
+    if (platform === "android_for_quickbrick") {
+      general.fields.push({
+        key: "stop_playback_on_task_removal",
+        label: "Stop background playback on close",
+        initial_value: false,
+        type: "switch",
+        label_tooltip:
+          "Stop background playback if user swipes app away from 'Recent' screen",
+      });
+    }
+
     styles.fields.push(
       fieldsGroup(
         "Player Styles",
@@ -139,6 +633,12 @@ function getPlayerConfiguration({ platform }) {
             label_tooltip:
               "Select the background overlay color for the player. The alpha channel is ignored, and a gradient is created from the provided RGB colors",
           },
+          {
+            type: "text_input",
+            label: "Background image key",
+            key: "player_preview_image_key",
+            initial_value: "",
+          },
           {
             key: "use_video_modal",
             label: "Use video modal",
@@ -192,6 +692,21 @@ function getPlayerConfiguration({ platform }) {
               },
             ],
           },
+          {
+            type: "switch",
+            label: "Disable Mini Player (in  Inline Mode Video Modal)",
+            label_tooltip:
+              "Select whether you want to disable the mini player in the video player when in inline mode",
+            key: "disable_mini_player_when_inline",
+            initial_value: false,
+            rules: "conditional",
+            conditional_fields: [
+              {
+                key: "styles/use_video_modal",
+                condition_value: true,
+              },
+            ],
+          },
           {
             type: "switch",
             label: "Display live badge",
@@ -521,6 +1036,67 @@ function getPlayerConfiguration({ platform }) {
               },
             ],
           },
+          {
+            key: "android_pip_action_icons",
+            type: "uploader",
+            label: "Android PiP Action items",
+            label_tooltip:
+              "Upload Assets Folder Zip File, expected format: pip_play, pip_pause, pip_seek_forward, pip_seek_backward",
+          },
+          {
+            key: "speed_0_8",
+            label: "Playback Speed 0.8x",
+            type: "uploader",
+            label_tooltip: "Playback Speed 0.8x",
+            initial_value:
+              "data:image/png;base64,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",
+          },
+          {
+            key: "speed_1",
+            label: "Playback Speed 1x",
+            type: "uploader",
+            label_tooltip: "Playback Speed 1x",
+            initial_value:
+              "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI4SURBVHgB7dzhcRJBGIDhT8cCkg6SDmIHsQNLiBUYKwAqUCtIC5ZACVqBdIAdxN3JMSLecXcE8Tt5npkdJlxyf97ZcLcLRAAAAAAAAAAAAAAAAAAAAAAAAADAMb2IiViv17fl4aGMq45fub68vFwFv3kVyZWwF+VhVsZ9MFrqwANmLT1SBm5mbQ37NniWl5FMifu+PHwPcY8izQwuYa/iadbeBkeTaQbfxf64P8r4GoyS7l90h89lXJfxLRgl+23Sqox35f52WX8o/8aDcTLP4EUZrzdxOUzGGbws40MJ6/X2CDIFrhdRNeyn4GjSBBb275jKVTQHEvg/d/aB69Lo+sljGR/jADvnmEUiZx242a2qr/0XzVP35bmHkeeY7Zxj3pw3hXOfwTctz90NjdzEnbccuo0kzj1w1712b+Q9cfed9+TOOnCzSrboONwZuSfuopz3SyRx9hdZJcY8RkQeELfr2D/hNimGR55a3Cr9m+5OpcZpdqvabnNq5HpBdtPx5ynjVmbwlp6ZPLm4lcA7eiLvSh23ErjFwMjp41YCd3t85vEUBG7Rc7W8Mc+27txG4B0D426kjyzwlp64y47nU0cWuDFgEeNNdF94pY0scAxfoeq5uk4Z2Yb/yOXHqUW24X/A2vKAyGk+OGfDv13vIsaBy5onZ8P/T4NXqPZEtuGfwdaG/yp+vfF+HiNsRV5tnSPNhv9kvoSlaj75f9F2zBewAAAAAAAAAAAAAAAAAAAAAAAAwHT8BNhH51wNSx95AAAAAElFTkSuQmCC",
+          },
+          {
+            key: "speed_1_2",
+            label: "Playback Speed 1.2x",
+            type: "uploader",
+            label_tooltip: "Playback Speed 1.2x",
+            initial_value:
+              "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUjSURBVHgB7d3bUeNIFAbgA7Xv2EUCmgiWjWBNBAwRYCKYdQQrIliIYEUEw0awymDIYDQBUFC8g+eccWsulPomteTu1v9VdZlSGyP0W1KrWxciAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgPgc0Mw8Pj4u+KUt4mm5XDaUqVED5oX5gV/ea6o3vGDvaQI8Hyt+ueAir4XmbTIvNZebnAIfJWBeoCf88g/tFqjOKS/ImkbE8/FezUdBfu5o9wVsKHGHFJBs/rjIAv1E5nBHpebjX/7xI/mHK+SL8Zk/429K3G8UiNoMykItaI/UPvZ/Lic0XMmfR7wmX1GiBq/BP621slAL2j9Z60KE25KQ/6JEDdoHD9jHieD7YJ6fNe22IjpPXG5p16Bq1DT5MpyReZciv/eO5/eJEtN7E63C/Wh5myyQBU1Hu888ODi42263lx0h1Vyu1ZdDvqxd8yvTZC0uKTFDNtGm4GQhbrjc0ERUy73QVNeLxeLctAZyXcUv56R3QQkK2or+9oGHhxXtNmfXNK2Voe6SHKhdxq2muuAvUUGJCRlww+X06Ojock/7qj810+89j2fvDHUFJSZUwLIp/mPsjgsL3S7jC/mZpHdtKkOPg2VhbPYcbEuOVbs2rw35mbJROLohAdeqYRKFgF+ywlCX3GFS7010xiMwZ5rpzVSDIyEFb0WnTLWS1111fHRQU4IQ8K+0vWCvr69J9kcjYEWNHK001c5jxNIvz2XLpfdolIyEtZ/x/Pw8qIMFAdP3ExNKTXVDjl2UqruzHZgoaDdQ4RWyGuZct5/x8vJSqRGyXmYfMC88WUNMvW6nHh03q45pziG/Cdf2uU5mHbAKtzK8xfesjloz3RqyIVzRu/U+24Adwr3y7U+XfgFujOn6srUhW8K9GnJIOsuAHcMtqYfj4+O1T8gO4ZY0wOwCdgj3duhCdQ157HDFrAJ2DHdNATiELCcmrjX1QcIVswl4ynBblpB1540FC1fMImB1nFsZ3hI83JYl5LeChiuyD1jt70yt4dHCbTmGHDxckXXAKtzS8JbRw23xYMXW8hZbfb+/S5mKKVxLa7nl3a3pItiVDaGpoTs5NVf6YeW8qjuP300t3FbwKymiDLgrIJ4m3XXWfuGEwpX/p6slHTTk6AJWIzJlR5UsDDnR/tTwu7ZwGy6Vuo6qF9dTg1w6MR4eHireN3cNBwYLOcY1+MxQt5Khs661WF0/VJJZQbtrqPpquLyzvcm1h0pa1xwyjRlyjI0s29jnief0Sfl2P/r2XfuKMWDbeczRnvimdi9rTbX2ONch5N5f3hgDrgx1N8u4r/BbaaZbOzEsIRfUU3QBq0aMXEvUvKmS1m/s1+nWHdOce6gMIffeao3dyJJj10ZTp5v+beCcN0s17farsk9uHFqvFenPqAjFuPVQ813wjx/UJO+TBiRk/gz5Oxfq7w0a8AcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANif7B8Q/dOlJHI7iEJNvlcl+8tCsg5Y3R/Ldm1QuUz46aI2ud9lx+XCr1HubhOLLNdgh6eQdjn3uZNPKnIN+DP5XzQtl6ha77+Rmuw20eoOOgX5K4bcfSdWOe6Dh9yMJYobuYSUY8BDnj2Y1XMLRY4BD7lJS3LPJrTJMeAht1lK7tmENmhF/4BWdEI25C/L3qwsA1YdFj6BXcX0LOSQcu+LLvnF1g258b2XVUrmMppUcvmdfhznNlz+43Kd+2jSV0z9PFgMpokeAAAAAElFTkSuQmCC",
+          },
+          {
+            key: "speed_1_5",
+            label: "Playback Speed 1.5x",
+            type: "uploader",
+            label_tooltip: "Playback Speed 1.5x",
+            initial_value:
+              "data:image/png;base64,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",
+          },
+          {
+            key: "speed_2",
+            label: "Playback Speed 2x",
+            type: "uploader",
+            label_tooltip: "Playback Speed 2x",
+            initial_value:
+              "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQnSURBVHgB7d2PUdRAFMfxh2MBUIGxArECjwqECjwqUCowV4FYgdABVCAdSAekg7ME35pFgnOb3ZDAvmy+n5lMGJLL3dzvkuyfZCMCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA2LMnM7Hdbvd11p2ag4ODRtDLdMAa6kpnH3U61qkKrHbrp0sN/EbwiMmAfbBfdVrJMI1OZxr0leAvcwFruC7YWsY515DPBLYC1nC/6eyLTONCQz6VhXslRvg9d6pwnbX/wSyaiT1Yg6h0dhdZzZ1Xr6U9zzqHOn2QtgDW52jJhS8rAf/Q2Tqw2JWQT0JVIv/j+CnhUvaNvvZIFip7wL5+uw0sbqTdA5vINiqd/ZK2fryLbuLgtyyQhXPwYc+yTUpjhl/ne88qK1koCwGvQgs0uAtJ17duJQtlIeDQYfVWBojs6fuyUK8lP1c63hXmlOfMRZ5/newBT1WF0YJW37m8kYUy09Axgb6ABx3uSzKb7sI+vqrlqknVjsXJ9WC/HRlTpZpiG1MqZQ92zZxVYNmlJPBNpdv2z6c1cfrXjdrG1Ga/B+sX+Vln54HFV7onnUh8GytpW8O6BnVWBFrjTnJ3Xc56D/YFq1C47hCZ2mW46/y99qGlfI5QU+uhZDbbgDtt0CFJrWBeqBAWDTnSjn4jmc0y4E64oQYMF+65JPJVtU1gcTDkSLgbC71YszsHJ/QeuWuz1vK0bdfSFth2eXROTgi3FgNmFXBCuLf6xb6Xce9RSyTkuYTrzOmyWVdg6Tssu/Po0RT1z0jIjYR/YKbCdWYR8EuG23nPWsIh72IuXMd8wDnC7bx3LWkhmwzXsX7he7ZwO5+hlv6QzYbrmK0mWQjXezNyeVZW72wwEW6ktNxl9hpsc3uwfqmfZF7hOsnNmi/NVMA+3AsJh9tI24CfM9ybwP9Nhmzpzob7cEMaSbiEdoLPEWvEcH3Lg5s1c7Fy4Xss3PueoUaeKKVdeEgL1ZBmzZwsXPi+kv5eoUnoF74X+Rx9N77trArNIWQLh+hKMtOgjmVguI7/f9/h+lgyK+miuzGqwP+jjRiRkOnwN2JXh39yC1VPyFeSGQHLvwKYu3bLBd1IOwxELQP49U//28atZGahkFXJC9wcNvA+JwAAAAAAAAAAAAAAAAAAAAAAAIxWxIjvffytMW5M6e4ziO+fOTxkRNpZKjrgyGDh92oNeSOFKvbuQj9Ef8qQwrVft0hF7sEa2FpnQwdDyT78/nMoNeA7GT40RKMBv5XCFHeI9oO6VDJc5V9blBLPwWPGxcg+psbUSgx4X55uzGtNKjHgMcMcPvfItS+uxIDHDHySfdCUqVGKfkApekZSn3jWVWRrVpEB+waLIYFtSh1mqfS26FriD9U4G/KUtLlZSm9SrdM7eajnNjpd63Reem/SH2FDq35f8ateAAAAAElFTkSuQmCC",
+          },
+          {
+            key: "sleep_timer",
+            label: "Sleep Timer Default",
+            type: "uploader",
+            label_tooltip: "Sleep Timer Default",
+            initial_value: null,
+          },
+          {
+            key: "sleep_timer_active",
+            label: "Sleep Timer Active",
+            type: "uploader",
+            label_tooltip: "Sleep Timer Active",
+            initial_value: null,
+          },
         ]
       ),
       fieldsGroup(
@@ -920,6 +1496,15 @@ function getPlayerConfiguration({ platform }) {
           },
         ]
       ),
+      // Captions Menu for Mobile
+      fieldsGroup("Captions - Overlay", "Captions overlay styles", [
+        {
+          type: "switch",
+          label: "Disable captions overlay",
+          key: "disable_captions",
+          initial_value: false,
+        },
+      ]),
       fieldsGroup(
         "Player Content Subtitle",
         "this section enables you to configure the styles of the content meta data displayed on top of the player",
@@ -1300,7 +1885,7 @@ function getPlayerConfiguration({ platform }) {
             key: "scrub_color",
             label: "Scrub font color",
             type: "color_picker_rgba",
-            initial_value: "rgba(255, 255, 255, 1)",
+            initial_value: "rgba(239, 239, 239, 1)", // #EFEFEF
             label_tooltip:
               "Select the font color for the player's scrub / progress bar",
           },
@@ -1309,7 +1894,7 @@ function getPlayerConfiguration({ platform }) {
             key: "scrub_color_duration_inline",
             label: "Scrub total duration font color (inline player)",
             type: "color_picker_rgba",
-            initial_value: "rgba(255, 255, 255, 0.65)",
+            initial_value: "rgba(239, 239, 239, 0.65)", // #EFEFEF
             label_tooltip:
               "Select the font color for the player's progress bar total duration label in inline mode",
             conditional_fields: [
@@ -1324,7 +1909,7 @@ function getPlayerConfiguration({ platform }) {
             key: "scrub_fontsize_android",
             label: "Android scrub font size",
             type: "number_input",
-            initial_value: 13,
+            initial_value: 12,
             label_tooltip:
               "Select the font size for the android player's scrub / progress bar",
           },
@@ -1333,7 +1918,7 @@ function getPlayerConfiguration({ platform }) {
             key: "scrub_fontsize_ios",
             label: "iOS scrub font size",
             type: "number_input",
-            initial_value: 13,
+            initial_value: 12,
             label_tooltip:
               "Select the font size for the iOS player's scrub / progress bar",
           },
@@ -1342,7 +1927,7 @@ function getPlayerConfiguration({ platform }) {
             key: "scrub_lineheight_android",
             label: "Android scrub line height",
             type: "number_input",
-            initial_value: 16,
+            initial_value: 20,
             label_tooltip:
               "Select the line height for the android player's scrub / progress bar",
           },
@@ -1351,7 +1936,7 @@ function getPlayerConfiguration({ platform }) {
             key: "scrub_lineheight_ios",
             label: "iOS scrub line height",
             type: "number_input",
-            initial_value: 16,
+            initial_value: 20,
             label_tooltip:
               "Select the line height for the iOS player's scrub / progress bar",
           },
@@ -1360,7 +1945,7 @@ function getPlayerConfiguration({ platform }) {
             key: "scrub_letterspacing_android",
             label: "Android scrub letter spacing",
             type: "number_input",
-            initial_value: 0,
+            initial_value: -0.4,
             label_tooltip:
               "Select the letter spacing for the android player's scrub / progress bar",
           },
@@ -1369,7 +1954,7 @@ function getPlayerConfiguration({ platform }) {
             key: "scrub_letterspacing_ios",
             label: "iOS scrub letter spacing",
             type: "number_input",
-            initial_value: 0,
+            initial_value: -0.4,
             label_tooltip:
               "Select the letter spacing for the iOS player's scrub / progress bar",
           },
@@ -1448,7 +2033,7 @@ function getPlayerConfiguration({ platform }) {
           },
           {
             key: "lock_controls_when_player_opens",
-            label: "Lock controls when player opens",
+            label: "Lock controls each time the player opens",
             initial_value: false,
             type: "switch",
             label_tooltip:
@@ -1648,18 +2233,50 @@ function getPlayerConfiguration({ platform }) {
     );
   }
 
-  // ---- Web Platforms fields ---- //
-
-  // Temporary option to disable not-working track selector on JW streams
-  if (platform.includes("samsung")) {
-    styles.fields.push({
+  compact([
+    {
+      key: "liveCatchUpEnabled",
+      label: "Live Catch Up",
+      initial_value: true,
       type: "switch",
-      label: "Disable captions overlay",
-      key: "disable_captions",
-      initial_value: false,
-    });
+      label_tooltip:
+        "Seek to current live edge position after resuming from pause",
+    },
+    mobileOnly(platform, {
+      type: "number_input",
+      label_tooltip:
+        "Interval for updating live audio metadata, including the title and subtitle",
+      label: "Live Audio player info update interval",
+      key: "audio_live_player_update_interval",
+      initial_value: 60,
+    }),
+  ]).forEach((field) => {
+    general.fields.push(field);
+  });
+
+  if (isMobile(platform)) {
+    general.fields.push(
+      fieldsGroup("Always Show Scrub Bar & Timestamp", "", [
+        {
+          key: "always_show_scrub_bar_and_timestamp",
+          label: "Always Show Scrub Bar & Timestamp",
+          initial_value: false,
+          type: "switch",
+          label_tooltip:
+            "When enabled, progress bar will always appear while playing in full screen. otherwise, progress bar will appear only when tapping and revealing all controllers",
+        },
+      ]),
+      fieldsGroup(
+        "Audio Tracks",
+        "This section allows you to configure default audio track behavior for videos with multiple audio tracks",
+        audioTracksSettings
+      ),
+      fieldsGroup("Legacy configuration", "", audioPlayer)
+    );
   }
 
+  // ---- Web Platforms fields ---- //
+
   if (
     platform.includes("lg") ||
     platform.includes("samsung") ||
@@ -1668,13 +2285,19 @@ function getPlayerConfiguration({ platform }) {
     platform.includes("vizio")
   ) {
     styles.fields.push(
-      // Captions Menu
+      // Captions Menu for TV
       fieldsGroup("Captions - Overlay", "Captions overlay styles", [
+        {
+          type: "switch",
+          label: "Disable captions overlay",
+          key: "disable_captions",
+          initial_value: false,
+        },
         {
           type: "color_picker_rgba",
           label: "Video Overlay",
           key: "overlay_color",
-          initial_value: "rgba(0, 0, 0, 0.5)",
+          initial_value: "rgba(17, 17, 17, 0.5)",
         },
       ]),
       // Captions Menu - Close
@@ -1683,7 +2306,7 @@ function getPlayerConfiguration({ platform }) {
           type: "color_picker_rgba",
           label: "Background Color",
           key: "close_background_color",
-          initial_value: "rgba(16, 16, 16, 1)",
+          initial_value: "rgba(30, 30, 30, 1)",
         },
         {
           type: "color_picker_rgba",
@@ -1710,31 +2333,31 @@ function getPlayerConfiguration({ platform }) {
           type: "color_picker_rgba",
           label: "Background Color",
           key: "menu_background_color",
-          initial_value: "rgba(16, 16, 16, 1)",
+          initial_value: "rgba(30, 30, 30, 1)",
         },
         {
           type: "color_picker_rgba",
           label: "Top Gradient - Start",
           key: "menu_top_gradient_start_color",
-          initial_value: "rgba(16, 16, 16, 1)",
+          initial_value: "rgba(30, 30, 30, 1)",
         },
         {
           type: "color_picker_rgba",
           label: "Top Gradient - End",
           key: "menu_top_gradient_end_color",
-          initial_value: "rgba(16, 16, 16, 0)",
+          initial_value: "rgba(30, 30, 30, 0)",
         },
         {
           type: "color_picker_rgba",
           label: "Bottom Gradient - Start",
           key: "menu_bottom_gradient_start_color",
-          initial_value: "rgba(16, 16, 16, 1)",
+          initial_value: "rgba(30, 30, 30, 1)",
         },
         {
           type: "color_picker_rgba",
           label: "Bottom Gradient - End",
           key: "menu_bottom_gradient_end_color",
-          initial_value: "rgba(16, 16, 16, 0)",
+          initial_value: "rgba(30, 30, 30, 0)",
         },
       ]),
       // Captions Menu - Header Text Label
@@ -1752,7 +2375,7 @@ function getPlayerConfiguration({ platform }) {
             type: "lg_font_selector",
             label: "LG Font Family",
             key: "menu_header_lg_font_family",
-            initial_value: "Museo-Bold",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
@@ -1776,7 +2399,7 @@ function getPlayerConfiguration({ platform }) {
             type: "samsung_font_selector",
             label: "Samsung Font Family",
             key: "menu_header_samsung_font_family",
-            initial_value: "SmsungOneUI-Bold",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
@@ -1800,7 +2423,7 @@ function getPlayerConfiguration({ platform }) {
             type: "vizio_font_selector",
             label: "Vizio Font Family",
             key: "menu_header_vizio_font_family",
-            initial_value: "SmsungOneUI-Bold",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
@@ -1855,7 +2478,7 @@ function getPlayerConfiguration({ platform }) {
             type: "lg_font_selector",
             label: "LG Font Family",
             key: "menu_item_lg_font_family",
-            initial_value: "Museo-Bold",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
@@ -1879,7 +2502,7 @@ function getPlayerConfiguration({ platform }) {
             type: "samsung_font_selector",
             label: "Samsung Font Family",
             key: "menu_item_samsung_font_family",
-            initial_value: "SmsungOneUI-Bold",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
@@ -1903,7 +2526,7 @@ function getPlayerConfiguration({ platform }) {
             type: "vizio_font_selector",
             label: "Vizio Font Family",
             key: "menu_item_vizio_font_family",
-            initial_value: "SmsungOneUI-Bold",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
@@ -1964,7 +2587,7 @@ function getPlayerConfiguration({ platform }) {
             type: "number_input",
             label: "Border Thickness",
             key: "menu_item_border_thickness",
-            initial_value: 5,
+            initial_value: 4,
           },
         ]
       ),
@@ -1986,8 +2609,17 @@ function getPlayerConfiguration({ platform }) {
 
   // ---- TV fields ---- //
 
-  if (getDevice(platform) === "tv") {
+  if (isTV(platform)) {
     styles.fields.push(
+      fieldsGroup("Component Styles", "Component Styles", [
+        {
+          type: "number_input",
+          label: "TV component container height",
+          key: "tv_component_container_height",
+          label_tooltip: "TV component container height in px",
+          initial_value: 400,
+        },
+      ]),
       // Scrub colors
       fieldsGroup(
         "Scrub bar",
@@ -1998,7 +2630,7 @@ function getPlayerConfiguration({ platform }) {
             key: "scrub_total",
             label: "Scrub bar color",
             type: "color_picker_rgba",
-            initial_value: "rgba(255, 255, 255, 0.35)",
+            initial_value: "rgba(239, 239, 239, 0.35)",
             label_tooltip:
               "Select the bar color for the player's scrub / progress bar",
           },
@@ -2007,7 +2639,7 @@ function getPlayerConfiguration({ platform }) {
             key: "scrub_buffer",
             label: "Scrub bar buffer color",
             type: "color_picker_rgba",
-            initial_value: "rgba(255, 255, 255, 0.8)",
+            initial_value: "rgba(239, 239, 239, 0.65)",
             label_tooltip:
               "Select the buffer bar color for the player's scrub / progress bar",
           },
@@ -2016,7 +2648,7 @@ function getPlayerConfiguration({ platform }) {
             key: "scrub_progress",
             label: "Scrub bar progress color",
             type: "color_picker_rgba",
-            initial_value: "rgba(4, 207, 153, 1)",
+            initial_value: "rgba(254, 20, 72, 1)",
             label_tooltip:
               "Select the progress bar color for the player's scrub / progress bar",
           },
@@ -2025,7 +2657,7 @@ function getPlayerConfiguration({ platform }) {
             key: "scrub_handle",
             label: "Scrub bar handle color",
             type: "color_picker_rgba",
-            initial_value: "rgba(255, 255, 255, 1)",
+            initial_value: "rgba(239, 239, 239, 1)",
             label_tooltip:
               "Select the bar handle / marker color for the player's scrub / progress bar",
           },
@@ -2046,25 +2678,25 @@ function getPlayerConfiguration({ platform }) {
             type: "lg_tv_font_selector",
             label: "LG Font Family",
             key: "lg_tv_video_player_title_font_family",
-            initial_value: "Museo-Bold",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
             label: "LG Font Size",
             key: "lg_tv_video_player_title_font_size",
-            initial_value: 64,
+            initial_value: 58,
           },
           {
             type: "samsung_font_selector",
             label: "Samsung Font Family",
             key: "samsung_tv_video_player_title_font_family",
-            initial_value: "SamsungOne-800",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
             label: "Samsung Font Size",
             key: "samsung_tv_video_player_title_font_size",
-            initial_value: 64,
+            initial_value: 58,
           },
           {
             type: "vizio_font_selector",
@@ -2076,43 +2708,43 @@ function getPlayerConfiguration({ platform }) {
             type: "number_input",
             label: "Vizio Font Size",
             key: "vizio_video_player_title_font_size",
-            initial_value: 64,
+            initial_value: 58,
           },
           {
             type: "tvos_font_selector",
             label: "tvOS Font Family",
             key: "tv_os_video_player_title_font_family",
-            initial_value: "SFProText-Medium",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
             label: "tvOS Font Size",
             key: "tv_os_video_player_title_font_size",
-            initial_value: 48,
+            initial_value: 58,
           },
           {
             type: "android_font_selector",
             label: "Android TV Font Family",
             key: "android_tv_video_player_title_font_family",
-            initial_value: "Roboto-Bold",
-          },
-          {
-            type: "android_font_selector",
-            label: "Fire TV Font Family",
-            key: "amazon_video_player_title_font_family",
-            initial_value: "Roboto-Bold",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
             label: "Android TV Font Size",
             key: "android_tv_video_player_title_font_size",
-            initial_value: 50,
+            initial_value: 58,
+          },
+          {
+            type: "android_font_selector",
+            label: "Fire TV Font Family",
+            key: "amazon_video_player_title_font_family",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
             label: "Fire TV Font Size",
             key: "amazon_video_player_title_font_size",
-            initial_value: 50,
+            initial_value: 58,
           },
         ]
       ),
@@ -2131,7 +2763,7 @@ function getPlayerConfiguration({ platform }) {
             type: "lg_tv_font_selector",
             label: "LG Font Family",
             key: "lg_tv_video_player_summary_font_family",
-            initial_value: "Museo-Bold",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
@@ -2143,7 +2775,7 @@ function getPlayerConfiguration({ platform }) {
             type: "samsung_font_selector",
             label: "Samsung Font Family",
             key: "samsung_tv_video_player_summary_font_family",
-            initial_value: "SamsungOne-800",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
@@ -2155,7 +2787,7 @@ function getPlayerConfiguration({ platform }) {
             type: "vizio_font_selector",
             label: "Vizio Font Family",
             key: "vizio_video_player_summary_font_family",
-            initial_value: "Ubuntu-Bold",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
@@ -2167,37 +2799,37 @@ function getPlayerConfiguration({ platform }) {
             type: "tvos_font_selector",
             label: "tvOS Font Family",
             key: "tv_os_video_player_summary_font_family",
-            initial_value: "SFProText-Medium",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "tvOS Font Size",
             key: "tv_os_video_player_summary_font_size",
-            initial_value: 24,
+            initial_value: 30,
           },
           {
             type: "android_font_selector",
             label: "Android TV Font Family",
             key: "android_tv_video_player_summary_font_family",
-            initial_value: "Roboto-Medium",
-          },
-          {
-            type: "android_font_selector",
-            label: "Fire TV Font Family",
-            key: "amazon_video_player_summary_font_family",
-            initial_value: "Roboto-Medium",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "Android TV Font Size",
             key: "android_tv_video_player_summary_font_size",
-            initial_value: 25,
+            initial_value: 30,
+          },
+          {
+            type: "android_font_selector",
+            label: "Fire TV Font Family",
+            key: "amazon_video_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "Fire TV Font Size",
             key: "amazon_video_player_summary_font_size",
-            initial_value: 25,
+            initial_value: 30,
           },
         ]
       ),
@@ -2206,65 +2838,71 @@ function getPlayerConfiguration({ platform }) {
         "Audio Player - Title Text",
         "Audio Player Title Text Label Styles",
         [
+          {
+            key: "audio_player_title_color",
+            label: "Audio player title color",
+            type: "color_picker_rgba",
+            initial_value: "rgba(239, 239, 239, 1)",
+          },
           {
             type: "lg_tv_font_selector",
             label: "LG Font Family",
             key: "lg_tv_audio_player_title_font_family",
-            initial_value: "Museo-Bold",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
             label: "LG Font Size",
             key: "lg_tv_audio_player_title_font_size",
-            initial_value: 38,
+            initial_value: 40,
           },
           {
             type: "samsung_font_selector",
             label: "Samsung Font Family",
             key: "samsung_tv_audio_player_title_font_family",
-            initial_value: "SamsungOne-800",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
             label: "Samsung Font Size",
             key: "samsung_tv_audio_player_title_font_size",
-            initial_value: 38,
+            initial_value: 40,
           },
           {
             type: "vizio_font_selector",
             label: "Vizio Font Family",
-            key: "vizio_tv_audio_player_title_font_family",
+            key: "vizio_audio_player_title_font_family",
             initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
             label: "Vizio Font Size",
             key: "vizio_audio_player_title_font_size",
-            initial_value: 38,
+            initial_value: 40,
           },
           {
             type: "tvos_font_selector",
             label: "tvOS Font Family",
             key: "tv_os_audio_player_title_font_family",
-            initial_value: "SFProText-Medium",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
             label: "tvOS Font Size",
             key: "tv_os_audio_player_title_font_size",
-            initial_value: 38,
+            initial_value: 40,
           },
           {
             type: "android_font_selector",
             label: "Android TV Font Family",
             key: "android_tv_audio_player_title_font_family",
-            initial_value: "Roboto-Bold",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
             label: "Android TV Font Size",
             key: "android_tv_audio_player_title_font_size",
-            initial_value: 50,
+            initial_value: 40,
           },
         ]
       ),
@@ -2273,65 +2911,117 @@ function getPlayerConfiguration({ platform }) {
         "Audio Player - Summary Text",
         "Audio Player Summary Text Label Styles",
         [
+          {
+            key: "audio_player_summary_color",
+            label: "Audio player summary color",
+            type: "color_picker_rgba",
+            initial_value: "rgba(239, 239, 239, 0.8)",
+          },
           {
             type: "lg_tv_font_selector",
             label: "LG Font Family",
             key: "lg_tv_audio_player_summary_font_family",
-            initial_value: "Museo-Bold",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "LG Font Size",
             key: "lg_tv_audio_player_summary_font_size",
-            initial_value: 20,
+            initial_value: 22,
           },
           {
             type: "samsung_font_selector",
             label: "Samsung Font Family",
             key: "samsung_tv_audio_player_summary_font_family",
-            initial_value: "SamsungOne-800",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "Samsung Font Size",
             key: "samsung_tv_audio_player_summary_font_size",
-            initial_value: 20,
+            initial_value: 22,
           },
           {
             type: "vizio_font_selector",
             label: "Vizio Font Family",
             key: "vizio_audio_player_summary_font_family",
-            initial_value: "Ubuntu-Bold",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "Vizio Font Size",
             key: "vizio_audio_player_summary_font_size",
-            initial_value: 20,
+            initial_value: 22,
           },
           {
             type: "tvos_font_selector",
             label: "tvOS Font Family",
             key: "tv_os_audio_player_summary_font_family",
-            initial_value: "SFProText-Medium",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "tvOS Font Size",
             key: "tv_os_audio_player_summary_font_size",
-            initial_value: 20,
+            initial_value: 22,
           },
           {
             type: "android_font_selector",
             label: "Android TV Font Family",
             key: "android_tv_audio_player_summary_font_family",
-            initial_value: "Roboto-Medium",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "Android TV Font Size",
             key: "android_tv_audio_player_summary_font_size",
-            initial_value: 25,
+            initial_value: 22,
+          },
+        ]
+      ),
+      fieldsGroup(
+        "Audio Player Background",
+        "This section allows you to configure the audio player layout",
+        [
+          {
+            key: "audio_player_background_color",
+            label: "Background Color",
+            label_tooltip:
+              "Set a background color using hex format and opacity. If left empty, the default color from the app’s theme will be used.",
+            type: "color_picker_rgba",
+            initial_value: "rgba(17, 17, 17, 1)",
+          },
+          {
+            key: "audio_player_background_image",
+            label: "Background Image",
+            label_tooltip:
+              "Upload a background image for the audio player. If no image is provided, the background color will be used as a fallback.",
+            type: "uploader",
+            default: "",
+          },
+          {
+            key: "audio_player_background_image_overlay",
+            label: "Background Image Overlay",
+            label_tooltip:
+              "Add a semi-transparent color overlay to improve text readability over the background image.",
+            type: "color_picker_rgba",
+            initial_value: "rgba(17, 17, 17, 0.5)",
+          },
+          {
+            type: "text_input",
+            label: "Item Image Key",
+            key: "audio_player_artwork_image_key",
+            label_tooltip:
+              "Define the key used to fetch the item’s image. If left empty, a default image will be shown.",
+            initial_value: "image_base",
+          },
+          {
+            key: "audio_player_artwork_border_radius",
+            label: "Item Image Corner Radius",
+            label_tooltip:
+              "Set the corner radius (in pixels) for item images. Leave empty for sharp corners (0px).",
+            type: "number_input",
+            initial_value: 16,
           },
         ]
       ),
@@ -2344,7 +3034,7 @@ function getPlayerConfiguration({ platform }) {
             type: "lg_tv_font_selector",
             label: "LG Font Family",
             key: "lg_tv_player_time_font_family",
-            initial_value: "Museo-Bold",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
@@ -2356,7 +3046,7 @@ function getPlayerConfiguration({ platform }) {
             type: "samsung_font_selector",
             label: "Samsung Font Family",
             key: "samsung_tv_player_time_font_family",
-            initial_value: "SamsungOne-800",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
@@ -2367,12 +3057,12 @@ function getPlayerConfiguration({ platform }) {
           {
             type: "vizio_font_selector",
             label: "Vizio Font Family",
-            key: "vizio_player_time_font_family",
-            initial_value: "Ubuntu-Bold",
+            key: "vizio_tv_player_time_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
-            label: "Vizio Font Size",
+            label: "vizio Font Size",
             key: "vizio_player_time_font_size",
             initial_value: 20,
           },
@@ -2380,7 +3070,7 @@ function getPlayerConfiguration({ platform }) {
             type: "android_font_selector",
             label: "Android TV Font Family",
             key: "android_tv_player_time_font_family",
-            initial_value: "Roboto-Bold",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
@@ -2392,7 +3082,7 @@ function getPlayerConfiguration({ platform }) {
             type: "android_font_selector",
             label: "Fire TV Font Family",
             key: "amazon_player_time_font_family",
-            initial_value: "Roboto-Bold",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
@@ -2411,7 +3101,7 @@ function getPlayerConfiguration({ platform }) {
             type: "lg_tv_font_selector",
             label: "LG Font Family",
             key: "lg_tv_audio_player_run_time_font_family",
-            initial_value: "Museo-Bold",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
@@ -2423,7 +3113,7 @@ function getPlayerConfiguration({ platform }) {
             type: "samsung_font_selector",
             label: "Samsung Font Family",
             key: "samsung_tv_audio_player_run_time_font_family",
-            initial_value: "SamsungOne-800",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
@@ -2435,7 +3125,7 @@ function getPlayerConfiguration({ platform }) {
             type: "vizio_font_selector",
             label: "Vizio Font Family",
             key: "vizio_audio_player_run_time_font_family",
-            initial_value: "Ubuntu-Bold",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
@@ -2447,7 +3137,7 @@ function getPlayerConfiguration({ platform }) {
             type: "tvos_font_selector",
             label: "tvOS Font Family",
             key: "tv_os_audio_player_run_time_font_family",
-            initial_value: "SFProText-Medium",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
@@ -2459,13 +3149,13 @@ function getPlayerConfiguration({ platform }) {
             type: "android_font_selector",
             label: "Android TV Font Family",
             key: "android_tv_audio_player_run_time_font_family",
-            initial_value: "Roboto-Medium",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "Android TV Font Size",
             key: "android_tv_audio_player_run_time_font_size",
-            initial_value: 25,
+            initial_value: 20,
           },
         ]
       ),
@@ -2481,7 +3171,7 @@ function getPlayerConfiguration({ platform }) {
           type: "color_picker_rgba",
           label: "Background color",
           key: "button_background_color",
-          initial_value: "rgba(255, 255, 255, 0)",
+          initial_value: "rgba(0, 0, 0, 0)",
         },
         {
           type: "color_picker_rgba",
@@ -2493,7 +3183,7 @@ function getPlayerConfiguration({ platform }) {
           type: "color_picker_rgba",
           label: "Focused background color",
           key: "button_focused_background_color",
-          initial_value: "rgba(239, 239, 239, 1)",
+          initial_value: "rgba(0, 0, 0, 0)",
         },
       ]),
       // Player progress bar
@@ -2502,70 +3192,433 @@ function getPlayerConfiguration({ platform }) {
           type: "color_picker_rgba",
           label: "Background color",
           key: "progress_bar_background_color",
-          initial_value: "rgba(239, 239, 239, 1)",
+          initial_value: "rgba(254, 20, 72, 1)",
         },
       ])
     );
   }
 
-  // ---- Audio player background - TV & mobile ---- //
+  // ---- Audio player (mobile) ---- //
 
-  styles.fields.push(
-    fieldsGroup(
-      "Audio Player",
-      "This section allows you to configure the audio player layout",
-      [
-        {
-          key: "audio_player_background_color",
-          label: "Audio player background color",
-          type: "colorpicker",
-          initial_value: "#00000066",
-        },
-        {
-          key: "audio_player_title_color",
-          label: "Audio player title color",
-          type: "colorpicker",
-          initial_value: "#efefefcc",
-        },
-        {
-          key: "audio_player_summary_color",
-          label: "Audio player summary color",
-          type: "colorpicker",
-          initial_value: "#efefefcc",
-        },
-        {
-          key: "audio_player_background_image",
-          type: "uploader",
-          default: "https://i.imgur.com/USTctfL.png",
-        },
-        {
-          key: "audio_player_artwork_aspect_ratio",
-          label: "Audio Player Artwork Aspect Ratio",
-          initial_value: "16:9",
-          type: "dropdown",
-          options: ["1:1", "4:3", "16:9", ""],
-          multiple: false,
-          label_tooltip: "Choose the default aspect ratio for the artwork",
-        },
-        {
-          key: "audio_player_artwork_border_radius",
-          label: "Audio Player Artwork Corner Radius",
-          type: "number_input",
-          initial_value: 16,
-        },
-      ]
-    )
-  );
+  if (isMobile(platform)) {
+    styles.fields.push(
+      fieldsGroup(
+        "Audio Player",
+        "This section allows you to configure the audio player layout",
+        [
+          {
+            key: "full_screen_audio_player",
+            label: "Use audio player layout",
+            initial_value: true,
+            type: "switch",
+            label_tooltip:
+              "When disabled, audio playback will be shown in the video player layout instead",
+          },
+          {
+            type: "text_input",
+            label: "Image key",
+            key: "audio_player_image_key",
+            label_tooltip:
+              "Specify a key where we could find the image in your entry",
+            initial_value: "image_base",
+          },
+          {
+            key: "audio_player_background_image",
+            label: "Static image",
+            label_tooltip:
+              "If no image key is configured, or no image is found in the feed — this static image will be used instead.",
+            type: "uploader",
+            default: "",
+          },
+          {
+            key: "audio_player_artwork_border_radius",
+            label_tooltip:
+              "Adjust the corner radius of the artwork image in the audio player",
+            label: "Image Corner Radius",
+            type: "number_input",
+            initial_value: 16,
+            rules: "conditional",
+            conditional_fields: [
+              {
+                key: "styles/full_screen_audio_player",
+                condition_value: true,
+              },
+            ],
+          },
+          {
+            key: "audio_player_artwork_shadow_enabled",
+            label: "Image Shadow Enabled",
+            type: "switch",
+            initial_value: true,
+            rules: "conditional",
+            conditional_fields: [
+              {
+                key: "styles/full_screen_audio_player",
+                condition_value: true,
+              },
+            ],
+          },
+        ]
+      )
+    );
+  }
+
+  if (isTV(platform)) {
+    general.fields.push(
+      fieldsGroup(
+        "Samsung and LG TV only",
+        "This section allows you to configure advanced settings for Samsung and LG TV",
+        [
+          {
+            key: "use_legacy_player",
+            label: "Use Enhanced Player",
+            initial_value: true,
+            type: "switch",
+            label_tooltip:
+              "When this option is enabled, the app will use the web optimized / enhanced player on LG, Samsung, and the browser",
+          },
+          {
+            key: "limit_video_resolution",
+            label: "Limit Video Resolution For Old LG/Samsung TVs",
+            initial_value: false,
+            type: "switch",
+            label_tooltip:
+              "The player will use 1280x720 resolution and lower for old LG/Samsung TVs(2021 and lower) to avoid player buffering issue",
+          },
+          {
+            key: "show_debug_overlay",
+            label: "Show Debug Overlay",
+            initial_value: false,
+            type: "switch",
+            label_tooltip:
+              "When this option is enabled, you will have an overlay showing some important stats about the player and content",
+          },
+          {
+            key: "force_recovery_in_unknown_errors",
+            label: "Force Recovery On Unknown Errors",
+            initial_value: false,
+            type: "switch",
+            label_tooltip:
+              "When this option is enabled, player will try to recover from unknown errors by reloading the player",
+          },
+          {
+            key: "advanced_player_config",
+            label: "Advanced Player Configuration",
+            type: "text_input",
+            multiline: true,
+            initial_value:
+              "{ html5: { vhs: { limitRenditionByPlayerDimensions: true } } }",
+            label_tooltip:
+              "This field allows you to override the player configuration / initialization options. i.e. html5: { vhs: { limitRenditionByPlayerDimensions: false } } Please ensure your configuration matches the player you are targeting, and that it is a valid json. See config options here: https://videojs.com/guides/options/",
+          },
+          {
+            key: "use_dashjs_player",
+            label: "Use Enhanced Player for DASH streams",
+            initial_value: true,
+            type: "switch",
+            label_tooltip:
+              "When this option is enabled, the app will use the dash.js player for MPEG-DASH streams on LG / Samsung TV and in the browser",
+          },
+          {
+            key: "use_hlsjs_player",
+            label: "Use Enhanced Player for HLS streams",
+            initial_value: false,
+            type: "switch",
+            label_tooltip:
+              "When this option is enabled, the app will use the hls.js player for HLS streams on LG / Samsung TV and in the browser",
+          },
+          {
+            key: "use_hlsjs_subtitles",
+            label: "Use HLS JS subtitles",
+            initial_value: false,
+            type: "switch",
+            label_tooltip:
+              "When this option is enabled, the app will use hls.js player funtionality to display subtitles. Otherwise, it will render them in a custom component",
+            rules: "conditional",
+            conditional_fields: [
+              {
+                key: "general/use_hlsjs_player",
+                condition_value: true,
+              },
+            ],
+          },
+        ]
+      ),
+      fieldsGroup(
+        "Audio Tracks",
+        "This section allows you to configure default audio track behavior for videos with multiple audio tracks",
+        audioTracksSettings
+      ),
+      fieldsGroup("Legacy configuration", "", audioPlayer)
+    );
+  }
+
+  if (isMobile(platform)) {
+    styles.fields.push(
+      fieldsGroup(
+        "Skip Button",
+        "This section allows you to configure the skip button styles",
+        [
+          {
+            type: "switch",
+            key: "skip_button_enabled",
+            label_tooltip: "Enables Skip button on the player.",
+            label: "Enable",
+            initial_value: true,
+          },
+          {
+            type: "switch",
+            key: "skip_button_persistent",
+            label_tooltip:
+              "Show skip button always if enabled, otherwise show only when the user taps on the screen.",
+            label: "Persistent Button Toggle",
+            initial_value: true,
+          },
+          {
+            type: "color_picker_rgba",
+            label_tooltip: "",
+            label: "Background Color",
+            key: "skip_button_style_button_background_color",
+            initial_value: "rgba(0, 0, 0, 0.3)",
+          },
+          {
+            type: "color_picker_rgba",
+            label_tooltip: "",
+            label: "Background Color Pressed",
+            key: "skip_button_style_button_pressed_background_color",
+            initial_value: "rgba(0, 0, 0, 0.3)",
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Border Width",
+            key: "skip_button_style_button_border_width",
+            initial_value: 1.5,
+          },
+          {
+            type: "color_picker_rgba",
+            label_tooltip: "",
+            label: "Border Color",
+            key: "skip_button_style_button_border_color",
+            initial_value: "rgba(255, 255, 255, 1)",
+          },
+          {
+            type: "color_picker_rgba",
+            label_tooltip: "",
+            label: "Border Color Pressed",
+            key: "skip_button_style_button_pressed_border_color",
+            initial_value: "rgba(255, 255, 255, 0.5)",
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Corner Radius",
+            key: "skip_button_style_button_border_radius",
+            initial_value: 4,
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Margin Top",
+            key: "skip_button_style_button_margin_top",
+            initial_value: 0,
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Margin Right",
+            key: "skip_button_style_button_margin_right",
+            initial_value: 8,
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Margin Bottom",
+            key: "skip_button_style_button_margin_bottom",
+            initial_value: 0,
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Margin Left",
+            key: "skip_button_style_button_margin_left",
+            initial_value: 0,
+          },
+          {
+            type: "android_font_selector",
+            label_tooltip: "",
+            label: "Android Font Family",
+            key: "skip_button_style_text_android_font_family",
+            initial_value: "Roboto-Medium",
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Android Font Size",
+            key: "skip_button_style_text_android_font_size",
+            initial_value: 12,
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Android Letter Spacing",
+            key: "skip_button_style_text_android_letter_spacing",
+            initial_value: 0,
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Android Line Height",
+            key: "skip_button_style_text_android_line_height",
+            initial_value: 20,
+          },
+          {
+            type: "ios_font_selector",
+            label_tooltip: "",
+            label: "iOS Font Family",
+            key: "skip_button_style_text_ios_font_family",
+            initial_value: "SFProText-Semibold",
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "iOS Font Size",
+            key: "skip_button_style_text_ios_font_size",
+            initial_value: 12,
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "iOS Letter Spacing",
+            key: "skip_button_style_text_ios_letter_spacing",
+            initial_value: -0.2,
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "iOS Line Height",
+            key: "skip_button_style_text_ios_line_height",
+            initial_value: 20,
+          },
+          {
+            type: "color_picker_rgba",
+            label_tooltip: "",
+            label: "Font Color",
+            key: "skip_button_style_text_color",
+            initial_value: "rgba(255, 255, 255, 1)",
+          },
+          {
+            type: "color_picker_rgba",
+            label_tooltip: "",
+            label: "Font Color Pressed",
+            key: "skip_button_style_text_pressed_color",
+            initial_value: "rgba(255, 255, 255, 0.5)",
+          },
+          {
+            type: "select",
+            options: [
+              {
+                text: "None",
+                value: "none",
+              },
+              {
+                text: "Uppercase",
+                value: "uppercase",
+              },
+              {
+                text: "Lowercase",
+                value: "lowercase",
+              },
+              {
+                text: "Capitalize",
+                value: "capitalize",
+              },
+            ],
+            label: "Text Transform",
+            key: "skip_button_style_text_text_transform",
+            initial_value: "none",
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Padding Top",
+            key: "skip_button_style_text_padding_top",
+            initial_value: 7,
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Padding Right",
+            key: "skip_button_style_text_padding_right",
+            initial_value: 10,
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Padding Bottom",
+            key: "skip_button_style_text_padding_bottom",
+            initial_value: 7,
+          },
+          {
+            type: "number_input",
+            label_tooltip: "",
+            label: "Padding Left",
+            key: "skip_button_style_text_padding_left",
+            initial_value: 10,
+          },
+        ]
+      )
+    );
+  }
 
-  return {
+  const customConfigurationWarning = {
+    label:
+      "These fields are deprecated and now moved to screen configuration inside the Studio. If you have your player setup as a screen in Studio, these fields will be overwritten with a screen configuration.",
+    type: "link",
+  };
+
+  const manifest = {
     styles,
     general,
     localizations,
-    custom_configuration_fields: remapConditionalFieldsForPluginGallery(
-      ...styles.fields,
-      ...general.fields
-    ),
+    custom_configuration_fields: [
+      customConfigurationWarning,
+      ...remapConditionalFieldsForPluginGallery(
+        ...styles.fields,
+        ...general.fields
+      ),
+    ],
   };
+
+  if (platform.includes("android") || platform.includes("amazon")) {
+    manifest.npm_dependencies = [
+      `@applicaster/zapp-react-native-default-player@${version}`,
+    ];
+
+    manifest.project_dependencies = [
+      {
+        "zapp-react-native-default-player":
+          "node_modules/@applicaster/zapp-react-native-default-player/android",
+      },
+    ];
+
+    manifest.extra_dependencies = [];
+  }
+
+  if (platform.includes("ios") || platform.includes("tvos")) {
+    manifest.npm_dependencies = [
+      `@applicaster/zapp-react-native-default-player@${version}`,
+    ];
+
+    manifest.extra_dependencies = [
+      {
+        DefaultPlayer:
+          ":path =\u003e './node_modules/@applicaster/zapp-react-native-default-player/apple/DefaultPlayer.podspec'",
+      },
+    ];
+  }
+
+  return manifest;
 }
 
 const player = (options) => getPlayerConfiguration(options);