{"version":3,"sources":["../src/index.ts","#style-inject:#style-inject","../src/index.css","../src/Player.tsx","../src/hooks/useShakePlayer.ts","../src/hooks/useQualityControl.ts","../src/hooks/useSkipControls.ts","../src/hooks/useMuxAnalytics.ts","../src/hooks/useShakaUI.ts","../src/hooks/useEventHandlers.ts","../src/hooks/useLiveBadge.ts","../src/hooks/usePosterFallback.ts","../src/hooks/useLiveIndicator.ts","../src/components/Loading.tsx","../src/components/ErrorScreen.tsx","../src/components/Title.tsx","../src/components/LiveBadge.tsx","../src/styles.css","../src/Video.tsx","../src/api/video.ts","../src/api/event.ts","../src/api/creative-work.ts","../src/helper.ts","../src/messages/useMessages.tsx","../src/messages/en.json","../src/messages/es.json","../src/messages/ar.json","../src/messages/de.json","../src/messages/fr.json","../src/messages/it.json","../src/messages/ja.json","../src/messages/ko.json","../src/messages/pt.json","../src/messages/ru.json","../src/messages/zh.json","../src/messages/nl.json","../src/messages/fa.json","../src/Event.tsx","../src/CreativeWork.tsx","../src/QueryProvider.tsx"],"sourcesContent":["// Import Shaka Player default control styles to ensure proper styling without needing external CDN links\nimport 'shaka-player/dist/controls.css';\n// Import library specific (Tailwind-based) overrides after the base Shaka styles so that our custom\n// styles take precedence.\nimport './index.css';\nexport { Player } from './Player';\nexport { Video } from './Video';\nexport { Event } from './Event';\nexport { CreativeWork } from './CreativeWork';\nexport { QueryProvider, queryClient } from './QueryProvider';\nexport type { PlayerProps, PlayerEvents } from './types';\nexport type { VideoProps } from './Video';\nexport type { EventProps } from './Event';\nexport type { CreativeWorkProps } from './CreativeWork';\nexport type { VideoData, VideoListItem } from './api/video';\nexport type { EventData, EventsSortDirection } from './api/event';\nexport type { CreativeWorkData, CreativeWorksSortDirection } from './api/creative-work'; ","\n export default function styleInject(css, { insertAt } = {}) {\n if (!css || typeof document === 'undefined') return\n \n const head = document.head || document.getElementsByTagName('head')[0]\n const style = document.createElement('style')\n style.type = 'text/css'\n \n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild)\n } else {\n head.appendChild(style)\n }\n } else {\n head.appendChild(style)\n }\n \n if (style.styleSheet) {\n style.styleSheet.cssText = css\n } else {\n style.appendChild(document.createTextNode(css))\n }\n }\n ","import styleInject from '#style-inject';styleInject(\"/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer theme, base, components, utilities;\\n@layer theme {\\n :root,\\n :host {\\n --font-sans:\\n ui-sans-serif,\\n system-ui,\\n sans-serif,\\n \\\"Apple Color Emoji\\\",\\n \\\"Segoe UI Emoji\\\",\\n \\\"Segoe UI Symbol\\\",\\n \\\"Noto Color Emoji\\\";\\n --font-mono:\\n ui-monospace,\\n SFMono-Regular,\\n Menlo,\\n Monaco,\\n Consolas,\\n \\\"Liberation Mono\\\",\\n \\\"Courier New\\\",\\n monospace;\\n --color-red-600: oklch(57.7% 0.245 27.325);\\n --color-black: #000;\\n --color-white: #fff;\\n --spacing: 0.25rem;\\n --text-xs: 0.75rem;\\n --text-xs--line-height: calc(1 / 0.75);\\n --text-sm: 0.875rem;\\n --text-sm--line-height: calc(1.25 / 0.875);\\n --text-base: 1rem;\\n --text-base--line-height: calc(1.5 / 1);\\n --text-lg: 1.125rem;\\n --text-lg--line-height: calc(1.75 / 1.125);\\n --text-xl: 1.25rem;\\n --text-xl--line-height: calc(1.75 / 1.25);\\n --text-2xl: 1.5rem;\\n --text-2xl--line-height: calc(2 / 1.5);\\n --text-5xl: 3rem;\\n --text-5xl--line-height: 1;\\n --font-weight-medium: 500;\\n --font-weight-semibold: 600;\\n --font-weight-bold: 700;\\n --tracking-wide: 0.025em;\\n --tracking-widest: 0.1em;\\n --radius-md: 0.375rem;\\n --radius-2xl: 1rem;\\n --animate-spin: spin 1s linear infinite;\\n --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n --aspect-video: 16 / 9;\\n --default-transition-duration: 150ms;\\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n --default-font-family: var(--font-sans);\\n --default-mono-font-family: var(--font-mono);\\n }\\n}\\n@layer base {\\n *,\\n ::after,\\n ::before,\\n ::backdrop,\\n ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html,\\n :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\");\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b,\\n strong {\\n font-weight: bolder;\\n }\\n code,\\n kbd,\\n samp,\\n pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\", \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub,\\n sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol,\\n ul,\\n menu {\\n list-style: none;\\n }\\n img,\\n svg,\\n video,\\n canvas,\\n audio,\\n iframe,\\n embed,\\n object {\\n display: block;\\n vertical-align: middle;\\n }\\n img,\\n video {\\n max-width: 100%;\\n height: auto;\\n }\\n button,\\n input,\\n select,\\n optgroup,\\n textarea,\\n ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n @supports (color: color-mix(in lab, red, red)) {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit,\\n ::-webkit-datetime-edit-year-field,\\n ::-webkit-datetime-edit-month-field,\\n ::-webkit-datetime-edit-day-field,\\n ::-webkit-datetime-edit-hour-field,\\n ::-webkit-datetime-edit-minute-field,\\n ::-webkit-datetime-edit-second-field,\\n ::-webkit-datetime-edit-millisecond-field,\\n ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button,\\n input:where([type=button], [type=reset], [type=submit]),\\n ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button,\\n ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=until-found])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip: rect(0, 0, 0, 0);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .inset-0 {\\n inset: calc(var(--spacing) * 0);\\n }\\n .top-0 {\\n top: calc(var(--spacing) * 0);\\n }\\n .top-4 {\\n top: calc(var(--spacing) * 4);\\n }\\n .right-0 {\\n right: calc(var(--spacing) * 0);\\n }\\n .right-4 {\\n right: calc(var(--spacing) * 4);\\n }\\n .bottom-0 {\\n bottom: calc(var(--spacing) * 0);\\n }\\n .bottom-4 {\\n bottom: calc(var(--spacing) * 4);\\n }\\n .left-0 {\\n left: calc(var(--spacing) * 0);\\n }\\n .left-4 {\\n left: calc(var(--spacing) * 4);\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-50 {\\n z-index: 50;\\n }\\n .container {\\n width: 100%;\\n @media (width >= 40rem) {\\n max-width: 40rem;\\n }\\n @media (width >= 48rem) {\\n max-width: 48rem;\\n }\\n @media (width >= 64rem) {\\n max-width: 64rem;\\n }\\n @media (width >= 80rem) {\\n max-width: 80rem;\\n }\\n @media (width >= 96rem) {\\n max-width: 96rem;\\n }\\n }\\n .m-6 {\\n margin: calc(var(--spacing) * 6);\\n }\\n .mt-1 {\\n margin-top: calc(var(--spacing) * 1);\\n }\\n .mt-3 {\\n margin-top: calc(var(--spacing) * 3);\\n }\\n .mb-2 {\\n margin-bottom: calc(var(--spacing) * 2);\\n }\\n .mb-6 {\\n margin-bottom: calc(var(--spacing) * 6);\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .aspect-video {\\n aspect-ratio: var(--aspect-video);\\n }\\n .h-2 {\\n height: calc(var(--spacing) * 2);\\n }\\n .h-12 {\\n height: calc(var(--spacing) * 12);\\n }\\n .h-24 {\\n height: calc(var(--spacing) * 24);\\n }\\n .h-full {\\n height: 100%;\\n }\\n .w-2 {\\n width: calc(var(--spacing) * 2);\\n }\\n .w-12 {\\n width: calc(var(--spacing) * 12);\\n }\\n .w-24 {\\n width: calc(var(--spacing) * 24);\\n }\\n .w-full {\\n width: 100%;\\n }\\n .animate-pulse {\\n animation: var(--animate-pulse);\\n }\\n .animate-spin {\\n animation: var(--animate-spin);\\n }\\n .auto-cols-max {\\n grid-auto-columns: max-content;\\n }\\n .grid-flow-col {\\n grid-auto-flow: column;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-stretch {\\n justify-content: stretch;\\n }\\n .gap-1 {\\n gap: calc(var(--spacing) * 1);\\n }\\n .gap-5 {\\n gap: calc(var(--spacing) * 5);\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-md {\\n border-radius: var(--radius-md);\\n }\\n .bg-\\\\[\\\\#151515\\\\] {\\n background-color: #151515;\\n }\\n .bg-black {\\n background-color: var(--color-black);\\n }\\n .bg-red-600 {\\n background-color: var(--color-red-600);\\n }\\n .bg-white {\\n background-color: var(--color-white);\\n }\\n .bg-gradient-to-t {\\n --tw-gradient-position: to top in oklab;\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-black\\\\/70 {\\n --tw-gradient-from: color-mix(in srgb, #000 70%, transparent);\\n @supports (color: color-mix(in lab, red, red)) {\\n --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent);\\n }\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-transparent {\\n --tw-gradient-to: transparent;\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .bg-cover {\\n background-size: cover;\\n }\\n .bg-center {\\n background-position: center;\\n }\\n .bg-no-repeat {\\n background-repeat: no-repeat;\\n }\\n .p-2 {\\n padding: calc(var(--spacing) * 2);\\n }\\n .p-4 {\\n padding: calc(var(--spacing) * 4);\\n }\\n .px-2 {\\n padding-inline: calc(var(--spacing) * 2);\\n }\\n .px-4 {\\n padding-inline: calc(var(--spacing) * 4);\\n }\\n .py-1 {\\n padding-block: calc(var(--spacing) * 1);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .font-mono {\\n font-family: var(--font-mono);\\n }\\n .text-2xl {\\n font-size: var(--text-2xl);\\n line-height: var(--tw-leading, var(--text-2xl--line-height));\\n }\\n .text-5xl {\\n font-size: var(--text-5xl);\\n line-height: var(--tw-leading, var(--text-5xl--line-height));\\n }\\n .text-base {\\n font-size: var(--text-base);\\n line-height: var(--tw-leading, var(--text-base--line-height));\\n }\\n .text-lg {\\n font-size: var(--text-lg);\\n line-height: var(--tw-leading, var(--text-lg--line-height));\\n }\\n .text-sm {\\n font-size: var(--text-sm);\\n line-height: var(--tw-leading, var(--text-sm--line-height));\\n }\\n .text-xl {\\n font-size: var(--text-xl);\\n line-height: var(--tw-leading, var(--text-xl--line-height));\\n }\\n .text-xs {\\n font-size: var(--text-xs);\\n line-height: var(--tw-leading, var(--text-xs--line-height));\\n }\\n .text-\\\\[10px\\\\] {\\n font-size: 10px;\\n }\\n .font-bold {\\n --tw-font-weight: var(--font-weight-bold);\\n font-weight: var(--font-weight-bold);\\n }\\n .font-medium {\\n --tw-font-weight: var(--font-weight-medium);\\n font-weight: var(--font-weight-medium);\\n }\\n .font-semibold {\\n --tw-font-weight: var(--font-weight-semibold);\\n font-weight: var(--font-weight-semibold);\\n }\\n .tracking-wide {\\n --tw-tracking: var(--tracking-wide);\\n letter-spacing: var(--tracking-wide);\\n }\\n .tracking-widest {\\n --tw-tracking: var(--tracking-widest);\\n letter-spacing: var(--tracking-widest);\\n }\\n .text-white {\\n color: var(--color-white);\\n }\\n .uppercase {\\n text-transform: uppercase;\\n }\\n .shadow-lg {\\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow:\\n var(--tw-inset-shadow),\\n var(--tw-inset-ring-shadow),\\n var(--tw-ring-offset-shadow),\\n var(--tw-ring-shadow),\\n var(--tw-shadow);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .md\\\\:rounded-2xl {\\n @media (width >= 48rem) {\\n border-radius: var(--radius-2xl);\\n }\\n }\\n .md\\\\:rounded-2xl\\\\! {\\n @media (width >= 48rem) {\\n border-radius: var(--radius-2xl) !important;\\n }\\n }\\n .md\\\\:text-base {\\n @media (width >= 48rem) {\\n font-size: var(--text-base);\\n line-height: var(--tw-leading, var(--text-base--line-height));\\n }\\n }\\n .md\\\\:text-sm {\\n @media (width >= 48rem) {\\n font-size: var(--text-sm);\\n line-height: var(--tw-leading, var(--text-sm--line-height));\\n }\\n }\\n .md\\\\:text-xl {\\n @media (width >= 48rem) {\\n font-size: var(--text-xl);\\n line-height: var(--tw-leading, var(--text-xl--line-height));\\n }\\n }\\n}\\n@layer components {\\n .motto-video-container {\\n position: relative;\\n width: 100%;\\n min-height: 300px;\\n }\\n @supports (aspect-ratio: 16/9) {\\n .motto-video-container {\\n min-height: auto;\\n }\\n }\\n .motto-video-responsive {\\n position: absolute;\\n top: calc(var(--spacing) * 0);\\n left: calc(var(--spacing) * 0);\\n height: 100%;\\n width: 100%;\\n }\\n .motto-skip-button {\\n position: absolute;\\n top: calc(1/2 * 100%);\\n z-index: 10;\\n display: flex;\\n height: calc(var(--spacing) * 16);\\n width: calc(var(--spacing) * 16);\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n cursor: pointer;\\n align-items: center;\\n justify-content: center;\\n border-radius: calc(infinity * 1px);\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n background-color: color-mix(in srgb, #000 70%, transparent);\\n @supports (color: color-mix(in lab, red, red)) {\\n background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\\n }\\n font-size: var(--text-2xl);\\n line-height: var(--tw-leading, var(--text-2xl--line-height));\\n color: var(--color-white);\\n opacity: 80%;\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\\n transition-duration: var(--tw-duration, var(--default-transition-duration));\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n &:hover {\\n @media (hover: hover) {\\n --tw-scale-x: 110%;\\n --tw-scale-y: 110%;\\n --tw-scale-z: 110%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n }\\n &:hover {\\n @media (hover: hover) {\\n opacity: 100%;\\n }\\n }\\n &:active {\\n --tw-scale-x: 95%;\\n --tw-scale-y: 95%;\\n --tw-scale-z: 95%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n }\\n .motto-skip-button-back {\\n left: calc(var(--spacing) * 5);\\n }\\n .motto-skip-button-forward {\\n right: calc(var(--spacing) * 5);\\n }\\n .motto-mobile-controls-overlay {\\n position: absolute;\\n inset: calc(var(--spacing) * 0);\\n z-index: 20;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\\n transition-duration: var(--tw-duration, var(--default-transition-duration));\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n pointer-events: none;\\n }\\n .motto-mobile-controls-group {\\n display: flex;\\n align-items: center;\\n gap: calc(var(--spacing) * 8);\\n opacity: 100%;\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\\n transition-duration: var(--tw-duration, var(--default-transition-duration));\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n pointer-events: none;\\n }\\n .motto-mobile-play-button {\\n display: flex;\\n height: calc(var(--spacing) * 14);\\n width: calc(var(--spacing) * 14);\\n cursor: pointer;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n border-radius: calc(infinity * 1px);\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n background-color: color-mix(in srgb, #000 30%, transparent);\\n @supports (color: color-mix(in lab, red, red)) {\\n background-color: color-mix(in oklab, var(--color-black) 30%, transparent);\\n }\\n color: var(--color-white);\\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow:\\n var(--tw-inset-shadow),\\n var(--tw-inset-ring-shadow),\\n var(--tw-ring-offset-shadow),\\n var(--tw-ring-shadow),\\n var(--tw-shadow);\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\\n transition-duration: var(--tw-duration, var(--default-transition-duration));\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n pointer-events: auto;\\n }\\n .motto-mobile-play-button:active {\\n --tw-scale-x: 95%;\\n --tw-scale-y: 95%;\\n --tw-scale-z: 95%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .motto-mobile-play-button svg {\\n height: calc(var(--spacing) * 7);\\n width: calc(var(--spacing) * 7);\\n }\\n .motto-mobile-skip-button {\\n display: flex;\\n height: calc(var(--spacing) * 10);\\n width: calc(var(--spacing) * 10);\\n cursor: pointer;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n border-radius: calc(infinity * 1px);\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n background-color: color-mix(in srgb, #000 30%, transparent);\\n @supports (color: color-mix(in lab, red, red)) {\\n background-color: color-mix(in oklab, var(--color-black) 30%, transparent);\\n }\\n color: var(--color-white);\\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow:\\n var(--tw-inset-shadow),\\n var(--tw-inset-ring-shadow),\\n var(--tw-ring-offset-shadow),\\n var(--tw-ring-shadow),\\n var(--tw-shadow);\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\\n transition-duration: var(--tw-duration, var(--default-transition-duration));\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n pointer-events: auto;\\n }\\n .motto-mobile-skip-button:active {\\n --tw-scale-x: 95%;\\n --tw-scale-y: 95%;\\n --tw-scale-z: 95%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .motto-mobile-skip-button svg {\\n height: calc(var(--spacing) * 6);\\n width: calc(var(--spacing) * 6);\\n }\\n}\\n@media (min-width: 768px) {\\n .motto-mobile-controls-overlay {\\n display: none !important;\\n }\\n}\\n@media (max-width: 767px) {\\n .shaka-controls-container .motto-native-skip-button,\\n .shaka-controls-container .motto-skip-back-button,\\n .shaka-controls-container .motto-skip-forward-button,\\n .shaka-controls-container .shaka-button[title*=\\\"Skip back\\\"],\\n .shaka-controls-container .shaka-button[title*=\\\"Skip forward\\\"],\\n .shaka-controls-container .shaka-button[aria-label*=\\\"Skip back\\\"],\\n .shaka-controls-container .shaka-button[aria-label*=\\\"Skip forward\\\"],\\n .shaka-controls-container button[title*=\\\"Skip back\\\"],\\n .shaka-controls-container button[title*=\\\"Skip forward\\\"],\\n .shaka-controls-container button[aria-label*=\\\"Skip back\\\"],\\n .shaka-controls-container button[aria-label*=\\\"Skip forward\\\"],\\n .motto-native-skip-button:not(.motto-mobile-skip-button),\\n .motto-skip-back-button:not(.motto-mobile-skip-button),\\n .motto-skip-forward-button:not(.motto-mobile-skip-button),\\n .shaka-button[title*=\\\"Skip back\\\"]:not(.motto-mobile-skip-button),\\n .shaka-button[title*=\\\"Skip forward\\\"]:not(.motto-mobile-skip-button),\\n .shaka-button[aria-label*=\\\"Skip back\\\"]:not(.motto-mobile-skip-button),\\n .shaka-button[aria-label*=\\\"Skip forward\\\"]:not(.motto-mobile-skip-button),\\n button[title*=\\\"Skip back\\\"]:not(.motto-mobile-skip-button),\\n button[title*=\\\"Skip forward\\\"]:not(.motto-mobile-skip-button),\\n button[aria-label*=\\\"Skip back\\\"]:not(.motto-mobile-skip-button),\\n button[aria-label*=\\\"Skip forward\\\"]:not(.motto-mobile-skip-button) {\\n display: none !important;\\n visibility: hidden !important;\\n opacity: 0 !important;\\n width: 0 !important;\\n height: 0 !important;\\n padding: 0 !important;\\n margin: 0 !important;\\n }\\n .motto-mobile-skip-button {\\n display: flex !important;\\n visibility: visible !important;\\n opacity: 1 !important;\\n }\\n}\\n.shaka-seek-bar-container {\\n height: 6px !important;\\n width: 100% !important;\\n margin: 8px 0 !important;\\n border-radius: 4px !important;\\n position: relative !important;\\n border-top: none !important;\\n border-bottom: none !important;\\n box-shadow: none !important;\\n}\\n.shaka-seek-bar {\\n height: 6px !important;\\n width: 100% !important;\\n -webkit-appearance: none !important;\\n appearance: none !important;\\n background: transparent !important;\\n cursor: pointer !important;\\n border: none !important;\\n outline: none !important;\\n position: absolute !important;\\n top: 0 !important;\\n left: 0 !important;\\n border-radius: 4px !important;\\n}\\n.shaka-seek-bar::-webkit-slider-runnable-track {\\n height: 6px !important;\\n background: transparent !important;\\n border-radius: 4px !important;\\n border: none !important;\\n}\\n.shaka-seek-bar::-moz-range-track {\\n height: 6px !important;\\n background: transparent !important;\\n border-radius: 4px !important;\\n border: none !important;\\n}\\n.shaka-seek-bar::-webkit-slider-thumb {\\n -webkit-appearance: none !important;\\n appearance: none !important;\\n width: 16px !important;\\n height: 16px !important;\\n border-radius: 50% !important;\\n background: #ffffff !important;\\n cursor: pointer !important;\\n border: 2px solid #ffffff !important;\\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;\\n margin-top: -4px !important;\\n}\\n.shaka-seek-bar::-moz-range-thumb {\\n width: 16px !important;\\n height: 16px !important;\\n border-radius: 50% !important;\\n background: #ffffff !important;\\n cursor: pointer !important;\\n border: 2px solid #ffffff !important;\\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;\\n margin-top: -4px !important;\\n}\\n.motto-skip-back-button,\\n.motto-skip-forward-button,\\n.motto-native-skip-button {\\n background: transparent !important;\\n border: none !important;\\n padding: 4px !important;\\n margin: 0px !important;\\n cursor: pointer !important;\\n color: #ffffff !important;\\n transition: all 0.2s ease !important;\\n min-width: 32px !important;\\n height: 32px !important;\\n display: flex !important;\\n align-items: center !important;\\n justify-content: center !important;\\n border-radius: 4px !important;\\n width: 25px;\\n}\\n.motto-skip-back-button:hover,\\n.motto-skip-forward-button:hover,\\n.motto-native-skip-button:hover {\\n opacity: 0.8 !important;\\n background: transparent !important;\\n transform: scale(1.05) !important;\\n}\\n.motto-skip-back-button:active,\\n.motto-skip-forward-button:active,\\n.motto-native-skip-button:active {\\n transform: scale(0.95) !important;\\n}\\n.motto-skip-back-button svg,\\n.motto-skip-forward-button svg,\\n.motto-native-skip-button svg {\\n width: 24px !important;\\n height: 24px !important;\\n}\\n@media (max-width: 767px) {\\n .shaka-controls-container .motto-native-skip-button,\\n .shaka-controls-container .motto-skip-back-button,\\n .shaka-controls-container .motto-skip-forward-button,\\n .shaka-controls-container .shaka-play-button,\\n .shaka-controls-container .shaka-pause-button {\\n display: none !important;\\n }\\n}\\n.shaka-spinner-svg {\\n color: white !important;\\n fill: white !important;\\n}\\n.shaka-spinner-path {\\n stroke: white !important;\\n fill: none !important;\\n}\\n.shaka-spinner-container {\\n color: white !important;\\n}\\n.shaka-buffering-spinner {\\n color: white !important;\\n fill: white !important;\\n}\\n.shaka-buffering-spinner svg {\\n color: white !important;\\n fill: white !important;\\n}\\n.shaka-buffering-spinner path {\\n stroke: white !important;\\n fill: none !important;\\n}\\n[data-shaka-player-container] .shaka-spinner,\\n[data-shaka-player-container] .spinner {\\n color: white !important;\\n border-color: white !important;\\n}\\n.material-icons.shaka-spinner {\\n color: white !important;\\n}\\n.shaka-controls-container .shaka-spinner,\\n.shaka-video-container .shaka-spinner {\\n color: white !important;\\n fill: white !important;\\n}\\n.shaka-controls-container .shaka-spinner svg,\\n.shaka-video-container .shaka-spinner svg {\\n color: white !important;\\n fill: white !important;\\n}\\n.shaka-controls-container .shaka-spinner path,\\n.shaka-video-container .shaka-spinner path {\\n stroke: white !important;\\n}\\n.motto-video-loading-overlay {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n background:\\n linear-gradient(\\n 135deg,\\n #1a1a1a 0%,\\n #2d2d2d 100%);\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n z-index: 10;\\n transition: opacity 0.3s ease;\\n}\\n.motto-video-loading-overlay.hidden {\\n opacity: 0;\\n pointer-events: none;\\n}\\n.motto-video-loading-content {\\n text-align: center;\\n color: white;\\n}\\n.motto-video-loading-icon {\\n width: 64px;\\n height: 64px;\\n margin-bottom: 16px;\\n opacity: 0.7;\\n}\\n.motto-video-loading-text {\\n font-size: 16px;\\n font-weight: 500;\\n margin-bottom: 8px;\\n}\\n.motto-video-loading-subtext {\\n font-size: 14px;\\n opacity: 0.7;\\n}\\n@keyframes pulse-live {\\n 0% {\\n opacity: 1;\\n transform: scale(1);\\n }\\n 50% {\\n opacity: 0.7;\\n transform: scale(1.1);\\n }\\n 100% {\\n opacity: 1;\\n transform: scale(1);\\n }\\n}\\n.shaka-play-button-container {\\n display: none !important;\\n}\\n@media (max-width: 767px) {\\n .shaka-controls-container {\\n z-index: 90 !important;\\n height: 100px !important;\\n bottom: 0 !important;\\n top: unset !important;\\n }\\n}\\n@property --tw-gradient-position { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-gradient-from { syntax: \\\"\\\"; inherits: false; initial-value: #0000; }\\n@property --tw-gradient-via { syntax: \\\"\\\"; inherits: false; initial-value: #0000; }\\n@property --tw-gradient-to { syntax: \\\"\\\"; inherits: false; initial-value: #0000; }\\n@property --tw-gradient-stops { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-gradient-via-stops { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-gradient-from-position { syntax: \\\"\\\"; inherits: false; initial-value: 0%; }\\n@property --tw-gradient-via-position { syntax: \\\"\\\"; inherits: false; initial-value: 50%; }\\n@property --tw-gradient-to-position { syntax: \\\"\\\"; inherits: false; initial-value: 100%; }\\n@property --tw-font-weight { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-tracking { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-shadow { syntax: \\\"*\\\"; inherits: false; initial-value: 0 0 #0000; }\\n@property --tw-shadow-color { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-shadow-alpha { syntax: \\\"\\\"; inherits: false; initial-value: 100%; }\\n@property --tw-inset-shadow { syntax: \\\"*\\\"; inherits: false; initial-value: 0 0 #0000; }\\n@property --tw-inset-shadow-color { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-inset-shadow-alpha { syntax: \\\"\\\"; inherits: false; initial-value: 100%; }\\n@property --tw-ring-color { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-ring-shadow { syntax: \\\"*\\\"; inherits: false; initial-value: 0 0 #0000; }\\n@property --tw-inset-ring-color { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-inset-ring-shadow { syntax: \\\"*\\\"; inherits: false; initial-value: 0 0 #0000; }\\n@property --tw-ring-inset { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-ring-offset-width { syntax: \\\"\\\"; inherits: false; initial-value: 0px; }\\n@property --tw-ring-offset-color { syntax: \\\"*\\\"; inherits: false; initial-value: #fff; }\\n@property --tw-ring-offset-shadow { syntax: \\\"*\\\"; inherits: false; initial-value: 0 0 #0000; }\\n@property --tw-blur { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-brightness { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-contrast { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-grayscale { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-hue-rotate { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-invert { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-opacity { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-saturate { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-sepia { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-drop-shadow { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-drop-shadow-color { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-drop-shadow-alpha { syntax: \\\"\\\"; inherits: false; initial-value: 100%; }\\n@property --tw-drop-shadow-size { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-translate-x { syntax: \\\"*\\\"; inherits: false; initial-value: 0; }\\n@property --tw-translate-y { syntax: \\\"*\\\"; inherits: false; initial-value: 0; }\\n@property --tw-translate-z { syntax: \\\"*\\\"; inherits: false; initial-value: 0; }\\n@property --tw-border-style { syntax: \\\"*\\\"; inherits: false; initial-value: solid; }\\n@property --tw-duration { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-scale-x { syntax: \\\"*\\\"; inherits: false; initial-value: 1; }\\n@property --tw-scale-y { syntax: \\\"*\\\"; inherits: false; initial-value: 1; }\\n@property --tw-scale-z { syntax: \\\"*\\\"; inherits: false; initial-value: 1; }\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *,\\n ::before,\\n ::after,\\n ::backdrop {\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-font-weight: initial;\\n --tw-tracking: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-border-style: solid;\\n --tw-duration: initial;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n }\\n }\\n}\\n\")","import React, { forwardRef, useEffect, useRef, useImperativeHandle } from 'react';\nimport shaka from 'shaka-player/dist/shaka-player.ui';\nimport { PlayerProps } from './types';\nimport { \n useShakePlayer, \n useQualityControl, \n useSkipControls, \n useMuxAnalytics, \n useShakaUI,\n useEventHandlers,\n useLiveBadge,\n useLiveIndicator\n} from './hooks';\nimport { LiveBadge } from './components';\nimport './styles.css';\nimport { twMerge } from 'tailwind-merge';\n\nexport const Player = forwardRef(\n ({ \n src, \n autoPlay = false, \n loop = false, \n muted = false, \n controls = true,\n poster,\n width,\n height,\n aspectRatio = 16/9,\n shakaConfig,\n drmConfig,\n muxConfig,\n imaConfig,\n chromecastConfig,\n qualityConfig,\n seekbarConfig,\n events,\n containerClassName,\n ...props \n }, ref) => {\n const videoRef = useRef(null);\n const containerRef = useRef(null);\n const adContainerRef = useRef(null);\n\n useImperativeHandle(ref, () => videoRef.current!, []);\n\n // Initialize custom hooks\n const { playerRef, initializePlayer, destroyPlayer } = useShakePlayer({\n src,\n shakaConfig,\n drmConfig,\n onError: events?.onError,\n onPlayerReady: events?.onPlayerReady\n });\n\n const { \n getAvailableQualities, \n setQuality, \n setupQualityTracking, \n configureQuality \n } = useQualityControl(playerRef, qualityConfig, events?.onQualityChange);\n\n const { \n skipBack, \n skipForward, \n skipDuration, \n shouldShowSkipControls \n } = useSkipControls(videoRef, events?.onSkipBack, events?.onSkipForward);\n\n const { \n initializeMux, \n updateMuxData, \n handleMuxError, \n destroyMux \n } = useMuxAnalytics(playerRef, muxConfig, events?.onMuxReady, events?.onMuxDataUpdate);\n\n const { setupEventListeners, cleanupEventListeners } = useEventHandlers(videoRef, {\n onPlay: events?.onPlay,\n onPause: events?.onPause,\n onEnded: events?.onEnded,\n onLoadStart: events?.onLoadStart,\n onCanPlay: events?.onCanPlay\n });\n\n const { uiRef, initializeUI, destroyUI } = useShakaUI(\n playerRef,\n containerRef,\n videoRef,\n controls,\n chromecastConfig,\n seekbarConfig,\n events?.onSkipBack,\n events?.onSkipForward\n );\n\n // Live badge hook\n const { isLive, isVisible: isLiveBadgeVisible } = useLiveBadge(playerRef, {\n enabled: true,\n onLiveStateChange: (isLive) => {\n events?.onLiveStateChange?.(isLive);\n }\n });\n\n // Live indicator hook\n useLiveIndicator(containerRef, {\n enabled: true,\n indicatorColor: '#ff0000',\n indicatorSize: 8,\n showPulseAnimation: true\n });\n\n // Initialize ads (simplified - would normally be in a separate hook)\n const initializeAds = () => {\n if (!imaConfig || !playerRef.current || !videoRef.current) return;\n\n const adManager = playerRef.current.getAdManager();\n if (!adManager) return;\n\n // Set up ad event listeners\n adManager.addEventListener((shaka as any).ads?.Utils?.AD_STARTED, () => {\n events?.onAdStart?.();\n });\n\n adManager.addEventListener((shaka as any).ads?.Utils?.AD_COMPLETE, () => {\n events?.onAdComplete?.();\n });\n\n adManager.addEventListener((shaka as any).ads?.Utils?.AD_ERROR, (event: any) => {\n events?.onAdError?.(event.detail);\n });\n\n // Initialize client-side ads if ad tag URL is provided\n if (imaConfig.adTagUrl) {\n const adContainer = adContainerRef.current;\n if (adContainer) {\n adManager.initClientSide(adContainer, videoRef.current, imaConfig.adsRenderingSettings);\n \n const adsRequest = {\n adTagUrl: imaConfig.adTagUrl,\n linearAdSlotWidth: imaConfig.linearAdSlotWidth || width as number || 640,\n linearAdSlotHeight: imaConfig.linearAdSlotHeight || height as number || 360,\n nonLinearAdSlotWidth: imaConfig.nonLinearAdSlotWidth || width as number || 640,\n nonLinearAdSlotHeight: imaConfig.nonLinearAdSlotHeight || 150\n };\n \n adManager.requestClientSideAds(adsRequest as any);\n }\n }\n };\n\n // Initialize chromecast (simplified - would normally be in a separate hook)\n const initializeChromecast = () => {\n if (!chromecastConfig?.enabled) {\n return;\n }\n\n try {\n if (events?.onCastStateChange) {\n setTimeout(() => events.onCastStateChange!(false), 100);\n }\n } catch (error) {\n console.warn('Chromecast initialization failed:', error);\n }\n };\n\n // Main initialization\n useEffect(() => {\n const video = videoRef.current;\n if (!video) return;\n\n const initialize = async () => {\n try {\n // Initialize player\n await initializePlayer(video);\n \n // Setup event listeners\n setupEventListeners();\n \n // Setup quality tracking\n const cleanupQuality = setupQualityTracking();\n \n // Configure quality settings\n configureQuality();\n \n // Initialize UI (seekbar colors are now configured directly in initializeUI)\n await initializeUI();\n \n // Initialize other features\n initializeMux();\n initializeAds();\n initializeChromecast();\n\n } catch (error) {\n console.error('Error during player initialization:', error);\n handleMuxError(error);\n }\n };\n\n initialize();\n\n // Cleanup function\n return () => {\n cleanupEventListeners();\n destroyUI();\n destroyMux();\n destroyPlayer();\n };\n }, [\n src, initializePlayer, setupEventListeners, setupQualityTracking, \n configureQuality, initializeUI, initializeMux, cleanupEventListeners,\n destroyUI, destroyMux, destroyPlayer, handleMuxError, playerRef\n ]);\n\n // Update video properties when they change\n useEffect(() => {\n const video = videoRef.current;\n if (!video) return;\n\n video.autoplay = autoPlay;\n video.loop = loop;\n video.muted = muted;\n video.controls = false; // Always disable native controls since we use Shaka UI\n if (poster) video.poster = poster;\n }, [autoPlay, loop, muted, poster]);\n\n // Expose methods via ref\n useImperativeHandle(ref, () => ({\n ...videoRef.current!,\n // Custom methods for quality control\n getAvailableQualities,\n setQuality,\n // Skip methods\n skipBack,\n skipForward,\n // Mux methods\n updateMuxData,\n // Access to underlying instances\n getPlayer: () => playerRef.current,\n getMuxMonitor: () => null\n }), [getAvailableQualities, setQuality, skipBack, skipForward, updateMuxData]);\n\n // Determine if we're using responsive sizing\n const isResponsive = !width && !height;\n \n // Container classes for responsive or fixed sizing\n const containerClasses = twMerge(containerClassName, 'motto-video-container bg-black');\n \n // Container styles - handle both responsive and fixed sizing\n const containerStyle: React.CSSProperties = isResponsive \n ? { \n aspectRatio: aspectRatio.toString(),\n }\n : { width, height };\n\n // Video classes for responsive or fixed sizing \n const videoClasses = isResponsive\n ? 'motto-video-responsive'\n : 'w-full h-full ';\n \n // Video styles for fixed sizing\n const videoStyle: React.CSSProperties = isResponsive\n ? {}\n : { width, height };\n\n return (\n
\n \n \n {/* Live Badge */}\n \n {/* */}\n \n {/* Ad container for IMA */}\n {imaConfig && (\n \n )}\n
\n );\n }\n);\n\nPlayer.displayName = 'Player'; ","import { useRef, useCallback } from 'react';\nimport { Player as ShakaPlayer, polyfill } from 'shaka-player/dist/shaka-player.ui';\n\ninterface DRMConfig {\n clearKeys?: { [keyId: string]: string };\n servers?: { [keySystem: string]: string };\n}\n\ninterface UseShakePlayerProps {\n src: string;\n shakaConfig?: any;\n drmConfig?: DRMConfig;\n onError?: (error: Error) => void;\n onPlayerReady?: (player: any) => void;\n}\n\nexport const useShakePlayer = ({\n src,\n shakaConfig,\n drmConfig,\n onError,\n onPlayerReady\n}: UseShakePlayerProps) => {\n const playerRef = useRef(null);\n\n const initializePlayer = useCallback(async (video: HTMLVideoElement) => {\n try {\n // Install polyfills\n polyfill.installAll();\n\n // Check for browser support\n if (!ShakaPlayer.isBrowserSupported()) {\n throw new Error('Browser not supported by Shaka Player');\n }\n \n // Create player instance first, then attach the video element.\n // Passing the video element to the constructor **and** calling `attach` afterwards\n // results in a double-attachment which can trigger MediaSource errors on subsequent\n // reā€initialisations (e.g. when the page is resized and the component remounts).\n const player = new (ShakaPlayer as any)();\n playerRef.current = player;\n\n // Attach to the video element (recommended approach since Shaka v4).\n await (player as any).attach(video);\n\n // Configure player\n if (shakaConfig) {\n player.configure(shakaConfig);\n }\n\n // Configure DRM\n if (drmConfig) {\n if (drmConfig.clearKeys) {\n player.configure({ 'drm.clearKeys': drmConfig.clearKeys } as any);\n }\n \n if (drmConfig.servers) {\n player.configure({ 'drm.servers': drmConfig.servers } as any);\n }\n }\n\n // Set up error handling\n player.addEventListener('error', (event: any) => {\n const error = event.detail;\n\n // Ignore Shaka's LOAD_INTERRUPTED (code 7000) since it indicates a\n // benign race between load/unload calls when the source changes.\n if (error?.code === 7000) {\n return;\n }\n\n console.error('Shaka Player Error:', error);\n onError?.(new Error(`Shaka Player Error: ${error.message || 'Unknown error'}`));\n });\n\n // Load the manifest\n await player.load(src);\n onPlayerReady?.(player);\n\n return player;\n } catch (error) {\n // Filter out benign load interruptions that occur when the component\n // switches source before the previous load completes.\n if ((error as any)?.code === 7000) {\n return;\n }\n\n console.error('Error initializing Shaka Player:', error);\n onError?.(error as Error);\n throw error;\n }\n }, [shakaConfig, drmConfig, src, onError, onPlayerReady]);\n\n const destroyPlayer = useCallback(async () => {\n if (playerRef.current) {\n try {\n await playerRef.current.destroy();\n } catch (error) {\n console.warn('Error destroying Shaka Player:', error);\n } finally {\n playerRef.current = null;\n }\n }\n }, []);\n\n return {\n playerRef,\n initializePlayer,\n destroyPlayer\n };\n}; ","import { useCallback, useRef } from 'react';\n\ninterface QualityConfig {\n enableAdaptation?: boolean;\n selectedQuality?: number;\n availableQualities?: Array<{\n height: number;\n bandwidth: number;\n label: string;\n }>;\n}\n\ninterface Quality {\n height: number;\n bandwidth: number;\n label: string;\n}\n\nexport const useQualityControl = (\n playerRef: React.RefObject,\n qualityConfig?: QualityConfig,\n onQualityChange?: (quality: { height: number; bandwidth: number }) => void\n) => {\n const getAvailableQualities = useCallback((): Quality[] => {\n if (!playerRef.current) return [];\n \n const tracks = playerRef.current.getVariantTracks();\n const qualities = tracks\n .filter((track: any, index: any, self: any) => \n index === self.findIndex((t: any) => t.height === track.height)\n )\n .map((track: any) => ({\n height: track.height || 0,\n bandwidth: track.bandwidth || 0,\n label: `${track.height}p`\n }))\n .sort((a: any, b: any) => b.height - a.height);\n \n return qualities;\n }, [playerRef]);\n\n const setQuality = useCallback((height: number) => {\n if (!playerRef.current) return;\n \n if (height === 0) {\n // Enable adaptive streaming\n playerRef.current.configure({\n abr: { enabled: true }\n });\n } else {\n // Disable adaptive streaming and select specific quality\n playerRef.current.configure({\n abr: { enabled: false }\n });\n \n const tracks = playerRef.current.getVariantTracks();\n const targetTrack = tracks.find((track: any) => track.height === height);\n if (targetTrack) {\n playerRef.current.selectVariantTrack(targetTrack, /* clearBuffer= */ true);\n }\n }\n }, [playerRef]);\n\n const setupQualityTracking = useCallback(() => {\n if (!playerRef.current || !onQualityChange) return;\n\n const handleQualityChange = () => {\n const activeTrack = playerRef.current.getVariantTracks().find((track: any) => track.active);\n if (activeTrack) {\n onQualityChange({\n height: activeTrack.height || 0,\n bandwidth: activeTrack.bandwidth || 0\n });\n }\n };\n\n playerRef.current.addEventListener('variantchanged', handleQualityChange);\n \n return () => {\n playerRef.current?.removeEventListener('variantchanged', handleQualityChange);\n };\n }, [playerRef, onQualityChange]);\n\n const configureQuality = useCallback(() => {\n if (!playerRef.current || !qualityConfig) return;\n\n if (qualityConfig.enableAdaptation !== undefined) {\n playerRef.current.configure({\n abr: { enabled: qualityConfig.enableAdaptation }\n });\n }\n\n if (qualityConfig.selectedQuality !== undefined) {\n setQuality(qualityConfig.selectedQuality);\n }\n }, [playerRef, qualityConfig, setQuality]);\n\n return {\n getAvailableQualities,\n setQuality,\n setupQualityTracking,\n configureQuality\n };\n}; ","import { useCallback } from 'react';\n\nexport const useSkipControls = (\n videoRef: React.RefObject,\n onSkipBack?: (newTime: number) => void,\n onSkipForward?: (newTime: number) => void\n) => {\n // Hardcoded skip duration of 15 seconds\n const skipDuration = 15;\n\n const skipBack = useCallback(() => {\n const video = videoRef.current;\n if (!video) return;\n \n const newTime = Math.max(0, video.currentTime - skipDuration);\n video.currentTime = newTime;\n onSkipBack?.(newTime);\n }, [videoRef, onSkipBack]);\n\n const skipForward = useCallback(() => {\n const video = videoRef.current;\n if (!video) return;\n \n const newTime = Math.min(video.duration || 0, video.currentTime + skipDuration);\n video.currentTime = newTime;\n onSkipForward?.(newTime);\n }, [videoRef, onSkipForward]);\n\n // Always show skip controls\n const shouldShowSkipControls = useCallback(() => {\n return true;\n }, []);\n\n return {\n skipBack,\n skipForward,\n skipDuration,\n shouldShowSkipControls\n };\n}; ","import { useCallback, useRef } from 'react';\nimport initShakaPlayerMux from '@mux/mux-data-shakaplayer';\nimport shaka from 'shaka-player/dist/shaka-player.ui';\nimport { MuxAnalyticsConfig } from '../types';\n\nexport const useMuxAnalytics = (\n playerRef: React.RefObject,\n muxConfig?: MuxAnalyticsConfig,\n onMuxReady?: () => void,\n onMuxDataUpdate?: (data: any) => void\n) => {\n const shakaPlayerMuxRef = useRef(null);\n\n const initializeMux = useCallback(() => {\n if (!muxConfig || !playerRef.current) return;\n\n try {\n const playerInitTime = initShakaPlayerMux.utils.now();\n \n // Prepare Mux options\n const muxOptions = {\n debug: muxConfig.debug || false,\n disableCookies: muxConfig.disableCookies || false,\n respectDoNotTrack: muxConfig.respectDoNotTrack || false,\n automaticErrorTracking: muxConfig.automaticErrorTracking !== false,\n ...(muxConfig.beaconCollectionDomain && { beaconCollectionDomain: muxConfig.beaconCollectionDomain }),\n ...(muxConfig.errorTranslator && { errorTranslator: muxConfig.errorTranslator }),\n data: {\n env_key: muxConfig.envKey,\n player_name: 'Motto Video Player',\n player_version: '1.0.0',\n player_init_time: playerInitTime,\n ...muxConfig.metadata\n }\n };\n\n // Initialize Mux monitoring\n shakaPlayerMuxRef.current = initShakaPlayerMux(playerRef.current, muxOptions, shaka);\n \n onMuxReady?.();\n } catch (error) {\n console.error('Failed to initialize Mux Analytics:', error);\n }\n }, [muxConfig, onMuxReady, playerRef]);\n\n const updateMuxData = useCallback((data: any) => {\n if ((playerRef.current as any)?.mux?.updateData) {\n try {\n (playerRef.current as any).mux.updateData(data);\n onMuxDataUpdate?.(data);\n } catch (error) {\n console.error('Failed to update Mux data:', error);\n }\n }\n }, [onMuxDataUpdate, playerRef]);\n\n const handleMuxError = useCallback((error: any) => {\n if (shakaPlayerMuxRef.current?.loadErrorHandler) {\n shakaPlayerMuxRef.current.loadErrorHandler(error);\n }\n }, []);\n\n const destroyMux = useCallback(() => {\n // Clean up Mux monitoring\n if ((playerRef.current as any)?.mux?.destroy) {\n try {\n (playerRef.current as any).mux.destroy();\n } catch (error) {\n console.error('Error destroying Mux:', error);\n }\n }\n \n if (shakaPlayerMuxRef.current) {\n shakaPlayerMuxRef.current = null;\n }\n }, [playerRef]);\n\n return {\n initializeMux,\n updateMuxData,\n handleMuxError,\n destroyMux,\n shakaPlayerMuxRef\n };\n}; ","import { useCallback, useRef } from 'react';\nimport { ui as ShakaUI } from 'shaka-player/dist/shaka-player.ui';\n\ninterface ChromecastConfig {\n enabled?: boolean;\n receiverApplicationId?: string;\n}\n\n// Custom Skip Back Button Element\nclass SkipBackButton {\n private button_: HTMLButtonElement;\n private parent: HTMLElement;\n private controls: any;\n private eventManager: any;\n\n constructor(parent: HTMLElement, controls: any, onSkipBack?: (newTime: number) => void) {\n this.parent = parent;\n this.controls = controls;\n this.eventManager = { listen: (element: HTMLElement, event: string, handler: () => void) => {\n element.addEventListener(event, handler);\n }};\n\n this.button_ = document.createElement('button');\n this.button_.className = 'shaka-button motto-native-skip-button';\n this.button_.innerHTML = `\n \n \n \n \n \n \n `;\n this.button_.title = 'Skip back 15 seconds';\n this.button_.setAttribute('aria-label', 'Skip back 15 seconds');\n \n this.parent.appendChild(this.button_);\n\n this.eventManager.listen(this.button_, 'click', () => {\n const video = this.controls.getVideo();\n if (video) {\n const newTime = Math.max(0, video.currentTime - 15);\n video.currentTime = newTime;\n onSkipBack?.(newTime);\n }\n });\n }\n\n // Shaka UI will call `release` when the controls are destroyed.\n // Provide a no-op implementation to avoid TypeErrors.\n public release() {\n /* Optionally detach listeners / clean up DOM here */\n }\n}\n\n// Custom Skip Forward Button Element \nclass SkipForwardButton {\n private button_: HTMLButtonElement;\n private parent: HTMLElement;\n private controls: any;\n private eventManager: any;\n\n constructor(parent: HTMLElement, controls: any, onSkipForward?: (newTime: number) => void) {\n this.parent = parent;\n this.controls = controls;\n this.eventManager = { listen: (element: HTMLElement, event: string, handler: () => void) => {\n element.addEventListener(event, handler);\n }};\n\n this.button_ = document.createElement('button');\n this.button_.className = 'shaka-button motto-native-skip-button';\n this.button_.innerHTML = `\n \n \n \n \n \n \n `;\n this.button_.title = 'Skip forward 15 seconds';\n this.button_.setAttribute('aria-label', 'Skip forward 15 seconds');\n \n this.parent.appendChild(this.button_);\n\n this.eventManager.listen(this.button_, 'click', () => {\n const video = this.controls.getVideo();\n if (video) {\n const newTime = Math.min(video.duration || 0, video.currentTime + 15);\n video.currentTime = newTime;\n onSkipForward?.(newTime);\n }\n });\n }\n\n public release() {\n /* Clean-up logic if needed */\n }\n}\n\n// Factory classes for the custom elements\nclass SkipBackButtonFactory {\n constructor(private onSkipBack?: (newTime: number) => void) {}\n \n create(rootElement: HTMLElement, controls: any) {\n return new SkipBackButton(rootElement, controls, this.onSkipBack);\n }\n}\n\nclass SkipForwardButtonFactory {\n constructor(private onSkipForward?: (newTime: number) => void) {}\n \n create(rootElement: HTMLElement, controls: any) {\n return new SkipForwardButton(rootElement, controls, this.onSkipForward);\n }\n}\n\ninterface SeekbarColors {\n base?: string;\n buffered?: string;\n played?: string;\n}\n\n// Mobile Play Button Plugin - extends shaka.ui.Element\nclass MobilePlayButton {\n private button_!: HTMLButtonElement;\n private parent: HTMLElement;\n private controls: any;\n private eventManager: any;\n private video!: HTMLVideoElement;\n\n constructor(parent: HTMLElement, controls: any) {\n this.parent = parent;\n this.controls = controls;\n \n // Get video element safely - try multiple approaches\n this.video = controls?.getVideo?.() || \n parent.querySelector('video') || \n document.querySelector('video');\n if (!this.video) {\n console.error('MobilePlayButton: No video element found');\n return;\n }\n \n this.eventManager = { listen: (element: HTMLElement, event: string, handler: () => void) => {\n element.addEventListener(event, handler);\n }};\n\n this.button_ = document.createElement('button');\n this.button_.className = 'motto-mobile-play-button';\n this.updateIcon();\n this.parent.appendChild(this.button_);\n\n this.eventManager.listen(this.button_, 'click', () => {\n if (this.video.paused) {\n this.video.play();\n } else {\n this.video.pause();\n }\n });\n\n // Update icon based on video state\n this.eventManager.listen(this.video, 'play', () => this.updateIcon());\n this.eventManager.listen(this.video, 'pause', () => this.updateIcon());\n }\n\n private updateIcon() {\n if (this.video.paused) {\n this.button_.innerHTML = `\n \n \n \n `;\n this.button_.setAttribute('aria-label', 'Play');\n } else {\n this.button_.innerHTML = `\n \n \n \n `;\n this.button_.setAttribute('aria-label', 'Pause');\n }\n }\n\n public release() {\n /* Clean-up logic if needed */\n }\n}\n\n// Mobile Skip Back Button Plugin\nclass MobileSkipBackButton {\n private button_!: HTMLButtonElement;\n private parent: HTMLElement;\n private controls: any;\n private eventManager: any;\n private video!: HTMLVideoElement;\n\n constructor(parent: HTMLElement, controls: any, onSkipBack?: (newTime: number) => void) {\n this.parent = parent;\n this.controls = controls;\n \n // Get video element safely - try multiple approaches\n this.video = controls?.getVideo?.() || \n parent.querySelector('video') || \n document.querySelector('video');\n if (!this.video) {\n console.error('MobileSkipBackButton: No video element found');\n return;\n }\n this.eventManager = { listen: (element: HTMLElement, event: string, handler: () => void) => {\n element.addEventListener(event, handler);\n }};\n\n this.button_ = document.createElement('button');\n this.button_.className = 'motto-mobile-skip-button';\n this.button_.innerHTML = `\n \n \n \n \n \n \n `;\n this.button_.setAttribute('aria-label', 'Skip back 15 seconds');\n this.parent.appendChild(this.button_);\n\n this.eventManager.listen(this.button_, 'click', () => {\n const newTime = Math.max(0, this.video.currentTime - 15);\n this.video.currentTime = newTime;\n onSkipBack?.(newTime);\n });\n }\n\n public release() {\n /* Clean-up logic if needed */\n }\n}\n\n// Mobile Skip Forward Button Plugin\nclass MobileSkipForwardButton {\n private button_!: HTMLButtonElement;\n private parent: HTMLElement;\n private controls: any;\n private eventManager: any;\n private video!: HTMLVideoElement;\n\n constructor(parent: HTMLElement, controls: any, onSkipForward?: (newTime: number) => void) {\n this.parent = parent;\n this.controls = controls;\n \n // Get video element safely - try multiple approaches\n this.video = controls?.getVideo?.() || \n parent.querySelector('video') || \n document.querySelector('video');\n if (!this.video) {\n console.error('MobileSkipForwardButton: No video element found');\n return;\n }\n this.eventManager = { listen: (element: HTMLElement, event: string, handler: () => void) => {\n element.addEventListener(event, handler);\n }};\n\n this.button_ = document.createElement('button');\n this.button_.className = 'motto-mobile-skip-button';\n this.button_.innerHTML = `\n \n \n \n \n \n \n `;\n this.button_.setAttribute('aria-label', 'Skip forward 15 seconds');\n this.parent.appendChild(this.button_);\n\n this.eventManager.listen(this.button_, 'click', () => {\n const newTime = Math.min(this.video.duration || 0, this.video.currentTime + 15);\n this.video.currentTime = newTime;\n onSkipForward?.(newTime);\n });\n }\n\n public release() {\n /* Clean-up logic if needed */\n }\n}\n\n// Mobile Controls Container Plugin\nclass MobileControlsContainer {\n private container_!: HTMLDivElement;\n private parent: HTMLElement;\n private controls: any;\n private observer!: MutationObserver;\n\n constructor(parent: HTMLElement, controls: any, onSkipBack?: (newTime: number) => void, onSkipForward?: (newTime: number) => void) {\n this.parent = parent;\n this.controls = controls;\n \n // Check if we have a valid parent container\n if (!parent) {\n console.error('MobileControlsContainer: No parent element provided');\n return;\n }\n\n // Create mobile controls overlay\n this.container_ = document.createElement('div');\n this.container_.className = 'motto-mobile-controls-overlay';\n\n const controlsGroup = document.createElement('div');\n controlsGroup.className = 'motto-mobile-controls-group';\n\n // Create individual mobile control elements\n new MobileSkipBackButton(controlsGroup, controls, onSkipBack);\n new MobilePlayButton(controlsGroup, controls);\n new MobileSkipForwardButton(controlsGroup, controls, onSkipForward);\n\n this.container_.appendChild(controlsGroup);\n this.parent.appendChild(this.container_);\n\n // Set up observer to sync visibility with control bar\n this.setupVisibilitySync();\n }\n\n private setupVisibilitySync() {\n // Wait for Shaka controls to be ready\n setTimeout(() => {\n // Initially sync visibility\n this.syncVisibility();\n\n // Watch for class changes on the main container (especially 'no-cursor' class)\n this.observer = new MutationObserver((mutations) => {\n mutations.forEach((mutation) => {\n if (mutation.type === 'attributes' && mutation.attributeName === 'class') {\n this.syncVisibility();\n }\n });\n });\n\n // Watch the main container for class changes\n this.observer.observe(this.parent, {\n attributes: true,\n attributeFilter: ['class']\n });\n\n // Listen for video play/pause events to update visibility\n const video = this.controls?.getVideo?.() || this.parent.querySelector('video');\n if (video) {\n video.addEventListener('play', () => {\n setTimeout(() => this.syncVisibility(), 50);\n });\n \n video.addEventListener('pause', () => {\n setTimeout(() => this.syncVisibility(), 50);\n });\n }\n }, 1000);\n }\n\n private syncVisibility() {\n // Check if the main container has the 'no-cursor' class which indicates controls should be hidden\n const mainContainer = this.parent;\n const hasNoCursor = mainContainer.classList.contains('no-cursor');\n \n // Get video element to check if it's paused\n const video = this.controls?.getVideo?.() || this.parent.querySelector('video');\n const isVideoPaused = video ? video.paused : false;\n \n // Keep controls visible if video is paused, regardless of cursor state\n const isControlsVisible = !hasNoCursor || isVideoPaused;\n \n if (this.container_) {\n if (isControlsVisible) {\n this.container_.style.opacity = '1';\n // Keep pointer-events: none on container to allow clicks through\n this.container_.style.pointerEvents = 'none';\n } else {\n this.container_.style.opacity = '0';\n this.container_.style.pointerEvents = 'none';\n }\n }\n }\n\n private isElementVisible(element: HTMLElement): boolean {\n const style = window.getComputedStyle(element);\n const hasHiddenClass = element.classList.contains('shaka-hidden') || \n element.classList.contains('hidden') ||\n element.classList.contains('shaka-fade-out');\n \n return style.display !== 'none' && \n style.visibility !== 'hidden' && \n style.opacity !== '0' &&\n !element.hidden &&\n !hasHiddenClass;\n }\n\n public release() {\n // Disconnect the mutation observer and remove the overlay\n try {\n this.observer?.disconnect?.();\n if (this.container_ && this.parent.contains(this.container_)) {\n this.parent.removeChild(this.container_);\n }\n } catch {\n /* noop */\n }\n }\n}\n\n// Factory classes for the mobile control plugins\nclass MobilePlayButtonFactory {\n create(rootElement: HTMLElement, controls: any) {\n return new MobilePlayButton(rootElement, controls);\n }\n}\n\nclass MobileSkipBackButtonFactory {\n constructor(private onSkipBack?: (newTime: number) => void) {}\n \n create(rootElement: HTMLElement, controls: any) {\n return new MobileSkipBackButton(rootElement, controls, this.onSkipBack);\n }\n}\n\nclass MobileSkipForwardButtonFactory {\n constructor(private onSkipForward?: (newTime: number) => void) {}\n \n create(rootElement: HTMLElement, controls: any) {\n return new MobileSkipForwardButton(rootElement, controls, this.onSkipForward);\n }\n}\n\nclass MobileControlsContainerFactory {\n constructor(\n private onSkipBack?: (newTime: number) => void,\n private onSkipForward?: (newTime: number) => void\n ) {}\n \n create(rootElement: HTMLElement, controls: any) {\n return new MobileControlsContainer(rootElement, controls, this.onSkipBack, this.onSkipForward);\n }\n}\n\nexport const useShakaUI = (\n playerRef: React.RefObject,\n containerRef: React.RefObject,\n videoRef: React.RefObject,\n controls: boolean,\n chromecastConfig?: ChromecastConfig,\n seekbarColors?: SeekbarColors,\n onSkipBack?: (newTime: number) => void,\n onSkipForward?: (newTime: number) => void\n) => {\n const uiRef = useRef(null);\n const registeredElements = useRef>(new Set());\n\n const initializeUI = useCallback(async () => {\n if (!controls || !containerRef.current || !playerRef.current || !videoRef.current) {\n return null;\n }\n\n // Detect if we're on mobile (more robust detection)\n const isMobile = window.innerWidth <= 767 || /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n\n // Register custom elements if not already registered\n if (!registeredElements.current.has('skip_back_button')) {\n ShakaUI.Controls.registerElement('skip_back_button', new SkipBackButtonFactory(onSkipBack));\n registeredElements.current.add('skip_back_button');\n }\n \n if (!registeredElements.current.has('skip_forward_button')) {\n ShakaUI.Controls.registerElement('skip_forward_button', new SkipForwardButtonFactory(onSkipForward));\n registeredElements.current.add('skip_forward_button');\n }\n\n // Register mobile control plugins for mobile devices\n if (isMobile) {\n if (!registeredElements.current.has('mobile_controls_container')) {\n ShakaUI.Controls.registerElement('mobile_controls_container', new MobileControlsContainerFactory(onSkipBack, onSkipForward));\n registeredElements.current.add('mobile_controls_container');\n }\n }\n\n // Create UI with Shaka Player controls using default configuration\n const ui = new ShakaUI.Overlay(playerRef.current, containerRef.current, videoRef.current);\n uiRef.current = ui;\n\n const controlPanelElements = isMobile ? [\n 'mute',\n 'time_and_duration',\n 'spacer',\n 'fullscreen',\n 'cast',\n 'overflow_menu',\n ] :\n [\n 'skip_back_button',\n 'play_pause',\n 'skip_forward_button',\n 'mute',\n 'volume',\n 'time_and_duration',\n 'spacer',\n 'fullscreen',\n 'cast',\n 'overflow_menu',\n ]\n ;\n \n // Configure UI settings with custom control panel layout\n const uiConfig: any = {\n seekBarColors: {\n base: seekbarColors?.base || 'rgba(255, 255, 255, 0.3)', // Unbuffered track\n buffered: seekbarColors?.buffered || 'rgba(255, 255, 255, 0.5)', // Buffered but not played\n played: seekbarColors?.played || '#ffffff', // Progress/played portion (white)\n },\n controlPanelElements: controlPanelElements,\n ...(chromecastConfig?.receiverApplicationId && {\n 'castReceiverAppId': chromecastConfig.receiverApplicationId,\n 'castAndroidReceiverCompatible': false\n }),\n overflowMenuButtons: [\n 'quality',\n 'picture_in_picture',\n 'playback_rate'\n ]\n };\n\n // Add chromecast config if needed\n if (chromecastConfig?.receiverApplicationId) {\n uiConfig.castReceiverAppId = chromecastConfig.receiverApplicationId;\n uiConfig.castAndroidReceiverCompatible = false;\n }\n\n ui.configure(uiConfig);\n\n // Seekbar styling is now handled by CSS with proper background\n\n // Create mobile overlay controls on mobile devices using Shaka plugin system\n if (isMobile) {\n setTimeout(() => {\n const container = containerRef.current;\n const video = videoRef.current;\n if (container && video) {\n // Create mobile overlay controls with video element reference\n new MobileControlsContainer(container, { getVideo: () => video }, onSkipBack, onSkipForward);\n }\n }, 500); // Increased timeout to ensure UI is fully ready\n }\n\n return ui;\n }, [controls, containerRef, playerRef, videoRef, chromecastConfig, seekbarColors, onSkipBack, onSkipForward]);\n\n const destroyUI = useCallback(() => {\n if (uiRef.current) {\n try {\n uiRef.current.destroy();\n } catch (error) {\n console.error('Error destroying UI:', error);\n }\n uiRef.current = null;\n }\n }, []);\n\n return {\n uiRef,\n initializeUI,\n destroyUI\n };\n}; ","import { useCallback } from 'react';\n\ninterface EventHandlers {\n onPlay?: () => void;\n onPause?: () => void;\n onEnded?: () => void;\n onLoadStart?: () => void;\n onCanPlay?: () => void;\n}\n\nexport const useEventHandlers = (\n videoRef: React.RefObject,\n handlers: EventHandlers\n) => {\n const setupEventListeners = useCallback(() => {\n const video = videoRef.current;\n if (!video) return;\n\n const { onPlay, onPause, onEnded, onLoadStart, onCanPlay } = handlers;\n\n if (onPlay) video.addEventListener('play', onPlay);\n if (onPause) video.addEventListener('pause', onPause);\n if (onEnded) video.addEventListener('ended', onEnded);\n if (onLoadStart) video.addEventListener('loadstart', onLoadStart);\n if (onCanPlay) video.addEventListener('canplay', onCanPlay);\n }, [videoRef, handlers]);\n\n const cleanupEventListeners = useCallback(() => {\n const video = videoRef.current;\n if (!video) return;\n\n const { onPlay, onPause, onEnded, onLoadStart, onCanPlay } = handlers;\n\n if (onPlay) video.removeEventListener('play', onPlay);\n if (onPause) video.removeEventListener('pause', onPause);\n if (onEnded) video.removeEventListener('ended', onEnded);\n if (onLoadStart) video.removeEventListener('loadstart', onLoadStart);\n if (onCanPlay) video.removeEventListener('canplay', onCanPlay);\n }, [videoRef, handlers]);\n\n return {\n setupEventListeners,\n cleanupEventListeners\n };\n}; ","import { useEffect, useState, useRef } from 'react';\n\ninterface UseLiveBadgeOptions {\n enabled?: boolean;\n onLiveStateChange?: (isLive: boolean) => void;\n}\n\nexport const useLiveBadge = (\n playerRef: React.RefObject,\n options: UseLiveBadgeOptions = {}\n) => {\n const [isLive, setIsLive] = useState(false);\n const [isVisible, setIsVisible] = useState(false);\n const intervalRef = useRef(null);\n const { enabled = true, onLiveStateChange } = options;\n\n const checkLiveStatus = () => {\n if (!playerRef.current || !enabled) {\n return;\n }\n\n try {\n // Check if player has loaded content and is ready\n const player = playerRef.current;\n \n // Multiple checks to ensure player is ready\n if (!player.getManifest || \n !player.getPresentationTimeline || \n typeof player.getPresentationTimeline !== 'function') {\n return;\n }\n\n const manifest = player.getManifest();\n if (!manifest) {\n return;\n }\n\n // Now safely get the presentation timeline\n const timeline = player.getPresentationTimeline();\n if (!timeline || typeof timeline.isLive !== 'function') {\n return;\n }\n\n const liveStatus = timeline.isLive();\n \n if (liveStatus !== isLive) {\n setIsLive(liveStatus);\n setIsVisible(liveStatus);\n onLiveStateChange?.(liveStatus);\n }\n } catch (error) {\n // Only log errors that aren't related to player not being ready\n if (error instanceof Error && !error.message.includes('not a function')) {\n console.error('Error checking live status:', error);\n }\n }\n };\n\n useEffect(() => {\n if (!enabled) {\n setIsLive(false);\n setIsVisible(false);\n return;\n }\n\n // Check immediately\n checkLiveStatus();\n\n // Set up interval to check periodically\n intervalRef.current = setInterval(checkLiveStatus, 2000);\n\n return () => {\n if (intervalRef.current) {\n clearInterval(intervalRef.current);\n intervalRef.current = null;\n }\n };\n }, [enabled, playerRef.current]);\n\n // Clean up on unmount\n useEffect(() => {\n return () => {\n if (intervalRef.current) {\n clearInterval(intervalRef.current);\n }\n };\n }, []);\n\n const hideBadge = () => setIsVisible(false);\n const showBadge = () => setIsVisible(true);\n\n return {\n isLive,\n isVisible,\n hideBadge,\n showBadge,\n checkLiveStatus\n };\n}; ","import { useEffect, useState, useRef } from 'react';\n\ninterface UsePosterFallbackOptions {\n enabled?: boolean;\n fallbackPoster?: string;\n showLoadingOverlay?: boolean;\n}\n\nexport const usePosterFallback = (\n playerRef: React.RefObject,\n options: UsePosterFallbackOptions = {}\n) => {\n const [isLoading, setIsLoading] = useState(true);\n const [showOverlay, setShowOverlay] = useState(true);\n const [hasStartedPlaying, setHasStartedPlaying] = useState(false);\n const { enabled = true, fallbackPoster, showLoadingOverlay = true } = options;\n\n useEffect(() => {\n if (!playerRef.current || !enabled) {\n return;\n }\n\n const handleLoadStart = () => {\n setIsLoading(true);\n setShowOverlay(true);\n };\n\n const handleCanPlay = () => {\n setIsLoading(false);\n // Keep overlay visible until user interaction or autoplay starts\n if (!hasStartedPlaying) {\n setShowOverlay(true);\n }\n };\n\n const handlePlay = () => {\n setHasStartedPlaying(true);\n setShowOverlay(false);\n };\n\n const handleLoadedMetadata = () => {\n setIsLoading(false);\n };\n\n // Add event listeners\n const video = playerRef.current;\n if (video) {\n video.addEventListener('loadstart', handleLoadStart);\n video.addEventListener('canplay', handleCanPlay);\n video.addEventListener('play', handlePlay);\n video.addEventListener('loadedmetadata', handleLoadedMetadata);\n\n return () => {\n video.removeEventListener('loadstart', handleLoadStart);\n video.removeEventListener('canplay', handleCanPlay);\n video.removeEventListener('play', handlePlay);\n video.removeEventListener('loadedmetadata', handleLoadedMetadata);\n };\n }\n }, [playerRef, enabled, hasStartedPlaying]);\n\n const hideOverlay = () => {\n setShowOverlay(false);\n };\n\n return {\n isLoading,\n showOverlay: showLoadingOverlay && showOverlay,\n hideOverlay,\n hasStartedPlaying\n };\n}; ","import { useEffect, useRef } from 'react';\n\ninterface UseLiveIndicatorOptions {\n enabled?: boolean;\n indicatorColor?: string;\n indicatorSize?: number;\n showPulseAnimation?: boolean;\n}\n\nexport const useLiveIndicator = (\n containerRef: React.RefObject,\n options: UseLiveIndicatorOptions = {}\n) => {\n const observerRef = useRef(null);\n const { \n enabled = true, \n indicatorColor = '#ff0000',\n indicatorSize = 8,\n showPulseAnimation = true \n } = options;\n\n useEffect(() => {\n if (!containerRef.current || !enabled) {\n return;\n }\n\n const addLiveIndicator = (currentTimeElement: Element) => {\n // Check if indicator already exists\n if (currentTimeElement.querySelector('.live-indicator-dot')) {\n return;\n }\n\n // Create the red circle indicator\n const indicator = document.createElement('span');\n indicator.className = 'live-indicator-dot';\n indicator.style.cssText = `\n display: inline-block;\n width: ${indicatorSize}px;\n height: ${indicatorSize}px;\n background-color: ${indicatorColor};\n border-radius: 50%;\n margin-right: 6px;\n vertical-align: middle;\n ${showPulseAnimation ? 'animation: pulse-live 2s infinite;' : ''}\n `;\n\n // Insert the indicator at the beginning of the current time element\n currentTimeElement.insertBefore(indicator, currentTimeElement.firstChild);\n };\n\n const removeLiveIndicator = (currentTimeElement: Element) => {\n const indicator = currentTimeElement.querySelector('.live-indicator-dot');\n if (indicator) {\n indicator.remove();\n }\n };\n\n const checkForLiveContent = () => {\n const currentTimeElements = containerRef.current?.querySelectorAll('.shaka-current-time');\n \n currentTimeElements?.forEach((element) => {\n const textContent = element.textContent?.trim() || '';\n \n if (textContent.toLowerCase().includes('live')) {\n addLiveIndicator(element);\n } else {\n removeLiveIndicator(element);\n }\n });\n };\n\n // Initial check\n checkForLiveContent();\n\n // Set up mutation observer to watch for changes in the DOM\n observerRef.current = new MutationObserver((mutations) => {\n let shouldCheck = false;\n \n mutations.forEach((mutation) => {\n // Check if any nodes were added or text content changed\n if (mutation.type === 'childList' || mutation.type === 'characterData') {\n shouldCheck = true;\n }\n \n // Check if any of the added nodes contain current time elements\n mutation.addedNodes.forEach((node) => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n const element = node as Element;\n if (element.classList?.contains('shaka-current-time') || \n element.querySelector?.('.shaka-current-time')) {\n shouldCheck = true;\n }\n }\n });\n });\n \n if (shouldCheck) {\n // Debounce the check to avoid excessive calls\n setTimeout(checkForLiveContent, 100);\n }\n });\n\n // Start observing\n observerRef.current.observe(containerRef.current, {\n childList: true,\n subtree: true,\n characterData: true,\n characterDataOldValue: true\n });\n\n // Also set up an interval as a fallback\n const intervalId = setInterval(checkForLiveContent, 1000);\n\n return () => {\n if (observerRef.current) {\n observerRef.current.disconnect();\n }\n clearInterval(intervalId);\n };\n }, [containerRef, enabled, indicatorColor, indicatorSize, showPulseAnimation]);\n\n return {\n // Expose method to manually trigger check if needed\n checkForLiveContent: () => {\n const currentTimeElements = containerRef.current?.querySelectorAll('.shaka-current-time');\n currentTimeElements?.forEach((element) => {\n const textContent = element.textContent?.trim() || '';\n if (textContent.toLowerCase().includes('live')) {\n // Add indicator logic here if needed\n }\n });\n }\n };\n}; ","import React from 'react';\nimport { twMerge } from 'tailwind-merge';\n\ninterface LoadingProps {\n className?: string;\n}\n\nexport const Loading: React.FC = ({ className }) => (\n \n {/* Spinner inspired by Shaka Player's buffering indicator */}\n
\n \n \n \n
\n Loading...\n \n); ","import React from 'react';\n\ninterface ErrorScreenProps {\n title?: string;\n description?: string;\n}\n\nexport const ErrorScreen: React.FC = ({ title, description }) => (\n
\n
\n \n \n \n
\n

{title || \"Playback Error\"}

\n
{description || \"Unable to play the video. Please try again later.\"}
\n
\n
\n
\n); ","import React from 'react';\n\ninterface TitleProps {\n title: string;\n}\n\nexport const Title: React.FC = ({ title }) => (\n
\n

{title}

\n
\n); ","import React from 'react';\n\ninterface LiveBadgeProps {\n isVisible: boolean;\n position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n className?: string;\n style?: React.CSSProperties;\n text?: string;\n}\n\nexport const LiveBadge: React.FC = ({\n isVisible,\n position = 'top-right',\n className = '',\n style = {},\n text = 'LIVE'\n}) => {\n if (!isVisible) return null;\n\n const positionClasses = {\n 'top-left': 'top-4 left-4',\n 'top-right': 'top-4 right-4',\n 'bottom-left': 'bottom-4 left-4',\n 'bottom-right': 'bottom-4 right-4'\n };\n\n return (\n \n \n \n {text}\n \n \n );\n}; ","import styleInject from '#style-inject';styleInject(\"/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer theme, base, components, utilities;\\n@layer theme {\\n :root,\\n :host {\\n --font-sans:\\n ui-sans-serif,\\n system-ui,\\n sans-serif,\\n \\\"Apple Color Emoji\\\",\\n \\\"Segoe UI Emoji\\\",\\n \\\"Segoe UI Symbol\\\",\\n \\\"Noto Color Emoji\\\";\\n --font-mono:\\n ui-monospace,\\n SFMono-Regular,\\n Menlo,\\n Monaco,\\n Consolas,\\n \\\"Liberation Mono\\\",\\n \\\"Courier New\\\",\\n monospace;\\n --color-red-600: oklch(57.7% 0.245 27.325);\\n --color-black: #000;\\n --color-white: #fff;\\n --spacing: 0.25rem;\\n --text-xs: 0.75rem;\\n --text-xs--line-height: calc(1 / 0.75);\\n --text-sm: 0.875rem;\\n --text-sm--line-height: calc(1.25 / 0.875);\\n --text-base: 1rem;\\n --text-base--line-height: calc(1.5 / 1);\\n --text-lg: 1.125rem;\\n --text-lg--line-height: calc(1.75 / 1.125);\\n --text-xl: 1.25rem;\\n --text-xl--line-height: calc(1.75 / 1.25);\\n --text-2xl: 1.5rem;\\n --text-2xl--line-height: calc(2 / 1.5);\\n --text-5xl: 3rem;\\n --text-5xl--line-height: 1;\\n --font-weight-medium: 500;\\n --font-weight-semibold: 600;\\n --font-weight-bold: 700;\\n --tracking-wide: 0.025em;\\n --tracking-widest: 0.1em;\\n --radius-md: 0.375rem;\\n --radius-2xl: 1rem;\\n --animate-spin: spin 1s linear infinite;\\n --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n --aspect-video: 16 / 9;\\n --default-transition-duration: 150ms;\\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n --default-font-family: var(--font-sans);\\n --default-mono-font-family: var(--font-mono);\\n }\\n}\\n@layer base {\\n *,\\n ::after,\\n ::before,\\n ::backdrop,\\n ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html,\\n :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\");\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b,\\n strong {\\n font-weight: bolder;\\n }\\n code,\\n kbd,\\n samp,\\n pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\", \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub,\\n sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol,\\n ul,\\n menu {\\n list-style: none;\\n }\\n img,\\n svg,\\n video,\\n canvas,\\n audio,\\n iframe,\\n embed,\\n object {\\n display: block;\\n vertical-align: middle;\\n }\\n img,\\n video {\\n max-width: 100%;\\n height: auto;\\n }\\n button,\\n input,\\n select,\\n optgroup,\\n textarea,\\n ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n @supports (color: color-mix(in lab, red, red)) {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit,\\n ::-webkit-datetime-edit-year-field,\\n ::-webkit-datetime-edit-month-field,\\n ::-webkit-datetime-edit-day-field,\\n ::-webkit-datetime-edit-hour-field,\\n ::-webkit-datetime-edit-minute-field,\\n ::-webkit-datetime-edit-second-field,\\n ::-webkit-datetime-edit-millisecond-field,\\n ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button,\\n input:where([type=button], [type=reset], [type=submit]),\\n ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button,\\n ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=until-found])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip: rect(0, 0, 0, 0);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .inset-0 {\\n inset: calc(var(--spacing) * 0);\\n }\\n .top-0 {\\n top: calc(var(--spacing) * 0);\\n }\\n .top-4 {\\n top: calc(var(--spacing) * 4);\\n }\\n .right-0 {\\n right: calc(var(--spacing) * 0);\\n }\\n .right-4 {\\n right: calc(var(--spacing) * 4);\\n }\\n .bottom-0 {\\n bottom: calc(var(--spacing) * 0);\\n }\\n .bottom-4 {\\n bottom: calc(var(--spacing) * 4);\\n }\\n .left-0 {\\n left: calc(var(--spacing) * 0);\\n }\\n .left-4 {\\n left: calc(var(--spacing) * 4);\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-50 {\\n z-index: 50;\\n }\\n .container {\\n width: 100%;\\n @media (width >= 40rem) {\\n max-width: 40rem;\\n }\\n @media (width >= 48rem) {\\n max-width: 48rem;\\n }\\n @media (width >= 64rem) {\\n max-width: 64rem;\\n }\\n @media (width >= 80rem) {\\n max-width: 80rem;\\n }\\n @media (width >= 96rem) {\\n max-width: 96rem;\\n }\\n }\\n .m-6 {\\n margin: calc(var(--spacing) * 6);\\n }\\n .mt-1 {\\n margin-top: calc(var(--spacing) * 1);\\n }\\n .mt-3 {\\n margin-top: calc(var(--spacing) * 3);\\n }\\n .mb-2 {\\n margin-bottom: calc(var(--spacing) * 2);\\n }\\n .mb-6 {\\n margin-bottom: calc(var(--spacing) * 6);\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .aspect-video {\\n aspect-ratio: var(--aspect-video);\\n }\\n .h-2 {\\n height: calc(var(--spacing) * 2);\\n }\\n .h-12 {\\n height: calc(var(--spacing) * 12);\\n }\\n .h-24 {\\n height: calc(var(--spacing) * 24);\\n }\\n .h-full {\\n height: 100%;\\n }\\n .w-2 {\\n width: calc(var(--spacing) * 2);\\n }\\n .w-12 {\\n width: calc(var(--spacing) * 12);\\n }\\n .w-24 {\\n width: calc(var(--spacing) * 24);\\n }\\n .w-full {\\n width: 100%;\\n }\\n .animate-pulse {\\n animation: var(--animate-pulse);\\n }\\n .animate-spin {\\n animation: var(--animate-spin);\\n }\\n .auto-cols-max {\\n grid-auto-columns: max-content;\\n }\\n .grid-flow-col {\\n grid-auto-flow: column;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-stretch {\\n justify-content: stretch;\\n }\\n .gap-1 {\\n gap: calc(var(--spacing) * 1);\\n }\\n .gap-5 {\\n gap: calc(var(--spacing) * 5);\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-md {\\n border-radius: var(--radius-md);\\n }\\n .bg-\\\\[\\\\#151515\\\\] {\\n background-color: #151515;\\n }\\n .bg-black {\\n background-color: var(--color-black);\\n }\\n .bg-red-600 {\\n background-color: var(--color-red-600);\\n }\\n .bg-white {\\n background-color: var(--color-white);\\n }\\n .bg-gradient-to-t {\\n --tw-gradient-position: to top in oklab;\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-black\\\\/70 {\\n --tw-gradient-from: color-mix(in srgb, #000 70%, transparent);\\n @supports (color: color-mix(in lab, red, red)) {\\n --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent);\\n }\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-transparent {\\n --tw-gradient-to: transparent;\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .bg-cover {\\n background-size: cover;\\n }\\n .bg-center {\\n background-position: center;\\n }\\n .bg-no-repeat {\\n background-repeat: no-repeat;\\n }\\n .p-2 {\\n padding: calc(var(--spacing) * 2);\\n }\\n .p-4 {\\n padding: calc(var(--spacing) * 4);\\n }\\n .px-2 {\\n padding-inline: calc(var(--spacing) * 2);\\n }\\n .px-4 {\\n padding-inline: calc(var(--spacing) * 4);\\n }\\n .py-1 {\\n padding-block: calc(var(--spacing) * 1);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .font-mono {\\n font-family: var(--font-mono);\\n }\\n .text-2xl {\\n font-size: var(--text-2xl);\\n line-height: var(--tw-leading, var(--text-2xl--line-height));\\n }\\n .text-5xl {\\n font-size: var(--text-5xl);\\n line-height: var(--tw-leading, var(--text-5xl--line-height));\\n }\\n .text-base {\\n font-size: var(--text-base);\\n line-height: var(--tw-leading, var(--text-base--line-height));\\n }\\n .text-lg {\\n font-size: var(--text-lg);\\n line-height: var(--tw-leading, var(--text-lg--line-height));\\n }\\n .text-sm {\\n font-size: var(--text-sm);\\n line-height: var(--tw-leading, var(--text-sm--line-height));\\n }\\n .text-xl {\\n font-size: var(--text-xl);\\n line-height: var(--tw-leading, var(--text-xl--line-height));\\n }\\n .text-xs {\\n font-size: var(--text-xs);\\n line-height: var(--tw-leading, var(--text-xs--line-height));\\n }\\n .text-\\\\[10px\\\\] {\\n font-size: 10px;\\n }\\n .font-bold {\\n --tw-font-weight: var(--font-weight-bold);\\n font-weight: var(--font-weight-bold);\\n }\\n .font-medium {\\n --tw-font-weight: var(--font-weight-medium);\\n font-weight: var(--font-weight-medium);\\n }\\n .font-semibold {\\n --tw-font-weight: var(--font-weight-semibold);\\n font-weight: var(--font-weight-semibold);\\n }\\n .tracking-wide {\\n --tw-tracking: var(--tracking-wide);\\n letter-spacing: var(--tracking-wide);\\n }\\n .tracking-widest {\\n --tw-tracking: var(--tracking-widest);\\n letter-spacing: var(--tracking-widest);\\n }\\n .text-white {\\n color: var(--color-white);\\n }\\n .uppercase {\\n text-transform: uppercase;\\n }\\n .shadow-lg {\\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow:\\n var(--tw-inset-shadow),\\n var(--tw-inset-ring-shadow),\\n var(--tw-ring-offset-shadow),\\n var(--tw-ring-shadow),\\n var(--tw-shadow);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .md\\\\:rounded-2xl {\\n @media (width >= 48rem) {\\n border-radius: var(--radius-2xl);\\n }\\n }\\n .md\\\\:rounded-2xl\\\\! {\\n @media (width >= 48rem) {\\n border-radius: var(--radius-2xl) !important;\\n }\\n }\\n .md\\\\:text-base {\\n @media (width >= 48rem) {\\n font-size: var(--text-base);\\n line-height: var(--tw-leading, var(--text-base--line-height));\\n }\\n }\\n .md\\\\:text-sm {\\n @media (width >= 48rem) {\\n font-size: var(--text-sm);\\n line-height: var(--tw-leading, var(--text-sm--line-height));\\n }\\n }\\n .md\\\\:text-xl {\\n @media (width >= 48rem) {\\n font-size: var(--text-xl);\\n line-height: var(--tw-leading, var(--text-xl--line-height));\\n }\\n }\\n}\\n@layer components {\\n .motto-video-container {\\n position: relative;\\n width: 100%;\\n min-height: 300px;\\n }\\n @supports (aspect-ratio: 16/9) {\\n .motto-video-container {\\n min-height: auto;\\n }\\n }\\n .motto-video-responsive {\\n position: absolute;\\n top: calc(var(--spacing) * 0);\\n left: calc(var(--spacing) * 0);\\n height: 100%;\\n width: 100%;\\n }\\n .motto-skip-button {\\n position: absolute;\\n top: calc(1/2 * 100%);\\n z-index: 10;\\n display: flex;\\n height: calc(var(--spacing) * 16);\\n width: calc(var(--spacing) * 16);\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n cursor: pointer;\\n align-items: center;\\n justify-content: center;\\n border-radius: calc(infinity * 1px);\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n background-color: color-mix(in srgb, #000 70%, transparent);\\n @supports (color: color-mix(in lab, red, red)) {\\n background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\\n }\\n font-size: var(--text-2xl);\\n line-height: var(--tw-leading, var(--text-2xl--line-height));\\n color: var(--color-white);\\n opacity: 80%;\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\\n transition-duration: var(--tw-duration, var(--default-transition-duration));\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n &:hover {\\n @media (hover: hover) {\\n --tw-scale-x: 110%;\\n --tw-scale-y: 110%;\\n --tw-scale-z: 110%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n }\\n &:hover {\\n @media (hover: hover) {\\n opacity: 100%;\\n }\\n }\\n &:active {\\n --tw-scale-x: 95%;\\n --tw-scale-y: 95%;\\n --tw-scale-z: 95%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n }\\n .motto-skip-button-back {\\n left: calc(var(--spacing) * 5);\\n }\\n .motto-skip-button-forward {\\n right: calc(var(--spacing) * 5);\\n }\\n .motto-mobile-controls-overlay {\\n position: absolute;\\n inset: calc(var(--spacing) * 0);\\n z-index: 20;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\\n transition-duration: var(--tw-duration, var(--default-transition-duration));\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n pointer-events: none;\\n }\\n .motto-mobile-controls-group {\\n display: flex;\\n align-items: center;\\n gap: calc(var(--spacing) * 8);\\n opacity: 100%;\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\\n transition-duration: var(--tw-duration, var(--default-transition-duration));\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n pointer-events: none;\\n }\\n .motto-mobile-play-button {\\n display: flex;\\n height: calc(var(--spacing) * 14);\\n width: calc(var(--spacing) * 14);\\n cursor: pointer;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n border-radius: calc(infinity * 1px);\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n background-color: color-mix(in srgb, #000 30%, transparent);\\n @supports (color: color-mix(in lab, red, red)) {\\n background-color: color-mix(in oklab, var(--color-black) 30%, transparent);\\n }\\n color: var(--color-white);\\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow:\\n var(--tw-inset-shadow),\\n var(--tw-inset-ring-shadow),\\n var(--tw-ring-offset-shadow),\\n var(--tw-ring-shadow),\\n var(--tw-shadow);\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\\n transition-duration: var(--tw-duration, var(--default-transition-duration));\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n pointer-events: auto;\\n }\\n .motto-mobile-play-button:active {\\n --tw-scale-x: 95%;\\n --tw-scale-y: 95%;\\n --tw-scale-z: 95%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .motto-mobile-play-button svg {\\n height: calc(var(--spacing) * 7);\\n width: calc(var(--spacing) * 7);\\n }\\n .motto-mobile-skip-button {\\n display: flex;\\n height: calc(var(--spacing) * 10);\\n width: calc(var(--spacing) * 10);\\n cursor: pointer;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n border-radius: calc(infinity * 1px);\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n background-color: color-mix(in srgb, #000 30%, transparent);\\n @supports (color: color-mix(in lab, red, red)) {\\n background-color: color-mix(in oklab, var(--color-black) 30%, transparent);\\n }\\n color: var(--color-white);\\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow:\\n var(--tw-inset-shadow),\\n var(--tw-inset-ring-shadow),\\n var(--tw-ring-offset-shadow),\\n var(--tw-ring-shadow),\\n var(--tw-shadow);\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\\n transition-duration: var(--tw-duration, var(--default-transition-duration));\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n pointer-events: auto;\\n }\\n .motto-mobile-skip-button:active {\\n --tw-scale-x: 95%;\\n --tw-scale-y: 95%;\\n --tw-scale-z: 95%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .motto-mobile-skip-button svg {\\n height: calc(var(--spacing) * 6);\\n width: calc(var(--spacing) * 6);\\n }\\n}\\n@media (min-width: 768px) {\\n .motto-mobile-controls-overlay {\\n display: none !important;\\n }\\n}\\n@media (max-width: 767px) {\\n .shaka-controls-container .motto-native-skip-button,\\n .shaka-controls-container .motto-skip-back-button,\\n .shaka-controls-container .motto-skip-forward-button,\\n .shaka-controls-container .shaka-button[title*=\\\"Skip back\\\"],\\n .shaka-controls-container .shaka-button[title*=\\\"Skip forward\\\"],\\n .shaka-controls-container .shaka-button[aria-label*=\\\"Skip back\\\"],\\n .shaka-controls-container .shaka-button[aria-label*=\\\"Skip forward\\\"],\\n .shaka-controls-container button[title*=\\\"Skip back\\\"],\\n .shaka-controls-container button[title*=\\\"Skip forward\\\"],\\n .shaka-controls-container button[aria-label*=\\\"Skip back\\\"],\\n .shaka-controls-container button[aria-label*=\\\"Skip forward\\\"],\\n .motto-native-skip-button:not(.motto-mobile-skip-button),\\n .motto-skip-back-button:not(.motto-mobile-skip-button),\\n .motto-skip-forward-button:not(.motto-mobile-skip-button),\\n .shaka-button[title*=\\\"Skip back\\\"]:not(.motto-mobile-skip-button),\\n .shaka-button[title*=\\\"Skip forward\\\"]:not(.motto-mobile-skip-button),\\n .shaka-button[aria-label*=\\\"Skip back\\\"]:not(.motto-mobile-skip-button),\\n .shaka-button[aria-label*=\\\"Skip forward\\\"]:not(.motto-mobile-skip-button),\\n button[title*=\\\"Skip back\\\"]:not(.motto-mobile-skip-button),\\n button[title*=\\\"Skip forward\\\"]:not(.motto-mobile-skip-button),\\n button[aria-label*=\\\"Skip back\\\"]:not(.motto-mobile-skip-button),\\n button[aria-label*=\\\"Skip forward\\\"]:not(.motto-mobile-skip-button) {\\n display: none !important;\\n visibility: hidden !important;\\n opacity: 0 !important;\\n width: 0 !important;\\n height: 0 !important;\\n padding: 0 !important;\\n margin: 0 !important;\\n }\\n .motto-mobile-skip-button {\\n display: flex !important;\\n visibility: visible !important;\\n opacity: 1 !important;\\n }\\n}\\n.shaka-seek-bar-container {\\n height: 6px !important;\\n width: 100% !important;\\n margin: 8px 0 !important;\\n border-radius: 4px !important;\\n position: relative !important;\\n border-top: none !important;\\n border-bottom: none !important;\\n box-shadow: none !important;\\n}\\n.shaka-seek-bar {\\n height: 6px !important;\\n width: 100% !important;\\n -webkit-appearance: none !important;\\n appearance: none !important;\\n background: transparent !important;\\n cursor: pointer !important;\\n border: none !important;\\n outline: none !important;\\n position: absolute !important;\\n top: 0 !important;\\n left: 0 !important;\\n border-radius: 4px !important;\\n}\\n.shaka-seek-bar::-webkit-slider-runnable-track {\\n height: 6px !important;\\n background: transparent !important;\\n border-radius: 4px !important;\\n border: none !important;\\n}\\n.shaka-seek-bar::-moz-range-track {\\n height: 6px !important;\\n background: transparent !important;\\n border-radius: 4px !important;\\n border: none !important;\\n}\\n.shaka-seek-bar::-webkit-slider-thumb {\\n -webkit-appearance: none !important;\\n appearance: none !important;\\n width: 16px !important;\\n height: 16px !important;\\n border-radius: 50% !important;\\n background: #ffffff !important;\\n cursor: pointer !important;\\n border: 2px solid #ffffff !important;\\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;\\n margin-top: -4px !important;\\n}\\n.shaka-seek-bar::-moz-range-thumb {\\n width: 16px !important;\\n height: 16px !important;\\n border-radius: 50% !important;\\n background: #ffffff !important;\\n cursor: pointer !important;\\n border: 2px solid #ffffff !important;\\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;\\n margin-top: -4px !important;\\n}\\n.motto-skip-back-button,\\n.motto-skip-forward-button,\\n.motto-native-skip-button {\\n background: transparent !important;\\n border: none !important;\\n padding: 4px !important;\\n margin: 0px !important;\\n cursor: pointer !important;\\n color: #ffffff !important;\\n transition: all 0.2s ease !important;\\n min-width: 32px !important;\\n height: 32px !important;\\n display: flex !important;\\n align-items: center !important;\\n justify-content: center !important;\\n border-radius: 4px !important;\\n width: 25px;\\n}\\n.motto-skip-back-button:hover,\\n.motto-skip-forward-button:hover,\\n.motto-native-skip-button:hover {\\n opacity: 0.8 !important;\\n background: transparent !important;\\n transform: scale(1.05) !important;\\n}\\n.motto-skip-back-button:active,\\n.motto-skip-forward-button:active,\\n.motto-native-skip-button:active {\\n transform: scale(0.95) !important;\\n}\\n.motto-skip-back-button svg,\\n.motto-skip-forward-button svg,\\n.motto-native-skip-button svg {\\n width: 24px !important;\\n height: 24px !important;\\n}\\n@media (max-width: 767px) {\\n .shaka-controls-container .motto-native-skip-button,\\n .shaka-controls-container .motto-skip-back-button,\\n .shaka-controls-container .motto-skip-forward-button,\\n .shaka-controls-container .shaka-play-button,\\n .shaka-controls-container .shaka-pause-button {\\n display: none !important;\\n }\\n}\\n.shaka-spinner-svg {\\n color: white !important;\\n fill: white !important;\\n}\\n.shaka-spinner-path {\\n stroke: white !important;\\n fill: none !important;\\n}\\n.shaka-spinner-container {\\n color: white !important;\\n}\\n.shaka-buffering-spinner {\\n color: white !important;\\n fill: white !important;\\n}\\n.shaka-buffering-spinner svg {\\n color: white !important;\\n fill: white !important;\\n}\\n.shaka-buffering-spinner path {\\n stroke: white !important;\\n fill: none !important;\\n}\\n[data-shaka-player-container] .shaka-spinner,\\n[data-shaka-player-container] .spinner {\\n color: white !important;\\n border-color: white !important;\\n}\\n.material-icons.shaka-spinner {\\n color: white !important;\\n}\\n.shaka-controls-container .shaka-spinner,\\n.shaka-video-container .shaka-spinner {\\n color: white !important;\\n fill: white !important;\\n}\\n.shaka-controls-container .shaka-spinner svg,\\n.shaka-video-container .shaka-spinner svg {\\n color: white !important;\\n fill: white !important;\\n}\\n.shaka-controls-container .shaka-spinner path,\\n.shaka-video-container .shaka-spinner path {\\n stroke: white !important;\\n}\\n.motto-video-loading-overlay {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n background:\\n linear-gradient(\\n 135deg,\\n #1a1a1a 0%,\\n #2d2d2d 100%);\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n z-index: 10;\\n transition: opacity 0.3s ease;\\n}\\n.motto-video-loading-overlay.hidden {\\n opacity: 0;\\n pointer-events: none;\\n}\\n.motto-video-loading-content {\\n text-align: center;\\n color: white;\\n}\\n.motto-video-loading-icon {\\n width: 64px;\\n height: 64px;\\n margin-bottom: 16px;\\n opacity: 0.7;\\n}\\n.motto-video-loading-text {\\n font-size: 16px;\\n font-weight: 500;\\n margin-bottom: 8px;\\n}\\n.motto-video-loading-subtext {\\n font-size: 14px;\\n opacity: 0.7;\\n}\\n@keyframes pulse-live {\\n 0% {\\n opacity: 1;\\n transform: scale(1);\\n }\\n 50% {\\n opacity: 0.7;\\n transform: scale(1.1);\\n }\\n 100% {\\n opacity: 1;\\n transform: scale(1);\\n }\\n}\\n@property --tw-gradient-position { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-gradient-from { syntax: \\\"\\\"; inherits: false; initial-value: #0000; }\\n@property --tw-gradient-via { syntax: \\\"\\\"; inherits: false; initial-value: #0000; }\\n@property --tw-gradient-to { syntax: \\\"\\\"; inherits: false; initial-value: #0000; }\\n@property --tw-gradient-stops { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-gradient-via-stops { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-gradient-from-position { syntax: \\\"\\\"; inherits: false; initial-value: 0%; }\\n@property --tw-gradient-via-position { syntax: \\\"\\\"; inherits: false; initial-value: 50%; }\\n@property --tw-gradient-to-position { syntax: \\\"\\\"; inherits: false; initial-value: 100%; }\\n@property --tw-font-weight { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-tracking { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-shadow { syntax: \\\"*\\\"; inherits: false; initial-value: 0 0 #0000; }\\n@property --tw-shadow-color { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-shadow-alpha { syntax: \\\"\\\"; inherits: false; initial-value: 100%; }\\n@property --tw-inset-shadow { syntax: \\\"*\\\"; inherits: false; initial-value: 0 0 #0000; }\\n@property --tw-inset-shadow-color { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-inset-shadow-alpha { syntax: \\\"\\\"; inherits: false; initial-value: 100%; }\\n@property --tw-ring-color { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-ring-shadow { syntax: \\\"*\\\"; inherits: false; initial-value: 0 0 #0000; }\\n@property --tw-inset-ring-color { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-inset-ring-shadow { syntax: \\\"*\\\"; inherits: false; initial-value: 0 0 #0000; }\\n@property --tw-ring-inset { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-ring-offset-width { syntax: \\\"\\\"; inherits: false; initial-value: 0px; }\\n@property --tw-ring-offset-color { syntax: \\\"*\\\"; inherits: false; initial-value: #fff; }\\n@property --tw-ring-offset-shadow { syntax: \\\"*\\\"; inherits: false; initial-value: 0 0 #0000; }\\n@property --tw-blur { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-brightness { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-contrast { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-grayscale { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-hue-rotate { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-invert { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-opacity { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-saturate { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-sepia { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-drop-shadow { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-drop-shadow-color { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-drop-shadow-alpha { syntax: \\\"\\\"; inherits: false; initial-value: 100%; }\\n@property --tw-drop-shadow-size { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-translate-x { syntax: \\\"*\\\"; inherits: false; initial-value: 0; }\\n@property --tw-translate-y { syntax: \\\"*\\\"; inherits: false; initial-value: 0; }\\n@property --tw-translate-z { syntax: \\\"*\\\"; inherits: false; initial-value: 0; }\\n@property --tw-border-style { syntax: \\\"*\\\"; inherits: false; initial-value: solid; }\\n@property --tw-duration { syntax: \\\"*\\\"; inherits: false; }\\n@property --tw-scale-x { syntax: \\\"*\\\"; inherits: false; initial-value: 1; }\\n@property --tw-scale-y { syntax: \\\"*\\\"; inherits: false; initial-value: 1; }\\n@property --tw-scale-z { syntax: \\\"*\\\"; inherits: false; initial-value: 1; }\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *,\\n ::before,\\n ::after,\\n ::backdrop {\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-font-weight: initial;\\n --tw-tracking: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-border-style: solid;\\n --tw-duration: initial;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n }\\n }\\n}\\n\")","import React, { useEffect } from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { useQuery } from '@tanstack/react-query';\nimport { Player } from './Player';\nimport type { PlayerProps } from './types';\nimport { fetchVideoData, type VideoData } from './api';\nimport { Loading, ErrorScreen, Title } from './components';\n\n// Import helper functions\nimport { errorTypes, findHLSPlaylist, getErrorType } from './helper';\nimport useMessages, { type Translations } from './messages/useMessages';\n\nexport interface VideoProps extends Omit {\n videoId?: string;\n publicKey?: string;\n mottoToken?: string;\n videoData?: VideoData;\n refetchInterval?: number;\n playerName?: string;\n locale?: string;\n events?: {\n onVideoData?: (video: VideoData) => void;\n onEmptyPlaylists?: () => void;\n onError?: (error: Error) => void;\n onPlay?: () => void;\n onPause?: () => void;\n onEnded?: () => void;\n onLoadStart?: () => void;\n onCanPlay?: () => void;\n onPlayerReady?: () => void;\n };\n children?: React.ReactNode;\n className?: string;\n // TanStack Query options\n queryOptions?: {\n enabled?: boolean;\n staleTime?: number;\n cacheTime?: number;\n retry?: number;\n retryDelay?: number;\n };\n}\n\nexport const Video: React.FC = ({\n videoId,\n publicKey,\n mottoToken,\n videoData: providedVideoData,\n refetchInterval = 0,\n playerName,\n locale = 'en',\n events,\n children,\n className,\n queryOptions = {},\n ...props\n}) => {\n // Use TanStack Query for data fetching\n const {\n data,\n isLoading,\n error,\n refetch\n } = useQuery({\n queryKey: ['video', videoId, publicKey, mottoToken],\n queryFn: () => fetchVideoData(videoId!, publicKey!, mottoToken),\n enabled: !!videoId && !!publicKey && !providedVideoData,\n refetchInterval: refetchInterval > 0 ? refetchInterval : false,\n staleTime: queryOptions.staleTime ?? 5 * 60 * 1000, // 5 minutes\n gcTime: queryOptions.cacheTime ?? 10 * 60 * 1000, // 10 minutes (was cacheTime in v4)\n retry: queryOptions.retry ?? 3,\n retryDelay: queryOptions.retryDelay ?? ((attemptIndex: number) => Math.min(1000 * 2 ** attemptIndex, 30000))\n });\n\n const video = providedVideoData || data;\n const { t } = useMessages(locale);\n \n // Find HLS playlist using helper function\n const activePlaylist = findHLSPlaylist(video);\n const hlsUrl = activePlaylist?.url;\n\n // Notify parent of video data\n useEffect(() => {\n if (events?.onVideoData && video) {\n events.onVideoData(video);\n }\n }, [video, events]);\n\n // Loading state\n if (isLoading || (!providedVideoData && !video)) {\n return (\n
\n
\n \n
\n
\n );\n }\n\n // Handle empty playlists\n if (!isLoading && video && !hlsUrl && events?.onEmptyPlaylists) {\n events.onEmptyPlaylists();\n }\n\n // Error state\n if (error || video?.error) {\n const errorKey = video?.error ? getErrorType(undefined, video) : 'API_ERROR';\n const errorObj = error || new Error(video?.error || 'Unknown error');\n \n if (events?.onError) {\n events.onError(errorObj);\n }\n\n // Use localized error messages\n const title = t(errorKey as keyof Translations) || t('DEFAULT_ERROR');\n const description = t(`${errorKey}_DESCRIPTION` as keyof Translations) || t('DEFAULT_ERROR_DESCRIPTION');\n\n return (\n
\n
\n \n {children}\n
\n
\n );\n }\n\n // No playable source\n if (!hlsUrl) {\n return (\n
\n
\n \n {children}\n </div>\n </div>\n );\n }\n\n console.log(\"hlsUrl\", hlsUrl);\n\n // Render video player with source\n return (\n <div className={twMerge(\"md:rounded-2xl overflow-hidden aspect-video\", className)}>\n <div className=\"relative w-full h-full\">\n <Player\n {...props}\n src={hlsUrl}\n className={twMerge(\"video-player-container\", className)}\n events={events}\n containerClassName=\"w-full h-full\"\n >\n {children}\n </Player>\n </div>\n </div>\n );\n}; ","export interface VideoData {\n id: string;\n name?: string;\n description?: string;\n playlists?: Array<{\n url: string;\n format: string;\n }>;\n error?: string;\n}\n\nexport interface VideoListItem {\n id: string;\n name?: string;\n description?: string;\n playlists?: Array<{\n url: string;\n format: string;\n }>;\n error?: string;\n}\n\n/**\n * Fetches video data from the Motto Streaming API\n * @param videoId - The ID of the video to fetch\n * @param publicKey - The public key for authentication\n * @param mottoToken - Optional motto token for authenticated requests\n * @returns Promise<VideoData> - The video data\n */\nexport const fetchVideoData = async (\n videoId: string, \n publicKey: string, \n mottoToken?: string\n): Promise<VideoData> => {\n const endpoint = \"https://cda.mottostreaming.com/motto.cda.streaming.video.v1.VideoService/GetVideo\";\n const url = new URL(endpoint);\n url.searchParams.set(\"encoding\", \"json\");\n url.searchParams.set(\"message\", JSON.stringify({ videoId }));\n\n const response = await fetch(url, {\n method: \"GET\",\n headers: {\n Authorization: `Bearer ${publicKey}`,\n ...(Boolean(mottoToken) && { 'x-motto-token': mottoToken })\n },\n });\n\n if (!response.ok) {\n throw new Error(`Failed to fetch video: ${response.statusText}`);\n }\n\n const data = await response.json() as { video: VideoData };\n return data.video;\n};\n\n/**\n * Fetches multiple videos data from the Motto Streaming API\n * @param publicKey - The public key for authentication\n * @param videoIds - Array of video IDs to fetch\n * @param mottoToken - Optional motto token for authenticated requests\n * @returns Promise<VideoListItem[]> - Array of video data\n */\nexport async function fetchVideosList(\n publicKey: string,\n videoIds: string[],\n mottoToken?: string,\n skip: number = 0,\n limit: number = 0\n): Promise<VideoListItem[]> {\n if (!videoIds || videoIds.length === 0) {\n return [];\n }\n\n const endpoint = \"https://cda.mottostreaming.com/motto.cda.streaming.video.v1.VideoService/BatchGetVideos\";\n const url = new URL(endpoint);\n url.searchParams.set(\"encoding\", \"json\");\n url.searchParams.set(\"message\", JSON.stringify({ videoIds }));\n\n const response = await fetch(url.toString(), {\n method: \"GET\",\n headers: {\n Authorization: `Bearer ${publicKey}`,\n ...(Boolean(mottoToken) && { 'x-motto-token': mottoToken })\n },\n }).catch((err) => {\n throw new Error(`Failed to fetch videos: ${err}`);\n });\n\n if (!response.ok) {\n throw new Error(`Failed to fetch videos list: ${response.status}`);\n }\n\n const data = (await response.json()) as { videos: VideoListItem[] };\n return data.videos;\n} ","export interface EventData {\n id: string;\n title: string;\n description?: string;\n startTime: string;\n endTime?: string;\n posterUrl?: string;\n videoIds?: string[];\n error?: string;\n}\n\n\n\nexport enum EventsSortDirection {\n ASC = 'asc',\n DESC = 'desc'\n}\n\nexport async function fetchEventData(\n publicKey: string,\n eventId: string,\n unused?: any,\n filter?: string,\n order?: EventsSortDirection,\n locale?: string\n): Promise<EventData> {\n const endpoint = \"https://cda.mottostreaming.com/motto.cda.cms.event.v1.EventService/GetEvent\";\n const url = new URL(endpoint);\n \n // Build the message object\n const message: any = { eventId };\n if (locale?.length) message.locale = locale;\n if (filter) message.filter = filter;\n if (order) message.order = order;\n \n url.searchParams.set(\"encoding\", \"json\");\n url.searchParams.set(\"message\", JSON.stringify(message));\n\n const response = await fetch(url.toString(), {\n method: \"GET\",\n headers: {\n Authorization: `Bearer ${publicKey}`,\n },\n }).catch((err) => {\n throw new Error(`Failed to fetch event: ${err}`);\n });\n\n if (!response.ok) {\n throw new Error(`Failed to fetch event data: ${response.status}`);\n }\n\n const data = (await response.json()) as { event: EventData };\n return data.event;\n}\n\n ","export interface CreativeWorkData {\n id: string;\n title: string;\n description?: string;\n releaseTime: string;\n endTime?: string;\n posterUrl?: string;\n videoIds?: string[];\n error?: string;\n}\n\nexport enum CreativeWorksSortDirection {\n ASC = 'asc',\n DESC = 'desc'\n}\n\nexport async function fetchCreativeWorkData(\n publicKey: string,\n creativeWorkId: string,\n unused?: any,\n filter?: string,\n order?: CreativeWorksSortDirection,\n locale?: string\n): Promise<CreativeWorkData> {\n const endpoint = \"https://cda.mottostreaming.com/motto.cda.cms.creative_work.v1.CreativeWorkService/GetCreativeWork\";\n const url = new URL(endpoint);\n \n // Build the message object\n const message: any = { creativeWorkId };\n if (locale?.length) message.locale = locale;\n if (filter) message.filter = filter;\n if (order) message.order = order;\n \n url.searchParams.set(\"encoding\", \"json\");\n url.searchParams.set(\"message\", JSON.stringify(message));\n\n const response = await fetch(url.toString(), {\n method: \"GET\",\n headers: {\n Authorization: `Bearer ${publicKey}`,\n },\n }).catch((err) => {\n throw new Error(`Failed to fetch creative work: ${err}`);\n });\n\n if (!response.ok) {\n throw new Error(`Failed to fetch creative work data: ${response.status}`);\n }\n\n const data = (await response.json()) as { creativeWork: CreativeWorkData };\n return data.creativeWork;\n} ","import type { VideoData } from './api';\n\nconst defaultError = {\n title: \"Playback Error\",\n description: \"Unable to play the video. Please try again later.\",\n};\n\nexport const errorTypes: Record<\n \"api\" | \"default\" | string,\n {\n title: string;\n description: string;\n }\n> = {\n api: {\n title: \"Failed to Retrieve Video Info\",\n description:\n \"Error fetching video details. Check your videoId and internet connection and try again.\",\n },\n ERROR_CODE_NOT_AUTHENTICATED: {\n title: \"Authorisation\",\n description: \"You don't have permission to play this video. \",\n },\n ERROR_CODE_GEO_BLOCKED: {\n title: \"Geoblocking Restriction\",\n description:\n \"Sorry, this video is not available in your region due to geoblocking restrictions.\",\n },\n ERROR_CODE_NOT_ENTITLED: {\n title: \"Not entitled\",\n description: \"Sorry, you are not entitled to play this video.\",\n },\n ERROR_CODE_VPN_BLOCKED: {\n title: \"VPN BLOCKED\",\n description: \"This video is not available due to the use of a VPN.\",\n },\n ERROR_CODE_UNSPECIFIED: defaultError,\n ERROR_CODE_SIGNATURE_MISMATCH: defaultError,\n ERROR_CODE_INVALID_DOMAIN: defaultError,\n default: defaultError,\n};\n\nexport const getMediaTypeFromSource = (\n source: string\n): \"video/mp4\" | \"application/vnd.apple.mpegurl\" | \"video/x-flv\" => {\n if (source.includes(\".mp4\")) {\n return \"video/mp4\";\n }\n if (source.includes(\".m3u8\")) {\n return \"application/vnd.apple.mpegurl\";\n }\n return \"video/x-flv\"; // Default return\n};\n\nexport const getSourceObject = ({\n source,\n}: {\n source: string;\n}): {\n src: string;\n type: string;\n withCredentials: boolean;\n} => {\n const mediaType = getMediaTypeFromSource(source);\n\n return {\n src: source,\n type: mediaType,\n withCredentials: false, // Set to false as per the original comment about CORS issues\n };\n};\n\nexport const formatTime = (seconds = 0): string => {\n const ss = seconds < 0 ? 0 : seconds;\n let s: number | string = Math.floor(ss % 60);\n let m: number | string = Math.floor((ss / 60) % 60);\n let h: number | string = Math.floor(ss / 3600);\n\n if (isNaN(ss) || ss === Infinity) {\n s = \"-\";\n m = \"-\";\n h = \"-\";\n }\n\n h = Number(h) > 0 ? `${h}:` : \"\";\n m = `${Number(m) < 10 ? `0${m}` : m}:`;\n s = Number(s) < 10 ? `0${s}` : s;\n\n return h + m + s;\n};\n\nexport const findHLSPlaylist = (video?: VideoData) => {\n return video?.playlists?.find((playlist) => {\n return playlist.format === 'HLS' || \n playlist.format === 'hls' || \n playlist.format === 'PLAYLIST_FORMAT_HLS';\n });\n};\n\nexport const getErrorType = (error?: string | Error, video?: VideoData) => {\n if (video?.error && errorTypes[video.error]) {\n return video.error;\n }\n return 'DEFAULT_ERROR';\n};\n","import { useState, useEffect } from 'react';\n\n// Import JSON files as modules\nimport en from './en.json';\nimport es from './es.json';\nimport ar from './ar.json';\nimport de from './de.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport ru from './ru.json';\nimport zh from './zh.json';\nimport nl from './nl.json';\nimport fa from './fa.json';\n\n// Define the available languages\nconst availableLanguages = {\n en,\n es,\n ar,\n de,\n fr,\n it,\n ja,\n ko,\n pt,\n ru,\n zh,\n nl,\n fa\n};\n\ntype Language = keyof typeof availableLanguages;\n\n// Base translations type - this represents all possible keys that can exist\nexport type Translations = {\n \"DAYS\": string\n \"HOURS\": string\n \"MINUTES\": string\n \"SECONDS\": string\n \"STARTING_SOON\": string\n \"EVENT_NOT_STARTED\": string\n \"DEFAULT_ERROR\": string\n \"DEFAULT_ERROR_DESCRIPTION\": string\n \"API_ERROR\": string\n \"API_ERROR_DESCRIPTION\": string\n \"ERROR_CODE_NOT_AUTHENTICATED\": string\n \"ERROR_CODE_NOT_AUTHENTICATED_DESCRIPTION\": string\n \"ERROR_CODE_GEO_BLOCKED\": string\n \"ERROR_CODE_GEO_BLOCKED_DESCRIPTION\": string\n \"ERROR_CODE_NOT_ENTITLED\": string\n \"ERROR_CODE_NOT_ENTITLED_DESCRIPTION\": string\n \"ERROR_CODE_VPN_BLOCKED\": string\n \"ERROR_CODE_VPN_BLOCKED_DESCRIPTION\": string\n}\n\n// Partial translations type for individual language files (allows missing keys)\ntype PartialTranslations = Partial<Translations>;\n\n// Function to get the browser's language setting\nconst getBrowserLanguage = (): Language => {\n const language = navigator.language.split('-')[0] as Language;\n return availableLanguages[language] ? language : 'en';\n};\n\nconst useMessages = (locale: string) => {\n const [language, setLanguage] = useState<Language>('en');\n const [translations, setTranslations] = useState<PartialTranslations>(availableLanguages.en);\n\n useEffect(() => {\n const lang = !!availableLanguages?.[locale as Language] ? locale as Language : getBrowserLanguage();;\n setLanguage(lang);\n setTranslations(availableLanguages[lang] as PartialTranslations);\n }, [locale]);\n\n // Translation function with English fallback\n const t = (key: keyof Translations): string => {\n // Try current language first\n if (translations[key]) {\n return translations[key];\n }\n \n // Fallback to English if key not found in current language\n if (language !== 'en' && availableLanguages.en[key]) {\n return availableLanguages.en[key];\n }\n \n // Return empty string if not found in either current language or English\n return '';\n };\n\n // Function to change the language manually\n const changeLanguage = (lng: Language) => {\n if (availableLanguages[lng]) {\n setLanguage(lng);\n setTranslations(availableLanguages[lng] as PartialTranslations);\n }\n };\n\n return { t, language, changeLanguage };\n};\n\nexport default useMessages;\n","{\n \"DAYS\": \"days\",\n \"HOURS\": \"hours\",\n \"MINUTES\": \"min\",\n \"SECONDS\": \"sec\",\n \"STARTING_SOON\": \"Starting soon...\",\n \"EVENT_NOT_STARTED\": \"This event has not started...\",\n \"DEFAULT_ERROR\": \"Playback Error\",\n \"DEFAULT_ERROR_DESCRIPTION\": \"Unable to play the video. Please try again later.\",\n \"API_ERROR\": \"Failed to Retrieve Video Info\",\n \"API_ERROR_DESCRIPTION\": \"Error fetching video details. Check your videoId and internet connection and try again.\",\n \"ERROR_CODE_NOT_AUTHENTICATED\": \"Authorisation\",\n \"ERROR_CODE_NOT_AUTHENTICATED_DESCRIPTION\": \"You don't have permission to play this video.\",\n \"ERROR_CODE_GEO_BLOCKED\": \"Geoblocking Restriction\",\n \"ERROR_CODE_GEO_BLOCKED_DESCRIPTION\": \"Sorry, this video is not available in your region due to geoblocking restrictions.\",\n \"ERROR_CODE_NOT_ENTITLED\": \"Not entitled\",\n \"ERROR_CODE_NOT_ENTITLED_DESCRIPTION\": \"Sorry, you are not entitled to play this video.\",\n \"ERROR_CODE_VPN_BLOCKED\": \"VPN BLOCKED\",\n \"ERROR_CODE_VPN_BLOCKED_DESCRIPTION\": \"This video is not available due to the use of a VPN.\"\n}\n","{\n \"DAYS\": \"dĆ­as\",\n \"HOURS\": \"horas\",\n \"MINUTES\": \"min\",\n \"SECONDS\": \"seg\",\n \"STARTING_SOON\": \"En instantes...\",\n \"EVENT_NOT_STARTED\": \"Este evento aĆŗn no ha comenzado...\",\n \"DEFAULT_ERROR\": \"Error de reproducciĆ³n\",\n \"DEFAULT_ERROR_DESCRIPTION\": \"No se puede reproducir el video. Por favor, intĆ©ntelo de nuevo mĆ”s tarde.\",\n \"API_ERROR\": \"Error al recuperar informaciĆ³n del video\",\n \"API_ERROR_DESCRIPTION\": \"Error al obtener detalles del video. Verifique su videoId y conexiĆ³n a internet e intĆ©ntelo de nuevo.\",\n \"ERROR_CODE_NOT_AUTHENTICATED\": \"AutorizaciĆ³n\",\n \"ERROR_CODE_NOT_AUTHENTICATED_DESCRIPTION\": \"No tienes permiso para reproducir este video.\",\n \"ERROR_CODE_GEO_BLOCKED\": \"RestricciĆ³n geogrĆ”fica\",\n \"ERROR_CODE_GEO_BLOCKED_DESCRIPTION\": \"Lo siento, este video no estĆ” disponible en tu regiĆ³n debido a restricciones geogrĆ”ficas.\",\n \"ERROR_CODE_NOT_ENTITLED\": \"No autorizado\",\n \"ERROR_CODE_NOT_ENTITLED_DESCRIPTION\": \"Lo siento, no estĆ”s autorizado para reproducir este video.\",\n \"ERROR_CODE_VPN_BLOCKED\": \"VPN BLOQUEADO\",\n \"ERROR_CODE_VPN_BLOCKED_DESCRIPTION\": \"Este video no estĆ” disponible debido al uso de una VPN.\"\n}\n ","{\n \"DAYS\": \"Ų£ŁŠŲ§Ł…\",\n \"HOURS\": \"Ų³Ų§Ų¹Ų§ŲŖ\",\n \"MINUTES\": \"ŲÆŁ‚Ų§Ų¦Ł‚\",\n \"SECONDS\": \"Ų«ŁˆŲ§Ł†ŁŠ\",\n \"STARTING_SOON\": \"ŁŠŲØŲÆŲ£ Ł‚Ų±ŁŠŲØŲ§...\",\n \"EVENT_NOT_STARTED\": \"Ł‡Ų°Ų§ Ų§Ł„Ų­ŲÆŲ« Ł„Ł… ŁŠŲØŲÆŲ£ ŲØŲ¹ŲÆ...\",\n \"DEFAULT_ERROR\": \"Ų®Ų·Ų£ ŁŁŠ Ų§Ł„ŲŖŲ“ŲŗŁŠŁ„\",\n \"DEFAULT_ERROR_DESCRIPTION\": \"ŲŗŁŠŲ± Ł‚Ų§ŲÆŲ± Ų¹Ł„Ł‰ ŲŖŲ“ŲŗŁŠŁ„ Ų§Ł„ŁŁŠŲÆŁŠŁˆ. ŁŠŲ±Ų¬Ł‰ Ų§Ł„Ł…Ų­Ų§ŁˆŁ„Ų© Ł…Ų±Ų© Ų£Ų®Ų±Ł‰ Ł„Ų§Ų­Ł‚Ł‹Ų§.\",\n \"API_ERROR\": \"ŁŲ“Ł„ ŁŁŠ Ų§Ų³ŲŖŲ±Ų¬Ų§Ų¹ Ł…Ų¹Ł„ŁˆŁ…Ų§ŲŖ Ų§Ł„ŁŁŠŲÆŁŠŁˆ\",\n \"API_ERROR_DESCRIPTION\": \"Ų®Ų·Ų£ ŁŁŠ Ų¬Ł„ŲØ ŲŖŁŲ§ŲµŁŠŁ„ Ų§Ł„ŁŁŠŲÆŁŠŁˆ. ŲŖŲ­Ł‚Ł‚ Ł…Ł† Ł…Ų¹Ų±Ł Ų§Ł„ŁŁŠŲÆŁŠŁˆ ŁˆŲ§ŲŖŲµŲ§Ł„ Ų§Ł„Ų„Ł†ŲŖŲ±Ł†ŲŖ ŁˆŲ­Ų§ŁˆŁ„ Ł…Ų±Ų© Ų£Ų®Ų±Ł‰.\",\n \"ERROR_CODE_NOT_AUTHENTICATED\": \"ŲŖŁŁˆŁŠŲ¶\",\n \"ERROR_CODE_NOT_AUTHENTICATED_DESCRIPTION\": \"Ł„ŁŠŲ³ Ł„ŲÆŁŠŁƒ Ų„Ų°Ł† Ł„ŲŖŲ“ŲŗŁŠŁ„ Ł‡Ų°Ų§ Ų§Ł„ŁŁŠŲÆŁŠŁˆ.\",\n \"ERROR_CODE_GEO_BLOCKED\": \"Ł‚ŁŠŁˆŲÆ Ų§Ł„Ų¬ŲŗŲ±Ų§ŁŁŠŲ§\",\n \"ERROR_CODE_GEO_BLOCKED_DESCRIPTION\": \"Ų¹Ų°Ų±Ł‹Ų§ŲŒ Ł‡Ų°Ų§ Ų§Ł„ŁŁŠŲÆŁŠŁˆ ŲŗŁŠŲ± Ł…ŲŖŲ§Ų­ ŁŁŠ Ł…Ł†Ų·Ł‚ŲŖŁƒ ŲØŲ³ŲØŲØ Ł‚ŁŠŁˆŲÆ Ų§Ł„Ų¬ŲŗŲ±Ų§ŁŁŠŲ§.\",\n \"ERROR_CODE_NOT_ENTITLED\": \"ŲŗŁŠŲ± Ł…Ų®ŁˆŁ„\",\n \"ERROR_CODE_NOT_ENTITLED_DESCRIPTION\": \"Ų¹Ų°Ų±Ł‹Ų§ŲŒ Ł„ŁŠŲ³ Ł„ŲÆŁŠŁƒ Ų§Ł„Ų­Ł‚ ŁŁŠ ŲŖŲ“ŲŗŁŠŁ„ Ł‡Ų°Ų§ Ų§Ł„ŁŁŠŲÆŁŠŁˆ.\",\n \"ERROR_CODE_VPN_BLOCKED\": \"ŲŖŁ… Ų­ŲøŲ± VPN\",\n \"ERROR_CODE_VPN_BLOCKED_DESCRIPTION\": \"Ł‡Ų°Ų§ Ų§Ł„ŁŁŠŲÆŁŠŁˆ ŲŗŁŠŲ± Ł…ŲŖŲ§Ų­ ŲØŲ³ŲØŲØ Ų§Ų³ŲŖŲ®ŲÆŲ§Ł… VPN.\"\n}","{\n \"DAYS\": \"Tage\",\n \"HOURS\": \"Stunden\",\n \"MINUTES\": \"Min\",\n \"SECONDS\": \"Sek\",\n \"STARTING_SOON\": \"Beginnt bald...\",\n \"DEFAULT_ERROR\": \"Wiedergabefehler\",\n \"DEFAULT_ERROR_DESCRIPTION\": \"Das Video kann nicht abgespielt werden. Bitte versuchen Sie es spƤter erneut.\",\n \"API_ERROR\": \"Fehler beim Abrufen der Videoinformationen\",\n \"API_ERROR_DESCRIPTION\": \"Fehler beim Abrufen der Videodetails. ƜberprĆ¼fen Sie Ihre videoId und Internetverbindung und versuchen Sie es erneut.\",\n \"ERROR_CODE_NOT_AUTHENTICATED\": \"Autorisierung\",\n \"ERROR_CODE_NOT_AUTHENTICATED_DESCRIPTION\": \"Sie haben keine Berechtigung, dieses Video abzuspielen.\",\n \"ERROR_CODE_GEO_BLOCKED\": \"Geoblocking-BeschrƤnkung\",\n \"ERROR_CODE_GEO_BLOCKED_DESCRIPTION\": \"Entschuldigung, dieses Video ist in Ihrer Region aufgrund von Geoblocking-BeschrƤnkungen nicht verfĆ¼gbar.\",\n \"ERROR_CODE_NOT_ENTITLED\": \"Nicht berechtigt\",\n \"ERROR_CODE_NOT_ENTITLED_DESCRIPTION\": \"Entschuldigung, Sie sind nicht berechtigt, dieses Video abzuspielen.\",\n \"ERROR_CODE_VPN_BLOCKED\": \"VPN BLOCKIERT\",\n \"ERROR_CODE_VPN_BLOCKED_DESCRIPTION\": \"Dieses Video ist aufgrund der Verwendung eines VPN nicht verfĆ¼gbar.\"\n}\n ","{\n \"DAYS\": \"jours\",\n \"HOURS\": \"heures\",\n \"MINUTES\": \"minutes\",\n \"SECONDS\": \"secondes\",\n \"STARTING_SOON\": \"Commence bientĆ“t...\",\n \"EVENT_NOT_STARTED\": \"Cet Ć©vĆ©nement n'a pas commencĆ©...\",\n \"DEFAULT_ERROR\": \"Erreur de lecture\",\n \"DEFAULT_ERROR_DESCRIPTION\": \"Impossible de lire la vidĆ©o. Veuillez rĆ©essayer plus tard.\",\n \"API_ERROR\": \"Ɖchec de la rĆ©cupĆ©ration des informations vidĆ©o\",\n \"API_ERROR_DESCRIPTION\": \"Erreur lors de la rĆ©cupĆ©ration des dĆ©tails de la vidĆ©o. VĆ©rifiez votre videoId et votre connexion Internet, puis rĆ©essayez.\",\n \"ERROR_CODE_NOT_AUTHENTICATED\": \"Autorisation\",\n \"ERROR_CODE_NOT_AUTHENTICATED_DESCRIPTION\": \"Vous n'avez pas la permission de lire cette vidĆ©o.\",\n \"ERROR_CODE_GEO_BLOCKED\": \"Restriction de gĆ©oblocage\",\n \"ERROR_CODE_GEO_BLOCKED_DESCRIPTION\": \"DĆ©solĆ©, cette vidĆ©o n'est pas disponible dans votre rĆ©gion en raison de restrictions de gĆ©oblocage.\",\n \"ERROR_CODE_NOT_ENTITLED\": \"Non autorisĆ©\",\n \"ERROR_CODE_NOT_ENTITLED_DESCRIPTION\": \"DĆ©solĆ©, vous n'ĆŖtes pas autorisĆ© Ć  lire cette vidĆ©o.\",\n \"ERROR_CODE_VPN_BLOCKED\": \"VPN BLOQUƉ\",\n \"ERROR_CODE_VPN_BLOCKED_DESCRIPTION\": \"Cette vidĆ©o n'est pas disponible en raison de l'utilisation d'un VPN.\"\n}","{\n \"DAYS\": \"giorni\",\n \"HOURS\": \"ore\",\n \"MINUTES\": \"minuti\",\n \"SECONDS\": \"secondi\",\n \"STARTING_SOON\": \"Inizia presto...\",\n \"DEFAULT_ERROR\": \"Errore di riproduzione\",\n \"DEFAULT_ERROR_DESCRIPTION\": \"Impossibile riprodurre il video. Per favore riprova piĆ¹ tardi.\",\n \"API_ERROR\": \"Errore nel recupero delle informazioni video\",\n \"API_ERROR_DESCRIPTION\": \"Errore nel recupero dei dettagli del video. Controlla il tuo videoId e la connessione internet e riprova.\",\n \"ERROR_CODE_NOT_AUTHENTICATED\": \"Autorizzazione\",\n \"ERROR_CODE_NOT_AUTHENTICATED_DESCRIPTION\": \"Non hai il permesso di riprodurre questo video.\",\n \"ERROR_CODE_GEO_BLOCKED\": \"Restrizione geoblocking\",\n \"ERROR_CODE_GEO_BLOCKED_DESCRIPTION\": \"Spiacenti, questo video non ĆØ disponibile nella tua regione a causa di restrizioni geografiche.\",\n \"ERROR_CODE_NOT_ENTITLED\": \"Non autorizzato\",\n \"ERROR_CODE_NOT_ENTITLED_DESCRIPTION\": \"Spiacenti, non sei autorizzato a riprodurre questo video.\",\n \"ERROR_CODE_VPN_BLOCKED\": \"VPN BLOCCATA\",\n \"ERROR_CODE_VPN_BLOCKED_DESCRIPTION\": \"Questo video non ĆØ disponibile a causa dell'uso di una VPN.\"\n}\n","{\n \"DAYS\": \"ę—„\",\n \"HOURS\": \"Ꙃ間\",\n \"MINUTES\": \"分\",\n \"SECONDS\": \"ē§’\",\n \"STARTING_SOON\": \"ć¾ć‚‚ćŖćé–‹å§‹...\",\n \"DEFAULT_ERROR\": \"再ē”Ÿć‚Øćƒ©ćƒ¼\",\n \"DEFAULT_ERROR_DESCRIPTION\": \"惓惇ć‚Ŗć‚’å†ē”Ÿć§ćć¾ć›ć‚“ć€‚å¾Œć§ć‚‚ć†äø€åŗ¦ćŠč©¦ć—ćć ć•ć„ć€‚\",\n \"API_ERROR\": \"惓惇ć‚Ŗęƒ…å ±ć®å–å¾—ć«å¤±ę•—ć—ć¾ć—ćŸ\",\n \"API_ERROR_DESCRIPTION\": \"惓惇ć‚Ŗć®č©³ē“°ć‚’取得äø­ć«ć‚Øćƒ©ćƒ¼ćŒē™ŗē”Ÿć—ć¾ć—ćŸć€‚videoIdćØć‚¤ćƒ³ć‚æćƒ¼ćƒćƒƒćƒˆęŽ„ē¶šć‚’ē¢ŗčŖć—恦态悂恆äø€åŗ¦ćŠč©¦ć—ćć ć•ć„ć€‚\",\n \"ERROR_CODE_NOT_AUTHENTICATED\": \"čŖčؼ\",\n \"ERROR_CODE_NOT_AUTHENTICATED_DESCRIPTION\": \"ć“ć®ćƒ“ćƒ‡ć‚Ŗć‚’å†ē”Ÿć™ć‚‹ęØ©é™ćŒć‚ć‚Šć¾ć›ć‚“ć€‚\",\n \"ERROR_CODE_GEO_BLOCKED\": \"地域制限\",\n \"ERROR_CODE_GEO_BLOCKED_DESCRIPTION\": \"ē”³ć—čØ³ć‚ć‚Šć¾ć›ć‚“ćŒć€åœ°åŸŸåˆ¶é™ć®ćŸć‚ć“ć®ćƒ“ćƒ‡ć‚ŖćÆć”åˆ©ē”Øć„ćŸć ć‘ć¾ć›ć‚“ć€‚\",\n \"ERROR_CODE_NOT_ENTITLED\": \"ęة利ćŖ恗\",\n \"ERROR_CODE_NOT_ENTITLED_DESCRIPTION\": \"ē”³ć—čØ³ć‚ć‚Šć¾ć›ć‚“ćŒć€ć“ć®ćƒ“ćƒ‡ć‚Ŗć‚’å†ē”Ÿć™ć‚‹ęØ©åˆ©ćŒć‚ć‚Šć¾ć›ć‚“ć€‚\",\n \"ERROR_CODE_VPN_BLOCKED\": \"VPN惖惭惃ć‚Æ\",\n \"ERROR_CODE_VPN_BLOCKED_DESCRIPTION\": \"VPN恮ä½æē”Øć«ć‚ˆć‚Šć€ć“ć®ćƒ“ćƒ‡ć‚ŖćÆć”åˆ©ē”Øć„ćŸć ć‘ć¾ć›ć‚“ć€‚\"\n}","{\n \"DAYS\": \"ģ¼\",\n \"HOURS\": \"ģ‹œź°„\",\n \"MINUTES\": \"ė¶„\",\n \"SECONDS\": \"ģ“ˆ\",\n \"STARTING_SOON\": \"ź³§ ģ‹œģž‘...\",\n \"DEFAULT_ERROR\": \"ģž¬ģƒ ģ˜¤ė„˜\",\n \"DEFAULT_ERROR_DESCRIPTION\": \"ė¹„ė””ģ˜¤ė„¼ ģž¬ģƒķ•  ģˆ˜ ģ—†ģŠµė‹ˆė‹¤. ė‚˜ģ¤‘ģ— ė‹¤ģ‹œ ģ‹œė„ķ•“ ģ£¼ģ„øģš”.\",\n \"API_ERROR\": \"ė¹„ė””ģ˜¤ ģ •ė³“ ź°€ģ øģ˜¤źø° ģ‹¤ķŒØ\",\n \"API_ERROR_DESCRIPTION\": \"ė¹„ė””ģ˜¤ ģ„øė¶€ ģ •ė³“ė„¼ ź°€ģ øģ˜¤ėŠ” ģ¤‘ ģ˜¤ė„˜ź°€ ė°œģƒķ–ˆģŠµė‹ˆė‹¤. videoIdģ™€ ģøķ„°ė„· ģ—°ź²°ģ„ ķ™•ģøķ•˜ź³  ė‹¤ģ‹œ ģ‹œė„ķ•“ ģ£¼ģ„øģš”.\",\n \"ERROR_CODE_NOT_AUTHENTICATED\": \"ģøģ¦\",\n \"ERROR_CODE_NOT_AUTHENTICATED_DESCRIPTION\": \"ģ“ ė¹„ė””ģ˜¤ė„¼ ģž¬ģƒķ•  ź¶Œķ•œģ“ ģ—†ģŠµė‹ˆė‹¤.\",\n \"ERROR_CODE_GEO_BLOCKED\": \"ģ§€ģ—­ ģ œķ•œ\",\n \"ERROR_CODE_GEO_BLOCKED_DESCRIPTION\": \"ģ£„ģ†”ķ•©ė‹ˆė‹¤. ģ“ ė¹„ė””ģ˜¤ėŠ” ģ§€ģ—­ ģ œķ•œģœ¼ė”œ ģøķ•“ ź·€ķ•˜ģ˜ ģ§€ģ—­ģ—ģ„œ ģ‚¬ģš©ķ•  ģˆ˜ ģ—†ģŠµė‹ˆė‹¤.\",\n \"ERROR_CODE_NOT_ENTITLED\": \"ź¶Œķ•œ ģ—†ģŒ\",\n \"ERROR_CODE_NOT_ENTITLED_DESCRIPTION\": \"ģ£„ģ†”ķ•©ė‹ˆė‹¤. ģ“ ė¹„ė””ģ˜¤ė„¼ ģž¬ģƒķ•  ź¶Œķ•œģ“ ģ—†ģŠµė‹ˆė‹¤.\",\n \"ERROR_CODE_VPN_BLOCKED\": \"VPN ģ°Øė‹ØėØ\",\n \"ERROR_CODE_VPN_BLOCKED_DESCRIPTION\": \"VPN ģ‚¬ģš©ģœ¼ė”œ ģøķ•“ ģ“ ė¹„ė””ģ˜¤ė„¼ ģ‚¬ģš©ķ•  ģˆ˜ ģ—†ģŠµė‹ˆė‹¤.\"\n}","{\n \"DAYS\": \"dias\",\n \"HOURS\": \"horas\",\n \"MINUTES\": \"minutos\",\n \"SECONDS\": \"segundos\",\n \"STARTING_SOON\": \"ComeƧando em breve...\",\n \"DEFAULT_ERROR\": \"Playback Error\",\n \"DEFAULT_ERROR_DESCRIPTION\": \"NĆ£o foi possĆ­vel reproduzir o vĆ­deo. Por favor, tente novamente mais tarde.\",\n \"API_ERROR\": \"Falha ao Recuperar InformaƧƵes do VĆ­deo\",\n \"API_ERROR_DESCRIPTION\": \"Erro ao buscar detalhes do vĆ­deo. Verifique seu videoId e conexĆ£o com a internet e tente novamente.\",\n \"ERROR_CODE_NOT_AUTHENTICATED\": \"AutorizaĆ§Ć£o\",\n \"ERROR_CODE_NOT_AUTHENTICATED_DESCRIPTION\": \"VocĆŖ nĆ£o tem permissĆ£o para reproduzir este vĆ­deo.\",\n \"ERROR_CODE_GEO_BLOCKED\": \"RestriĆ§Ć£o de Geoblocking\",\n \"ERROR_CODE_GEO_BLOCKED_DESCRIPTION\": \"Desculpe, este vĆ­deo nĆ£o estĆ” disponĆ­vel em sua regiĆ£o devido a restriƧƵes de geoblocking.\",\n \"ERROR_CODE_NOT_ENTITLED\": \"NĆ£o autorizado\",\n \"ERROR_CODE_NOT_ENTITLED_DESCRIPTION\": \"Desculpe, vocĆŖ nĆ£o estĆ” autorizado a reproduzir este vĆ­deo.\",\n \"ERROR_CODE_VPN_BLOCKED\": \"VPN BLOQUEADO\",\n \"ERROR_CODE_VPN_BLOCKED_DESCRIPTION\": \"Este vĆ­deo nĆ£o estĆ” disponĆ­vel devido ao uso de uma VPN.\"\n}","{\n \"DAYS\": \"Š“Š½ŠµŠ¹\",\n \"HOURS\": \"чŠ°ŃŠ¾Š²\",\n \"MINUTES\": \"Š¼ŠøŠ½\",\n \"SECONDS\": \"сŠµŠŗ\",\n \"STARTING_SOON\": \"Š”ŠŗŠ¾Ń€Š¾ Š½Š°Ń‡Š½ŠµŃ‚ся...\",\n \"DEFAULT_ERROR\": \"ŠžŃˆŠøŠ±ŠŗŠ° Š²Š¾ŃŠæрŠ¾ŠøŠ·Š²ŠµŠ“ŠµŠ½Šøя\",\n \"DEFAULT_ERROR_DESCRIPTION\": \"ŠŠµ уŠ“Š°Š»Š¾ŃŃŒ Š²Š¾ŃŠæрŠ¾ŠøŠ·Š²ŠµŃŃ‚Šø Š²ŠøŠ“ŠµŠ¾. ŠŸŠ¾Š¶Š°Š»ŃƒŠ¹ŃŃ‚Š°, ŠæŠ¾ŠæрŠ¾Š±ŃƒŠ¹Ń‚Šµ ŠæŠ¾Š·Š¶Šµ.\",\n \"API_ERROR\": \"ŠŠµ уŠ“Š°Š»Š¾ŃŃŒ ŠæŠ¾Š»ŃƒŃ‡Šøть ŠøŠ½Ń„Š¾Ń€Š¼Š°Ń†Šøю Š¾ Š²ŠøŠ“ŠµŠ¾\",\n \"API_ERROR_DESCRIPTION\": \"ŠžŃˆŠøŠ±ŠŗŠ° ŠæрŠø ŠæŠ¾Š»ŃƒŃ‡ŠµŠ½ŠøŠø Š“ŠµŃ‚Š°Š»ŠµŠ¹ Š²ŠøŠ“ŠµŠ¾. ŠŸŃ€Š¾Š²ŠµŃ€ŃŒŃ‚Šµ Š²Š°Ńˆ videoId Šø ŠæŠ¾Š“ŠŗŠ»ŃŽŃ‡ŠµŠ½ŠøŠµ Šŗ ŠøŠ½Ń‚ŠµŃ€Š½ŠµŃ‚Ńƒ, Š·Š°Ń‚ŠµŠ¼ ŠæŠ¾ŠæрŠ¾Š±ŃƒŠ¹Ń‚Šµ сŠ½Š¾Š²Š°.\",\n \"ERROR_CODE_NOT_AUTHENTICATED\": \"ŠŠ²Ń‚Š¾Ń€ŠøŠ·Š°Ń†Šøя\",\n \"ERROR_CODE_NOT_AUTHENTICATED_DESCRIPTION\": \"Š£ Š²Š°Ń Š½ŠµŃ‚ рŠ°Š·Ń€ŠµŃˆŠµŠ½Šøя Š½Š° Š²Š¾ŃŠæрŠ¾ŠøŠ·Š²ŠµŠ“ŠµŠ½ŠøŠµ этŠ¾Š³Š¾ Š²ŠøŠ“ŠµŠ¾.\",\n \"ERROR_CODE_GEO_BLOCKED\": \"Š“ŠµŠ¾Š³Ń€Š°Ń„ŠøчŠµŃŠŗŠ¾Šµ Š¾Š³Ń€Š°Š½ŠøчŠµŠ½ŠøŠµ\",\n \"ERROR_CODE_GEO_BLOCKED_DESCRIPTION\": \"Š˜Š·Š²ŠøŠ½ŠøтŠµ, этŠ¾ Š²ŠøŠ“ŠµŠ¾ Š½ŠµŠ“Š¾ŃŃ‚ŃƒŠæŠ½Š¾ Š² Š²Š°ŃˆŠµŠ¼ рŠµŠ³ŠøŠ¾Š½Šµ ŠøŠ·-Š·Š° Š³ŠµŠ¾Š³Ń€Š°Ń„ŠøчŠµŃŠŗŠøх Š¾Š³Ń€Š°Š½ŠøчŠµŠ½ŠøŠ¹.\",\n \"ERROR_CODE_NOT_ENTITLED\": \"ŠŠµŃ‚ ŠæрŠ°Š²\",\n \"ERROR_CODE_NOT_ENTITLED_DESCRIPTION\": \"Š˜Š·Š²ŠøŠ½ŠøтŠµ, у Š²Š°Ń Š½ŠµŃ‚ ŠæрŠ°Š² Š½Š° Š²Š¾ŃŠæрŠ¾ŠøŠ·Š²ŠµŠ“ŠµŠ½ŠøŠµ этŠ¾Š³Š¾ Š²ŠøŠ“ŠµŠ¾.\",\n \"ERROR_CODE_VPN_BLOCKED\": \"VPN Š·Š°Š±Š»Š¾ŠŗŠøрŠ¾Š²Š°Š½\",\n \"ERROR_CODE_VPN_BLOCKED_DESCRIPTION\": \"Š­Ń‚Š¾ Š²ŠøŠ“ŠµŠ¾ Š½ŠµŠ“Š¾ŃŃ‚ŃƒŠæŠ½Š¾ ŠøŠ·-Š·Š° ŠøсŠæŠ¾Š»ŃŒŠ·Š¾Š²Š°Š½Šøя VPN.\"\n}","{\n \"DAYS\": \"天\",\n \"HOURS\": \"å°ę—¶\",\n \"MINUTES\": \"分钟\",\n \"SECONDS\": \"ē§’\",\n \"STARTING_SOON\": \"即将开始...\",\n \"DEFAULT_ERROR\": \"ę’­ę”¾é”™čÆÆ\",\n \"DEFAULT_ERROR_DESCRIPTION\": \"ę— ę³•ę’­ę”¾č§†é¢‘ć€‚čÆ·ē؍后再čÆ•ć€‚\",\n \"API_ERROR\": \"čŽ·å–č§†é¢‘äæ”ęÆå¤±č“„\",\n \"API_ERROR_DESCRIPTION\": \"čŽ·å–č§†é¢‘čÆ¦ęƒ…ę—¶å‡ŗ错怂čÆ·ę£€ęŸ„ę‚Øēš„č§†é¢‘ID和äŗ’联ē½‘čæžęŽ„ļ¼Œē„¶åŽé‡čÆ•ć€‚\",\n \"ERROR_CODE_NOT_AUTHENTICATED\": \"ꎈꝃ\",\n \"ERROR_CODE_NOT_AUTHENTICATED_DESCRIPTION\": \"ę‚Øę²”ęœ‰ęƒé™ę’­ę”¾ę­¤č§†é¢‘ć€‚\",\n \"ERROR_CODE_GEO_BLOCKED\": \"地ē†å°é”é™åˆ¶\",\n \"ERROR_CODE_GEO_BLOCKED_DESCRIPTION\": \"ꊱꭉļ¼Œē”±äŗŽåœ°ē†å°é”é™åˆ¶ļ¼Œę­¤č§†é¢‘åœØę‚Øēš„地åŒŗäøåÆē”Ø怂\",\n \"ERROR_CODE_NOT_ENTITLED\": \"ę— ęƒę’­ę”¾\",\n \"ERROR_CODE_NOT_ENTITLED_DESCRIPTION\": \"ꊱꭉļ¼Œę‚Øę— ęƒę’­ę”¾ę­¤č§†é¢‘ć€‚\",\n \"ERROR_CODE_VPN_BLOCKED\": \"VPNč¢«å°é”\",\n \"ERROR_CODE_VPN_BLOCKED_DESCRIPTION\": \"ē”±äŗŽä½æē”ØVPNļ¼Œę­¤č§†é¢‘äøåÆē”Ø怂\"\n}\n ","{\n \"DAYS\": \"dagen\",\n \"HOURS\": \"uren\",\n \"MINUTES\": \"min\",\n \"SECONDS\": \"sec\",\n \"STARTING_SOON\": \"Begint binnenkort...\",\n \"EVENT_NOT_STARTED\": \"Dit evenement is nog niet begonnen...\",\n \"DEFAULT_ERROR\": \"Afspelfout\",\n \"DEFAULT_ERROR_DESCRIPTION\": \"Kan de video niet afspelen. Probeer het later opnieuw.\",\n \"API_ERROR\": \"Kan videogegevens niet ophalen\",\n \"API_ERROR_DESCRIPTION\": \"Fout bij het ophalen van videogegevens. Controleer uw video-ID en internetverbinding en probeer het opnieuw.\",\n \"ERROR_CODE_NOT_AUTHENTICATED\": \"Autorisatie\",\n \"ERROR_CODE_NOT_AUTHENTICATED_DESCRIPTION\": \"U heeft geen toestemming om deze video af te spelen.\",\n \"ERROR_CODE_GEO_BLOCKED\": \"Geoblocking Beperking\",\n \"ERROR_CODE_GEO_BLOCKED_DESCRIPTION\": \"Sorry, deze video is niet beschikbaar in uw regio vanwege geoblocking beperkingen.\",\n \"ERROR_CODE_NOT_ENTITLED\": \"Geen recht\",\n \"ERROR_CODE_NOT_ENTITLED_DESCRIPTION\": \"Sorry, u heeft geen recht om deze video af te spelen.\",\n \"ERROR_CODE_VPN_BLOCKED\": \"VPN GEBLOKKEERD\",\n \"ERROR_CODE_VPN_BLOCKED_DESCRIPTION\": \"Deze video is niet beschikbaar vanwege het gebruik van een VPN.\"\n}\n","{\n \"DAYS\": \"Ų±ŁˆŲ²Ł‡Ų§\",\n \"HOURS\": \"Ų³Ų§Ų¹ŲŖā€ŒŁ‡Ų§\",\n \"MINUTES\": \"ŲÆŁ‚ŪŒŁ‚Ł‡ā€ŒŁ‡Ų§\",\n \"SECONDS\": \"Ų«Ų§Ł†ŪŒŁ‡ā€ŒŁ‡Ų§\",\n \"STARTING_SOON\": \"ŲØŁ‡ Ų²ŁˆŲÆŪŒ Ų“Ų±ŁˆŲ¹ Ł…ŪŒā€ŒŲ“ŁˆŲÆ...\",\n \"EVENT_NOT_STARTED\": \"Ų§ŪŒŁ† Ų±ŁˆŪŒŲÆŲ§ŲÆ Ł‡Ł†ŁˆŲ² Ų“Ų±ŁˆŲ¹ Ł†Ų“ŲÆŁ‡ Ų§Ų³ŲŖ...\",\n \"DEFAULT_ERROR\": \"Ų®Ų·Ų§ŪŒ Ł¾Ų®Ų“\",\n \"DEFAULT_ERROR_DESCRIPTION\": \"Ų§Ł…Ś©Ų§Ł† Ł¾Ų®Ų“ ŁˆŪŒŲÆŪŒŁˆ ŁˆŲ¬ŁˆŲÆ Ł†ŲÆŲ§Ų±ŲÆ. Ł„Ų·ŁŲ§Ł‹ ŲØŲ¹ŲÆŲ§Ł‹ ŲÆŁˆŲØŲ§Ų±Ł‡ ŲŖŁ„Ų§Ų“ Ś©Ł†ŪŒŲÆ.\",\n \"API_ERROR\": \"Ų®Ų·Ų§ ŲÆŲ± ŲØŲ§Ų²ŪŒŲ§ŲØŪŒ Ų§Ų·Ł„Ų§Ų¹Ų§ŲŖ ŁˆŪŒŲÆŪŒŁˆ\",\n \"API_ERROR_DESCRIPTION\": \"Ų®Ų·Ų§ ŲÆŲ± ŲÆŲ±ŪŒŲ§ŁŲŖ Ų¬Ų²Ų¦ŪŒŲ§ŲŖ ŁˆŪŒŲÆŪŒŁˆ. ŁˆŪŒŲÆŪŒŁˆId Łˆ Ų§ŲŖŲµŲ§Ł„ Ų§ŪŒŁ†ŲŖŲ±Ł†ŲŖ Ų®ŁˆŲÆ Ų±Ų§ ŲØŲ±Ų±Ų³ŪŒ Ś©Ų±ŲÆŁ‡ Łˆ ŲÆŁˆŲØŲ§Ų±Ł‡ ŲŖŁ„Ų§Ų“ Ś©Ł†ŪŒŲÆ.\",\n \"ERROR_CODE_NOT_AUTHENTICATED\": \"Ł…Ų¬ŁˆŲ²\",\n \"ERROR_CODE_NOT_AUTHENTICATED_DESCRIPTION\": \"Ų“Ł…Ų§ Ų§Ų¬Ų§Ų²Ł‡ Ł¾Ų®Ų“ Ų§ŪŒŁ† ŁˆŪŒŲÆŪŒŁˆ Ų±Ų§ Ł†ŲÆŲ§Ų±ŪŒŲÆ.\",\n \"ERROR_CODE_GEO_BLOCKED\": \"Ł…Ų­ŲÆŁˆŲÆŪŒŲŖ Ų¬ŲŗŲ±Ų§ŁŪŒŲ§ŪŒŪŒ\",\n \"ERROR_CODE_GEO_BLOCKED_DESCRIPTION\": \"Ł…ŲŖŲ§Ų³ŁŪŒŁ…ŲŒ Ų§ŪŒŁ† ŁˆŪŒŲÆŪŒŁˆ ŲØŁ‡ ŲÆŁ„ŪŒŁ„ Ł…Ų­ŲÆŁˆŲÆŪŒŲŖā€ŒŁ‡Ų§ŪŒ Ų¬ŲŗŲ±Ų§ŁŪŒŲ§ŪŒŪŒ ŲÆŲ± Ł…Ł†Ų·Ł‚Ł‡ Ų“Ł…Ų§ ŲÆŲ± ŲÆŲ³ŲŖŲ±Ų³ Ł†ŪŒŲ³ŲŖ.\",\n \"ERROR_CODE_NOT_ENTITLED\": \"Ų¹ŲÆŁ… ŲÆŲ³ŲŖŲ±Ų³ŪŒ\",\n \"ERROR_CODE_NOT_ENTITLED_DESCRIPTION\": \"Ł…ŲŖŲ§Ų³ŁŪŒŁ…ŲŒ Ų“Ł…Ų§ Ų§Ų¬Ų§Ų²Ł‡ Ł¾Ų®Ų“ Ų§ŪŒŁ† ŁˆŪŒŲÆŪŒŁˆ Ų±Ų§ Ł†ŲÆŲ§Ų±ŪŒŲÆ.\",\n \"ERROR_CODE_VPN_BLOCKED\": \"Ł…Ų³ŲÆŁˆŲÆ Ų“ŲÆŁ† VPN\",\n \"ERROR_CODE_VPN_BLOCKED_DESCRIPTION\": \"Ų§ŪŒŁ† ŁˆŪŒŲÆŪŒŁˆ ŲØŁ‡ ŲÆŁ„ŪŒŁ„ Ų§Ų³ŲŖŁŲ§ŲÆŁ‡ Ų§Ų² VPN ŲÆŲ± ŲÆŲ³ŲŖŲ±Ų³ Ł†ŪŒŲ³ŲŖ.\"\n}","import React, { CSSProperties, useCallback, useEffect, useState } from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { useQuery } from '@tanstack/react-query';\nimport { Player } from './Player';\nimport type { PlayerProps } from './types';\nimport { fetchEventData, type EventData, EventsSortDirection } from './api/event';\nimport { fetchVideosList, type VideoListItem } from './api/video';\nimport { Loading, ErrorScreen, Title } from './components';\nimport { errorTypes, findHLSPlaylist } from './helper';\nimport useMessages, { type Translations } from './messages/useMessages';\n\nexport interface EventProps extends Omit<PlayerProps, 'src'> {\n publicKey: string;\n eventId: string;\n hideTitle?: boolean;\n locale?: string;\n filter?: string;\n order?: EventsSortDirection;\n events?: {\n onEventData?: (event: EventData) => void;\n onVideoData?: (video: VideoListItem) => void;\n onEmptyPlaylists?: () => void;\n onError?: (error: Error) => void;\n onPlay?: () => void;\n onPause?: () => void;\n onEnded?: () => void;\n onLoadStart?: () => void;\n onCanPlay?: () => void;\n onPlayerReady?: () => void;\n };\n className?: string;\n settings?: {\n backgroundImageUrl?: string;\n showCountdownAnimation?: boolean;\n };\n auth?: {\n mottoToken?: string;\n userId?: string;\n };\n // TanStack Query options\n queryOptions?: {\n enabled?: boolean;\n staleTime?: number;\n cacheTime?: number;\n retry?: number;\n retryDelay?: number;\n };\n}\n\nexport const Event: React.FC<EventProps> = ({\n publicKey,\n eventId,\n events,\n hideTitle,\n locale = 'en',\n order,\n filter,\n className,\n settings,\n auth,\n queryOptions = {},\n ...props\n}) => {\n // Event data fetching\n const {\n data: eventData,\n isLoading: isEventLoading,\n error: eventError\n } = useQuery<EventData>({\n queryKey: ['event', publicKey, eventId, filter, order, locale],\n queryFn: () => fetchEventData(publicKey, eventId, undefined, filter, order, locale),\n enabled: !!publicKey && !!eventId,\n staleTime: queryOptions.staleTime ?? 5 * 60 * 1000, // 5 minutes\n gcTime: queryOptions.cacheTime ?? 10 * 60 * 1000, // 10 minutes\n retry: queryOptions.retry ?? 3,\n retryDelay: queryOptions.retryDelay ?? ((attemptIndex: number) => Math.min(1000 * 2 ** attemptIndex, 30000))\n });\n\n const [activePlaylist, setActivePlaylist] = useState<string | null>();\n const [activeVideoId, setActiveVideoId] = useState<string | null>();\n const videoIds = eventData?.videoIds ?? [];\n\n // Videos list fetching\n const {\n data: videosData,\n isLoading: videosIsLoading,\n error: videosError, \n } = useQuery<VideoListItem[]>({\n queryKey: ['videos-list', publicKey, videoIds, auth?.mottoToken],\n queryFn: () => fetchVideosList(publicKey, videoIds, auth?.mottoToken, 0, 0),\n enabled: !!publicKey && videoIds.length > 0,\n refetchInterval: activePlaylist === null ? 30000 : false,\n staleTime: queryOptions.staleTime ?? 5 * 60 * 1000,\n gcTime: queryOptions.cacheTime ?? 10 * 60 * 1000,\n retry: queryOptions.retry ?? 3,\n retryDelay: queryOptions.retryDelay ?? ((attemptIndex: number) => Math.min(1000 * 2 ** attemptIndex, 30000))\n });\n\n const [loadingApisState, setLoadingApisState] = useState(true);\n\n // Process videos data to find active playlist\n useEffect(() => {\n if (videosData !== undefined) {\n setLoadingApisState(false);\n\n const videosWithPlaylists = videosData.filter(\n (video) => video.playlists && video.playlists.length > 0\n );\n\n if (videosWithPlaylists.length > 0) {\n let hlsPlaylistFound = false;\n // Iterate to find the first HLS playlist\n for (const video of videosWithPlaylists) {\n const hlsPlaylist = findHLSPlaylist(video);\n if (hlsPlaylist?.url) {\n setActivePlaylist(hlsPlaylist.url);\n setActiveVideoId(video.id);\n hlsPlaylistFound = true;\n break;\n }\n }\n if (!hlsPlaylistFound) {\n setActivePlaylist(null);\n setActiveVideoId(null);\n }\n } else {\n setActivePlaylist(null);\n setActiveVideoId(null);\n }\n } else if (eventData && (!eventData.videoIds || eventData.videoIds.length === 0)) {\n setLoadingApisState(false);\n setActivePlaylist(null);\n setActiveVideoId(null);\n }\n }, [videosData, eventData]);\n \n const { t } = useMessages(locale);\n\n // Notify parent of event data\n useEffect(() => {\n if (events?.onEventData && eventData) {\n events.onEventData(eventData);\n }\n }, [eventData, events]);\n\n // Notify parent of video data\n useEffect(() => {\n if (events?.onVideoData && activeVideoId && videosData) {\n const activeVideo = videosData.find((video) => video.id === activeVideoId);\n if (activeVideo) {\n events.onVideoData(activeVideo);\n }\n }\n }, [activeVideoId, videosData, events]);\n\n // All state and hooks must be defined before any conditional returns\n const [error, setError] = useState<Error | null>(null);\n const [loadingPlaylist, setLoadingPlaylist] = useState(true);\n const videosDataError = videosData?.some((video) => !!video.error);\n\n // Error handling\n useEffect(() => {\n if (eventError || videosError || videosDataError) {\n const errorObj = eventError || videosError || \n (videosData?.find((video) => !!video.error)?.error && \n new Error(videosData?.find((video) => !!video.error)?.error)) || \n new Error('default');\n \n setError(errorObj);\n if (events?.onError) {\n events.onError(errorObj);\n }\n } else {\n setError(null);\n }\n }, [eventError, videosError, videosDataError, videosData, events]);\n \n // Loading state management\n useEffect(() => {\n const eventLoadedWithNoVideos =\n !isEventLoading &&\n eventData &&\n eventData.videoIds &&\n (!eventData.videoIds || eventData?.videoIds?.length === 0) &&\n !loadingApisState;\n\n const allApisLoadedWithPotentialVideos =\n !isEventLoading &&\n !videosIsLoading &&\n eventData &&\n !loadingApisState;\n\n if (eventLoadedWithNoVideos || allApisLoadedWithPotentialVideos) {\n setLoadingPlaylist(false);\n }\n }, [isEventLoading, videosIsLoading, eventData, loadingApisState]);\n\n // Error state\n if (error) {\n const title = t(error.message as keyof Translations)?.length ? \n t(error.message as keyof Translations) : t(\"DEFAULT_ERROR\"); \n const description = t(`${error.message}_DESCRIPTION` as keyof Translations)?.length ? \n t(`${error.message}_DESCRIPTION` as keyof Translations) : t(\"DEFAULT_ERROR_DESCRIPTION\");\n \n return (\n <div className={twMerge(\"md:rounded-2xl overflow-hidden aspect-video\", className)}>\n <div className=\"relative w-full h-full\">\n <ErrorScreen\n title={title}\n description={description}\n />\n </div>\n </div>\n );\n }\n \n // Handle empty playlists\n if (!loadingPlaylist && eventData && !activePlaylist && events?.onEmptyPlaylists) {\n events.onEmptyPlaylists();\n }\n\n // Loading state\n if (loadingPlaylist) {\n return (\n <div className={twMerge(\"md:rounded-2xl overflow-hidden aspect-video\", className)}>\n <div className=\"relative w-full h-full bg-[#151515]\">\n <Loading />\n </div>\n </div>\n );\n }\n\n // Active video player\n if (activePlaylist && activeVideoId && videosData) {\n const activeVideo = videosData.find((video) => video.id === activeVideoId);\n \n return (\n <div className={twMerge(\"md:rounded-2xl overflow-hidden aspect-video\", className)}>\n <div className=\"relative w-full h-full\">\n <Player\n {...props}\n src={activePlaylist}\n className={twMerge(className, \"peer\")}\n events={events}\n containerClassName=\"w-full h-full\"\n />\n {!hideTitle && eventData && (\n <TitleAndDescription \n title={eventData.title} \n description={eventData.description || ''} \n startTime={eventData.startTime} \n locale={locale} \n />\n )}\n </div>\n </div>\n );\n }\n\n // Pre-event countdown\n if (eventData) {\n return (\n <div className={twMerge(\"md:rounded-2xl overflow-hidden aspect-video\", className)}>\n <div className=\"relative w-full h-full\">\n <PreEvent \n event={eventData} \n hideTitle={hideTitle} \n locale={locale} \n backgroundImageUrl={settings?.backgroundImageUrl} \n showAnimation={settings?.showCountdownAnimation} \n />\n </div>\n </div>\n );\n }\n\n return null;\n};\n\n// Pre-event countdown component\nfunction PreEvent({ \n event, \n locale = 'en', \n hideTitle, \n backgroundImageUrl, \n showAnimation = true \n}: { \n event: EventData; \n locale?: string; \n hideTitle?: boolean; \n backgroundImageUrl?: string; \n showAnimation?: boolean;\n}): JSX.Element {\n const date = new Date(event.startTime);\n const now = new Date();\n const [remainingTime, setRemainingTime] = useState(\n date.getTime() - now.getTime()\n );\n const shouldBeStarted = remainingTime < 0;\n const { t } = useMessages(locale);\n useEffect(() => {\n const interval = setInterval(() => {\n if (remainingTime < 0) {\n clearInterval(interval);\n } else {\n setRemainingTime(date.getTime() - new Date().getTime());\n }\n }, 1000);\n\n return () => clearInterval(interval);\n }, [date, remainingTime]);\n\n const renderCountdown = useCallback(() => {\n if (shouldBeStarted) {\n return <span className=\"text-base-content text-xl\">{t(\"EVENT_NOT_STARTED\")}</span>;\n }\n\n const seconds = Math.floor(remainingTime / 1000) % 60;\n const minutes = Math.floor(remainingTime / 1000 / 60) % 60;\n const hours = Math.floor(remainingTime / 1000 / 60 / 60) % 24;\n const days = Math.floor(remainingTime / 1000 / 60 / 60 / 24);\n\n return (\n <div className=\"grid grid-flow-col gap-5 text-center auto-cols-max\">\n <div className=\"flex flex-col p-2 bg-neutral rounded-box text-neutral-content\">\n <span className=\"countdown font-mono text-5xl\">\n <span \n style={{ \"--value\": days } as CSSProperties} \n aria-live=\"polite\" \n aria-label={days.toString()}\n >\n {days?.toString()?.padStart(2, '0')}\n </span>\n </span>\n <span className=\"text-sm uppercase tracking-widest mt-1\">{t(\"DAYS\")}</span>\n </div>\n <div className=\"flex flex-col p-2 bg-neutral rounded-box text-neutral-content\">\n <span className=\"countdown font-mono text-5xl\">\n <span \n style={{ \"--value\": hours } as CSSProperties} \n aria-live=\"polite\" \n aria-label={hours.toString()}\n >\n {hours?.toString()?.padStart(2, '0')}\n </span>\n </span>\n <span className=\"text-sm uppercase tracking-widest mt-1\">{t(\"HOURS\")}</span>\n </div>\n <div className=\"flex flex-col p-2 bg-neutral rounded-box text-neutral-content\">\n <span className=\"countdown font-mono text-5xl\">\n <span \n style={{ \"--value\": minutes } as CSSProperties} \n aria-live=\"polite\" \n aria-label={minutes.toString()}\n >\n {minutes?.toString()?.padStart(2, '0')}\n </span>\n </span>\n <span className=\"text-sm uppercase tracking-widest mt-1\">{t(\"MINUTES\")}</span>\n </div>\n <div className=\"flex flex-col p-2 bg-neutral rounded-box text-neutral-content\">\n <span className=\"countdown font-mono text-5xl\">\n <span \n style={{ \"--value\": seconds } as CSSProperties} \n aria-live=\"polite\" \n aria-label={seconds.toString()}\n >\n {seconds?.toString()?.padStart(2, '0')}\n </span>\n </span>\n <span className=\"text-sm uppercase tracking-widest mt-1\">{t(\"SECONDS\")}</span>\n </div>\n </div>\n );\n }, [remainingTime, shouldBeStarted, t]);\n\n return (\n <>\n {event?.posterUrl ? (\n <>\n <div \n className=\"relative overflow-hidden bg-base-200 aspect-video text-base-content w-full h-full flex justify-center items-center flex-col bg-no-repeat bg-cover md:rounded-2xl\" \n style={{ \n backgroundImage: `url(${event.posterUrl})`, \n backgroundRepeat: 'no-repeat', \n backgroundSize: 'cover' \n }}\n >\n {/* <div className=\"absolute inset-0 bg-black bg-opacity-40\"></div> */}\n <div className=\"relative z-10\">\n {renderCountdown()}\n </div>\n </div>\n {!hideTitle && (\n <TitleAndDescription \n title={event.title} \n description={event.description || ''} \n startTime={event.startTime} \n locale={locale} \n />\n )}\n </>\n ) : (\n <>\n <div \n className=\"relative overflow-hidden md:rounded-2xl bg-base-200 aspect-video text-base-content flex flex-col justify-center items-center w-full h-full bg-cover bg-center bg-no-repeat\" \n style={{\n backgroundImage: backgroundImageUrl ? `url(${backgroundImageUrl})` : '',\n }}\n >\n {/* {backgroundImageUrl && <div className=\"absolute inset-0 bg-black bg-opacity-40\"></div>} */}\n <div className=\"relative z-10\">\n {renderCountdown()}\n </div>\n </div>\n {!hideTitle && (\n <TitleAndDescription \n title={event.title} \n description={event.description || ''} \n startTime={event.startTime} \n locale={locale} \n />\n )}\n </>\n )}\n </>\n );\n}\n\n// Title and description component\nconst TitleAndDescription = ({ \n title, \n description, \n startTime, \n locale = 'en', \n className \n}: { \n title: string; \n description: string; \n startTime: string; \n locale?: string; \n className?: string;\n}) => {\n return (\n <div className={twMerge(\"mt-3 mb-6 m-event-details-ctn px-4 text-left w-full\", className)}>\n <div className=\"text-base md:text-xl m-event-title text-base-content font-medium\">{title}</div>\n {startTime ? (\n <div className=\"text-sm md:text-base text-base-content/70 m-event-start-time\">\n {new Date(startTime || \"\").toLocaleDateString(locale || \"default\", {\n month: \"long\",\n year: \"numeric\",\n day: \"numeric\",\n })}{\" \"}\n - {new Date(startTime || \"\").toLocaleTimeString(locale || \"default\", {\n hour: \"2-digit\",\n minute: \"2-digit\",\n })}\n </div>\n ) : null}\n {description && (\n <div className=\"text-xs md:text-sm text-base-content/60 uppercase\">{description}</div>\n )}\n </div>\n );\n}; ","import React, { CSSProperties, useEffect, useState } from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { useQuery } from '@tanstack/react-query';\nimport { Player } from './Player';\nimport type { PlayerProps } from './types';\nimport { fetchCreativeWorkData, type CreativeWorkData, CreativeWorksSortDirection } from './api/creative-work';\nimport { fetchVideosList, type VideoListItem } from './api/video';\nimport { Loading, ErrorScreen, Title } from './components';\nimport { errorTypes, findHLSPlaylist } from './helper';\nimport useMessages, { type Translations } from './messages/useMessages';\n\nexport interface CreativeWorkProps extends Omit<PlayerProps, 'src'> {\n publicKey: string;\n creativeWorkId: string;\n hideTitle?: boolean;\n locale?: string;\n filter?: string;\n order?: CreativeWorksSortDirection;\n events?: {\n onCreativeWorkData?: (creativeWork: CreativeWorkData) => void;\n onVideoData?: (video: VideoListItem) => void;\n onEmptyPlaylists?: () => void;\n onError?: (error: Error) => void;\n onPlay?: () => void;\n onPause?: () => void;\n onEnded?: () => void;\n onLoadStart?: () => void;\n onCanPlay?: () => void;\n onPlayerReady?: () => void;\n };\n className?: string;\n settings?: {\n backgroundImageUrl?: string;\n showCountdownAnimation?: boolean;\n };\n auth?: {\n mottoToken?: string;\n userId?: string;\n };\n // TanStack Query options\n queryOptions?: {\n enabled?: boolean;\n staleTime?: number;\n cacheTime?: number;\n retry?: number;\n retryDelay?: number;\n };\n}\n\nexport const CreativeWork: React.FC<CreativeWorkProps> = ({\n publicKey,\n creativeWorkId,\n events,\n hideTitle,\n locale = 'en',\n order,\n filter,\n className,\n settings,\n auth,\n queryOptions = {},\n ...props\n}) => {\n // CreativeWork data fetching\n const {\n data: creativeWorkData,\n isLoading: isCreativeWorkLoading,\n error: creativeWorkError\n } = useQuery<CreativeWorkData>({\n queryKey: ['creative-work', publicKey, creativeWorkId, filter, order, locale],\n queryFn: () => fetchCreativeWorkData(publicKey, creativeWorkId, undefined, filter, order, locale),\n enabled: !!publicKey && !!creativeWorkId,\n staleTime: queryOptions.staleTime ?? 5 * 60 * 1000, // 5 minutes\n gcTime: queryOptions.cacheTime ?? 10 * 60 * 1000, // 10 minutes\n retry: queryOptions.retry ?? 3,\n retryDelay: queryOptions.retryDelay ?? ((attemptIndex: number) => Math.min(1000 * 2 ** attemptIndex, 30000))\n });\n\n const [activePlaylist, setActivePlaylist] = useState<string | null>();\n const [activeVideoId, setActiveVideoId] = useState<string | null>();\n const [showCountDown, setShowCountDown] = useState(false);\n const videoIds = creativeWorkData?.videoIds ?? [];\n\n // Videos list fetching\n const {\n data: videosData,\n isLoading: videosIsLoading,\n error: videosError, \n } = useQuery<VideoListItem[]>({\n queryKey: ['videos-list', publicKey, videoIds, auth?.mottoToken],\n queryFn: () => fetchVideosList(publicKey, videoIds, auth?.mottoToken, 0, 0),\n enabled: !!publicKey && videoIds.length > 0,\n refetchInterval: activePlaylist === null ? 30000 : false,\n staleTime: queryOptions.staleTime ?? 5 * 60 * 1000,\n gcTime: queryOptions.cacheTime ?? 10 * 60 * 1000,\n retry: queryOptions.retry ?? 3,\n retryDelay: queryOptions.retryDelay ?? ((attemptIndex: number) => Math.min(1000 * 2 ** attemptIndex, 30000))\n });\n\n const [loadingApisState, setLoadingApisState] = useState(true);\n\n // Process videos data to find active playlist\n useEffect(() => {\n if (videosData !== undefined) {\n setLoadingApisState(false);\n\n const videosWithPlaylists = videosData.filter(\n (video) => video.playlists && video.playlists.length > 0\n );\n\n if (videosWithPlaylists.length > 0) {\n let hlsPlaylistFound = false;\n // Iterate to find the first HLS playlist\n for (const video of videosWithPlaylists) {\n const hlsPlaylist = findHLSPlaylist(video);\n if (hlsPlaylist?.url) {\n setActivePlaylist(hlsPlaylist.url);\n setActiveVideoId(video.id);\n hlsPlaylistFound = true;\n break;\n }\n }\n if (!hlsPlaylistFound) {\n setActivePlaylist(null);\n setActiveVideoId(null);\n }\n } else {\n setActivePlaylist(null);\n setActiveVideoId(null);\n }\n } else if (creativeWorkData && (!creativeWorkData.videoIds || creativeWorkData.videoIds.length === 0)) {\n setLoadingApisState(false);\n setActivePlaylist(null);\n setActiveVideoId(null);\n }\n }, [videosData, creativeWorkData]);\n \n const { t } = useMessages(locale);\n\n // Notify parent of creative work data\n useEffect(() => {\n if (events?.onCreativeWorkData && creativeWorkData) {\n events.onCreativeWorkData(creativeWorkData);\n }\n if (creativeWorkData && !creativeWorkData?.videoIds?.length) {\n setShowCountDown(true);\n }\n }, [creativeWorkData, events]);\n\n // Notify parent of video data\n useEffect(() => {\n if (events?.onVideoData && activeVideoId && videosData) {\n const activeVideo = videosData.find((video) => video.id === activeVideoId);\n if (activeVideo) {\n events.onVideoData(activeVideo);\n }\n }\n }, [activeVideoId, videosData, events]);\n\n const [error, setError] = useState<Error | null>(null);\n const videosDataError = videosData?.some((video) => !!video.error);\n\n // Error handling\n useEffect(() => {\n if (creativeWorkError || videosError || videosDataError) {\n const errorObj = creativeWorkError || videosError || \n (videosData?.find((video) => !!video.error)?.error && \n new Error(videosData?.find((video) => !!video.error)?.error)) || \n new Error('default');\n \n setError(errorObj);\n if (events?.onError) {\n events.onError(errorObj);\n }\n } else {\n setError(null);\n }\n }, [creativeWorkError, videosError, videosDataError, videosData, events]);\n\n // Error state\n if (error) {\n const title = t(error.message as keyof Translations)?.length ? \n t(error.message as keyof Translations) : t(\"DEFAULT_ERROR\"); \n const description = t(`${error.message}_DESCRIPTION` as keyof Translations)?.length ? \n t(`${error.message}_DESCRIPTION` as keyof Translations) : t(\"DEFAULT_ERROR_DESCRIPTION\");\n \n return (\n <div className={twMerge(\"md:rounded-2xl overflow-hidden aspect-video\", className)}>\n <div className=\"relative w-full h-full\">\n <ErrorScreen\n title={title}\n description={description}\n />\n </div>\n </div>\n );\n }\n\n const [loadingPlaylist, setLoadingPlaylist] = useState(true);\n \n // Loading state management\n useEffect(() => {\n const creativeWorkLoadedWithNoVideos =\n !isCreativeWorkLoading &&\n creativeWorkData &&\n creativeWorkData.videoIds &&\n creativeWorkData.videoIds.length === 0;\n\n const creativeWorkLoadedWithNoData =\n !isCreativeWorkLoading && creativeWorkData && !creativeWorkData.videoIds;\n\n const isEventsFinished =\n !videosIsLoading &&\n videosData &&\n videosData.length > 0 &&\n videosData.every((video) => video.playlists && video.playlists.length === 0);\n\n if (\n creativeWorkLoadedWithNoVideos ||\n creativeWorkLoadedWithNoData ||\n isEventsFinished\n ) {\n setLoadingPlaylist(false);\n if (events?.onEmptyPlaylists) {\n events.onEmptyPlaylists();\n }\n } else if (activePlaylist) {\n setLoadingPlaylist(false);\n }\n }, [\n isCreativeWorkLoading,\n creativeWorkData,\n videosIsLoading,\n videosData,\n activePlaylist,\n events,\n ]);\n\n // Loading state\n if (isCreativeWorkLoading || videosIsLoading || loadingApisState) {\n return (\n <div className={twMerge(\"md:rounded-2xl overflow-hidden aspect-video\", className)}>\n <div className=\"relative w-full h-full\">\n <Loading />\n </div>\n </div>\n );\n }\n\n // Show countdown if creative work hasn't started yet\n if (showCountDown && creativeWorkData) {\n return (\n <div className={twMerge(\"md:rounded-2xl overflow-hidden aspect-video\", className)}>\n <div className=\"relative w-full h-full bg-base-200 text-base-content flex justify-center items-center flex-col\">\n <PreCreativeWork \n creativeWork={creativeWorkData} \n locale={locale} \n hideTitle={hideTitle}\n backgroundImageUrl={settings?.backgroundImageUrl} \n showAnimation={settings?.showCountdownAnimation} \n />\n </div>\n </div>\n );\n }\n\n // Show player if we have an active playlist\n if (activeVideoId && activePlaylist && !loadingPlaylist) {\n const activeVideo = videosData?.find((video) => video.id === activeVideoId);\n \n return (\n <div className={twMerge(\"md:rounded-2xl overflow-hidden aspect-video\", className)}>\n <div className=\"relative w-full h-full\">\n <Player\n {...props}\n className={twMerge(className, \"peer\")}\n events={{\n ...events,\n }}\n src={activePlaylist}\n containerClassName=\"w-full h-full\"\n />\n {!hideTitle && (\n <TitleAndDescription\n title={creativeWorkData?.title || ''}\n description={creativeWorkData?.description || ''}\n releaseTime={creativeWorkData?.releaseTime || ''}\n locale={locale}\n className=\"mt-3 mb-6 m-event-details-ctn px-4\"\n />\n )}\n </div>\n </div>\n );\n }\n\n // Loading state for playlist\n if (loadingPlaylist) {\n return <Loading />;\n }\n\n // Empty state\n return null;\n};\n\nfunction PreCreativeWork({ \n creativeWork, \n locale = 'en', \n hideTitle, \n backgroundImageUrl, \n showAnimation = true \n}: { \n creativeWork: CreativeWorkData; \n locale?: string; \n hideTitle?: boolean; \n backgroundImageUrl?: string; \n showAnimation?: boolean;\n}): JSX.Element {\n const date = new Date(creativeWork.releaseTime);\n const now = new Date();\n const [remainingTime, setRemainingTime] = useState(\n date.getTime() - now.getTime()\n );\n const shouldBeStarted = remainingTime < 0;\n const { t } = useMessages(locale);\n\n useEffect(() => {\n const interval = setInterval(() => {\n if (remainingTime < 0) {\n clearInterval(interval);\n } else {\n setRemainingTime(date.getTime() - new Date().getTime());\n }\n }, 1000);\n\n return () => { clearInterval(interval); };\n }, [date, remainingTime]);\n\n const renderCountdown = () => {\n if (shouldBeStarted) {\n return <span className=\"text-base-content text-xl\">{t(\"EVENT_NOT_STARTED\")}</span>;\n }\n\n const seconds = Math.floor(remainingTime / 1000) % 60;\n const minutes = Math.floor(remainingTime / 1000 / 60) % 60;\n const hours = Math.floor(remainingTime / 1000 / 60 / 60) % 24;\n const days = Math.floor(remainingTime / 1000 / 60 / 60 / 24);\n\n return (\n <div className=\"grid grid-flow-col gap-5 text-center auto-cols-max\">\n <div className=\"flex flex-col p-2 bg-neutral rounded-box text-neutral-content\">\n <span className=\"countdown font-mono text-5xl\">\n <span \n style={{ \"--value\": days } as CSSProperties} \n aria-live=\"polite\" \n aria-label={days.toString()}\n >\n {days?.toString()?.padStart(2, '0')}\n </span>\n </span>\n <span className=\"text-sm uppercase tracking-widest mt-1\">{t(\"DAYS\")}</span>\n </div>\n <div className=\"flex flex-col p-2 bg-neutral rounded-box text-neutral-content\">\n <span className=\"countdown font-mono text-5xl\">\n <span \n style={{ \"--value\": hours } as CSSProperties} \n aria-live=\"polite\" \n aria-label={hours.toString()}\n >\n {hours?.toString()?.padStart(2, '0')}\n </span>\n </span>\n <span className=\"text-sm uppercase tracking-widest mt-1\">{t(\"HOURS\")}</span>\n </div>\n <div className=\"flex flex-col p-2 bg-neutral rounded-box text-neutral-content\">\n <span className=\"countdown font-mono text-5xl\">\n <span \n style={{ \"--value\": minutes } as CSSProperties} \n aria-live=\"polite\" \n aria-label={minutes.toString()}\n >\n {minutes?.toString()?.padStart(2, '0')}\n </span>\n </span>\n <span className=\"text-sm uppercase tracking-widest mt-1\">{t(\"MINUTES\")}</span>\n </div>\n <div className=\"flex flex-col p-2 bg-neutral rounded-box text-neutral-content\">\n <span className=\"countdown font-mono text-5xl\">\n <span \n style={{ \"--value\": seconds } as CSSProperties} \n aria-live=\"polite\" \n aria-label={seconds.toString()}\n >\n {seconds?.toString()?.padStart(2, '0')}\n </span>\n </span>\n <span className=\"text-sm uppercase tracking-widest mt-1\">{t(\"SECONDS\")}</span>\n </div>\n </div>\n );\n };\n\n return (\n <>\n <div \n className=\"relative overflow-hidden md:rounded-2xl bg-base-200 aspect-video text-base-content flex flex-col justify-center items-center w-full h-full bg-cover bg-center bg-no-repeat\" \n style={{\n backgroundImage: backgroundImageUrl ? `url(${backgroundImageUrl})` : '',\n }}\n >\n {backgroundImageUrl && <div className=\"absolute inset-0 bg-black bg-opacity-40\"></div>}\n <div className=\"relative z-10\">\n {renderCountdown()}\n </div>\n </div>\n {!hideTitle && (\n <TitleAndDescription\n title={creativeWork.title}\n description={creativeWork.description || ''}\n releaseTime={creativeWork.releaseTime}\n locale={locale}\n />\n )}\n </>\n );\n}\n\nconst TitleAndDescription = ({ \n title, \n description, \n releaseTime, \n locale = 'en', \n className \n}: { \n title: string; \n description: string; \n releaseTime: string; \n locale?: string; \n className?: string;\n}) => {\n return (\n <div className={twMerge(\"mt-3 mb-6 m-event-details-ctn px-4 text-left w-full\", className)}>\n <div className=\"text-base md:text-xl m-event-title text-base-content font-medium\">{title}</div>\n {releaseTime ? (\n <div className=\"text-sm md:text-base text-base-content/70 m-event-start-time\">\n {new Date(releaseTime || \"\").toLocaleDateString(locale || \"default\", {\n month: \"long\",\n year: \"numeric\",\n day: \"numeric\",\n })}{\" \"}\n - {new Date(releaseTime || \"\").toLocaleTimeString(locale || \"default\", {\n hour: \"2-digit\",\n minute: \"2-digit\",\n })}\n </div>\n ) : null}\n {description && (\n <div className=\"text-xs md:text-sm text-base-content/60 uppercase\">{description}</div>\n )}\n </div>\n );\n}; ","import React from 'react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n\n// Create a client\nconst queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n staleTime: 5 * 60 * 1000, // 5 minutes\n gcTime: 10 * 60 * 1000, // 10 minutes\n retry: 3,\n refetchOnWindowFocus: false,\n },\n },\n});\n\ninterface QueryProviderProps {\n children: React.ReactNode;\n}\n\nexport const QueryProvider: React.FC<QueryProviderProps> = ({ children }) => {\n return (\n <QueryClientProvider client={queryClient}>\n {children}\n </QueryClientProvider>\n );\n};\n\nexport { queryClient }; "],"mappings":"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","names":["useEffect","useRef","shaka","useCallback","useCallback","useCallback","useRef","useCallback","useRef","useRef","useCallback","useCallback","useRef","useEffect","useState","useEffect","useRef","jsx","jsxs","jsx","jsx","jsxs","twMerge","jsx","jsxs","useRef","isLive","shaka","useEffect","useEffect","twMerge","useState","useEffect","useState","useEffect","jsx","jsxs","useEffect","twMerge","useCallback","useEffect","useState","twMerge","useQuery","jsx","jsxs","useQuery","useState","useEffect","twMerge","useCallback","useEffect","useState","twMerge","useQuery","Fragment","jsx","jsxs","useQuery","useState","useEffect","twMerge","TitleAndDescription","jsx"]}