{"version":3,"file":"js/component-standalone-fullvideo.chunk.js","mappings":";iGAAA,OAOC,WACA,aAEA,IAAIA,EAAS,CAAC,EAAEC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GACpB,GAAKG,EAAL,CAEA,IAAIC,SAAiBD,EAErB,GAAgB,WAAZC,GAAoC,WAAZA,EAC3BL,EAAQM,KAAKF,QACP,GAAIG,MAAMC,QAAQJ,IACxB,GAAIA,EAAID,OAAQ,CACf,IAAIM,EAAQV,EAAWW,MAAM,KAAMN,GAC/BK,GACHT,EAAQM,KAAKG,EAEf,OACM,GAAgB,WAAZJ,EACV,GAAID,EAAIO,WAAaC,OAAOC,UAAUF,SACrC,IAAK,IAAIG,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,IAChCd,EAAQM,KAAKQ,QAIfd,EAAQM,KAAKF,EAAIO,WArBD,CAwBnB,CAEA,OAAOX,EAAQgB,KAAK,IACrB,CAEqCC,EAAOC,SAC3CnB,EAAWoB,QAAUpB,EACrBkB,EAAOC,QAAUnB,QAKhB,KAFwB,EAAF,WACtB,OAAOA,CACP,UAFoB,OAEpB,YAIH,CAlDA,uCCEA,IAAIqB,EAAuB,EAAQ,MAEnC,SAASC,IAAiB,CAC1B,SAASC,IAA0B,CACnCA,EAAuBC,kBAAoBF,EAE3CJ,EAAOC,QAAU,WACf,SAASM,EAAKC,EAAOC,EAAUC,EAAeC,EAAUC,EAAcC,GACpE,GAAIA,IAAWV,EAAf,CAIA,IAAIW,EAAM,IAAIC,MACZ,mLAKF,MADAD,EAAIE,KAAO,sBACLF,CAPN,CAQF,CAEA,SAASG,IACP,OAAOV,CACT,CAHAA,EAAKW,WAAaX,EAMlB,IAAIY,EAAiB,CACnBC,MAAOb,EACPc,OAAQd,EACRe,KAAMf,EACNgB,KAAMhB,EACNiB,OAAQjB,EACRkB,OAAQlB,EACRmB,OAAQnB,EACRoB,OAAQpB,EAERqB,IAAKrB,EACLsB,QAASZ,EACTa,QAASvB,EACTwB,YAAaxB,EACbyB,WAAYf,EACZgB,KAAM1B,EACN2B,SAAUjB,EACVkB,MAAOlB,EACPmB,UAAWnB,EACXoB,MAAOpB,EACPqB,MAAOrB,EAEPsB,eAAgBlC,EAChBC,kBAAmBF,GAKrB,OAFAe,EAAeqB,UAAYrB,EAEpBA,CACT,yBC/CEnB,EAAOC,QAAU,EAAQ,MAAR,kCCNnBD,EAAOC,QAFoB,gICiB3B,IAvBoBO,IAChB,MAAMiC,GAAW,IAAAC,WACVC,EAAgBC,IAAqB,IAAAC,UAAS,MAmBrD,OAlBA,IAAAC,YAAU,KACN,GAAIL,EAASM,QACT,GAAIJ,EACAA,EAAeK,cAAcxC,EAAMyC,aAElC,CACD,MAAMC,EAAU,CAAC,EACjB1C,EAAM2C,kBAAoBD,EAAQC,gBAAkB3C,EAAM2C,iBAC1D3C,EAAM4C,iBAAmBF,EAAQE,eAAiB5C,EAAM4C,gBACxD5C,EAAM6C,qBAAuBH,EAAQG,mBAAqB7C,EAAM6C,oBAChE7C,EAAM8C,iBAAmBJ,EAAQI,eAAiB9C,EAAM8C,gBACxD9C,EAAM+C,eAAiBL,EAAQK,aAAe/C,EAAM+C,cACzB,iBAApB/C,EAAMgD,YAA2BN,EAAQM,UAAYhD,EAAMgD,WAClE,MAAMC,EAAoB,IAAI,UAA0BhB,EAASM,QAASG,GAC1EN,EAAkBa,EACtB,CACJ,GACD,CAACjD,EAAMyC,UACF,gBAAoB,MAAO,CAAES,IAAKjB,EAAU,cAAe,OAAQkB,UAAW,IAAW,gBAAiBnD,EAAMmD,WAAY,iBAAkBnD,EAAMyC,QAAS,wBAAyBzC,aAAqC,EAASA,EAAMoD,cAAe,oBAAqBpD,EAAMqD,MAAO,uBAAwBrD,EAAMsD,SAAU,mBAAoBtD,EAAMuD,KAAM,2BAA4BvD,EAAMwD,YAAa,sBAAuBxD,EAAMyD,OAAQ,sBAAuBzD,EAAM0D,WAAa,oDCvB7e,MAaMC,EAAexE,OAAOyE,OAAO,CAAE,MAAO,GAAKC,OAAOC,OA8BxD,IA7BsB,KAClB,MAAOC,EAAmBC,IAAwB,IAAA3B,UAfpB,MAC9B,IAAI4B,EAEJ,MAAMN,EAAeE,OAAOC,MACtBI,EAAgBL,OAAOM,aAAgD,QAAhCF,EAAKJ,OAAOO,sBAAmC,IAAPH,OAAgB,EAASA,EAAGI,OACjH,GAAqB,GAAjBH,IAAuBP,EACvB,OAEJ,MAAMW,EAAWnF,OAAOoF,KAAKZ,GAAca,QAAQnF,GAAQsE,EAAatE,IAAQ6E,IAGhF,OAFiBI,EAAS5F,OAASiF,EAAaW,EAASA,EAAS5F,OAAS,IAAMiF,EAAiB,EAEnF,EAI4Cc,IAUrDC,EAAe,KACjB,MAAMC,EAVmB,MACzB,IAAIV,EACJ,MAAMC,EAAgBL,OAAOM,aAAgD,QAAhCF,EAAKJ,OAAOO,sBAAmC,IAAPH,OAAgB,EAASA,EAAGI,OACjH,GAAqB,GAAjBH,EACA,OAEJ,MAAMI,EAAWnF,OAAOoF,KAAKZ,GAAca,QAAQnF,GAAQsE,EAAatE,IAAQ6E,IAChF,OAAOP,EAAaW,EAASA,EAAS5F,OAAS,GAAG,EAGhCkG,GACdD,GAAaA,IAAcZ,GAE3BC,EAAqBW,EACzB,EAWJ,OANA,IAAArC,YAAU,KACNuB,OAAOgB,iBAAiB,SAAUH,GAC3B,KACHb,OAAOiB,oBAAoB,SAAUJ,EAAa,KAGnDX,CAAiB,gHCc5B,UAlD6B/D,IACzB,MAAM+D,GAAoB,UACpB,UAAEgB,EAAS,QAAEC,EAAO,cAAEC,GAAkBjF,GACvCkF,EAAeC,IAAoB,IAAA9C,UAAS2C,IAC5CI,EAAQC,IAAa,IAAAhD,WAAS,GAC/BiD,GAAY,IAAApD,SAAO,IAClBqD,EAAcC,IAAmB,IAAAnD,WAAS,GAC3CJ,GAAW,IAAAC,WACjB,IAAAI,YAAU,KACNuB,OAAOgB,iBAAiBE,EAAWU,GAC5B,KACH5B,OAAOiB,oBAAoBC,EAAWU,EAAkB,IAE7D,KACH,IAAAnD,YAAU,KACN6C,EAAiBpB,GAAqBF,OAAOC,MAAM4B,IAAMT,EAAgBA,EAAgBD,EAAQ,GAClG,CAACjB,KACJ,IAAAzB,YAAU,KACNgD,EAAU/C,QAAU6C,EACfA,GACDI,EAAgB,KACpB,GACD,CAACJ,IACJ,MAAMK,EAAoB,KACtB,IAAIxB,EAAI0B,EAAIC,EACZP,GAAU,GACkC,QAA3CpB,EAAK4B,SAASC,cAAc,iBAA8B,IAAP7B,GAAyBA,EAAG8B,UAAUC,IAAI,qBAC9FH,SAASI,KAAKC,MAAMC,UAAY,SACoE,QAAnGP,EAAiC,QAA3BD,EAAK1D,EAASM,eAA4B,IAAPoD,OAAgB,EAASA,EAAGS,QAAQ,wBAAqC,IAAPR,GAAyBA,EAAGG,UAAUC,IAAI,cAAc,EASxK,OAAKZ,EAGG,gBAAoB,IAAW,KACnC,gBAAoB,MAAO,CAAElC,IAAKjB,EAAUkB,UAAW,8DACnD+B,GAAkB,gBAAoB,IAAY,CAAEzC,QAASyC,EAAenC,aAAesD,IAC/Ef,EAAU/C,SACViD,EAAgBa,EAAeC,SACnC,IAER,gBAAoB,SAAU,CAAEnD,UAAW,aAAcoD,QAjBrC,KACxB,IAAItC,EAAI0B,EACRN,GAAU,GACkC,QAA3CpB,EAAK4B,SAASC,cAAc,iBAA8B,IAAP7B,GAAyBA,EAAG8B,UAAUS,OAAO,qBACjGX,SAASI,KAAKC,MAAMC,UAAY,SACqB,QAApDR,EAAK1D,EAASM,QAAQ6D,QAAQ,wBAAqC,IAAPT,GAAyBA,EAAGI,UAAUS,OAAO,cAAc,IAapH,gBAAoB,IAAkB,CAAEjB,aAAcA,EAActD,SAAUA,EAASM,QAASkE,QAASrB,MAVtG,gBAAoB,WAAgB,KAU8E,wECXjI,IAzC0BpF,IACtB,MAAM,aAAEuF,EAAY,SAAEtD,EAAQ,OAAEwE,GAAWzG,GACpC0G,EAAoBC,IAAyB,IAAAtE,UAAS,IAC7D,IAAAC,YAAU,KACFiD,GACAoB,EAAuBpB,EAAaqB,YAAcrB,EAAasB,SAAY,KACvEtB,EAAauB,SACb7E,EAAS6D,cAAc,sBAAsBiB,aAAa,eAAgB,UAI9EJ,EAAsB,EAC1B,GACD,CAACpB,KACJ,IAAAjD,YAAU,KACFmE,GACAE,EAAsB,EAC1B,GACD,CAACF,IAiBJ,OAAQ,gBAAoB,MAAO,CAAEtD,UAAW,IAAW,yBAA0B,CAAEsD,OAAQA,KAC3F,gBAAoB,SAAU,CAAE,cAAc,EAAM,eAAgB,QAASO,KAAM,SAAU,aAAc,aAAc7D,UAAW,IAAW,uBAC/I,gBAAoB,SAAU,CAAE,aAAa,EAAM,eAAgB,QAAS6D,KAAM,SAAU,aAAc,SAAU7D,UAAW,IAAW,mBAC1I,gBAAoB,SAAU,CAAEA,UAAW,uBAAwBoD,QAAUU,GAnBlD,CAACA,IAC5B,IAAIC,EAAOD,EAAEE,OAAOC,wBAEhBC,GADIJ,EAAEK,QAAUJ,EAAKK,MACQN,EAAEE,OAAOK,YAAe,IACrDC,EAAaJ,EAAwB,IAAO9B,EAAasB,SAC7D5E,EAAS6D,cAAc,2BAA2Bc,YAAca,EAChEd,EAAsBU,EAAsB,EAauCK,CAAuBT,GAAIU,WAAaV,GAXjG,CAACA,IAC3B,IAAIC,EAAOD,EAAEE,OAAOC,wBAEhBC,GADIJ,EAAEW,eAAe,GAAGN,QAAUJ,EAAKK,MACVN,EAAEE,OAAOK,YAAe,IACrDC,EAAaJ,EAAwB,IAAO9B,EAAasB,SAC7D5E,EAAS6D,cAAc,2BAA2Bc,YAAca,EAChEd,EAAsBU,EAAsB,EAKqFQ,CAAsBZ,IACnJ,gBAAoB,MAAO,CAAE9D,UAAW,iBAAmBsD,GAAU,gBAAoB,OAAQ,CAAEtD,UAAW,WAAY+C,MAAO,CAAE7B,MAAO,GAAGqC,GAAsB,KAAMoB,WAAmC,IAAvBpB,EAA2B,SAAW,uBAA0B","sources":["webpack:///./node_modules/classnames/index.js","webpack:///./node_modules/prop-types/factoryWithThrowingShims.js","webpack:///./node_modules/prop-types/index.js","webpack:///./node_modules/prop-types/lib/ReactPropTypesSecret.js","webpack:///./assets/common/src/components/utils/ThronVideo.tsx","webpack:///./assets/common/src/utils/useBreakpoint.ts","webpack:///./assets/moncler/src/components/experience/StandaloneFullVideo.tsx","webpack:///./assets/moncler/src/components/experience/VideoProgressBar.tsx"],"sourcesContent":["/*!\n  Copyright (c) 2018 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n\nfunction emptyFunction() {}\nfunction emptyFunctionWithReset() {}\nemptyFunctionWithReset.resetWarningCache = emptyFunction;\n\nmodule.exports = function() {\n  function shim(props, propName, componentName, location, propFullName, secret) {\n    if (secret === ReactPropTypesSecret) {\n      // It is still safe when called from React.\n      return;\n    }\n    var err = new Error(\n      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n      'Use PropTypes.checkPropTypes() to call them. ' +\n      'Read more at http://fb.me/use-check-prop-types'\n    );\n    err.name = 'Invariant Violation';\n    throw err;\n  };\n  shim.isRequired = shim;\n  function getShim() {\n    return shim;\n  };\n  // Important!\n  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n  var ReactPropTypes = {\n    array: shim,\n    bigint: shim,\n    bool: shim,\n    func: shim,\n    number: shim,\n    object: shim,\n    string: shim,\n    symbol: shim,\n\n    any: shim,\n    arrayOf: getShim,\n    element: shim,\n    elementType: shim,\n    instanceOf: getShim,\n    node: shim,\n    objectOf: getShim,\n    oneOf: getShim,\n    oneOfType: getShim,\n    shape: getShim,\n    exact: getShim,\n\n    checkPropTypes: emptyFunctionWithReset,\n    resetWarningCache: emptyFunction\n  };\n\n  ReactPropTypes.PropTypes = ReactPropTypes;\n\n  return ReactPropTypes;\n};\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactIs = require('react-is');\n\n  // By explicitly using `prop-types` you are opting into new development behavior.\n  // http://fb.me/prop-types-in-prod\n  var throwOnDirectAccess = true;\n  module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n  // By explicitly using `prop-types` you are opting into new production behavior.\n  // http://fb.me/prop-types-in-prod\n  module.exports = require('./factoryWithThrowingShims')();\n}\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\nmodule.exports = ReactPropTypesSecret;\n","import classNames from 'classnames';\nimport React, { useEffect, useRef, useState } from 'react';\nimport ThronIntegrationComponent from './../../scripts/components/thronIntegrationComponent';\nconst ThronVideo = (props) => {\n    const videoRef = useRef();\n    const [thronComponent, setThronComponent] = useState(null);\n    useEffect(() => {\n        if (videoRef.current) {\n            if (thronComponent) {\n                thronComponent.changeContent(props.thronID);\n            }\n            else {\n                const options = {};\n                props.onPauseCallback && (options.onPauseCallback = props.onPauseCallback);\n                props.onPlayCallback && (options.onPlayCallback = props.onPlayCallback);\n                props.onCompleteCallback && (options.onCompleteCallback = props.onCompleteCallback);\n                props.onInitCallback && (options.onInitCallback = props.onInitCallback);\n                props.onTimeUpdate && (options.onTimeUpdate = props.onTimeUpdate);\n                typeof props.loopTimes === 'number' && (options.loopTimes = props.loopTimes);\n                const newThronComponent = new ThronIntegrationComponent(videoRef.current, options);\n                setThronComponent(newThronComponent);\n            }\n        }\n    }, [props.thronID]);\n    return (React.createElement(\"div\", { ref: videoRef, \"aria-hidden\": \"true\", className: classNames('video-wrapper', props.className), \"data-option-id\": props.thronID, \"data-option-mobile-id\": props === null || props === void 0 ? void 0 : props.thronMobileID, \"data-option-muted\": props.muted, \"data-option-autoplay\": props.autoplay, \"data-option-loop\": props.loop, \"data-option-lock-bitrate\": props.lockBitrate, \"data-option-no-skin\": props.noskin, \"data-option-sess-id\": props.sessionId }));\n};\nexport default ThronVideo;\n","import { useEffect, useState } from 'react';\nconst getInitialBreakpointValue = () => {\n    var _a;\n    // get initial breakpoint is called before the page is fully loaded and innerWith may be 0. windows.mqObj may not be set\n    const mediaQueries = window.mqObj;\n    const documentWidth = window.innerWidth || ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.width);\n    if (documentWidth == 0 || !mediaQueries) {\n        return;\n    }\n    const filtered = Object.keys(mediaQueries).filter((key) => mediaQueries[key] <= documentWidth);\n    const initalBr = filtered.length ? mediaQueries[filtered[filtered.length - 1]] : mediaQueries['xs'];\n    // console.info('[getInitialBreakpointValue]: ', documentWidth, initalBr);\n    return initalBr;\n};\nconst mediaQueries = Object.assign({ '<xs': 0 }, window.mqObj);\nconst useBreakpoint = () => {\n    const [currentBreakpoint, setCurrentBreakpoint] = useState(getInitialBreakpointValue());\n    const getCurrentBreakpoint = () => {\n        var _a;\n        const documentWidth = window.innerWidth || ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.width);\n        if (documentWidth == 0) {\n            return;\n        }\n        const filtered = Object.keys(mediaQueries).filter((key) => mediaQueries[key] <= documentWidth);\n        return mediaQueries[filtered[filtered.length - 1]];\n    };\n    const handleResize = () => {\n        const currentBr = getCurrentBreakpoint();\n        if (currentBr && currentBr !== currentBreakpoint) {\n            // console.info('%c[React - Breakpoint change] ', 'color: green;font-weight: bold;', currentBr);\n            setCurrentBreakpoint(currentBr);\n        }\n    };\n    // const debounceResize = () => {\n    //   handleResize();\n    // };\n    useEffect(() => {\n        window.addEventListener('resize', handleResize);\n        return () => {\n            window.removeEventListener('resize', handleResize);\n        };\n    });\n    return currentBreakpoint;\n};\nexport default useBreakpoint;\n","import React, { useEffect, useState, useRef } from 'react';\nimport VideoProgressBar from './VideoProgressBar';\nimport ThronVideo from '@components/utils/ThronVideo';\nimport '@moncler/scss/components/editorial-video-simplified/component-editorial-video-simplified.scss';\nimport useBreakpoint from '@utils/useBreakpoint';\nimport FocusTrap from 'focus-trap-react';\nconst StandaloneFullVideo = (props) => {\n    const currentBreakpoint = useBreakpoint();\n    const { eventName, thronid, mobileThronid } = props;\n    const [activeThronID, setActiveThronID] = useState(thronid);\n    const [active, setActive] = useState(false);\n    const activeRef = useRef(false);\n    const [playerStatus, setPlayerStatus] = useState(false);\n    const videoRef = useRef();\n    useEffect(() => {\n        window.addEventListener(eventName, activateComponent);\n        return () => {\n            window.removeEventListener(eventName, activateComponent);\n        };\n    }, []);\n    useEffect(() => {\n        setActiveThronID(currentBreakpoint <= window.mqObj.sm && mobileThronid ? mobileThronid : thronid);\n    }, [currentBreakpoint]);\n    useEffect(() => {\n        activeRef.current = active; // Ugly workaround, but thron's TS component callbacks are closured\n        if (!active) {\n            setPlayerStatus(null);\n        }\n    }, [active]);\n    const activateComponent = () => {\n        var _a, _b, _c;\n        setActive(true);\n        (_a = document.querySelector('header')) === null || _a === void 0 ? void 0 : _a.classList.add('video-full-screen');\n        document.body.style.overflowY = 'hidden';\n        (_c = (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.closest('.video-module')) === null || _c === void 0 ? void 0 : _c.classList.add('full-screen');\n    };\n    const deactivateComponent = () => {\n        var _a, _b;\n        setActive(false);\n        (_a = document.querySelector('header')) === null || _a === void 0 ? void 0 : _a.classList.remove('video-full-screen');\n        document.body.style.overflowY = 'scroll';\n        (_b = videoRef.current.closest('.video-module')) === null || _b === void 0 ? void 0 : _b.classList.remove('full-screen');\n    };\n    if (!active) {\n        return React.createElement(React.Fragment, null);\n    }\n    return (React.createElement(FocusTrap, null,\n        React.createElement(\"div\", { ref: videoRef, className: \"video-module__inner-container video-container video-opened\" },\n            activeThronID && (React.createElement(ThronVideo, { thronID: activeThronID, onTimeUpdate: (playerInstance) => {\n                    if (activeRef.current) {\n                        setPlayerStatus(playerInstance.status());\n                    }\n                } })),\n            React.createElement(\"button\", { className: \"close-icon\", onClick: deactivateComponent }),\n            React.createElement(VideoProgressBar, { playerStatus: playerStatus, videoRef: videoRef.current, hidden: !active }))));\n};\nexport default StandaloneFullVideo;\n","import React, { useState, useEffect } from 'react';\nimport classNames from 'classnames';\nconst VideoProgressBar = (props) => {\n    const { playerStatus, videoRef, hidden } = props;\n    const [progressPercentage, setProgressPercentage] = useState(0);\n    useEffect(() => {\n        if (playerStatus) {\n            setProgressPercentage((playerStatus.currentTime / playerStatus.duration) * 100);\n            if (playerStatus.playing) {\n                videoRef.querySelector('.play-pause-button').setAttribute('aria-pressed', 'false');\n            }\n        }\n        else {\n            setProgressPercentage(0);\n        }\n    }, [playerStatus]);\n    useEffect(() => {\n        if (hidden) {\n            setProgressPercentage(0);\n        }\n    }, [hidden]);\n    const handleClickProgressBar = (e) => {\n        let rect = e.target.getBoundingClientRect();\n        let x = e.clientX - rect.left;\n        let progressBarPercentage = (x / e.target.clientWidth) * 100;\n        let timeToSet = (progressBarPercentage / 100) * playerStatus.duration;\n        videoRef.querySelector('.th-video-element video').currentTime = timeToSet;\n        setProgressPercentage(progressBarPercentage);\n    };\n    const handleDragProgressbar = (e) => {\n        let rect = e.target.getBoundingClientRect();\n        let x = e.changedTouches[0].clientX - rect.left;\n        let progressBarPercentage = (x / e.target.clientWidth) * 100;\n        let timeToSet = (progressBarPercentage / 100) * playerStatus.duration;\n        videoRef.querySelector('.th-video-element video').currentTime = timeToSet;\n        setProgressPercentage(progressBarPercentage);\n    };\n    return (React.createElement(\"div\", { className: classNames('video-module__controls', { hidden: hidden }) },\n        React.createElement(\"button\", { \"data-pause\": true, \"aria-pressed\": \"false\", type: \"button\", \"aria-label\": \"play-pause\", className: classNames('play-pause-button') }),\n        React.createElement(\"button\", { \"data-mute\": true, \"aria-pressed\": \"false\", type: \"button\", \"aria-label\": \"volume\", className: classNames('volume-button') }),\n        React.createElement(\"button\", { className: \"progress-bar-wrapper\", onClick: (e) => handleClickProgressBar(e), onTouchEnd: (e) => handleDragProgressbar(e) },\n            React.createElement(\"div\", { className: \"progress-bar\" }, !hidden && React.createElement(\"span\", { className: \"progress\", style: { width: `${progressPercentage || 0}%`, transition: progressPercentage === 0 ? 'all 0s' : 'all 0.2s linear' } })))));\n};\nexport default VideoProgressBar;\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","key","call","join","module","exports","default","ReactPropTypesSecret","emptyFunction","emptyFunctionWithReset","resetWarningCache","shim","props","propName","componentName","location","propFullName","secret","err","Error","name","getShim","isRequired","ReactPropTypes","array","bigint","bool","func","number","object","string","symbol","any","arrayOf","element","elementType","instanceOf","node","objectOf","oneOf","oneOfType","shape","exact","checkPropTypes","PropTypes","videoRef","useRef","thronComponent","setThronComponent","useState","useEffect","current","changeContent","thronID","options","onPauseCallback","onPlayCallback","onCompleteCallback","onInitCallback","onTimeUpdate","loopTimes","newThronComponent","ref","className","thronMobileID","muted","autoplay","loop","lockBitrate","noskin","sessionId","mediaQueries","assign","window","mqObj","currentBreakpoint","setCurrentBreakpoint","_a","documentWidth","innerWidth","visualViewport","width","filtered","keys","filter","getInitialBreakpointValue","handleResize","currentBr","getCurrentBreakpoint","addEventListener","removeEventListener","eventName","thronid","mobileThronid","activeThronID","setActiveThronID","active","setActive","activeRef","playerStatus","setPlayerStatus","activateComponent","sm","_b","_c","document","querySelector","classList","add","body","style","overflowY","closest","playerInstance","status","onClick","remove","hidden","progressPercentage","setProgressPercentage","currentTime","duration","playing","setAttribute","type","e","rect","target","getBoundingClientRect","progressBarPercentage","clientX","left","clientWidth","timeToSet","handleClickProgressBar","onTouchEnd","changedTouches","handleDragProgressbar","transition"],"sourceRoot":""}