@applicaster/zapp-react-native-utils 14.0.0-alpha.5621117258 → 14.0.0-alpha.6242515303

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,390 +134,606 @@ 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: "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: "Back 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",
+      },
+    ],
+  };
 
+  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: "Android 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",
               },
-            ],
-          },
-          {
-            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,
+                text: "Capitalize",
+                value: "capitalize",
               },
             ],
+            label: "Text Transform",
+            key: "skip_button_style_text_text_transform",
+            initial_value: "none",
           },
-          {
-            key: "stop_mini",
-            label: "Docked stop badge",
-            type: "uploader",
+        ]
+      )
+    );
+  }
+
+  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:
-              "Set stop badge / icon in docked mode. Docked pause badge is used if this field is empty",
+              "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: [
               {
@@ -467,194 +743,237 @@ function getPlayerConfiguration({ platform }) {
             ],
           },
           {
-            key: "live_image",
-            label: "Live badge",
-            type: "uploader",
-            label_tooltip: "Override default live badge / icon",
+            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/live_badge_enabled",
+                key: "styles/use_video_modal",
                 condition_value: true,
               },
             ],
           },
           {
-            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.",
+            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_width",
-            label: "Live badge width",
-            type: "number_input",
-            label_tooltip: "Max value 230",
-            initial_value: 38,
+            type: "switch",
+            label: "Disable Mini Player (in  Inline Mode Video Modal)",
+            label_tooltip:
+              "Select whether you want to disable the mini player in the video player when in inline mode",
+            key: "disable_mini_player_when_inline",
+            initial_value: false,
             rules: "conditional",
             conditional_fields: [
               {
-                key: "styles/live_badge_enabled",
+                key: "styles/use_video_modal",
                 condition_value: true,
               },
             ],
           },
           {
-            key: "live_height",
-            label: "Live badge height",
+            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 40",
-            initial_value: 20,
+            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,
               },
             ],
           },
-        ]
-      ),
-      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: "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,
+              },
+            ],
           },
           {
-            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: "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_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: "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_color",
-            label: "Title color",
             type: "color_picker_rgba",
+            label: "Buffering spinner color",
+            key: "buffering_color",
             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",
+            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,
+              },
+            ],
           },
           {
-            section: "title",
-            key: "title_lineheight_android",
-            label: "Android title line height",
-            type: "number_input",
-            initial_value: 20,
+            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,
+              },
+            ],
+          },
+          {
+            type: "text_input",
+            label: "Tablet landscape sidebar width",
+            key: "tablet_landscape_sidebar_width",
             label_tooltip:
-              "Select the line height for the android player's title",
+              "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_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: "play",
+            label: "Play badge",
+            type: "uploader",
+            label_tooltip: "Override default play 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: "pause",
+            label: "Pause badge",
+            type: "uploader",
+            label_tooltip: "Override default pause badge / icon",
           },
           {
-            section: "title",
-            key: "title_letterspacing_ios",
-            label: "iOS title letter spacing",
-            type: "number_input",
-            initial_value: -0.4,
+            key: "forward",
+            label: "Forward badge",
+            type: "uploader",
+            label_tooltip: "Override default forward badge / icon",
+          },
+          {
+            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 +982,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,
               },
+            ],
+          },
+          // 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/docked_player_title",
+                key: "styles/use_video_modal",
                 condition_value: true,
               },
             ],
           },
           {
-            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: "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: "close_mini",
+            label: "Docked close badge",
+            type: "uploader",
+            label_tooltip: "Override default close badge / icon in docked mode",
+            rules: "conditional",
+            conditional_fields: [
               {
-                key: "styles/docked_player_title",
+                key: "styles/use_video_modal",
                 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,
+            key: "stop_mini",
+            label: "Docked stop badge",
+            type: "uploader",
             label_tooltip:
-              "Select the font size 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_fontsize_ios",
-            label: "iOS Docked player content title font size",
-            type: "number_input",
-            initial_value: 15,
+            key: "live_image_gray",
+            label: "Live Badge On Rewound State",
+            type: "uploader",
             label_tooltip:
-              "Select the font size for the docked player's title on iOS",
-            rules: "all_conditions",
+              "This badge indicates that the stream is live but currently being viewed in a rewound state.",
+            rules: "conditional",
             conditional_fields: [
               {
-                key: "styles/use_video_modal",
+                key: "styles/live_badge_enabled",
                 condition_value: true,
               },
+            ],
+          },
+          {
+            key: "live_width",
+            label: "Live badge width",
+            type: "number_input",
+            label_tooltip: "Max value 230",
+            initial_value: 38,
+            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_android",
-            label: "Android Docked player content title line height",
+            key: "live_height",
+            label: "Live badge height",
             type: "number_input",
-            initial_value: 18,
-            label_tooltip:
-              "Select the line height for the docked player's title on Android",
-            rules: "all_conditions",
+            label_tooltip: "Max value 40",
+            initial_value: 20,
+            rules: "conditional",
             conditional_fields: [
               {
-                key: "styles/use_video_modal",
+                key: "styles/live_badge_enabled",
                 condition_value: true,
               },
+            ],
+          },
+          {
+            key: "android_pip_action_icons",
+            type: "uploader",
+            label: "Android PiP Action items",
+            label_tooltip:
+              "Upload Assets Folder Zip File, expected format: pip_play, pip_pause, pip_seek_forward, pip_seek_backward",
+          },
+          {
+            key: "speed_0_8",
+            label: "Playback Speed 0.8x",
+            type: "uploader",
+            label_tooltip: "Playback Speed 0.8x",
+            initial_value:
+              "data:image/png;base64,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",
+              },
               {
-                key: "styles/docked_player_title",
-                condition_value: true,
+                text: "Uppercase",
+                value: "uppercase",
+              },
+              {
+                text: "Lowercase",
+                value: "lowercase",
+              },
+              {
+                text: "Capitalize",
+                value: "capitalize",
               },
             ],
           },
+          // Docked Player Title section
           {
             section: "Docked Player Title",
-            key: "docked_player_title_lineheight_ios",
-            label: "iOS Docked player content title line height",
-            type: "number_input",
-            initial_value: 18,
+            key: "docked_player_title",
+            label: "Docked player content title",
+            initial_value: true,
+            type: "switch",
             label_tooltip:
-              "Select the line height for the docked player's title on iOS",
+              "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 +1340,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 +1360,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 +1380,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 +1400,12 @@ 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: [
               {
@@ -884,29 +1420,149 @@ function getPlayerConfiguration({ platform }) {
           },
           {
             section: "Docked Player Title",
-            key: "docked_player_title_text_transform",
-            label: "Docked player content title Text Transform",
-            type: "select",
+            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",
-            initial_value: "default",
-            options: [
-              {
-                text: "Default",
-                value: "default",
-              },
-              {
-                text: "Uppercase",
-                value: "uppercase",
-              },
-              {
-                text: "Lowercase",
-                value: "lowercase",
-              },
-              {
-                text: "Capitalize",
-                value: "capitalize",
-              },
-            ],
+            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: [
+              {
+                key: "styles/use_video_modal",
+                condition_value: true,
+              },
+              {
+                key: "styles/docked_player_title",
+                condition_value: true,
+              },
+            ],
+          },
+          {
+            section: "Docked Player Title",
+            key: "docked_player_title_text_transform",
+            label: "Docked player content title Text Transform",
+            type: "select",
+            rules: "all_conditions",
+            initial_value: "default",
+            options: [
+              {
+                text: "Default",
+                value: "default",
+              },
+              {
+                text: "Uppercase",
+                value: "uppercase",
+              },
+              {
+                text: "Lowercase",
+                value: "lowercase",
+              },
+              {
+                text: "Capitalize",
+                value: "capitalize",
+              },
+            ],
             conditional_fields: [
               {
                 key: "styles/use_video_modal",
@@ -920,6 +1576,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 +1965,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 +1974,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 +1989,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 +1998,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 +2007,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 +2016,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 +2025,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 +2034,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 +2113,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:
@@ -1563,1009 +2228,1531 @@ function getPlayerConfiguration({ platform }) {
         "this section enables you to configure the styles of the content meta data displayed on top of the player",
         [
           {
-            section: "extra_info_text",
-            key: "extra_info_text_font_android",
-            label: "Android extra info text font",
-            type: "android_font_selector",
-            initial_value: "Roboto-Regular",
+            section: "extra_info_text",
+            key: "extra_info_text_font_android",
+            label: "Android extra info text font",
+            type: "android_font_selector",
+            initial_value: "Roboto-Regular",
+            label_tooltip:
+              "Select the font for the android player's extra info text",
+          },
+          {
+            section: "extra_info_text",
+            key: "extra_info_text_font_ios",
+            label: "iOS extra info text font",
+            type: "ios_font_selector",
+            initial_value: "SFProText-Regular",
+            label_tooltip:
+              "Select the font for the iOS player's extra info text",
+          },
+          {
+            section: "extra_info_text",
+            key: "extra_info_text_color",
+            label: "Extra info text color",
+            type: "color_picker_rgba",
+            initial_value: "rgba(255, 255, 255, 1)",
+            label_tooltip:
+              "Select the font color for the player's extra info text",
+          },
+          {
+            section: "extra_info_text",
+            key: "extra_info_text_fontsize_android",
+            label: "Android extra info text font size",
+            type: "number_input",
+            initial_value: 13,
+            label_tooltip:
+              "Select the font size for the android player's extra info text",
+          },
+          {
+            section: "extra_info_text",
+            key: "extra_info_text_fontsize_ios",
+            label: "iOS extra info text font size",
+            type: "number_input",
+            initial_value: 13,
+            label_tooltip:
+              "Select the font size for the iOS player's extra info text",
+          },
+          {
+            section: "extra_info_text",
+            key: "extra_info_text_lineheight_android",
+            label: "Android extra info text line height",
+            type: "number_input",
+            initial_value: 15,
+            label_tooltip:
+              "Select the line height for the android player's extra info text",
+          },
+          {
+            section: "extra_info_text",
+            key: "extra_info_text_lineheight_ios",
+            label: "iOS extra info text line height",
+            type: "number_input",
+            initial_value: 15,
+            label_tooltip:
+              "Select the line height for the iOS player's extra info text",
+          },
+          {
+            section: "extra_info_text",
+            key: "extra_info_text_letterspacing_android",
+            label: "Android extra info text letter spacing",
+            type: "number_input",
+            initial_value: 0,
+            label_tooltip:
+              "Select the letter spacing for the android player's extra info text",
+          },
+          {
+            section: "extra_info_text",
+            key: "extra_info_text_letterspacing_ios",
+            label: "iOS extra info text letter spacing",
+            type: "number_input",
+            initial_value: -0.2,
+            label_tooltip:
+              "Select the letter spacing for the iOS player's extra info text",
+          },
+        ]
+      )
+    );
+  }
+
+  compact([
+    {
+      key: "liveCatchUpEnabled",
+      label: "Live Catch Up",
+      initial_value: true,
+      type: "switch",
+      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") ||
+    platform.includes("android_tv") ||
+    platform.includes("amazon") ||
+    platform.includes("vizio")
+  ) {
+    styles.fields.push(
+      // 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(17, 17, 17, 0.5)",
+        },
+      ]),
+      // Captions Menu - Close
+      fieldsGroup("Captions - Menu Close Button", "Close Button Styles", [
+        {
+          type: "color_picker_rgba",
+          label: "Background Color",
+          key: "close_background_color",
+          initial_value: "rgba(30, 30, 30, 1)",
+        },
+        {
+          type: "color_picker_rgba",
+          label: "Focus Border Color",
+          key: "close_focus_border_color",
+          initial_value: "rgba(239, 239, 239, 1)",
+        },
+        {
+          type: "color_picker_rgba",
+          label: "Icon Color",
+          key: "close_icon_color",
+          initial_value: "rgba(239, 239, 239, 1)",
+        },
+        {
+          type: "number_input",
+          label: "Border Thickness",
+          key: "close_border_thickness",
+          initial_value: 4,
+        },
+      ]),
+      // Captions Menu - Styles
+      fieldsGroup("Captions - Menu", "Captions Menu Styles", [
+        {
+          type: "color_picker_rgba",
+          label: "Background Color",
+          key: "menu_background_color",
+          initial_value: "rgba(30, 30, 30, 1)",
+        },
+        {
+          type: "color_picker_rgba",
+          label: "Top Gradient - Start",
+          key: "menu_top_gradient_start_color",
+          initial_value: "rgba(30, 30, 30, 1)",
+        },
+        {
+          type: "color_picker_rgba",
+          label: "Top Gradient - End",
+          key: "menu_top_gradient_end_color",
+          initial_value: "rgba(30, 30, 30, 0)",
+        },
+        {
+          type: "color_picker_rgba",
+          label: "Bottom Gradient - Start",
+          key: "menu_bottom_gradient_start_color",
+          initial_value: "rgba(30, 30, 30, 1)",
+        },
+        {
+          type: "color_picker_rgba",
+          label: "Bottom Gradient - End",
+          key: "menu_bottom_gradient_end_color",
+          initial_value: "rgba(30, 30, 30, 0)",
+        },
+      ]),
+      // Captions Menu - Header Text Label
+      fieldsGroup(
+        "Captions - Menu Header Text",
+        "Captions Menu Header Text Label Styles",
+        [
+          {
+            type: "color_picker_rgba",
+            label: "Font Color",
+            key: "menu_header_font_color",
+            initial_value: "rgba(239, 239, 239, 1)",
+          },
+          {
+            type: "lg_font_selector",
+            label: "LG Font Family",
+            key: "menu_header_lg_font_family",
+            initial_value: "Ubuntu-Bold",
+          },
+          {
+            type: "number_input",
+            label: "LG Font Size",
+            key: "menu_header_lg_font_size",
+            initial_value: 30,
+          },
+          {
+            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 font for the android player's extra info text",
+              "Select the buffer bar color for the player's scrub / progress bar",
           },
           {
-            section: "extra_info_text",
-            key: "extra_info_text_font_ios",
-            label: "iOS extra info text font",
-            type: "ios_font_selector",
-            initial_value: "SFProText-Regular",
+            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 font for the iOS player's extra info text",
+              "Select the progress bar color for the player's scrub / progress bar",
           },
           {
-            section: "extra_info_text",
-            key: "extra_info_text_color",
-            label: "Extra info text color",
+            section: "scrub",
+            key: "scrub_handle",
+            label: "Scrub bar handle color",
             type: "color_picker_rgba",
-            initial_value: "rgba(255, 255, 255, 1)",
+            initial_value: "rgba(239, 239, 239, 1)",
             label_tooltip:
-              "Select the font color for the player's extra info text",
+              "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",
           },
           {
-            section: "extra_info_text",
-            key: "extra_info_text_fontsize_android",
-            label: "Android extra info text font size",
             type: "number_input",
-            initial_value: 13,
-            label_tooltip:
-              "Select the font size for the android player's extra info text",
+            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",
           },
           {
-            section: "extra_info_text",
-            key: "extra_info_text_fontsize_ios",
-            label: "iOS extra info text font size",
             type: "number_input",
-            initial_value: 13,
-            label_tooltip:
-              "Select the font size for the iOS player's extra info text",
+            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",
           },
           {
-            section: "extra_info_text",
-            key: "extra_info_text_lineheight_android",
-            label: "Android extra info text line height",
             type: "number_input",
-            initial_value: 15,
-            label_tooltip:
-              "Select the line height for the android player's extra info text",
+            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",
           },
           {
-            section: "extra_info_text",
-            key: "extra_info_text_lineheight_ios",
-            label: "iOS extra info text line height",
             type: "number_input",
-            initial_value: 15,
-            label_tooltip:
-              "Select the line height for the iOS player's extra info text",
+            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",
           },
           {
-            section: "extra_info_text",
-            key: "extra_info_text_letterspacing_android",
-            label: "Android extra info text letter spacing",
             type: "number_input",
-            initial_value: 0,
-            label_tooltip:
-              "Select the letter spacing for the android player's extra info text",
+            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",
           },
           {
-            section: "extra_info_text",
-            key: "extra_info_text_letterspacing_ios",
-            label: "iOS extra info text letter spacing",
             type: "number_input",
-            initial_value: -0.2,
-            label_tooltip:
-              "Select the letter spacing for the iOS player's extra info text",
+            label: "Fire TV Font Size",
+            key: "amazon_video_player_title_font_size",
+            initial_value: 58,
           },
         ]
-      )
-    );
-  }
-
-  // ---- Web Platforms fields ---- //
-
-  // Temporary option to disable not-working track selector on JW streams
-  if (platform.includes("samsung")) {
-    styles.fields.push({
-      type: "switch",
-      label: "Disable captions overlay",
-      key: "disable_captions",
-      initial_value: false,
-    });
-  }
-
-  if (
-    platform.includes("lg") ||
-    platform.includes("samsung") ||
-    platform.includes("android_tv") ||
-    platform.includes("amazon") ||
-    platform.includes("vizio")
-  ) {
-    styles.fields.push(
-      // Captions Menu
-      fieldsGroup("Captions - Overlay", "Captions overlay styles", [
-        {
-          type: "color_picker_rgba",
-          label: "Video Overlay",
-          key: "overlay_color",
-          initial_value: "rgba(0, 0, 0, 0.5)",
-        },
-      ]),
-      // Captions Menu - Close
-      fieldsGroup("Captions - Menu Close Button", "Close Button Styles", [
-        {
-          type: "color_picker_rgba",
-          label: "Background Color",
-          key: "close_background_color",
-          initial_value: "rgba(16, 16, 16, 1)",
-        },
-        {
-          type: "color_picker_rgba",
-          label: "Focus Border Color",
-          key: "close_focus_border_color",
-          initial_value: "rgba(239, 239, 239, 1)",
-        },
-        {
-          type: "color_picker_rgba",
-          label: "Icon Color",
-          key: "close_icon_color",
-          initial_value: "rgba(239, 239, 239, 1)",
-        },
-        {
-          type: "number_input",
-          label: "Border Thickness",
-          key: "close_border_thickness",
-          initial_value: 4,
-        },
-      ]),
-      // Captions Menu - Styles
-      fieldsGroup("Captions - Menu", "Captions Menu Styles", [
-        {
-          type: "color_picker_rgba",
-          label: "Background Color",
-          key: "menu_background_color",
-          initial_value: "rgba(16, 16, 16, 1)",
-        },
-        {
-          type: "color_picker_rgba",
-          label: "Top Gradient - Start",
-          key: "menu_top_gradient_start_color",
-          initial_value: "rgba(16, 16, 16, 1)",
-        },
-        {
-          type: "color_picker_rgba",
-          label: "Top Gradient - End",
-          key: "menu_top_gradient_end_color",
-          initial_value: "rgba(16, 16, 16, 0)",
-        },
-        {
-          type: "color_picker_rgba",
-          label: "Bottom Gradient - Start",
-          key: "menu_bottom_gradient_start_color",
-          initial_value: "rgba(16, 16, 16, 1)",
-        },
-        {
-          type: "color_picker_rgba",
-          label: "Bottom Gradient - End",
-          key: "menu_bottom_gradient_end_color",
-          initial_value: "rgba(16, 16, 16, 0)",
-        },
-      ]),
-      // Captions Menu - Header Text Label
+      ),
+      // Video Player Summary Font Family
       fieldsGroup(
-        "Captions - Menu Header Text",
-        "Captions Menu Header Text Label Styles",
+        "Video Player - Summary Text",
+        "Video Player Summary Text Label Styles",
         [
           {
+            key: "player_summary_color",
+            label: "Font color",
             type: "color_picker_rgba",
-            label: "Font Color",
-            key: "menu_header_font_color",
             initial_value: "rgba(239, 239, 239, 1)",
           },
           {
-            type: "lg_font_selector",
+            type: "lg_tv_font_selector",
             label: "LG Font Family",
-            key: "menu_header_lg_font_family",
-            initial_value: "Museo-Bold",
+            key: "lg_tv_video_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
             label: "LG Font Size",
-            key: "menu_header_lg_font_size",
+            key: "lg_tv_video_player_summary_font_size",
             initial_value: 30,
           },
           {
-            type: "number_input",
-            label: "LG Line Height",
-            key: "menu_header_lg_line_height",
-            initial_value: 60,
+            type: "samsung_font_selector",
+            label: "Samsung Font Family",
+            key: "samsung_tv_video_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
-            label: "LG Letter Spacing",
-            key: "menu_header_lg_letter_spacing",
-            initial_value: 0,
+            label: "Samsung Font Size",
+            key: "samsung_tv_video_player_summary_font_size",
+            initial_value: 30,
           },
           {
-            type: "samsung_font_selector",
-            label: "Samsung Font Family",
-            key: "menu_header_samsung_font_family",
-            initial_value: "SmsungOneUI-Bold",
+            type: "vizio_font_selector",
+            label: "Vizio Font Family",
+            key: "vizio_video_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
-            label: "Samsung Font Size",
-            key: "menu_header_samsung_font_size",
+            label: "Vizio Font Size",
+            key: "vizio_video_player_summary_font_size",
             initial_value: 30,
           },
           {
-            type: "number_input",
-            label: "Samsung Line Height",
-            key: "menu_header_samsung_line_height",
-            initial_value: 60,
+            type: "tvos_font_selector",
+            label: "tvOS Font Family",
+            key: "tv_os_video_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
-            label: "Samsung Letter Spacing",
-            key: "menu_header_samsung_letter_spacing",
-            initial_value: 0,
+            label: "tvOS Font Size",
+            key: "tv_os_video_player_summary_font_size",
+            initial_value: 30,
           },
           {
-            type: "vizio_font_selector",
-            label: "Vizio Font Family",
-            key: "menu_header_vizio_font_family",
-            initial_value: "SmsungOneUI-Bold",
+            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: "Vizio Font Size",
-            key: "menu_header_vizio_font_size",
+            label: "Android TV Font Size",
+            key: "android_tv_video_player_summary_font_size",
             initial_value: 30,
           },
           {
-            type: "number_input",
-            label: "Vizio Line Height",
-            key: "menu_header_vizio_line_height",
-            initial_value: 60,
+            type: "android_font_selector",
+            label: "Fire TV Font Family",
+            key: "amazon_video_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
-            label: "Vizio Letter Spacing",
-            key: "menu_header_vizio_letter_spacing",
-            initial_value: 0,
+            label: "Fire TV Font Size",
+            key: "amazon_video_player_summary_font_size",
+            initial_value: 30,
           },
         ]
       ),
-      // Captions Menu - Item Text Label
+      // Audio Player Title Font Family
       fieldsGroup(
-        "Captions - Item Text",
-        "Captions Menu Item Text Label Styles",
+        "Audio Player - Title Text",
+        "Audio Player Title Text Label Styles",
         [
           {
+            key: "audio_player_title_color",
+            label: "Audio player title 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)",
           },
           {
-            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_title_font_family",
+            initial_value: "Ubuntu-Bold",
           },
           {
             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",
+            key: "lg_tv_audio_player_title_font_size",
             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: "SmsungOneUI-Bold",
+            key: "samsung_tv_audio_player_title_font_family",
+            initial_value: "Ubuntu-Bold",
           },
           {
             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",
+            key: "samsung_tv_audio_player_title_font_size",
             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: "SmsungOneUI-Bold",
+            key: "vizio_audio_player_title_font_family",
+            initial_value: "Ubuntu-Bold",
           },
           {
             type: "number_input",
             label: "Vizio Font Size",
-            key: "menu_item_vizio_font_size",
-            initial_value: 25,
+            key: "vizio_audio_player_title_font_size",
+            initial_value: 40,
+          },
+          {
+            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 Line Height",
-            key: "menu_item_vizio_line_height",
+            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 Letter Spacing",
-            key: "menu_item_vizio_letter_spacing",
-            initial_value: 0,
+            label: "Android TV Font Size",
+            key: "android_tv_audio_player_title_font_size",
+            initial_value: 40,
           },
         ]
       ),
-      // Captions Menu - Item Border
+      // Audio Player Summary Font Family
       fieldsGroup(
-        "Captions - Item Border",
-        "Captions Menu Item Border 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: "Border Color - Default",
-            key: "menu_item_border_default_color",
-            initial_value: "rgba(0, 0, 0, 0)",
+            initial_value: "rgba(239, 239, 239, 0.8)",
           },
           {
-            type: "color_picker_rgba",
-            label: "Border Color - Focused",
-            key: "menu_item_border_focused_color",
-            initial_value: "rgba(239, 239, 239, 1)",
+            type: "lg_tv_font_selector",
+            label: "LG Font Family",
+            key: "lg_tv_audio_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
-            type: "color_picker_rgba",
-            label: "Border Color - Selected",
-            key: "menu_item_border_selected_color",
-            initial_value: "rgba(239, 239, 239, 1)",
+            type: "number_input",
+            label: "LG Font Size",
+            key: "lg_tv_audio_player_summary_font_size",
+            initial_value: 22,
           },
           {
-            type: "color_picker_rgba",
-            label: "Border Color - Focused & Selected",
-            key: "menu_item_border_select_focused_color",
-            initial_value: "rgba(239, 239, 239, 1)",
+            type: "samsung_font_selector",
+            label: "Samsung Font Family",
+            key: "samsung_tv_audio_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
-            label: "Border Corner Radius",
-            key: "menu_item_border_radius",
-            initial_value: 5,
+            label: "Samsung Font Size",
+            key: "samsung_tv_audio_player_summary_font_size",
+            initial_value: 22,
+          },
+          {
+            type: "vizio_font_selector",
+            label: "Vizio Font Family",
+            key: "vizio_audio_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
           },
           {
             type: "number_input",
-            label: "Border Thickness",
-            key: "menu_item_border_thickness",
-            initial_value: 5,
+            label: "Vizio Font Size",
+            key: "vizio_audio_player_summary_font_size",
+            initial_value: 22,
+          },
+          {
+            type: "tvos_font_selector",
+            label: "tvOS Font Family",
+            key: "tv_os_audio_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
+          },
+          {
+            type: "number_input",
+            label: "tvOS Font Size",
+            key: "tv_os_audio_player_summary_font_size",
+            initial_value: 22,
+          },
+          {
+            type: "android_font_selector",
+            label: "Android TV Font Family",
+            key: "android_tv_audio_player_summary_font_family",
+            initial_value: "Ubuntu-Medium",
+          },
+          {
+            type: "number_input",
+            label: "Android TV Font Size",
+            key: "android_tv_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 he roku ad server with single preroll placeholder, with revenue spilt 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);