@applicaster/zapp-react-native-utils 14.0.0-rc.9 → 15.0.0-alpha.1089439460

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: [
+      {
+        type: "text_input",
+        label: "Playback Speed Modal Title",
+        key: "playback_speed_title",
+        initial_value: "Playback Speed Modal Title",
       },
       {
-        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: "Sleep Timer Modal Title",
+        key: "playback_sleep_title",
+        initial_value: "Sleep Timer 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 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,378 +134,642 @@ function getPlayerConfiguration({ platform }) {
         label: "Unlock message",
         key: "message_unlock",
         initial_value: "Tap again to unlock screen",
-      }
-    );
-
-    general.fields.push(
+      },
       {
-        key: "seek_duration",
-        label: "Seek duration",
-        // @ts-ignore  wrong derived value
-        initial_value: 10,
-        type: "number_input",
-        label_tooltip: "Duration of fast forward / rewind",
+        key: "accessibility_play_label",
+        label: "Accessibility play label",
+        initial_value: "Play button",
+        label_tooltip: "Label for play button accessibility",
+        type: "text_input",
       },
       {
-        key: "nowPlayingEnabled",
-        label: "Now Playing enabled",
-        initial_value: false,
-        type: "switch",
-        label_tooltip:
-          "Enable this option to keep video and audio content playing in the background. Please know that on Android it has to be enabled in the plugin and for iOS on the player screen.",
+        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: "player_action_buttons",
-        label: "Player action buttons",
-        initial_value: null,
-        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",
+        key: "accessibility_pause_label",
+        label: "Accessibility pause label",
+        initial_value: "Pause button",
+        label_tooltip: "Label for pause button accessibility",
         type: "text_input",
-      }
-    );
-
-    if (platform.includes("ios")) {
-      general.fields.push({
-        key: "pictureInPictureEnabled",
-        label: "Picture and 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)",
-      });
-    }
-
-    if (platform.includes("android") || platform.includes("amazon")) {
-      general.fields.push({
-        key: "user_agent",
-        label: "User agent",
-        // @ts-ignore wrong derived value
-        initial_value: "",
+      },
+      {
+        key: "accessibility_pause_hint",
+        label: "Accessibility pause hint",
+        initial_value: "Press to pause content",
+        label_tooltip: "Hint for pause button accessibility",
         type: "text_input",
-        label_tooltip: "Override default user agent string",
-      });
-    }
+      },
+      {
+        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(
-        "Player Styles",
-        "This section allows you to configure the main styles of the player",
+        "Partial Player (Roku only)",
+        "This section allows you to configure width and height of video player in Partial Player",
         [
           {
-            key: "overlay_color",
-            label: "Player overlay color",
-            type: "color_picker_rgba",
-            initial_value: "rgba(0, 0, 0, 0)",
-            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",
+            key: "video_theater_width",
+            label: "Width of player",
+            type: "number_input",
+            initial_value: 1420,
+            placeholder: "1420",
           },
           {
-            key: "use_video_modal",
-            label: "Use video modal",
-            initial_value: false,
-            type: "switch",
-            label_tooltip:
-              "Select whether you want to present player inside the video modal",
+            key: "video_theater_height",
+            label: "Height of player",
+            type: "number_input",
+            initial_value: 900,
+            placeholder: "900",
           },
           {
-            type: "switch",
-            label: "Disable Fullscreen Mode",
-            tooltip:
-              "Removes the ability to play the media content in fullscreen",
-            key: "disable_fullscreen",
-            initial_value: false,
-            rules: "conditional",
-            conditional_fields: [
-              {
-                key: "styles/use_video_modal",
-                condition_value: true,
-              },
-            ],
+            key: "full_screen_button_offset_x",
+            label: "Fullscreen button X",
+            type: "number_input",
+            initial_value: 160,
+            placeholder: "160",
           },
           {
-            type: "switch",
-            label: "Inline Player Close Button",
-            tooltip:
-              "Select whether you want to include a close button in the inline player mode",
-            key: "inline_player_close_button_enabled",
-            initial_value: false,
-            rules: "conditional",
-            conditional_fields: [
-              {
-                key: "styles/use_video_modal",
-                condition_value: true,
-              },
-            ],
+            key: "full_screen_button_offset_y",
+            label: "Fullscreen button Y",
+            type: "number_input",
+            initial_value: 160,
+            placeholder: "160",
           },
           {
-            type: "switch",
-            label: "Fullscreen Player Close Button",
-            tooltip:
-              "Select whether you want to include a close button in the fullscreen player mode",
-            key: "fullscreen_player_close_button_enabled",
-            initial_value: false,
-            rules: "conditional",
-            conditional_fields: [
-              {
-                key: "styles/use_video_modal",
-                condition_value: true,
-              },
-            ],
+            key: "full_screen_button_w",
+            label: "Fullscreen button width",
+            type: "number_input",
+            initial_value: 120,
+            placeholder: "120",
           },
           {
-            type: "switch",
-            label: "Display live badge",
-            tooltip:
-              "Select whether you want to include a badge for live content",
-            key: "live_badge_enabled",
-            initial_value: true,
+            key: "full_screen_button_h",
+            label: "Fullscreen button height",
+            type: "number_input",
+            initial_value: 120,
+            placeholder: "120",
           },
           {
-            type: "number_input",
-            label: "Minimised height (Mobile)",
-            tooltip: "Height of the minimised modal - Applies only to mobile",
-            key: "minimised_height",
-            initial_value: 60,
-            rules: "conditional",
-            conditional_fields: [
-              {
-                key: "styles/use_video_modal",
-                condition_value: true,
-              },
-            ],
+            key: "full_screen_button_background_color",
+            type: "color_picker",
+            label: "Fullscreen Button background color",
+            initial_value: "#00000000",
+            placeholder: "color",
+            label_tooltip: "Pick Color",
           },
           {
-            type: "number_input",
-            label: "Minimised height (Tablet)",
-            tooltip: "Height of the minimised modal - Applies only to Tablets",
-            key: "minimised_height_tablet",
-            initial_value: 64,
-            rules: "conditional",
-            conditional_fields: [
-              {
-                key: "styles/use_video_modal",
-                condition_value: true,
-              },
-            ],
+            key: "full_screen_button_background_url",
+            type: "text_input",
+            label: "Fullscreen Button background URL",
+            initial_value: "pkg:/images/tv_fullscreen.png",
+            placeholder: "",
+            label_tooltip: "",
           },
           {
-            type: "select",
-            label: "VideoModal StatusBar content style",
-            key: "status_bar_content_style",
-            tooltip: "Color of the modal status bar content",
-            options: [
-              {
-                text: "Dark",
-                value: "dark-content",
-              },
-              {
-                text: "Light",
-                value: "light-content",
-              },
-            ],
-            initial_value: null,
-            rules: "conditional",
-            conditional_fields: [
-              {
-                key: "styles/use_video_modal",
-                condition_value: true,
-              },
-            ],
+            key: "full_screen_button_highlighted_background_color",
+            type: "color_picker",
+            label: "Fullscreen Button highlighted background color",
+            initial_value: "#00000000",
+            placeholder: "color",
+            label_tooltip: "Pick Color",
+          },
+          {
+            key: "full_screen_button_highlighted_background_url",
+            type: "text_input",
+            label: "Fullscreen Button highlighted URL",
+            initial_value: "pkg:/images/tv_fullscreen.png",
+            placeholder: "",
+            label_tooltip: "",
+          },
+        ]
+      ),
+      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: "Modal Background Color",
-            key: "modal_background_color",
-            tooltip: "Color of the modal background (can be transparent)",
-            initial_value: "rgba(255, 255, 255, 0)",
-            rules: "conditional",
-            conditional_fields: [
-              {
-                key: "styles/use_video_modal",
-                condition_value: true,
-              },
-            ],
+            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: "Buffering spinner color",
-            key: "buffering_color",
-            initial_value: "rgba(255, 255, 255, 1)",
+            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,
           },
           {
-            key: "docked_player_background_color",
-            label: "Docked player background color",
             type: "color_picker_rgba",
-            initial_value: "rgba(15,15,15,1)",
-            rules: "conditional",
-            conditional_fields: [
-              {
-                key: "styles/use_video_modal",
-                condition_value: true,
-              },
-            ],
+            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: "Tablet landscape Player container background color",
-            key: "tablet_landscape_player_container_background_color",
-            initial_value: "rgba(0,0,0,1)",
-            conditional_fields: [
-              {
-                key: "styles/use_video_modal",
-                condition_value: true,
-              },
-            ],
+            label_tooltip: "",
+            label: "Background Color Focused",
+            key: "skip_button_style_button_focused_background_color",
+            initial_value: "rgba(0, 0, 0, 0)",
           },
           {
-            type: "text_input",
-            label: "Tablet landscape sidebar width",
-            key: "tablet_landscape_sidebar_width",
-            label_tooltip:
-              "This setting allow you to define the width of the sidebar, when using the inline player on tablet landscape mode. You can choose either a fix width or a % of the screen",
-            initial_value: "35%",
-            conditional_fields: [
-              {
-                key: "styles/use_video_modal",
-                condition_value: true,
-              },
-            ],
+            type: "color_picker_rgba",
+            label_tooltip: "",
+            label: "Font Color",
+            key: "skip_button_style_text_color",
+            initial_value: "rgba(255, 255, 255, 0.5)",
           },
-        ]
-      ),
-      fieldsGroup(
-        "Assets",
-        "This section enables you to configure the assets used in the player",
-        [
           {
-            key: "play",
-            label: "Play badge",
-            type: "uploader",
-            label_tooltip: "Override default play badge / icon",
+            type: "color_picker_rgba",
+            label_tooltip: "",
+            label: "Font Color Focused",
+            key: "skip_button_style_text_focused_color",
+            initial_value: "rgba(255, 255, 255, 1)",
           },
           {
-            key: "pause",
-            label: "Pause badge",
-            type: "uploader",
-            label_tooltip: "Override default pause badge / icon",
+            type: "lg_tv_font_selector",
+            label_tooltip: "",
+            label: "LG Font Family",
+            key: "skip_button_style_text_lg_font_family",
+            initial_value: "Ubuntu-Bold",
           },
           {
-            key: "forward",
-            label: "Forward badge",
-            type: "uploader",
-            label_tooltip: "Override default forward badge / icon",
+            type: "number_input",
+            label_tooltip: "",
+            label: "LG Font Size",
+            key: "skip_button_style_text_lg_font_size",
+            initial_value: 24,
           },
           {
-            key: "rewind",
-            label: "Rewind badge",
-            type: "uploader",
-            label_tooltip: "Override default rewind badge / icon",
+            type: "samsung_font_selector",
+            label_tooltip: "",
+            label: "Samsung Font Family",
+            key: "skip_button_style_text_samsung_font_family",
+            initial_value: "Ubuntu-Bold",
           },
           {
-            key: "stop",
-            label: "Stop badge",
-            type: "uploader",
-            label_tooltip:
-              "Set stop badge / icon. Pause badge is used if this field is empty",
+            type: "number_input",
+            label_tooltip: "",
+            label: "Samsung Font Size",
+            key: "skip_button_style_text_samsung_font_size",
+            initial_value: 24,
           },
           {
-            key: "subtitle_off",
-            label: "Subtitle off badge",
-            type: "uploader",
-            label_tooltip: "Override default subtitle_off badge / icon",
+            type: "vizio_font_selector",
+            label_tooltip: "",
+            label: "Samsung Font Family",
+            key: "skip_button_style_text_vizio_font_family",
+            initial_value: "Ubuntu-Bold",
           },
           {
-            key: "subtitle_on",
-            label: "Subtitle on badge",
-            type: "uploader",
-            label_tooltip: "Override default subtitle_on badge / icon",
+            type: "number_input",
+            label_tooltip: "",
+            label: "Vizio Font Size",
+            key: "skip_button_style_text_vizio_font_size",
+            initial_value: 24,
           },
           {
-            key: "close",
-            label: "Close badge",
-            type: "uploader",
-            label_tooltip: "Override default close badge / icon",
+            type: "android_font_selector",
+            label_tooltip: "",
+            label: "Android Font Family",
+            key: "skip_button_style_text_android_font_family",
+            initial_value: "Ubuntu-Bold",
           },
           {
-            key: "lock",
-            label: "Lock player badge",
-            type: "uploader",
-            label_tooltip: "Override default lock player badge / icon",
+            type: "number_input",
+            label_tooltip: "",
+            label: "Android Font Size",
+            key: "skip_button_style_text_android_font_size",
+            initial_value: 24,
           },
-          // Modal section
           {
-            key: "minimize",
-            label: "Minimize badge",
-            type: "uploader",
-            label_tooltip: "Override default minimize badge / icon",
-            rules: "conditional",
-            conditional_fields: [
-              {
-                key: "styles/use_video_modal",
-                condition_value: true,
-              },
-            ],
+            type: "roku_font_selector",
+            label_tooltip: "",
+            label: "Roku Font Family",
+            key: "skip_button_style_text_roku_font_family",
+            initial_value: "Ubuntu-Bold",
           },
           {
-            key: "maximize",
-            label: "Maximize badge",
-            type: "uploader",
-            label_tooltip: "Override default maximize badge / icon",
-            rules: "conditional",
-            conditional_fields: [
-              {
-                key: "styles/use_video_modal",
-                condition_value: true,
-              },
-            ],
+            type: "number_input",
+            label_tooltip: "",
+            label: "Roku Font Size",
+            key: "skip_button_style_text_roku_font_size",
+            initial_value: 24,
           },
           {
-            key: "down",
-            label: "Down badge",
-            type: "uploader",
-            label_tooltip: "Override default down badge / icon",
-            rules: "conditional",
-            conditional_fields: [
+            type: "select",
+            options: [
               {
-                key: "styles/use_video_modal",
-                condition_value: true,
+                text: "None",
+                value: "none",
               },
-            ],
-          },
-          // Docked section
-          {
-            key: "play_mini",
-            label: "Docked play badge",
-            type: "uploader",
-            label_tooltip: "Override default play badge / icon in docked mode",
-            rules: "conditional",
-            conditional_fields: [
               {
-                key: "styles/use_video_modal",
-                condition_value: true,
+                text: "Uppercase",
+                value: "uppercase",
               },
-            ],
-          },
-          {
-            key: "pause_mini",
-            label: "Docked pause badge",
-            type: "uploader",
-            label_tooltip: "Override default pause badge / icon in docked mode",
-            rules: "conditional",
-            conditional_fields: [
               {
-                key: "styles/use_video_modal",
-                condition_value: true,
+                text: "Lowercase",
+                value: "lowercase",
+              },
+              {
+                text: "Capitalize",
+                value: "capitalize",
               },
             ],
+            label: "Text Transform",
+            key: "skip_button_style_text_text_transform",
+            initial_value: "none",
           },
-          {
-            key: "close_mini",
-            label: "Docked close badge",
-            type: "uploader",
-            label_tooltip: "Override default close badge / icon in docked mode",
-            rules: "conditional",
-            conditional_fields: [
+        ]
+      )
+    );
+  }
+
+  if (isTV(platform)) {
+    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",
+      }
+    );
+  }
+
+  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",
+        initial_value: 10,
+        type: "number_input",
+        label_tooltip: "Duration of fast forward / rewind",
+      },
+      {
+        key: "nowPlayingEnabled",
+        label: "Now Playing enabled",
+        initial_value: false,
+        type: "switch",
+        label_tooltip:
+          "Enable this option to keep video and audio content playing in the background. Please know that on Android it has to be enabled in the plugin and for iOS on the player screen.",
+      },
+      {
+        key: "player_action_buttons",
+        label: "Player action buttons",
+        initial_value: null,
+        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",
+      },
+      {
+        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 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.",
+      }
+    );
+
+    if (
+      platform.includes("android") ||
+      platform.includes("amazon") ||
+      platform.includes("ios") ||
+      platform.includes("tvos")
+    ) {
+      general.fields.push({
+        key: "user_agent",
+        label: "User agent",
+        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",
+        "This section allows you to configure the main styles of the player",
+        [
+          {
+            key: "overlay_color",
+            label: "Player overlay color",
+            type: "color_picker_rgba",
+            initial_value: "rgba(0, 0, 0, 0)",
+            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",
+            initial_value: false,
+            type: "switch",
+            label_tooltip:
+              "Select whether you want to present player inside the video modal",
+          },
+          {
+            type: "switch",
+            label: "Disable Fullscreen Mode",
+            tooltip:
+              "Removes the ability to play the media content in fullscreen",
+            key: "disable_fullscreen",
+            initial_value: false,
+            rules: "conditional",
+            conditional_fields: [
               {
                 key: "styles/use_video_modal",
                 condition_value: true,
@@ -453,11 +777,12 @@ function getPlayerConfiguration({ platform }) {
             ],
           },
           {
-            key: "stop_mini",
-            label: "Docked stop badge",
-            type: "uploader",
-            label_tooltip:
-              "Set stop badge / icon in docked mode. Docked pause badge is used if this field is empty",
+            type: "switch",
+            label: "Inline Player Close Button",
+            tooltip:
+              "Select whether you want to include a close button in the inline player mode",
+            key: "inline_player_close_button_enabled",
+            initial_value: false,
             rules: "conditional",
             conditional_fields: [
               {
@@ -467,194 +792,222 @@ function getPlayerConfiguration({ platform }) {
             ],
           },
           {
-            key: "live_image",
-            label: "Live badge",
-            type: "uploader",
-            label_tooltip: "Override default live badge / icon",
+            type: "switch",
+            label: "Fullscreen Player Close Button",
+            tooltip:
+              "Select whether you want to include a close button in the fullscreen player mode",
+            key: "fullscreen_player_close_button_enabled",
+            initial_value: false,
             rules: "conditional",
             conditional_fields: [
               {
-                key: "styles/live_badge_enabled",
+                key: "styles/use_video_modal",
                 condition_value: true,
               },
             ],
           },
           {
-            key: "live_image_gray",
-            label: "Live Badge On Rewound State",
-            type: "uploader",
+            type: "switch",
+            label: "Disable Mini Player (in  Inline Mode Video Modal)",
             label_tooltip:
-              "This badge indicates that the stream is live but currently being viewed in a rewound state.",
+              "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/live_badge_enabled",
+                key: "styles/use_video_modal",
                 condition_value: true,
               },
             ],
           },
           {
-            key: "live_width",
-            label: "Live badge width",
+            type: "switch",
+            label: "Display live badge",
+            tooltip:
+              "Select whether you want to include a badge for live content",
+            key: "live_badge_enabled",
+            initial_value: true,
+          },
+          {
             type: "number_input",
-            label_tooltip: "Max value 230",
-            initial_value: 38,
+            label: "Minimised height (Mobile)",
+            tooltip: "Height of the minimised modal - Applies only to mobile",
+            key: "minimised_height",
+            initial_value: 60,
             rules: "conditional",
             conditional_fields: [
               {
-                key: "styles/live_badge_enabled",
+                key: "styles/use_video_modal",
                 condition_value: true,
               },
             ],
           },
           {
-            key: "live_height",
-            label: "Live badge height",
             type: "number_input",
-            label_tooltip: "Max value 40",
-            initial_value: 20,
+            label: "Minimised height (Tablet)",
+            tooltip: "Height of the minimised modal - Applies only to Tablets",
+            key: "minimised_height_tablet",
+            initial_value: 64,
             rules: "conditional",
             conditional_fields: [
               {
-                key: "styles/live_badge_enabled",
+                key: "styles/use_video_modal",
                 condition_value: true,
               },
             ],
           },
-        ]
-      ),
-      fieldsGroup(
-        "Player Content Title",
-        "this section enables you to configure the styles of the content meta data displayed on top of the player",
-        [
-          // Title section
           {
-            section: "title",
-            key: "title",
-            label: "Player content title",
-            initial_value: true,
-            type: "switch",
-            label_tooltip: "Select whether you want to display title in player",
+            type: "select",
+            label: "VideoModal StatusBar content style",
+            key: "status_bar_content_style",
+            tooltip: "Color of the modal status bar content",
+            options: [
+              {
+                text: "Dark",
+                value: "dark-content",
+              },
+              {
+                text: "Light",
+                value: "light-content",
+              },
+            ],
+            initial_value: null,
+            rules: "conditional",
+            conditional_fields: [
+              {
+                key: "styles/use_video_modal",
+                condition_value: true,
+              },
+            ],
           },
           {
-            section: "title",
-            key: "title_font_android",
-            label: "Android title font",
-            type: "android_font_selector",
-            initial_value: "Roboto-Bold",
-            label_tooltip: "Select the font for the android player's title",
+            type: "color_picker_rgba",
+            label: "Modal Background Color",
+            key: "modal_background_color",
+            tooltip: "Color of the modal background (can be transparent)",
+            initial_value: "rgba(255, 255, 255, 0)",
+            rules: "conditional",
+            conditional_fields: [
+              {
+                key: "styles/use_video_modal",
+                condition_value: true,
+              },
+            ],
           },
           {
-            section: "title",
-            key: "title_font_ios",
-            label: "iOS title font",
-            type: "ios_font_selector",
-            initial_value: "SFProText-Semibold",
-            label_tooltip: "Select the font for the iOS player's title",
+            type: "color_picker_rgba",
+            label: "Buffering spinner color",
+            key: "buffering_color",
+            initial_value: "rgba(255, 255, 255, 1)",
           },
           {
-            section: "title",
-            key: "title_color",
-            label: "Title color",
+            key: "docked_player_background_color",
+            label: "Docked player background color",
             type: "color_picker_rgba",
-            initial_value: "rgba(255, 255, 255, 1)",
-            label_tooltip: "Select the font color for the player's title",
+            initial_value: "rgba(15,15,15,1)",
+            rules: "conditional",
+            conditional_fields: [
+              {
+                key: "styles/use_video_modal",
+                condition_value: true,
+              },
+            ],
           },
           {
-            section: "title",
-            key: "title_fontsize_android",
-            label: "Android title font size",
-            type: "number_input",
-            initial_value: 16,
-            label_tooltip:
-              "Select the font size for the android player's title",
+            type: "color_picker_rgba",
+            label: "Tablet landscape Player container background color",
+            key: "tablet_landscape_player_container_background_color",
+            initial_value: "rgba(0,0,0,1)",
+            conditional_fields: [
+              {
+                key: "styles/use_video_modal",
+                condition_value: true,
+              },
+            ],
           },
           {
-            section: "title",
-            key: "title_fontsize_ios",
-            label: "iOS title font size",
-            type: "number_input",
-            initial_value: 16,
-            label_tooltip: "Select the font size for the iOS player's title",
+            type: "text_input",
+            label: "Tablet landscape sidebar width",
+            key: "tablet_landscape_sidebar_width",
+            label_tooltip:
+              "This setting allow you to define the width of the sidebar, when using the inline player on tablet landscape mode. You can choose either a fix width or a % of the screen",
+            initial_value: "35%",
+            conditional_fields: [
+              {
+                key: "styles/use_video_modal",
+                condition_value: true,
+              },
+            ],
           },
+        ]
+      ),
+      fieldsGroup(
+        "Assets",
+        "This section enables you to configure the assets used in the player",
+        [
           {
-            section: "title",
-            key: "title_lineheight_android",
-            label: "Android title line height",
-            type: "number_input",
-            initial_value: 20,
-            label_tooltip:
-              "Select the line height for the android player's title",
+            key: "play",
+            label: "Play badge",
+            type: "uploader",
+            label_tooltip: "Override default play badge / icon",
           },
           {
-            section: "title",
-            key: "title_lineheight_ios",
-            label: "iOS title line height",
-            type: "number_input",
-            initial_value: 20,
-            label_tooltip: "Select the line height for the iOS player's title",
+            key: "pause",
+            label: "Pause badge",
+            type: "uploader",
+            label_tooltip: "Override default pause badge / icon",
           },
           {
-            section: "title",
-            key: "title_letterspacing_android",
-            label: "Android title letter spacing",
-            type: "number_input",
-            initial_value: 0,
-            label_tooltip:
-              "Select the letter spacing for the android player's title",
+            key: "forward",
+            label: "Forward badge",
+            type: "uploader",
+            label_tooltip: "Override default forward badge / icon",
           },
           {
-            section: "title",
-            key: "title_letterspacing_ios",
-            label: "iOS title letter spacing",
-            type: "number_input",
-            initial_value: -0.4,
+            key: "rewind",
+            label: "Rewind badge",
+            type: "uploader",
+            label_tooltip: "Override default rewind badge / icon",
+          },
+          {
+            key: "stop",
+            label: "Stop badge",
+            type: "uploader",
             label_tooltip:
-              "Select the letter spacing for the iOS player's title",
+              "Set stop badge / icon. Pause badge is used if this field is empty",
           },
           {
-            section: "title",
-            key: "title_margin_bottom",
-            label: "Title margin bottom",
-            type: "number_input",
-            initial_value: 2,
-            label_tooltip: "Select the margin bottom for the player's title",
+            key: "subtitle_off",
+            label: "Subtitle off badge",
+            type: "uploader",
+            label_tooltip: "Override default subtitle_off badge / icon",
           },
           {
-            section: "title",
-            key: "title_text_transform",
-            label: "Title Text Transform",
-            type: "select",
-            initial_value: "default",
-            options: [
-              {
-                text: "Default",
-                value: "default",
-              },
-              {
-                text: "Uppercase",
-                value: "uppercase",
-              },
-              {
-                text: "Lowercase",
-                value: "lowercase",
-              },
-              {
-                text: "Capitalize",
-                value: "capitalize",
-              },
-            ],
+            key: "subtitle_on",
+            label: "Subtitle on badge",
+            type: "uploader",
+            label_tooltip: "Override default subtitle_on badge / icon",
           },
-          // Docked Player Title section
           {
-            section: "Docked Player Title",
-            key: "docked_player_title",
-            label: "Docked player content title",
-            initial_value: true,
-            type: "switch",
-            label_tooltip:
-              "Select whether you want to display the title in the docked player",
-            rules: "all_conditions",
+            key: "close",
+            label: "Close badge",
+            type: "uploader",
+            label_tooltip: "Override default close badge / icon",
+          },
+          {
+            key: "lock",
+            label: "Lock player badge",
+            type: "uploader",
+            label_tooltip: "Override default lock player badge / icon",
+          },
+          // Modal section
+          {
+            key: "minimize",
+            label: "Minimize badge",
+            type: "uploader",
+            label_tooltip: "Override default minimize badge / icon",
+            rules: "conditional",
             conditional_fields: [
               {
                 key: "styles/use_video_modal",
@@ -663,134 +1016,351 @@ function getPlayerConfiguration({ platform }) {
             ],
           },
           {
-            section: "Docked Player Title",
-            key: "docked_player_title_font_android",
-            label: "Android Docked player content title font",
-            type: "android_font_selector",
-            initial_value: "Roboto-Bold",
-            rules: "all_conditions",
-            label_tooltip:
-              "Select the font for the docked player's title on Android",
+            key: "maximize",
+            label: "Maximize badge",
+            type: "uploader",
+            label_tooltip: "Override default maximize badge / icon",
+            rules: "conditional",
             conditional_fields: [
               {
                 key: "styles/use_video_modal",
                 condition_value: true,
               },
-              {
-                key: "styles/docked_player_title",
-                condition_value: true,
-              },
             ],
           },
           {
-            section: "Docked Player Title",
-            key: "docked_player_title_font_ios",
-            label: "iOS Docked player content title font",
-            type: "ios_font_selector",
-            initial_value: "SFProText-Semibold",
-            label_tooltip:
-              "Select the font for the docked player's title on iOS",
-            rules: "all_conditions",
+            key: "down",
+            label: "Down badge",
+            type: "uploader",
+            label_tooltip: "Override default down badge / icon",
+            rules: "conditional",
             conditional_fields: [
               {
                 key: "styles/use_video_modal",
                 condition_value: true,
               },
-              {
-                key: "styles/docked_player_title",
-                condition_value: true,
-              },
             ],
           },
+          // Docked section
           {
-            section: "Docked Player Title",
-            key: "docked_player_title_color",
-            label: "Docked player content title color",
-            type: "color_picker_rgba",
-            initial_value: "rgba(255, 255, 255, 1)",
-            label_tooltip:
-              "Select the font color for the docked player's title",
-            rules: "all_conditions",
+            key: "play_mini",
+            label: "Docked play badge",
+            type: "uploader",
+            label_tooltip: "Override default play badge / icon in docked mode",
+            rules: "conditional",
             conditional_fields: [
               {
                 key: "styles/use_video_modal",
                 condition_value: true,
               },
-              {
-                key: "styles/docked_player_title",
-                condition_value: true,
-              },
             ],
           },
           {
-            section: "Docked Player Title",
-            key: "docked_player_title_fontsize_android",
-            label: "Android Docked player content title font size",
-            type: "number_input",
-            initial_value: 15,
-            label_tooltip:
-              "Select the font size for the docked player's title on Android",
-            rules: "all_conditions",
+            key: "pause_mini",
+            label: "Docked pause badge",
+            type: "uploader",
+            label_tooltip: "Override default pause badge / icon in docked mode",
+            rules: "conditional",
             conditional_fields: [
               {
                 key: "styles/use_video_modal",
                 condition_value: true,
               },
-              {
-                key: "styles/docked_player_title",
-                condition_value: true,
-              },
             ],
           },
           {
-            section: "Docked Player Title",
-            key: "docked_player_title_fontsize_ios",
-            label: "iOS Docked player content title font size",
-            type: "number_input",
-            initial_value: 15,
-            label_tooltip:
-              "Select the font size for the docked player's title on iOS",
-            rules: "all_conditions",
+            key: "close_mini",
+            label: "Docked close badge",
+            type: "uploader",
+            label_tooltip: "Override default close badge / icon in docked mode",
+            rules: "conditional",
             conditional_fields: [
               {
                 key: "styles/use_video_modal",
                 condition_value: true,
               },
-              {
-                key: "styles/docked_player_title",
-                condition_value: true,
-              },
             ],
           },
           {
-            section: "Docked Player Title",
-            key: "docked_player_title_lineheight_android",
-            label: "Android Docked player content title line height",
-            type: "number_input",
-            initial_value: 18,
+            key: "stop_mini",
+            label: "Docked stop badge",
+            type: "uploader",
             label_tooltip:
-              "Select the line height for the docked player's title on Android",
-            rules: "all_conditions",
+              "Set stop badge / icon in docked mode. Docked pause badge is used if this field is empty",
+            rules: "conditional",
             conditional_fields: [
               {
                 key: "styles/use_video_modal",
                 condition_value: true,
               },
+            ],
+          },
+          {
+            key: "live_image",
+            label: "Live badge",
+            type: "uploader",
+            label_tooltip: "Override default live badge / icon",
+            rules: "conditional",
+            conditional_fields: [
               {
-                key: "styles/docked_player_title",
+                key: "styles/live_badge_enabled",
                 condition_value: true,
               },
             ],
           },
           {
-            section: "Docked Player Title",
-            key: "docked_player_title_lineheight_ios",
-            label: "iOS Docked player content title line height",
+            key: "live_image_gray",
+            label: "Live Badge On Rewound State",
+            type: "uploader",
+            label_tooltip:
+              "This badge indicates that the stream is live but currently being viewed in a rewound state.",
+            rules: "conditional",
+            conditional_fields: [
+              {
+                key: "styles/live_badge_enabled",
+                condition_value: true,
+              },
+            ],
+          },
+          {
+            key: "live_width",
+            label: "Live badge width",
             type: "number_input",
-            initial_value: 18,
+            label_tooltip: "Max value 230",
+            initial_value: 38,
+            rules: "conditional",
+            conditional_fields: [
+              {
+                key: "styles/live_badge_enabled",
+                condition_value: true,
+              },
+            ],
+          },
+          {
+            key: "live_height",
+            label: "Live badge height",
+            type: "number_input",
+            label_tooltip: "Max value 40",
+            initial_value: 20,
+            rules: "conditional",
+            conditional_fields: [
+              {
+                key: "styles/live_badge_enabled",
+                condition_value: true,
+              },
+            ],
+          },
+          {
+            key: "android_pip_action_icons",
+            type: "uploader",
+            label: "Android PiP Action items",
             label_tooltip:
-              "Select the line height for the docked player's title on iOS",
+              "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,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAeMSURBVHgB7Z3/Vds6FMcvnPc/yQRVJyhM8MIEhQkaJihM8MIEwAQNE0AnwJ2g6QR1J4Au0D5dfHNqUuvqShbUcb+fc3R8Elm2oq9+3msrRAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMjx0qyP39/cQfZj44H175wJ8ffPjuw4rDdDqtaSAE8st8oya/tc/viraYIgL7gpr5w3/UFFaMyodrX3BL+gOIqHMf3pItvzU1eT4fUuW00ktgX1jOHz6QraA2qX04fMlCk4rI+XWUx8Ln95y2iGyBpbBu6Fe3lgN33ye+0G7pmfH55R5mQf3hLvt4W1pzlsC+sPb94TOVg1tyRc9EQXHX1D4c+Dw/0MDZpUSkW76hstzIdYvjrzunuLgsVOXDUo515HxHzZxj8CQL7LkgfQyrfDj2wVfwKfcQUx9OSC807uY/0POgCfE4RPjw2ueVe5ETOb723x2SnudTGaYGTVIXLa1BE4JnmgslPcdpBV60q/b3O6Jwb1OTYZLnr3FHgUnk7u7ucm9v74QGTGoLfh+8kP+xmriMxF8pp5Tu9mZKnHXZw71R51j748ePIxo4ZoFlYrUfiK79j7UuHxYUKDDPrHC39ybw/YN1HS4TqY+B6ImsqwdLSgueK3HX1mWDFJjWil+iVdSURq3EjUbgf5W4JaVxqcS9pXKEeopiogx9PWwSWLqhUPdcpf5IacVVINoV7Pa+BL5P7VpDXf3g7dTWFryvxH2hPLR0MypDFfiexTUNBbI+D537iQZOCYErykOr/Y4KIEuuKhB9YTSuXAS+515IG2oGgVVgp8TlmuueXWCB16ldeeRWfCdr+9/g2bysgUOtN8m7xENCX2tdzjX+MZ73SomrKY9gxfBr6j0qBIvgC4WtUizW5rjrfPggtupVK0/akpBhcc2t11//HTWtnQWqKcOL5tOxDWKReg1rC9YmJFktWMucX1M7Kog47Q8oXBkdNS11LiEkLv/Ws5hBp41M5vj8SetedyktUSrg5cY1Ti1pc2zRT9gGjwrDFaplY64ojbbNOnXcZVHcxnf82SSy4gl7QwZ6C7wtyPjFhcW26RmlsXaGXIhFz4z0VHVHlKOIyBE3p2n18lcILGPgV3raVeYw9+Gzv95FYrqQZ8pRQOSIuGw5fJkueuhIQS1JF7aSc9iefiWftaGHXYXmBx6kFZtFNog7JyPWWfS3UARnLMdcFxl/vlMBYs7+nZ2d258/f5515V8mR9xKQh6ufW7JPu0ZGZDZPHumQrP5O5ntvwvlmfM7mUzmlECJFpzb5TklrqaeSAXS3I/nvrCOQ5WTJ48yW+bZd6g1Jzn9ZTZ/GLieo+YxqEUg+cpXxmTfs1VgzSiRNOlooVWMmvozo0Alsviu14goWsEm+bAjIofK5DFNzorFKnCtxOUKrKUrYcQPPpyQ4Lt+RJ76rALRs1TnSETkTbLFZawCV0qcaT3WgeZ+LCFw0FiR6eLTliVHlIhR5F7iMiaB5QZ1IDq5Bsv4OAtEr/oaTyITuNzKo+Updx7yJpJ2Qj191ymTrI9KnGlN1mIWivDjY4nWq+GoPMkiyNp8GTnNUaJZc5MUgW+VuPfWViznBScmfny8pv5orS33gYJiQ4pR3DWOeohsFjjiW1VF24DPc4G4WntsVsyNvDRZhNx8TOSJkXUezMjjtzPlFLPAEXHbHq02jjJFTl0Haw/LnYoFJojEa935uZJ2bW5kMyFfh918X5Uf/alPXlv3dRR2+jPmV2IN4h6Svk5OFjn53STtQXCBM8rWncfJUut5rtjrpWtvT9c9HTXidt7PpzvoSDORNFp3vPThatrxDrCk56XWaeQaJ5ZHcC3irieX4tDosngxNSX4k3MEdtRYXHrN7jbgH3YQynTuGxGRNxva1BLaDn9nSHdlMfqniNtKU0TkZFOlXNRkf03gJJJZRzqd8WKgsBg1HDW9y5EEZ0hTGcVlgZaB6E5xmZhZ0682TENMli1auqRS7+RY3g9e5caLSZIrpDazToVb7qHx3Gzzoyay9amXbGeDiKw9BhOjpqZbXhrO5XNCBXE7jeyjIU9hcF77LsEqakSJttzWvWv6vYyi4rbSh0T+RAaSx+AuZMmiLX/acIbZaHKZYrGSMelm4x4Vxbv3zes4aiZOvK7dNyThPHIPcz3NfPOxtdUFH7mSJf32rmtYnSVFBG5lggtsRk93ramp8e/ysZr23LVGJk6P1532fNW0NcN39LTiPEhIfmsDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAArCn66soQkXd6+EXu9muhKwlb+Z/AKYxaYNkl/TJy2mLb/hM4hdHuNtvaJT3GwrpfxzYyyhZs+BPNLo6nL/BH1S/NWAXmzVccpRHcBGabGV0XLdv7OkrH3W/B/wGnMsYx2PLW/nOkHSRjFLjP9k590g6SMQrcZzedkjvxDIIxCtxnD5Be+4cMEcyif4FZ9BaRsxPfKK1ZoxQ4YQvDNefGDdm2jrHbohcU3xv6bJr+f4Rbw9/iTVpQ8/8I63VuTb9226tpxPwPlwURv/dAZk0AAAAASUVORK5CYII=",
+          },
+          {
+            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,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVySURBVHgB7Z2NVeQ2EMcHXgrYrSCmghwVxFdBuApuqSBQAaaCgwrgKoBUgFPBkQrOqQDSAGTmeZbbt2d9WmZl7f/3nvAi2bLX/5U8Gn2YCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAID8OKDCeHp6WvBmQYlZLpcdzZBfaCL0Rv/JoR5K5xv2kaZhxeELJYa/z9EcRZ5EYL4ZJ7y5oQlKkge7OGe2JBWYha2oF7am3VEReOOQEsHiSnX8jXYrrvArgTdGl+BMSu0mqKI3GCUwi3vBmzPK66ZWQ5GHh4e3Ly8v/1I8zzRDoptJLO4V9VZyFGyRTtJE4+t6NSTN0goey5hnsK3UdhykGdTSO6KPi0H2UVwhmZGlSDV2yTdTSktL709liO9oT0nZTGo5nO64pJhqlY72lBQCr0vtFe2eyhD/H+0pYwVuafeldhOU4C3GCNxkaLhUhvhu8x/1k9e6v3yWWuhR9ivNGIsWONMbYfJidfKHha15I2332pQB79Py5it/v1sqgNRW9K4xNt1YuDvePJDb4ybpN7z/d1uzay6UJnBliJfuwxMKz+ub9ozNln0pwRXF53fHIn/wPUA6XZ56XjlE9Utv5XFBIyhG4IDqdG1QtRp8fMx3apj5XIM0F9f7nnHcDQWggm7m0XDciiIpqQRXjvSWevepeNmOZUSJhiXHnZK9KVVRb5y5qAfiVr4iq7jNdjx3lPxOkRQjsLpGjzl84nDJ4Z76kiqcq5gth+eBY2/Fvcq9TV8tp1h5lOLOcqxVZJO4Al/X3xTJpIPu+KKNVutUvUljsV0z9T+UK8fxDZlLu/yQTgeOMYpLvZfQlOakNCMrBZeWtD/IgYphyuOnkjyluAIE3kKr+taQ7GVN+4rsEPd6rLgCBB7mH0P8wseaFjxElvFrjSFdPGlnlAAIPMyjJc17eJJDZFNtIOKuKBEQeGIcIm+TVFxhspkN743F0fE81DRyUJkSYjpZRGS+Pvloa0snF1coRmDmuyH+mvqRnyGYHAu2qtvF68j0KEqqojtD/GcKQGuCeiiNPUpRAjus5TXeHq8QshVY+m7FaaCh9jjE5O0Ry9erBKuF/GBKd3i6THn6iLsmuchZCqxfUm70hYYHj16VW0vaF5fIKq70GVeGXbrQkaIOcU21QVKRsxNYb8pqIKmxieRwUAgi8s12bSBVsp5TnuG15XhfS3idr01cMaiOKcDjFUt2vmgZSUH2UnRE5vNJ21LO6dNWXVvWPvtehzgePMRdbewr+wX5rkPIsYquItPkRyPV3jn54bsSgOTZkCch4gqhvutQchS4s6Q5rVgdLCddhqFt3yHEqPro245WC7wx5WVq53qIvKJIchT4OjLtDb5h0hd8fHBwcE9xiKDSNbgKdJLUhninEyPSrekkO4G1v3Xoi56HDGUVj9NisZCSLKM4pCT6CNXquY+WcTM1uoE4bw+VReRoB8vURlZNhuemSyyt7uSXK8/J+wh341CeH/R6NkuE5NtxaBOd44T6UZxy3VFdfmp4fdY8cpkWBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEEiW60WmRKfAyBvaZEpJpdGPGi5Le0fDNkULrG9Edc3rkZeLBM3enxPFLoS2sbC2i2bsquo5U2QJ1gnToTPjP+m84qIoVWDbOh8mrOt/zJXiqmjbnGQHled6XLOixGdw9HIHI4/NkhIF9l7uN/GxWVKiwGOWYUixMk9WlCjwmBVhxxybJbCifwArekb4rna3SZHerCIFVodFiGCXy0JeJ7tN6b7ohtyvpDsveR2qfelNajj8Rj/auR2Hvzhcld6b9D8EYh6U+B0kAAAAAABJRU5ErkJggg==",
+          },
+          {
+            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(
+        "Player Content Title",
+        "this section enables you to configure the styles of the content meta data displayed on top of the player",
+        [
+          // Title section
+          {
+            section: "title",
+            key: "title",
+            label: "Player content title",
+            initial_value: true,
+            type: "switch",
+            label_tooltip: "Select whether you want to display title in player",
+          },
+          {
+            section: "title",
+            key: "title_font_android",
+            label: "Android title font",
+            type: "android_font_selector",
+            initial_value: "Roboto-Bold",
+            label_tooltip: "Select the font for the android player's title",
+          },
+          {
+            section: "title",
+            key: "title_font_ios",
+            label: "iOS title font",
+            type: "ios_font_selector",
+            initial_value: "SFProText-Semibold",
+            label_tooltip: "Select the font for the iOS player's title",
+          },
+          {
+            section: "title",
+            key: "title_color",
+            label: "Title color",
+            type: "color_picker_rgba",
+            initial_value: "rgba(255, 255, 255, 1)",
+            label_tooltip: "Select the font color for the player's title",
+          },
+          {
+            section: "title",
+            key: "title_fontsize_android",
+            label: "Android title font size",
+            type: "number_input",
+            initial_value: 16,
+            label_tooltip:
+              "Select the font size for the android player's title",
+          },
+          {
+            section: "title",
+            key: "title_fontsize_ios",
+            label: "iOS title font size",
+            type: "number_input",
+            initial_value: 16,
+            label_tooltip: "Select the font size for the iOS player's title",
+          },
+          {
+            section: "title",
+            key: "title_lineheight_android",
+            label: "Android title line height",
+            type: "number_input",
+            initial_value: 20,
+            label_tooltip:
+              "Select the line height for the android player's title",
+          },
+          {
+            section: "title",
+            key: "title_lineheight_ios",
+            label: "iOS title line height",
+            type: "number_input",
+            initial_value: 20,
+            label_tooltip: "Select the line height for the iOS player's title",
+          },
+          {
+            section: "title",
+            key: "title_letterspacing_android",
+            label: "Android title letter spacing",
+            type: "number_input",
+            initial_value: 0,
+            label_tooltip:
+              "Select the letter spacing for the android player's title",
+          },
+          {
+            section: "title",
+            key: "title_letterspacing_ios",
+            label: "iOS title letter spacing",
+            type: "number_input",
+            initial_value: -0.4,
+            label_tooltip:
+              "Select the letter spacing for the iOS player's title",
+          },
+          {
+            section: "title",
+            key: "title_margin_bottom",
+            label: "Title margin bottom",
+            type: "number_input",
+            initial_value: 2,
+            label_tooltip: "Select the margin bottom for the player's title",
+          },
+          {
+            section: "title",
+            key: "title_text_transform",
+            label: "Title Text Transform",
+            type: "select",
+            initial_value: "default",
+            options: [
+              {
+                text: "Default",
+                value: "default",
+              },
+              {
+                text: "Uppercase",
+                value: "uppercase",
+              },
+              {
+                text: "Lowercase",
+                value: "lowercase",
+              },
+              {
+                text: "Capitalize",
+                value: "capitalize",
+              },
+            ],
+          },
+          // Docked Player Title section
+          {
+            section: "Docked Player Title",
+            key: "docked_player_title",
+            label: "Docked player content title",
+            initial_value: true,
+            type: "switch",
+            label_tooltip:
+              "Select whether you want to display the title in the docked player",
+            rules: "all_conditions",
+            conditional_fields: [
+              {
+                key: "styles/use_video_modal",
+                condition_value: true,
+              },
+            ],
+          },
+          {
+            section: "Docked Player Title",
+            key: "docked_player_title_font_android",
+            label: "Android Docked player content title font",
+            type: "android_font_selector",
+            initial_value: "Roboto-Bold",
             rules: "all_conditions",
+            label_tooltip:
+              "Select the font for the docked player's title on Android",
             conditional_fields: [
               {
                 key: "styles/use_video_modal",
@@ -804,12 +1374,12 @@ function getPlayerConfiguration({ platform }) {
           },
           {
             section: "Docked Player Title",
-            key: "docked_player_title_letterspacing_android",
-            label: "Android Docked player content title letter spacing",
-            type: "number_input",
-            initial_value: 0,
+            key: "docked_player_title_font_ios",
+            label: "iOS Docked player content title font",
+            type: "ios_font_selector",
+            initial_value: "SFProText-Semibold",
             label_tooltip:
-              "Select the letter spacing for the docked player's title on Android",
+              "Select the font for the docked player's title on iOS",
             rules: "all_conditions",
             conditional_fields: [
               {
@@ -824,12 +1394,12 @@ function getPlayerConfiguration({ platform }) {
           },
           {
             section: "Docked Player Title",
-            key: "docked_player_title_letterspacing_ios",
-            label: "iOS Docked player content title letter spacing",
-            type: "number_input",
-            initial_value: -0.2,
+            key: "docked_player_title_color",
+            label: "Docked player content title color",
+            type: "color_picker_rgba",
+            initial_value: "rgba(255, 255, 255, 1)",
             label_tooltip:
-              "Select the letter spacing for the docked player's title on iOS",
+              "Select the font color for the docked player's title",
             rules: "all_conditions",
             conditional_fields: [
               {
@@ -844,12 +1414,12 @@ function getPlayerConfiguration({ platform }) {
           },
           {
             section: "Docked Player Title",
-            key: "docked_player_title_margin_bottom",
-            label: "Docked player content title margin bottom",
+            key: "docked_player_title_fontsize_android",
+            label: "Android Docked player content title font size",
             type: "number_input",
-            initial_value: 0,
+            initial_value: 15,
             label_tooltip:
-              "Select the margin bottom for the docked player's title",
+              "Select the font size for the docked player's title on Android",
             rules: "all_conditions",
             conditional_fields: [
               {
@@ -864,12 +1434,132 @@ function getPlayerConfiguration({ platform }) {
           },
           {
             section: "Docked Player Title",
-            key: "docked_player_title_number_of_lines",
-            label: "Docked player content title number of lines",
+            key: "docked_player_title_fontsize_ios",
+            label: "iOS Docked player content title font size",
             type: "number_input",
-            initial_value: 1,
+            initial_value: 15,
             label_tooltip:
-              "Select the number of lines for the docked player's title (maximum of 2 if subtitle is turned off)",
+              "Select the font size for the docked player's title on iOS",
+            rules: "all_conditions",
+            conditional_fields: [
+              {
+                key: "styles/use_video_modal",
+                condition_value: true,
+              },
+              {
+                key: "styles/docked_player_title",
+                condition_value: true,
+              },
+            ],
+          },
+          {
+            section: "Docked Player Title",
+            key: "docked_player_title_lineheight_android",
+            label: "Android Docked player content title line height",
+            type: "number_input",
+            initial_value: 18,
+            label_tooltip:
+              "Select the line height for the docked player's title on Android",
+            rules: "all_conditions",
+            conditional_fields: [
+              {
+                key: "styles/use_video_modal",
+                condition_value: true,
+              },
+              {
+                key: "styles/docked_player_title",
+                condition_value: true,
+              },
+            ],
+          },
+          {
+            section: "Docked Player Title",
+            key: "docked_player_title_lineheight_ios",
+            label: "iOS Docked player content title line height",
+            type: "number_input",
+            initial_value: 18,
+            label_tooltip:
+              "Select the line height for the docked player's title on iOS",
+            rules: "all_conditions",
+            conditional_fields: [
+              {
+                key: "styles/use_video_modal",
+                condition_value: true,
+              },
+              {
+                key: "styles/docked_player_title",
+                condition_value: true,
+              },
+            ],
+          },
+          {
+            section: "Docked Player Title",
+            key: "docked_player_title_letterspacing_android",
+            label: "Android Docked player content title letter spacing",
+            type: "number_input",
+            initial_value: 0,
+            label_tooltip:
+              "Select the letter spacing for the docked player's title on Android",
+            rules: "all_conditions",
+            conditional_fields: [
+              {
+                key: "styles/use_video_modal",
+                condition_value: true,
+              },
+              {
+                key: "styles/docked_player_title",
+                condition_value: true,
+              },
+            ],
+          },
+          {
+            section: "Docked Player Title",
+            key: "docked_player_title_letterspacing_ios",
+            label: "iOS Docked player content title letter spacing",
+            type: "number_input",
+            initial_value: -0.2,
+            label_tooltip:
+              "Select the letter spacing for the docked player's title on iOS",
+            rules: "all_conditions",
+            conditional_fields: [
+              {
+                key: "styles/use_video_modal",
+                condition_value: true,
+              },
+              {
+                key: "styles/docked_player_title",
+                condition_value: true,
+              },
+            ],
+          },
+          {
+            section: "Docked Player Title",
+            key: "docked_player_title_margin_bottom",
+            label: "Docked player content title margin bottom",
+            type: "number_input",
+            initial_value: 0,
+            label_tooltip:
+              "Select the margin bottom for the docked player's title",
+            rules: "all_conditions",
+            conditional_fields: [
+              {
+                key: "styles/use_video_modal",
+                condition_value: true,
+              },
+              {
+                key: "styles/docked_player_title",
+                condition_value: true,
+              },
+            ],
+          },
+          {
+            section: "Docked Player Title",
+            key: "docked_player_title_number_of_lines",
+            label: "Docked player content title number of lines",
+            type: "number_input",
+            initial_value: 1,
+            label_tooltip:
+              "Select the number of lines for the docked player's title (maximum of 2 if subtitle is turned off)",
             rules: "all_conditions",
             conditional_fields: [
               {
@@ -920,6 +1610,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 +1999,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 +2008,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 +2023,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 +2032,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 +2041,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 +2050,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 +2059,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 +2068,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 +2147,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 +2347,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 +2399,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 +2420,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 +2447,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 +2489,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",
@@ -1761,811 +2498,1319 @@ function getPlayerConfiguration({ platform }) {
             initial_value: 30,
           },
           {
-            type: "number_input",
-            label: "LG Line Height",
-            key: "menu_header_lg_line_height",
-            initial_value: 60,
+            type: "number_input",
+            label: "LG Line Height",
+            key: "menu_header_lg_line_height",
+            initial_value: 60,
+          },
+          {
+            type: "number_input",
+            label: "LG Letter Spacing",
+            key: "menu_header_lg_letter_spacing",
+            initial_value: 0,
+          },
+          {
+            type: "samsung_font_selector",
+            label: "Samsung Font Family",
+            key: "menu_header_samsung_font_family",
+            initial_value: "Ubuntu-Bold",
+          },
+          {
+            type: "number_input",
+            label: "Samsung Font Size",
+            key: "menu_header_samsung_font_size",
+            initial_value: 30,
+          },
+          {
+            type: "number_input",
+            label: "Samsung Line Height",
+            key: "menu_header_samsung_line_height",
+            initial_value: 60,
+          },
+          {
+            type: "number_input",
+            label: "Samsung Letter Spacing",
+            key: "menu_header_samsung_letter_spacing",
+            initial_value: 0,
+          },
+          {
+            type: "vizio_font_selector",
+            label: "Vizio Font Family",
+            key: "menu_header_vizio_font_family",
+            initial_value: "Ubuntu-Bold",
+          },
+          {
+            type: "number_input",
+            label: "Vizio Font Size",
+            key: "menu_header_vizio_font_size",
+            initial_value: 30,
+          },
+          {
+            type: "number_input",
+            label: "Vizio Line Height",
+            key: "menu_header_vizio_line_height",
+            initial_value: 60,
+          },
+          {
+            type: "number_input",
+            label: "Vizio Letter Spacing",
+            key: "menu_header_vizio_letter_spacing",
+            initial_value: 0,
+          },
+        ]
+      ),
+      // Captions Menu - Item Text Label
+      fieldsGroup(
+        "Captions - Item Text",
+        "Captions Menu Item Text Label Styles",
+        [
+          {
+            type: "color_picker_rgba",
+            label: "Font Color - Default",
+            key: "menu_item_default_font_color",
+            initial_value: "rgba(239, 239, 239, 0.5)",
+          },
+          {
+            type: "color_picker_rgba",
+            label: "Font Color - Focused",
+            key: "menu_item_focused_font_color",
+            initial_value: "rgba(239, 239, 239, 1)",
+          },
+          {
+            type: "color_picker_rgba",
+            label: "Font Color - Selected",
+            key: "menu_item_selected_font_color",
+            initial_value: "rgba(239, 239, 239, 1)",
+          },
+          {
+            type: "color_picker_rgba",
+            label: "Font Color - Focused & Selected",
+            key: "menu_item_select_focused_font_color",
+            initial_value: "rgba(239, 239, 239, 1)",
+          },
+          {
+            type: "lg_font_selector",
+            label: "LG Font Family",
+            key: "menu_item_lg_font_family",
+            initial_value: "Ubuntu-Medium",
+          },
+          {
+            type: "number_input",
+            label: "LG Font Size",
+            key: "menu_item_lg_font_size",
+            initial_value: 25,
+          },
+          {
+            type: "number_input",
+            label: "LG Line Height",
+            key: "menu_item_lg_line_height",
+            initial_value: 40,
+          },
+          {
+            type: "number_input",
+            label: "LG Letter Spacing",
+            key: "menu_item_lg_letter_spacing",
+            initial_value: 0,
+          },
+          {
+            type: "samsung_font_selector",
+            label: "Samsung Font Family",
+            key: "menu_item_samsung_font_family",
+            initial_value: "Ubuntu-Medium",
+          },
+          {
+            type: "number_input",
+            label: "Samsung Font Size",
+            key: "menu_item_samsung_font_size",
+            initial_value: 25,
+          },
+          {
+            type: "number_input",
+            label: "Samsung Line Height",
+            key: "menu_item_samsung_line_height",
+            initial_value: 40,
+          },
+          {
+            type: "number_input",
+            label: "Samsung Letter Spacing",
+            key: "menu_item_samsung_letter_spacing",
+            initial_value: 0,
+          },
+          {
+            type: "vizio_font_selector",
+            label: "Vizio Font Family",
+            key: "menu_item_vizio_font_family",
+            initial_value: "Ubuntu-Medium",
+          },
+          {
+            type: "number_input",
+            label: "Vizio Font Size",
+            key: "menu_item_vizio_font_size",
+            initial_value: 25,
+          },
+          {
+            type: "number_input",
+            label: "Vizio Line Height",
+            key: "menu_item_vizio_line_height",
+            initial_value: 40,
+          },
+          {
+            type: "number_input",
+            label: "Vizio Letter Spacing",
+            key: "menu_item_vizio_letter_spacing",
+            initial_value: 0,
+          },
+        ]
+      ),
+      // Captions Menu - Item Border
+      fieldsGroup(
+        "Captions - Item Border",
+        "Captions Menu Item Border Styles",
+        [
+          {
+            type: "color_picker_rgba",
+            label: "Border Color - Default",
+            key: "menu_item_border_default_color",
+            initial_value: "rgba(0, 0, 0, 0)",
+          },
+          {
+            type: "color_picker_rgba",
+            label: "Border Color - Focused",
+            key: "menu_item_border_focused_color",
+            initial_value: "rgba(239, 239, 239, 1)",
+          },
+          {
+            type: "color_picker_rgba",
+            label: "Border Color - Selected",
+            key: "menu_item_border_selected_color",
+            initial_value: "rgba(239, 239, 239, 1)",
+          },
+          {
+            type: "color_picker_rgba",
+            label: "Border Color - Focused & Selected",
+            key: "menu_item_border_select_focused_color",
+            initial_value: "rgba(239, 239, 239, 1)",
+          },
+          {
+            type: "number_input",
+            label: "Border Corner Radius",
+            key: "menu_item_border_radius",
+            initial_value: 5,
+          },
+          {
+            type: "number_input",
+            label: "Border Thickness",
+            key: "menu_item_border_thickness",
+            initial_value: 4,
+          },
+        ]
+      ),
+      // Captions Menu - Item Tick Icon
+      fieldsGroup(
+        "Captions - Item Tick Icon",
+        "Captions Menu Item Tick Icon Styles",
+        [
+          {
+            type: "color_picker_rgba",
+            label: "Color",
+            key: "menu_item_tick_color",
+            initial_value: "rgba(239, 239, 239, 1)",
+          },
+        ]
+      )
+    );
+  }
+
+  // ---- TV fields ---- //
+
+  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",
+        "This section allows you to configure the styling of the scrub bar",
+        [
+          {
+            section: "scrub",
+            key: "scrub_total",
+            label: "Scrub bar color",
+            type: "color_picker_rgba",
+            initial_value: "rgba(239, 239, 239, 0.35)",
+            label_tooltip:
+              "Select the bar color for the player's scrub / progress bar",
+          },
+          {
+            section: "scrub",
+            key: "scrub_buffer",
+            label: "Scrub bar buffer color",
+            type: "color_picker_rgba",
+            initial_value: "rgba(239, 239, 239, 0.65)",
+            label_tooltip:
+              "Select the buffer bar color for the player's scrub / progress bar",
+          },
+          {
+            section: "scrub",
+            key: "scrub_progress",
+            label: "Scrub bar progress color",
+            type: "color_picker_rgba",
+            initial_value: "rgba(254, 20, 72, 1)",
+            label_tooltip:
+              "Select the progress bar color for the player's scrub / progress bar",
+          },
+          {
+            section: "scrub",
+            key: "scrub_handle",
+            label: "Scrub bar handle color",
+            type: "color_picker_rgba",
+            initial_value: "rgba(239, 239, 239, 1)",
+            label_tooltip:
+              "Select the bar handle / marker color for the player's scrub / progress bar",
+          },
+        ]
+      ),
+      // Video Player Title Text
+      fieldsGroup(
+        "Video Player - Title Text",
+        "Video Player Title Text Label Styles",
+        [
+          {
+            key: "player_title_color",
+            label: "Font color",
+            type: "color_picker_rgba",
+            initial_value: "rgba(239, 239, 239, 1)",
+          },
+          {
+            type: "lg_tv_font_selector",
+            label: "LG Font Family",
+            key: "lg_tv_video_player_title_font_family",
+            initial_value: "Ubuntu-Bold",
+          },
+          {
+            type: "number_input",
+            label: "LG Font Size",
+            key: "lg_tv_video_player_title_font_size",
+            initial_value: 58,
+          },
+          {
+            type: "samsung_font_selector",
+            label: "Samsung Font Family",
+            key: "samsung_tv_video_player_title_font_family",
+            initial_value: "Ubuntu-Bold",
+          },
+          {
+            type: "number_input",
+            label: "Samsung Font Size",
+            key: "samsung_tv_video_player_title_font_size",
+            initial_value: 58,
+          },
+          {
+            type: "vizio_font_selector",
+            label: "Vizio Font Family",
+            key: "vizio_video_player_title_font_family",
+            initial_value: "Ubuntu-Bold",
+          },
+          {
+            type: "number_input",
+            label: "Vizio Font Size",
+            key: "vizio_video_player_title_font_size",
+            initial_value: 58,
+          },
+          {
+            type: "tvos_font_selector",
+            label: "tvOS Font Family",
+            key: "tv_os_video_player_title_font_family",
+            initial_value: "Ubuntu-Bold",
+          },
+          {
+            type: "number_input",
+            label: "tvOS Font Size",
+            key: "tv_os_video_player_title_font_size",
+            initial_value: 58,
+          },
+          {
+            type: "android_font_selector",
+            label: "Android TV Font Family",
+            key: "android_tv_video_player_title_font_family",
+            initial_value: "Ubuntu-Bold",
+          },
+          {
+            type: "number_input",
+            label: "Android TV Font Size",
+            key: "android_tv_video_player_title_font_size",
+            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: 58,
+          },
+        ]
+      ),
+      // Video Player Summary Font Family
+      fieldsGroup(
+        "Video Player - Summary Text",
+        "Video Player Summary Text Label Styles",
+        [
+          {
+            key: "player_summary_color",
+            label: "Font color",
+            type: "color_picker_rgba",
+            initial_value: "rgba(239, 239, 239, 1)",
+          },
+          {
+            type: "lg_tv_font_selector",
+            label: "LG Font Family",
+            key: "lg_tv_video_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
+          },
+          {
+            type: "number_input",
+            label: "LG Font Size",
+            key: "lg_tv_video_player_summary_font_size",
+            initial_value: 30,
+          },
+          {
+            type: "samsung_font_selector",
+            label: "Samsung Font Family",
+            key: "samsung_tv_video_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
+          },
+          {
+            type: "number_input",
+            label: "Samsung Font Size",
+            key: "samsung_tv_video_player_summary_font_size",
+            initial_value: 30,
+          },
+          {
+            type: "vizio_font_selector",
+            label: "Vizio Font Family",
+            key: "vizio_video_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
+          },
+          {
+            type: "number_input",
+            label: "Vizio Font Size",
+            key: "vizio_video_player_summary_font_size",
+            initial_value: 30,
+          },
+          {
+            type: "tvos_font_selector",
+            label: "tvOS Font Family",
+            key: "tv_os_video_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
+          },
+          {
+            type: "number_input",
+            label: "tvOS Font Size",
+            key: "tv_os_video_player_summary_font_size",
+            initial_value: 30,
+          },
+          {
+            type: "android_font_selector",
+            label: "Android TV Font Family",
+            key: "android_tv_video_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
+          },
+          {
+            type: "number_input",
+            label: "Android TV Font Size",
+            key: "android_tv_video_player_summary_font_size",
+            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: 30,
+          },
+        ]
+      ),
+      // Audio Player Title Font Family
+      fieldsGroup(
+        "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: "Ubuntu-Bold",
           },
           {
             type: "number_input",
-            label: "LG Letter Spacing",
-            key: "menu_header_lg_letter_spacing",
-            initial_value: 0,
+            label: "LG Font Size",
+            key: "lg_tv_audio_player_title_font_size",
+            initial_value: 40,
           },
           {
             type: "samsung_font_selector",
             label: "Samsung Font Family",
-            key: "menu_header_samsung_font_family",
-            initial_value: "SmsungOneUI-Bold",
+            key: "samsung_tv_audio_player_title_font_family",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
             label: "Samsung Font Size",
-            key: "menu_header_samsung_font_size",
-            initial_value: 30,
+            key: "samsung_tv_audio_player_title_font_size",
+            initial_value: 40,
           },
           {
-            type: "number_input",
-            label: "Samsung Line Height",
-            key: "menu_header_samsung_line_height",
-            initial_value: 60,
+            type: "vizio_font_selector",
+            label: "Vizio Font Family",
+            key: "vizio_audio_player_title_font_family",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
-            label: "Samsung Letter Spacing",
-            key: "menu_header_samsung_letter_spacing",
-            initial_value: 0,
+            label: "Vizio Font Size",
+            key: "vizio_audio_player_title_font_size",
+            initial_value: 40,
           },
           {
-            type: "vizio_font_selector",
-            label: "Vizio Font Family",
-            key: "menu_header_vizio_font_family",
-            initial_value: "SmsungOneUI-Bold",
+            type: "tvos_font_selector",
+            label: "tvOS Font Family",
+            key: "tv_os_audio_player_title_font_family",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
-            label: "Vizio Font Size",
-            key: "menu_header_vizio_font_size",
-            initial_value: 30,
+            label: "tvOS Font Size",
+            key: "tv_os_audio_player_title_font_size",
+            initial_value: 40,
+          },
+          {
+            type: "android_font_selector",
+            label: "Android TV Font Family",
+            key: "android_tv_audio_player_title_font_family",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
-            label: "Vizio Line Height",
-            key: "menu_header_vizio_line_height",
-            initial_value: 60,
+            label: "Android TV Font Size",
+            key: "android_tv_audio_player_title_font_size",
+            initial_value: 40,
+          },
+          {
+            type: "roku_font_selector",
+            label: "Roku Font Family",
+            key: "roku_audio_player_title_font_family",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
-            label: "Vizio Letter Spacing",
-            key: "menu_header_vizio_letter_spacing",
-            initial_value: 0,
+            label: "Roku Font Size",
+            key: "roku_audio_player_title_font_size",
+            initial_value: 40,
           },
         ]
       ),
-      // Captions Menu - Item Text Label
+      // Audio Player Summary Font Family
       fieldsGroup(
-        "Captions - Item Text",
-        "Captions Menu Item Text Label Styles",
+        "Audio Player - Summary Text",
+        "Audio Player Summary Text Label Styles",
         [
           {
+            key: "audio_player_summary_color",
+            label: "Audio player summary color",
             type: "color_picker_rgba",
-            label: "Font Color - Default",
-            key: "menu_item_default_font_color",
-            initial_value: "rgba(239, 239, 239, 0.5)",
-          },
-          {
-            type: "color_picker_rgba",
-            label: "Font Color - Focused",
-            key: "menu_item_focused_font_color",
-            initial_value: "rgba(239, 239, 239, 1)",
-          },
-          {
-            type: "color_picker_rgba",
-            label: "Font Color - Selected",
-            key: "menu_item_selected_font_color",
-            initial_value: "rgba(239, 239, 239, 1)",
-          },
-          {
-            type: "color_picker_rgba",
-            label: "Font Color - Focused & Selected",
-            key: "menu_item_select_focused_font_color",
-            initial_value: "rgba(239, 239, 239, 1)",
+            initial_value: "rgba(239, 239, 239, 0.8)",
           },
           {
-            type: "lg_font_selector",
+            type: "lg_tv_font_selector",
             label: "LG Font Family",
-            key: "menu_item_lg_font_family",
-            initial_value: "Museo-Bold",
+            key: "lg_tv_audio_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "LG Font Size",
-            key: "menu_item_lg_font_size",
-            initial_value: 25,
-          },
-          {
-            type: "number_input",
-            label: "LG Line Height",
-            key: "menu_item_lg_line_height",
-            initial_value: 40,
-          },
-          {
-            type: "number_input",
-            label: "LG Letter Spacing",
-            key: "menu_item_lg_letter_spacing",
-            initial_value: 0,
+            key: "lg_tv_audio_player_summary_font_size",
+            initial_value: 22,
           },
           {
             type: "samsung_font_selector",
             label: "Samsung Font Family",
-            key: "menu_item_samsung_font_family",
-            initial_value: "SmsungOneUI-Bold",
+            key: "samsung_tv_audio_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "Samsung Font Size",
-            key: "menu_item_samsung_font_size",
-            initial_value: 25,
-          },
-          {
-            type: "number_input",
-            label: "Samsung Line Height",
-            key: "menu_item_samsung_line_height",
-            initial_value: 40,
-          },
-          {
-            type: "number_input",
-            label: "Samsung Letter Spacing",
-            key: "menu_item_samsung_letter_spacing",
-            initial_value: 0,
+            key: "samsung_tv_audio_player_summary_font_size",
+            initial_value: 22,
           },
           {
             type: "vizio_font_selector",
             label: "Vizio Font Family",
-            key: "menu_item_vizio_font_family",
-            initial_value: "SmsungOneUI-Bold",
+            key: "vizio_audio_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "Vizio Font Size",
-            key: "menu_item_vizio_font_size",
-            initial_value: 25,
+            key: "vizio_audio_player_summary_font_size",
+            initial_value: 22,
           },
           {
-            type: "number_input",
-            label: "Vizio Line Height",
-            key: "menu_item_vizio_line_height",
-            initial_value: 40,
+            type: "tvos_font_selector",
+            label: "tvOS Font Family",
+            key: "tv_os_audio_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
-            label: "Vizio Letter Spacing",
-            key: "menu_item_vizio_letter_spacing",
-            initial_value: 0,
-          },
-        ]
-      ),
-      // Captions Menu - Item Border
-      fieldsGroup(
-        "Captions - Item Border",
-        "Captions Menu Item Border Styles",
-        [
-          {
-            type: "color_picker_rgba",
-            label: "Border Color - Default",
-            key: "menu_item_border_default_color",
-            initial_value: "rgba(0, 0, 0, 0)",
-          },
-          {
-            type: "color_picker_rgba",
-            label: "Border Color - Focused",
-            key: "menu_item_border_focused_color",
-            initial_value: "rgba(239, 239, 239, 1)",
+            label: "tvOS Font Size",
+            key: "tv_os_audio_player_summary_font_size",
+            initial_value: 22,
           },
           {
-            type: "color_picker_rgba",
-            label: "Border Color - Selected",
-            key: "menu_item_border_selected_color",
-            initial_value: "rgba(239, 239, 239, 1)",
+            type: "android_font_selector",
+            label: "Android TV Font Family",
+            key: "android_tv_audio_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
-            type: "color_picker_rgba",
-            label: "Border Color - Focused & Selected",
-            key: "menu_item_border_select_focused_color",
-            initial_value: "rgba(239, 239, 239, 1)",
+            type: "number_input",
+            label: "Android TV Font Size",
+            key: "android_tv_audio_player_summary_font_size",
+            initial_value: 22,
           },
           {
-            type: "number_input",
-            label: "Border Corner Radius",
-            key: "menu_item_border_radius",
-            initial_value: 5,
+            type: "roku_font_selector",
+            label: "Roku Font Family",
+            key: "roku_audio_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
-            label: "Border Thickness",
-            key: "menu_item_border_thickness",
-            initial_value: 5,
+            label: "Roku Font Size",
+            key: "roku_audio_player_summary_font_size",
+            initial_value: 22,
           },
         ]
       ),
-      // Captions Menu - Item Tick Icon
       fieldsGroup(
-        "Captions - Item Tick Icon",
-        "Captions Menu Item Tick Icon Styles",
+        "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",
-            label: "Color",
-            key: "menu_item_tick_color",
-            initial_value: "rgba(239, 239, 239, 1)",
+            initial_value: "rgba(17, 17, 17, 1)",
           },
-        ]
-      )
-    );
-  }
-
-  // ---- TV fields ---- //
-
-  if (getDevice(platform) === "tv") {
-    styles.fields.push(
-      // Scrub colors
-      fieldsGroup(
-        "Scrub bar",
-        "This section allows you to configure the styling of the scrub bar",
-        [
           {
-            section: "scrub",
-            key: "scrub_total",
-            label: "Scrub bar color",
-            type: "color_picker_rgba",
-            initial_value: "rgba(255, 255, 255, 0.35)",
+            key: "audio_player_background_image",
+            label: "Background Image",
             label_tooltip:
-              "Select the bar color for the player's scrub / progress bar",
+              "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: "",
           },
           {
-            section: "scrub",
-            key: "scrub_buffer",
-            label: "Scrub bar buffer color",
-            type: "color_picker_rgba",
-            initial_value: "rgba(255, 255, 255, 0.8)",
+            key: "audio_player_background_image_overlay",
+            label: "Background Image Overlay",
             label_tooltip:
-              "Select the buffer bar color for the player's scrub / progress bar",
+              "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)",
           },
           {
-            section: "scrub",
-            key: "scrub_progress",
-            label: "Scrub bar progress color",
-            type: "color_picker_rgba",
-            initial_value: "rgba(4, 207, 153, 1)",
+            type: "text_input",
+            label: "Item Image Key",
+            key: "audio_player_artwork_image_key",
             label_tooltip:
-              "Select the progress bar color for the player's scrub / progress bar",
+              "Define the key used to fetch the item’s image. If left empty, a default image will be shown.",
+            initial_value: "image_base",
           },
           {
-            section: "scrub",
-            key: "scrub_handle",
-            label: "Scrub bar handle color",
-            type: "color_picker_rgba",
-            initial_value: "rgba(255, 255, 255, 1)",
+            key: "audio_player_artwork_border_radius",
+            label: "Item Image Corner Radius",
             label_tooltip:
-              "Select the bar handle / marker color for the player's scrub / progress bar",
+              "Set the corner radius (in pixels) for item images. Leave empty for sharp corners (0px).",
+            type: "number_input",
+            initial_value: 16,
           },
         ]
       ),
-      // Video Player Title Text
+      // Player Time Font Family
       fieldsGroup(
-        "Video Player - Title Text",
-        "Video Player Title Text Label Styles",
+        "Player Time Indicator Text",
+        "Player Time Indicator Text Label Styles",
         [
-          {
-            key: "player_title_color",
-            label: "Font color",
-            type: "color_picker_rgba",
-            initial_value: "rgba(239, 239, 239, 1)",
-          },
           {
             type: "lg_tv_font_selector",
             label: "LG Font Family",
-            key: "lg_tv_video_player_title_font_family",
-            initial_value: "Museo-Bold",
+            key: "lg_tv_player_time_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "LG Font Size",
-            key: "lg_tv_video_player_title_font_size",
-            initial_value: 64,
+            key: "lg_tv_player_time_font_size",
+            initial_value: 20,
           },
           {
             type: "samsung_font_selector",
             label: "Samsung Font Family",
-            key: "samsung_tv_video_player_title_font_family",
-            initial_value: "SamsungOne-800",
+            key: "samsung_tv_player_time_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "Samsung Font Size",
-            key: "samsung_tv_video_player_title_font_size",
-            initial_value: 64,
+            key: "samsung_tv_player_time_font_size",
+            initial_value: 20,
           },
           {
             type: "vizio_font_selector",
             label: "Vizio Font Family",
-            key: "vizio_video_player_title_font_family",
-            initial_value: "Ubuntu-Bold",
+            key: "vizio_tv_player_time_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
-            label: "Vizio Font Size",
-            key: "vizio_video_player_title_font_size",
-            initial_value: 64,
+            label: "vizio Font Size",
+            key: "vizio_player_time_font_size",
+            initial_value: 20,
           },
           {
-            type: "tvos_font_selector",
-            label: "tvOS Font Family",
-            key: "tv_os_video_player_title_font_family",
-            initial_value: "SFProText-Medium",
+            type: "android_font_selector",
+            label: "Android TV Font Family",
+            key: "android_tv_player_time_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
-            label: "tvOS Font Size",
-            key: "tv_os_video_player_title_font_size",
-            initial_value: 48,
-          },
-          {
-            type: "android_font_selector",
-            label: "Android TV Font Family",
-            key: "android_tv_video_player_title_font_family",
-            initial_value: "Roboto-Bold",
+            label: "Android Font Size",
+            key: "android_tv_player_time_font_size",
+            initial_value: 20,
           },
           {
             type: "android_font_selector",
             label: "Fire TV Font Family",
-            key: "amazon_video_player_title_font_family",
-            initial_value: "Roboto-Bold",
-          },
-          {
-            type: "number_input",
-            label: "Android TV Font Size",
-            key: "android_tv_video_player_title_font_size",
-            initial_value: 50,
+            key: "amazon_player_time_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "Fire TV Font Size",
-            key: "amazon_video_player_title_font_size",
-            initial_value: 50,
+            key: "amazon_player_time_font_size",
+            initial_value: 20,
           },
         ]
       ),
-      // Video Player Summary Font Family
+      // Player Run Time Font
       fieldsGroup(
-        "Video Player - Summary Text",
-        "Video Player Summary Text Label Styles",
+        "Player Run Time Indicator Text",
+        "Player Run Time Indicator Text Label Styles",
         [
-          {
-            key: "player_summary_color",
-            label: "Font color",
-            type: "color_picker_rgba",
-            initial_value: "rgba(239, 239, 239, 1)",
-          },
           {
             type: "lg_tv_font_selector",
             label: "LG Font Family",
-            key: "lg_tv_video_player_summary_font_family",
-            initial_value: "Museo-Bold",
+            key: "lg_tv_audio_player_run_time_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "LG Font Size",
-            key: "lg_tv_video_player_summary_font_size",
-            initial_value: 30,
+            key: "lg_tv_audio_player_run_time_font_size",
+            initial_value: 20,
           },
           {
             type: "samsung_font_selector",
             label: "Samsung Font Family",
-            key: "samsung_tv_video_player_summary_font_family",
-            initial_value: "SamsungOne-800",
+            key: "samsung_tv_audio_player_run_time_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "Samsung Font Size",
-            key: "samsung_tv_video_player_summary_font_size",
-            initial_value: 30,
+            key: "samsung_tv_audio_player_run_time_font_size",
+            initial_value: 20,
           },
           {
             type: "vizio_font_selector",
             label: "Vizio Font Family",
-            key: "vizio_video_player_summary_font_family",
-            initial_value: "Ubuntu-Bold",
+            key: "vizio_audio_player_run_time_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "Vizio Font Size",
-            key: "vizio_video_player_summary_font_size",
-            initial_value: 30,
+            key: "vizio_audio_player_run_time_font_size",
+            initial_value: 20,
           },
           {
             type: "tvos_font_selector",
             label: "tvOS Font Family",
-            key: "tv_os_video_player_summary_font_family",
-            initial_value: "SFProText-Medium",
+            key: "tv_os_audio_player_run_time_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "tvOS Font Size",
-            key: "tv_os_video_player_summary_font_size",
-            initial_value: 24,
+            key: "tv_os_audio_player_run_time_font_size",
+            initial_value: 20,
           },
           {
             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",
+            key: "android_tv_audio_player_run_time_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "Android TV Font Size",
-            key: "android_tv_video_player_summary_font_size",
-            initial_value: 25,
+            key: "android_tv_audio_player_run_time_font_size",
+            initial_value: 20,
+          },
+        ]
+      ),
+      // Player Buttons
+      fieldsGroup("Player Buttons", "Player Buttons styles", [
+        {
+          type: "color_picker_rgba",
+          label: "Border color",
+          key: "button_border_color",
+          initial_value: "rgba(239, 239, 239, 1)",
+        },
+        {
+          type: "color_picker_rgba",
+          label: "Background color",
+          key: "button_background_color",
+          initial_value: "rgba(0, 0, 0, 0)",
+        },
+        {
+          type: "color_picker_rgba",
+          label: "Focused border color",
+          key: "button_focused_border_color",
+          initial_value: "rgba(239, 239, 239, 1)",
+        },
+        {
+          type: "color_picker_rgba",
+          label: "Focused background color",
+          key: "button_focused_background_color",
+          initial_value: "rgba(0, 0, 0, 0)",
+        },
+      ]),
+      // Player progress bar
+      fieldsGroup("Player progress bar", "Progress bar styles", [
+        {
+          type: "color_picker_rgba",
+          label: "Background color",
+          key: "progress_bar_background_color",
+          initial_value: "rgba(254, 20, 72, 1)",
+        },
+      ])
+    );
+  }
+
+  // ---- Audio player (mobile) ---- //
+
+  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",
-            label: "Fire TV Font Size",
-            key: "amazon_video_player_summary_font_size",
-            initial_value: 25,
+            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,
+              },
+            ],
           },
         ]
-      ),
-      // Audio Player Title Font Family
+      )
+    );
+  }
+
+  if (isTV(platform)) {
+    general.fields.push(
       fieldsGroup(
-        "Audio Player - Title Text",
-        "Audio Player Title Text Label Styles",
+        "Samsung and LG TV only",
+        "This section allows you to configure advanced settings for Samsung and LG TV",
         [
           {
-            type: "lg_tv_font_selector",
-            label: "LG Font Family",
-            key: "lg_tv_audio_player_title_font_family",
-            initial_value: "Museo-Bold",
+            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",
           },
           {
-            type: "number_input",
-            label: "LG Font Size",
-            key: "lg_tv_audio_player_title_font_size",
-            initial_value: 38,
+            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",
           },
           {
-            type: "samsung_font_selector",
-            label: "Samsung Font Family",
-            key: "samsung_tv_audio_player_title_font_family",
-            initial_value: "SamsungOne-800",
+            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",
           },
           {
-            type: "number_input",
-            label: "Samsung Font Size",
-            key: "samsung_tv_audio_player_title_font_size",
-            initial_value: 38,
+            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",
           },
           {
-            type: "vizio_font_selector",
-            label: "Vizio Font Family",
-            key: "vizio_tv_audio_player_title_font_family",
-            initial_value: "Ubuntu-Bold",
+            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/",
           },
           {
-            type: "number_input",
-            label: "Vizio Font Size",
-            key: "vizio_audio_player_title_font_size",
-            initial_value: 38,
+            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",
           },
           {
-            type: "tvos_font_selector",
-            label: "tvOS Font Family",
-            key: "tv_os_audio_player_title_font_family",
-            initial_value: "SFProText-Medium",
+            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",
           },
           {
-            type: "number_input",
-            label: "tvOS Font Size",
-            key: "tv_os_audio_player_title_font_size",
-            initial_value: 38,
+            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(
+        "Roku only",
+        "This section allows you to configure RAF - Roku Ad Framework settings",
+        [
+          {
+            key: "raf_enabled",
+            type: "switch",
+            initial_value: false,
+          },
+          {
+            key: "raf_url",
+            type: "text_input",
+            label: "Ad URL",
+            label_tooltip:
+              "Publisher's ad URL. The default is the Roku Ad Server with a single pre-roll placeholder, with revenue split ad sharing by default. TO GET PAID A URL MUST BE PASSED IN HERE. Note: If you are putting ads in child targetted content then your ad url will have to use the ROKU_ADS_KIDS_CONTENT macro value, as per the docs here: developer.roku.com/docs/developer-program/advertising/integrating-roku-advertising-framework.md#url-parameter-macros",
+          },
+          {
+            key: "genre",
+            type: "text_input",
+            label: "Roku Genre",
+            initial_value: "Entertainment",
+            label_tooltip:
+              "Choose value from Roku genre tags, from developer.roku.com/en-gb/docs/developer-program/advertising/integrating-roku-advertising-framework.md",
+          },
+          {
+            key: "nielsen_enabled",
+            type: "checkbox",
+            initial_value: false,
+            label_tooltip:
+              "Required only for apps launched in the US market, See developer.roku.com/en-gb/docs/developer-program/advertising/integrating-roku-advertising-framework.md for details on configuration",
+          },
+          {
+            key: "nielsen_app_id",
+            type: "text_input",
+            initial_value: "",
+            label_tooltip:
+              "id of your app for nielsen leave blank if you don't have a specific id (that is almost always the case)",
           },
           {
-            type: "android_font_selector",
-            label: "Android TV Font Family",
-            key: "android_tv_audio_player_title_font_family",
-            initial_value: "Roboto-Bold",
+            key: "nielsen_genre",
+            type: "text_input",
+            initial_value: "General",
+            label_tooltip:
+              "genre from developer.roku.com/en-gb/docs/developer-program/advertising/integrating-roku-advertising-framework.md#nielsen-dar-genre-tags",
           },
           {
-            type: "number_input",
-            label: "Android TV Font Size",
-            key: "android_tv_audio_player_title_font_size",
-            initial_value: 50,
+            key: "is_kids_content",
+            type: "checkbox",
+            initial_value: false,
+            label_tooltip:
+              "If your content is directed at kids, this must be checked. See developer.roku.com/docs/developer-program/advertising/raf-api.md#setcontentgenregenres-as-string-kidscontent-as-boolean for more info. Also note your ad urls will have to use the ROKU_ADS_KIDS_CONTENT macro value, as per the docs here: developer.roku.com/docs/developer-program/advertising/integrating-roku-advertising-framework.md#url-parameter-macros",
           },
         ]
       ),
-      // Audio Player Summary Font Family
       fieldsGroup(
-        "Audio Player - Summary Text",
-        "Audio Player Summary Text Label Styles",
+        "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: "lg_tv_font_selector",
-            label: "LG Font Family",
-            key: "lg_tv_audio_player_summary_font_family",
-            initial_value: "Museo-Bold",
-          },
-          {
-            type: "number_input",
-            label: "LG Font Size",
-            key: "lg_tv_audio_player_summary_font_size",
-            initial_value: 20,
+            type: "switch",
+            key: "skip_button_enabled",
+            label_tooltip: "Enables Skip button on the player.",
+            label: "Enable",
+            initial_value: true,
           },
           {
-            type: "samsung_font_selector",
-            label: "Samsung Font Family",
-            key: "samsung_tv_audio_player_summary_font_family",
-            initial_value: "SamsungOne-800",
+            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: "number_input",
-            label: "Samsung Font Size",
-            key: "samsung_tv_audio_player_summary_font_size",
-            initial_value: 20,
+            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: "vizio_font_selector",
-            label: "Vizio Font Family",
-            key: "vizio_audio_player_summary_font_family",
-            initial_value: "Ubuntu-Bold",
+            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: "Vizio Font Size",
-            key: "vizio_audio_player_summary_font_size",
-            initial_value: 20,
-          },
-          {
-            type: "tvos_font_selector",
-            label: "tvOS Font Family",
-            key: "tv_os_audio_player_summary_font_family",
-            initial_value: "SFProText-Medium",
+            label_tooltip: "",
+            label: "Border Width",
+            key: "skip_button_style_button_border_width",
+            initial_value: 1.5,
           },
           {
-            type: "number_input",
-            label: "tvOS Font Size",
-            key: "tv_os_audio_player_summary_font_size",
-            initial_value: 20,
+            type: "color_picker_rgba",
+            label_tooltip: "",
+            label: "Border Color",
+            key: "skip_button_style_button_border_color",
+            initial_value: "rgba(255, 255, 255, 1)",
           },
           {
-            type: "android_font_selector",
-            label: "Android TV Font Family",
-            key: "android_tv_audio_player_summary_font_family",
-            initial_value: "Roboto-Medium",
+            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: "Android TV Font Size",
-            key: "android_tv_audio_player_summary_font_size",
-            initial_value: 25,
-          },
-        ]
-      ),
-      // Player Time Font Family
-      fieldsGroup(
-        "Player Time Indicator Text",
-        "Player Time Indicator Text Label Styles",
-        [
-          {
-            type: "lg_tv_font_selector",
-            label: "LG Font Family",
-            key: "lg_tv_player_time_font_family",
-            initial_value: "Museo-Bold",
+            label_tooltip: "",
+            label: "Corner Radius",
+            key: "skip_button_style_button_border_radius",
+            initial_value: 4,
           },
           {
             type: "number_input",
-            label: "LG Font Size",
-            key: "lg_tv_player_time_font_size",
-            initial_value: 20,
-          },
-          {
-            type: "samsung_font_selector",
-            label: "Samsung Font Family",
-            key: "samsung_tv_player_time_font_family",
-            initial_value: "SamsungOne-800",
+            label_tooltip: "",
+            label: "Margin Top",
+            key: "skip_button_style_button_margin_top",
+            initial_value: 0,
           },
           {
             type: "number_input",
-            label: "Samsung Font Size",
-            key: "samsung_tv_player_time_font_size",
-            initial_value: 20,
+            label_tooltip: "",
+            label: "Margin Right",
+            key: "skip_button_style_button_margin_right",
+            initial_value: 8,
           },
           {
-            type: "vizio_font_selector",
-            label: "Vizio Font Family",
-            key: "vizio_player_time_font_family",
-            initial_value: "Ubuntu-Bold",
+            type: "number_input",
+            label_tooltip: "",
+            label: "Margin Bottom",
+            key: "skip_button_style_button_margin_bottom",
+            initial_value: 0,
           },
           {
             type: "number_input",
-            label: "Vizio Font Size",
-            key: "vizio_player_time_font_size",
-            initial_value: 20,
+            label_tooltip: "",
+            label: "Margin Left",
+            key: "skip_button_style_button_margin_left",
+            initial_value: 0,
           },
           {
             type: "android_font_selector",
-            label: "Android TV Font Family",
-            key: "android_tv_player_time_font_family",
-            initial_value: "Roboto-Bold",
+            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: "android_tv_player_time_font_size",
-            initial_value: 20,
+            key: "skip_button_style_text_android_font_size",
+            initial_value: 12,
           },
           {
-            type: "android_font_selector",
-            label: "Fire TV Font Family",
-            key: "amazon_player_time_font_family",
-            initial_value: "Roboto-Bold",
+            type: "number_input",
+            label_tooltip: "",
+            label: "Android Letter Spacing",
+            key: "skip_button_style_text_android_letter_spacing",
+            initial_value: 0,
           },
           {
             type: "number_input",
-            label: "Fire TV Font Size",
-            key: "amazon_player_time_font_size",
+            label_tooltip: "",
+            label: "Android Line Height",
+            key: "skip_button_style_text_android_line_height",
             initial_value: 20,
           },
-        ]
-      ),
-      // Player Run Time Font
-      fieldsGroup(
-        "Player Run Time Indicator Text",
-        "Player Run Time Indicator Text Label Styles",
-        [
           {
-            type: "lg_tv_font_selector",
-            label: "LG Font Family",
-            key: "lg_tv_audio_player_run_time_font_family",
-            initial_value: "Museo-Bold",
+            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: "LG Font Size",
-            key: "lg_tv_audio_player_run_time_font_size",
-            initial_value: 20,
+            label_tooltip: "",
+            label: "iOS Font Size",
+            key: "skip_button_style_text_ios_font_size",
+            initial_value: 12,
           },
           {
-            type: "samsung_font_selector",
-            label: "Samsung Font Family",
-            key: "samsung_tv_audio_player_run_time_font_family",
-            initial_value: "SamsungOne-800",
+            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: "Samsung Font Size",
-            key: "samsung_tv_audio_player_run_time_font_size",
+            label_tooltip: "",
+            label: "iOS Line Height",
+            key: "skip_button_style_text_ios_line_height",
             initial_value: 20,
           },
           {
-            type: "vizio_font_selector",
-            label: "Vizio Font Family",
-            key: "vizio_audio_player_run_time_font_family",
-            initial_value: "Ubuntu-Bold",
+            type: "color_picker_rgba",
+            label_tooltip: "",
+            label: "Font Color",
+            key: "skip_button_style_text_color",
+            initial_value: "rgba(255, 255, 255, 1)",
           },
           {
-            type: "number_input",
-            label: "Vizio Font Size",
-            key: "vizio_audio_player_run_time_font_size",
-            initial_value: 20,
+            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: "tvos_font_selector",
-            label: "tvOS Font Family",
-            key: "tv_os_audio_player_run_time_font_family",
-            initial_value: "SFProText-Medium",
+            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: "tvOS Font Size",
-            key: "tv_os_audio_player_run_time_font_size",
-            initial_value: 20,
+            label_tooltip: "",
+            label: "Padding Top",
+            key: "skip_button_style_text_padding_top",
+            initial_value: 7,
           },
           {
-            type: "android_font_selector",
-            label: "Android TV Font Family",
-            key: "android_tv_audio_player_run_time_font_family",
-            initial_value: "Roboto-Medium",
+            type: "number_input",
+            label_tooltip: "",
+            label: "Padding Right",
+            key: "skip_button_style_text_padding_right",
+            initial_value: 10,
           },
           {
             type: "number_input",
-            label: "Android TV Font Size",
-            key: "android_tv_audio_player_run_time_font_size",
-            initial_value: 25,
+            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,
           },
         ]
-      ),
-      // Player Buttons
-      fieldsGroup("Player Buttons", "Player Buttons styles", [
-        {
-          type: "color_picker_rgba",
-          label: "Border color",
-          key: "button_border_color",
-          initial_value: "rgba(239, 239, 239, 1)",
-        },
-        {
-          type: "color_picker_rgba",
-          label: "Background color",
-          key: "button_background_color",
-          initial_value: "rgba(255, 255, 255, 0)",
-        },
-        {
-          type: "color_picker_rgba",
-          label: "Focused border color",
-          key: "button_focused_border_color",
-          initial_value: "rgba(239, 239, 239, 1)",
-        },
-        {
-          type: "color_picker_rgba",
-          label: "Focused background color",
-          key: "button_focused_background_color",
-          initial_value: "rgba(239, 239, 239, 1)",
-        },
-      ]),
-      // Player progress bar
-      fieldsGroup("Player progress bar", "Progress bar styles", [
-        {
-          type: "color_picker_rgba",
-          label: "Background color",
-          key: "progress_bar_background_color",
-          initial_value: "rgba(239, 239, 239, 1)",
-        },
-      ])
+      )
     );
   }
 
-  // ---- Audio player background - TV & 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,
-        },
-      ]
-    )
-  );
+  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",
+  };
 
-  return {
+  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);