{"version":3,"sources":["../ui/src/components/icon-components/shareIcon.tsx","../ui/src/components/player-components/markersList/markersList.tsx","../ui/src/components/player-components/markersList/markersListIcon.tsx","../ui/src/components/player-components/confirmationModal/confirmationModal.tsx","../ui/src/components/icon-components/arrowUpIcon.tsx","../ui/src/components/icon-components/arrowDownIcon.tsx"],"sourcesContent":["import { IShareIconProps } from \"interfaces\";\r\n\r\nconst ShareIcon = ({ className, onClick, onDoubleClick }: IShareIconProps) => {\r\n    return (\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" className={className} onClick={onClick} onDoubleClick={onDoubleClick}>\r\n            <path d=\"M9.78947 0C8.57424 0 7.57895 0.995297 7.57895 2.21053C7.57895 2.3955 7.64164 2.56088 7.68503 2.73294L3.89864 4.62706C3.49235 4.12861 2.89942 3.78947 2.21053 3.78947C0.995296 3.78947 0 4.78477 0 6C0 7.21523 0.995296 8.21053 2.21053 8.21053C2.89942 8.21053 3.49235 7.87139 3.89864 7.37294L7.68503 9.26706C7.64164 9.43912 7.57895 9.6045 7.57895 9.78947C7.57895 11.0047 8.57424 12 9.78947 12C11.0047 12 12 11.0047 12 9.78947C12 8.57424 11.0047 7.57895 9.78947 7.57895C9.10058 7.57895 8.50765 7.91809 8.10136 8.41653L4.31497 6.52241C4.35836 6.35036 4.42105 6.18498 4.42105 6C4.42105 5.81502 4.35836 5.64964 4.31497 5.47759L8.10136 3.58347C8.50765 4.08191 9.10058 4.42105 9.78947 4.42105C11.0047 4.42105 12 3.42576 12 2.21053C12 0.995297 11.0047 0 9.78947 0ZM9.78947 0.947368C10.4927 0.947368 11.0526 1.50729 11.0526 2.21053C11.0526 2.91376 10.4927 3.47368 9.78947 3.47368C9.08624 3.47368 8.52632 2.91376 8.52632 2.21053C8.52632 1.50729 9.08624 0.947368 9.78947 0.947368ZM2.21053 4.73684C2.91376 4.73684 3.47368 5.29677 3.47368 6C3.47368 6.70323 2.91376 7.26316 2.21053 7.26316C1.50729 7.26316 0.947368 6.70323 0.947368 6C0.947368 5.29677 1.50729 4.73684 2.21053 4.73684ZM9.78947 8.52632C10.4927 8.52632 11.0526 9.08624 11.0526 9.78947C11.0526 10.4927 10.4927 11.0526 9.78947 11.0526C9.08624 11.0526 8.52632 10.4927 8.52632 9.78947C8.52632 9.08624 9.08624 8.52632 9.78947 8.52632Z\"/>\r\n        </svg>\r\n\r\n    )\r\n}\r\n\r\nexport default ShareIcon;","import { useRef, useState } from \"react\";\r\nimport Image from \"next/image\";\r\nimport Popover from \"../popover/popover\";\r\nimport Emoji from \"../emoji/emoji\";\r\nimport ShareDialog from \"../share/shareDialog\";\r\nimport MarkersListIcon from \"./markersListIcon\";\r\nimport ConfirmationModal from \"../confirmationModal/confirmationModal\";\r\nimport { ConditionName, IMarker } from \"interfaces\";\r\nimport { useAppDispatch, useAppSelector } from \"redux-share/hooks\";\r\nimport { conditions, handleHasXTokenParamOrSendXToken, handlePopoverSizeInMiniPlayer, progressBar, responseValidator, secondsToHMS, videoTag } from \"helpers\";\r\nimport useOnClickOutside from \"helpers/hooks/useOnClickOutside\";\r\nimport { setClearPopoversSlice, setMarkersListPopover, setPersonalMarkersPopover } from \"redux-share/slices/popoversSlice\";\r\nimport { getMarkerPosition } from \"redux-share/actions/progressbar.actions\";\r\nimport { handleVideoTimeline } from \"redux-share/actions/controller.actions\";\r\nimport { eventMarkerClickLog, sendFluentLog } from \"../../../../../logs\";\r\nimport { API, apiCaller } from \"../../../../../services\";\r\nimport { setMarkers } from \"redux-share/slices/videoDataSlice\";\r\nimport IMAGES from \"../../../../../images/importImages\";\r\nimport { setSelectedPersonalMarker } from \"redux-share/slices/userSlice\";\r\nimport ShareIcon from \"../../icon-components/shareIcon\";\r\nimport { shallowEqual } from 'react-redux'\r\nimport { toast } from \"mobin-toast\";\r\nimport dynamic from \"next/dynamic\";\r\nimport ArrowUpIcon from \"../../icon-components/arrowUpIcon\";\r\nimport ArrowDownIcon from \"../../icon-components/arrowDownIcon\";\r\n\r\nconst ControllbarTooltip = dynamic(() => import(\"../../mainComponent/footer/controllbar/controllbarTooltip\"));\r\n\r\nconst MarkersList = () => {\r\n\r\n    const [openDialog, setOpenDialog] = useState<boolean>(false);\r\n    const [videoCurrentTime, setVideoCurrentTime] = useState<number>(0);\r\n    const [markerId, setMarkerId] = useState<number | undefined>(undefined);\r\n    const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n    const [openPersonalMarkerMenu, setOpenPersonalMarkerMenu] = useState<number | undefined>(undefined);\r\n    const [deleteMarker, setDeleteMarker] = useState<IMarker | undefined>(undefined);\r\n\r\n    const { markers, params } = useAppSelector(({ videoData: { markers, params, isComplexPortrait, videoElementSizeInfo } }) => ({ markers, params, isComplexPortrait, videoElementSizeInfo }), shallowEqual);\r\n    const { markersListPopover } = useAppSelector(({ popovers: { markersListPopover } }) => ({ markersListPopover }), shallowEqual);\r\n    useAppSelector(({ controller: { showMiniPlayer } }) => ({ showMiniPlayer }), shallowEqual);\r\n    const markersListRef = useRef(null);\r\n\r\n    const dispatch = useAppDispatch();\r\n\r\n    const handleClickShare = (event: any, markerTime: number) => {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        setOpenDialog(true);\r\n        setVideoCurrentTime(markerTime);\r\n        const result = markers.find((marker: any) => marker.time === markerTime)?.id;\r\n        setMarkerId(result);\r\n    }\r\n\r\n    useOnClickOutside(markersListRef, () => {\r\n        if (!conditions(ConditionName.isComplexPortrait)) dispatch(setMarkersListPopover(false));\r\n    }\r\n    );\r\n\r\n    const handleClickMarker = (markerTime: number, markerId: number, markerTitle: String, markerDescription: String, markerSticker: String) => {\r\n        if (progressBar()) progressBar().style.width = `${getMarkerPosition(markerTime)}px`;\r\n        handleVideoTimeline(videoTag().currentTime, markerTime);\r\n        videoTag().currentTime = markerTime;\r\n        if (!conditions(ConditionName.isComplexPortrait)) dispatch(setMarkersListPopover(false))\r\n        sendFluentLog(eventMarkerClickLog(markerId, markerTime, markerTitle, markerDescription, markerSticker));\r\n    }\r\n\r\n    const handleShowMarkerListPopover = () => {\r\n        if (conditions(ConditionName.isComplexPortrait)) dispatch(setClearPopoversSlice());\r\n        dispatch(setMarkersListPopover(!markersListPopover));\r\n    }\r\n\r\n    const handleDeleteMarker = async (inputMarker: IMarker) => {\r\n        const { status } = await apiCaller({\r\n            url: API().user.deletePersonalMarker(inputMarker.isPersonal!),\r\n            method: \"DELETE\",\r\n            headers: handleHasXTokenParamOrSendXToken()\r\n        });\r\n        if (responseValidator(status)) {\r\n            toast({ title: \"نشانگر با موفقیت حذف شد.\", type: \"success\" })\r\n            dispatch(setMarkers(markers.filter((m: IMarker) => m.time !== inputMarker.time)))\r\n        }\r\n        setDeleteMarker(undefined);\r\n    }\r\n\r\n    return (\r\n        <div\r\n            className={`pl-flex pl-items-center pl-p-1 pl-relative ${conditions(ConditionName.showMarkerListPopover) && \"pl-bg-secondary-50/[0.4] pl-rounded-[4px]\"}`}\r\n            ref={conditions(ConditionName.isComplexPortrait) ? undefined : markersListRef}>\r\n            <MarkersListIcon\r\n                className={`pl-cursor-pointer ${(conditions(ConditionName.isComplexPortrait) && params.theme === \"light\") ? \"pl-fill-gray-800\" : \"pl-fill-dark-5\"} ${conditions(ConditionName.isComplexPortrait) ? \"pl-w-[15px] pl-h-[15px]\" : \"pl-w-[22px] pl-h-[22px]\"}`}\r\n                onClick={handleShowMarkerListPopover}\r\n                onMouseOver={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true)}\r\n                onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n            />\r\n            {showTooltip &&\r\n                <ControllbarTooltip title=\"لیست نشانگرها (e)\" className=\"!pl-bottom-[180%] !pl-right-[-48px]\" />}\r\n            <Popover\r\n                classNames={`!pl-p-0 pl-left-0 ${(!conditions(ConditionName.isComplexPortrait)) && \"!pl-max-h-[290px] !pl-mb-[33px]\"} ${conditions(ConditionName.isMiniPlayer) && !conditions(ConditionName.isFullMobilePortrait) ? `!pl-fixed !pl-rounded-none pl-w-[296px]` : \"pl-w-[301px]\"}`}\r\n                animation={conditions(ConditionName.isMiniPlayer) && !conditions(ConditionName.isFullMobilePortrait) ? (markersListPopover ? \"animate__fadeInLeft\" : \"animate__fadeOutLeft\") : undefined}\r\n                styles={handlePopoverSizeInMiniPlayer()}\r\n                status={conditions(ConditionName.showMarkerListPopover)}\r\n                onClose={() => {\r\n                    dispatch(setMarkersListPopover(false));\r\n                    setOpenPersonalMarkerMenu(undefined);\r\n                }}\r\n                ref={conditions(ConditionName.isComplexPortrait) ? markersListRef : undefined}\r\n                isFullHeight={conditions(ConditionName.isComplexPortrait)}\r\n                headerTitle=\"نشانگرها\"\r\n                isHeader={true}\r\n                type={conditions(ConditionName.isComplexPortrait) ? \"modal\" : \"popover\"}\r\n                isHasCatchUpLineOnTop={conditions(ConditionName.isComplexPortrait)}\r\n            >\r\n                <div className=\"pl-flex pl-flex-col pl-gap-6 pl-mx-2 pl-mt-2\">\r\n                    <div className=\"pl-flex pl-flex-col pl-gap-2 pl-pb-2\">\r\n                        {markers.map((marker: IMarker) => (\r\n                            <div\r\n                                key={marker.id}\r\n                                onClick={() => handleClickMarker(marker.time, marker.id, marker.title, marker.description, marker.sticker)}\r\n                                className=\"odd:dark:pl-bg-dark-1 odd:pl-bg-main/[0.1] hover:pl-bg-main/[0.1] hover:dark:bg-white/[0.25] pl-rounded-[8px]\">\r\n                                <div\r\n                                    className=\"pl-flex pl-item-center pl-gap-2 pl-cursor-pointer pl-rounded-[4px] pl-relative pl-p-2 pl-mx-2\">\r\n                                    {(marker.banner || !marker.sticker)\r\n                                        ?\r\n                                        <Image\r\n                                            src={marker.banner ? marker.banner : IMAGES.defaultMarkersListItemIcon}\r\n                                            width={40}\r\n                                            height={40}\r\n                                            alt={marker.title}\r\n                                        />\r\n                                        : (\r\n                                            <div\r\n                                                className=\"pl-w-[40px] pl-h-[40px] pl-bg-secondary dark:pl-bg-secondary-50 pl-rounded-[6px] pl-flex pl-items-center\">\r\n                                                <Emoji name={marker.sticker}\r\n                                                    className=\"pl-w-[20px] pl-h-[20px] pl-mx-auto\" />\r\n                                            </div>\r\n                                        )\r\n                                    }\r\n                                    <div className=\"pl-text-gray-800 dark:pl-text-white\">\r\n                                        <p className=\"pl-flex pl-items-center pl-mb-1 pl-text-[14px] pl-font-bold pl-w-[130px] pl-whitespace-nowrap pl-overflow-hidden pl-text-ellipsis\">\r\n                                            <div>{marker.title}</div>\r\n                                            {\r\n                                                marker.isPersonal !== null && marker.isPersonal !== undefined && (\r\n                                                    <div className=\"pl-flex pl-items-center\">\r\n                                                        <Image\r\n                                                            className=\"pl-w-full pl-h-full\"\r\n                                                            src={IMAGES.personalMarkerSign}\r\n                                                            width={16}\r\n                                                            height={16}\r\n                                                            alt={marker.title}\r\n                                                        />\r\n                                                    </div>\r\n                                                )\r\n                                            }\r\n                                        </p>\r\n                                        <p className=\"pl-text-[13px] pl-font-normal pl-w-[200px] pl-whitespace-nowrap pl-overflow-hidden pl-text-ellipsis\">{marker.description}</p>\r\n                                    </div>\r\n                                    {\r\n                                        marker.isPersonal !== null && marker.isPersonal !== undefined && (\r\n                                            <div\r\n                                                className=\"pl-absolute pl-left-0.5 pl-bottom-2.5\" onClick={(e) => {\r\n                                                    e.preventDefault();\r\n                                                    e.stopPropagation();\r\n                                                    if (openPersonalMarkerMenu === marker.time) setOpenPersonalMarkerMenu(undefined)\r\n                                                    else setOpenPersonalMarkerMenu(marker.time)\r\n                                                }}>\r\n                                                {\r\n                                                    openPersonalMarkerMenu !== undefined && openPersonalMarkerMenu === marker.time ?\r\n                                                        <ArrowUpIcon className=\"dark:pl-fill-z-secondary-50 pl-fill-secondary-500\" /> :\r\n                                                        <ArrowDownIcon className=\"dark:pl-fill-z-secondary-50 pl-fill-secondary-500\" />\r\n                                                }\r\n                                            </div>\r\n                                        )\r\n                                    }\r\n                                    <span\r\n                                        className={`pl-absolute pl-left-9 pl-top-2 pl-text-[12px] pl-font-bold pl-bg-secondary/[0.3] dark:pl-bg-secondary/[0.6] pl-text-gray-800 dark:pl-text-white pl-rounded-[4px] pl-p-[3px]`}>{secondsToHMS(marker.time)}</span>\r\n                                    <ShareIcon\r\n                                        className={`pl-flex pl-absolute pl-left-1 pl-top-3 pl-items-center pl-w-15 pl-h-15 pl-fill-gray-800 dark:pl-fill-white`}\r\n                                        onClick={(event) => handleClickShare(event, marker.time)} />\r\n                                </div>\r\n                                {\r\n                                    openPersonalMarkerMenu !== undefined && openPersonalMarkerMenu === marker.time && (\r\n                                        <div\r\n                                            className=\"pl-flex pl-item-center pl-cursor-pointer pl-rounded-[4px] pl-relative pl-p-2 pl-mx-2 pl-flex-col pl-w-full\">\r\n                                            <hr className=\"pl-bg-secondary-300 pl-ml-2\" />\r\n                                            <div className=\"pl-flex pl-items-center pl-w-full pl-pt-2\">\r\n                                                <div className=\"pl-flex pl-gap-4 pl-items-center\" onClick={(e) => {\r\n                                                    e.stopPropagation();\r\n                                                    e.preventDefault();\r\n                                                    dispatch(setSelectedPersonalMarker(marker));\r\n                                                    dispatch(setPersonalMarkersPopover(true));\r\n                                                    dispatch(setMarkersListPopover(false))\r\n                                                }}>\r\n                                                    <div\r\n                                                        className=\"pl-p-3 pl-bg-main-light pl-rounded-[8px] pl-flex pl-items-center\">\r\n                                                        <Image\r\n                                                            className=\"pl-w-full pl-h-full\"\r\n                                                            src={IMAGES.editMarker}\r\n                                                            width={16}\r\n                                                            height={16}\r\n                                                            alt={marker.title}\r\n                                                        />\r\n                                                    </div>\r\n                                                    <span\r\n                                                        className=\"pl-text-gray-800 dark:pl-text-secondary-300 pl-text-[13px] pl-font-500\">ویرایش</span>\r\n                                                </div>\r\n                                                <div className=\"pl-flex pl-flex-1 pl-justify-center pl-gap-4 pl-items-center\" onClick={(e) => {\r\n                                                    e.stopPropagation();\r\n                                                    e.preventDefault();\r\n                                                    setDeleteMarker(marker);\r\n                                                    dispatch(setMarkersListPopover(false))\r\n                                                }}>\r\n                                                    <div\r\n                                                        className=\"pl-p-3 pl-bg-main-light pl-rounded-[8px] pl-flex pl-items-center\">\r\n                                                        <Image\r\n                                                            className=\"pl-w-full pl-h-full\"\r\n                                                            src={IMAGES.trashMarker}\r\n                                                            width={16}\r\n                                                            height={16}\r\n                                                            alt={marker.title}\r\n                                                        />\r\n                                                    </div>\r\n                                                    <span\r\n                                                        className=\"pl-text-gray-800 dark:pl-text-secondary-300 pl-text-[13px] pl-font-500\">حذف</span>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    )\r\n                                }\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n            </Popover>\r\n            <ShareDialog currentTime={videoCurrentTime} status={openDialog} onClose={setOpenDialog} markerId={markerId} />\r\n            <ConfirmationModal\r\n                onClose={() => setDeleteMarker(undefined)}\r\n                modalType={\"DELETE\"}\r\n                status={!!deleteMarker}\r\n                text={\"آیا از حذف نشانگر مطمئن هستید؟\"}\r\n                cancelButtonText={\"انصراف\"}\r\n                submitButtonText={\"حذف\"}\r\n                onSubmit={() => handleDeleteMarker(deleteMarker!)}\r\n            >\r\n                <div\r\n                    className=\"pl-flex pl-flex-col pl-gap-1 pl-text-[16px] pl-font-medium pl-items-center pl-justify-between dark:pl-text-white pl-text-secondary-800\">\r\n                    <div\r\n                        className=\"pl-relative pl-flex pl-flex-col pl-justify-center pl-items-center pl-self-center pl-shrink-0 pl-border pl-border-[1.5px] pl-rounded-[12px] pl-bg-main/[0.1] pl-w-[126px] pl-h-[110px]\">\r\n                        <span\r\n                            className=\"pl-emoji-mart-emoji pl-flex pl-flex-col pl-items-center pl-gap-[11px] pl-justify-center pl-h-full\">\r\n                            <Emoji name={deleteMarker?.sticker} className=\"pl-w-[56px] pl-h-[56px] pl-mx-auto\" />\r\n                        </span>\r\n                    </div>\r\n                    <div>{deleteMarker?.title}</div>\r\n                </div>\r\n            </ConfirmationModal>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default MarkersList;","import { useAppSelector } from \"redux-share\";\r\nimport { conditions } from \"../../../../../helpers\";\r\nimport { ConditionName, IMarkerListIconProps } from \"../../../../../interfaces\";\r\nimport { shallowEqual } from 'react-redux'\r\n\r\nconst MarkersListIcon = (props: IMarkerListIconProps) => {\r\n\r\n    useAppSelector(({ controller: { showMiniPlayer } }) => ({ showMiniPlayer }), shallowEqual);\r\n    useAppSelector(({ videoData: { videoElementSizeInfo, params } }) => ({ videoElementSizeInfo, params }), shallowEqual);\r\n\r\n    let icon = <></>;\r\n\r\n    if (conditions(ConditionName.isSplusEnvironment)) icon = <i className={`fa-solid fa-list ${conditions(ConditionName.isMiniPlayer) ? \"pl-text-[13px]\" : \"pl-text-[22px]\"} pl-text-white pl-cursor-pointer`} {...props} />\r\n    else icon = (\r\n        <svg\r\n            style={{\r\n                width: conditions(ConditionName.isMiniPlayer) ? 13 : conditions(ConditionName.isTouchScreenPortrait) ? 16 : 22,\r\n                height: conditions(ConditionName.isMiniPlayer) ? 14 : conditions(ConditionName.isTouchScreenPortrait) ? 16 : 22,\r\n            }}\r\n            viewBox=\"0 0 22 22\"\r\n            fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" \r\n            {...props}\r\n        >\r\n            <rect x=\"3\" y=\"3\" width=\"4\" height=\"4\" rx=\"1.5\" />\r\n            <rect x=\"3\" y=\"9\" width=\"4\" height=\"4\" rx=\"1.5\" />\r\n            <rect x=\"3\" y=\"15\" width=\"4\" height=\"4\" rx=\"1.5\" />\r\n            <rect x=\"8\" y=\"16\" width=\"11\" height=\"2\" rx=\"1\" />\r\n            <rect x=\"8\" y=\"10\" width=\"11\" height=\"2\" rx=\"1\" />\r\n            <rect x=\"8\" y=\"4\" width=\"11\" height=\"2\" rx=\"1\" />\r\n        </svg>\r\n    )\r\n\r\n    if (conditions(ConditionName.isComplexPortrait)) icon = (\r\n        <div className=\"pl-flex pl-items-center pl-gap-[14px] pl-rounded-[20px] pl-text-secondary-700 dark:pl-text-secondary-50 pl-bg-gray-100 dark:pl-bg-dark-3 pl-px-4 pl-py-[7px] pl-cursor-pointer\" onClick={props.onClick}>\r\n            {icon}\r\n            <span>نشانگرها</span>\r\n        </div>\r\n    )\r\n\r\n    return <>{icon}</>\r\n}\r\n\r\nexport default MarkersListIcon;","import Popover from \"../popover/popover\";\r\nimport Image from \"next/image\";\r\nimport {useRef} from \"react\";\r\nimport useOnClickOutside from \"helpers/hooks/useOnClickOutside\";\r\nimport { ConditionName, IConfirmationModalProps } from \"interfaces\";\r\nimport { conditions, isTouchScreen } from \"helpers\";\r\nimport IMAGES from \"../../../../../images/importImages\";\r\n\r\nconst ConfirmationModal = ({ modalType, onClose, cancelButtonText, submitButtonText, onSubmit, text, status, children }: IConfirmationModalProps) => {\r\n\r\n    const personalMarkerRef = useRef(null);\r\n    useOnClickOutside(personalMarkerRef, onClose);\r\n\r\n    return (\r\n        <>\r\n            {\r\n                <Popover\r\n                    classNames={conditions(ConditionName.isTouchScreenLandscape) ? \"pl-w-[360px] pl-max-h-[90vh] pl-relative\" : \"pl-w-[360px] pl-h-[322px] pl-relative\"}\r\n                    type={\"modal\"}\r\n                    onClose={() => {}}\r\n                    ref={personalMarkerRef}\r\n                    status={status}\r\n                    isBlurBackground={true}\r\n                >\r\n                    {\r\n                        modalType === \"DELETE\" ? (\r\n                            <div className=\"pl-flex pl-justify-between pl-flex-col pl-p-4 pl-w-full pl-h-full pl-rounded-[8px] pl-border-t-[8px] pl-border-t-[#EA0000] pl-border-r-none pl-border-l-none\">\r\n                                <div className={`pl-absolute pl-top-0 pl-left-0 pl-w-[40px] pl-h-[40px] pl-rounded-full pl-bg-[#EA0000] pl-top-[-20px] ${isTouchScreen() && !conditions(ConditionName.isTouchScreenLandscape) ? \"pl-right-[calc(50vw-20px)]\" : \"pl-left-[160px]\"} pl-flex pl-items-center pl-justify-center`}>\r\n                                    <Image\r\n                                        className=\"pl-w-full pl-h-full\"\r\n                                        src={IMAGES.trashDeleteModal}\r\n                                        width={25}\r\n                                        height={25}\r\n                                        alt={\"trash\"}\r\n                                    />\r\n                                </div>\r\n                                <div className=\"pl-pt-4 pl-w-full\">{text}</div>\r\n                                {children}\r\n                                <div className=\"pl-flex pl-items-end pl-justify-between pl-w-full pl-pt-6\">\r\n                                    <button className=\"pl-w-1/2 pl-h-[40px] pl-bg-red-600 pl-rounded-[8px] pl-text-white\" onClick={onSubmit}>{submitButtonText}</button>\r\n                                    <button className=\"pl-w-1/2 pl-h-[40px] pl-rounded-[8px] dark:pl-text-z-secondary-50 pl-text-gray-500\" onClick={onClose}>{cancelButtonText}</button>\r\n                                </div>\r\n                            </div>\r\n                        ) : (\r\n                            <></>\r\n                        )\r\n                    }\r\n                </Popover>\r\n            }\r\n        </>\r\n    );\r\n}\r\n\r\nexport default ConfirmationModal;\r\n","import { IArrowUpIconProps } from \"interfaces\";\r\n\r\nconst ArrowUpIcon = ({ className, onClick }: IArrowUpIconProps) => {\r\n    return (\r\n        <svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\" className={className} onClick={onClick}>\r\n            <path d=\"M7.99706 4.80544C8.46372 4.80544 8.93039 4.98544 9.28372 5.33878L13.6304 9.68544C13.8237 9.87878 13.8237 10.1988 13.6304 10.3921C13.4371 10.5854 13.1171 10.5854 12.9237 10.3921L8.57706 6.04544C8.25706 5.72544 7.73706 5.72544 7.41706 6.04544L3.07039 10.3921C2.87706 10.5854 2.55706 10.5854 2.36372 10.3921C2.17039 10.1988 2.17039 9.87878 2.36372 9.68544L6.71039 5.33878C7.06372 4.98544 7.53039 4.80544 7.99706 4.80544Z\"/>\r\n        </svg>\r\n    )\r\n}\r\n\r\nexport default ArrowUpIcon;","import { IArrowDownIconProps } from \"interfaces\";\r\n\r\nconst ArrowDownIcon = ({ className, onClick }: IArrowDownIconProps) => {\r\n    return (\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" className={className} onClick={onClick}>\r\n            <path d=\"M8.00294 11.2004C7.53628 11.2004 7.06961 11.0204 6.71628 10.6671L2.36961 6.32042C2.17628 6.12708 2.17628 5.80708 2.36961 5.61375C2.56294 5.42042 2.88294 5.42042 3.07628 5.61375L7.42294 9.96042C7.74294 10.2804 8.26294 10.2804 8.58294 9.96042L12.9296 5.61375C13.1229 5.42042 13.4429 5.42042 13.6363 5.61375C13.8296 5.80708 13.8296 6.12708 13.6363 6.32042L9.28961 10.6671C8.93628 11.0204 8.46961 11.2004 8.00294 11.2004Z\"/>\r\n        </svg>\r\n    )\r\n}\r\n\r\nexport default ArrowDownIcon;"],"mappings":"6cAAAA,IAKY,cAAAC,OAAA,oBAHZ,IAAMC,GAAY,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,cAAAC,CAAc,IAE/CJ,GAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA6B,UAAWE,EAAW,QAASC,EAAS,cAAeC,EAClJ,SAAAJ,GAAC,QAAK,EAAE,i2CAAg2C,EAC52C,EAKDK,GAAQJ,GCXfK,IAAA,OAAS,UAAAC,GAAQ,YAAAC,MAAgB,QACjC,OAAOC,MAAW,aCDlBC,IAGA,OAAS,gBAAAC,OAAoB,cAOd,mBAAAC,GAAA,OAAAC,EAIP,QAAAC,OAJO,oBALf,IAAMC,GAAmBC,GAAgC,CAErDC,EAAe,CAAC,CAAE,WAAY,CAAE,eAAAC,CAAe,CAAE,KAAO,CAAE,eAAAA,CAAe,GAAIP,EAAY,EACzFM,EAAe,CAAC,CAAE,UAAW,CAAE,qBAAAE,EAAsB,OAAAC,CAAO,CAAE,KAAO,CAAE,qBAAAD,EAAsB,OAAAC,CAAO,GAAIT,EAAY,EAEpH,IAAIU,EAAOR,EAAAD,GAAA,EAAE,EAEb,OAAIU,sBAA2C,EAAGD,EAAOR,EAAC,KAAE,UAAW,oBAAoBS,gBAAqC,EAAI,iBAAmB,gBAAgB,mCAAqC,GAAGN,EAAO,EACjNK,EACDP,GAAC,OACG,MAAO,CACH,MAAOQ,gBAAqC,EAAI,GAAKA,yBAA8C,EAAI,GAAK,GAC5G,OAAQA,gBAAqC,EAAI,GAAKA,yBAA8C,EAAI,GAAK,EACjH,EACA,QAAQ,YACR,KAAK,OAAO,MAAM,6BACjB,GAAGN,EAEJ,UAAAH,EAAC,QAAK,EAAE,IAAI,EAAE,IAAI,MAAM,IAAI,OAAO,IAAI,GAAG,MAAM,EAChDA,EAAC,QAAK,EAAE,IAAI,EAAE,IAAI,MAAM,IAAI,OAAO,IAAI,GAAG,MAAM,EAChDA,EAAC,QAAK,EAAE,IAAI,EAAE,KAAK,MAAM,IAAI,OAAO,IAAI,GAAG,MAAM,EACjDA,EAAC,QAAK,EAAE,IAAI,EAAE,KAAK,MAAM,KAAK,OAAO,IAAI,GAAG,IAAI,EAChDA,EAAC,QAAK,EAAE,IAAI,EAAE,KAAK,MAAM,KAAK,OAAO,IAAI,GAAG,IAAI,EAChDA,EAAC,QAAK,EAAE,IAAI,EAAE,IAAI,MAAM,KAAK,OAAO,IAAI,GAAG,IAAI,GACnD,EAGAS,qBAA0C,IAAGD,EAC7CP,GAAC,OAAI,UAAU,iLAAiL,QAASE,EAAM,QAC1M,UAAAK,EACDR,EAAC,QAAK,4DAAQ,GAClB,GAGGA,EAAAD,GAAA,CAAG,SAAAS,EAAK,CACnB,EAEOE,GAAQR,GC1CfS,IACA,OAAOC,OAAW,aAClB,OAAQ,UAAAC,OAAa,QA0Be,OAgBR,YAAAC,GAhBQ,OAAAC,EAUJ,QAAAC,OAVI,oBApBpC,IAAMC,GAAoB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,iBAAAC,EAAkB,iBAAAC,EAAkB,SAAAC,EAAU,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,CAAS,IAA+B,CAEjJ,IAAMC,EAAoBC,GAAO,IAAI,EACrC,OAAAC,EAAkBF,EAAmBP,CAAO,EAGxCJ,EAAAD,GAAA,CAEQ,SAAAC,EAACc,EAAA,CACG,WAAYC,0BAA+C,EAAI,2CAA6C,wCAC5G,KAAM,QACN,QAAS,IAAM,CAAC,EAChB,IAAKJ,EACL,OAAQF,EACR,iBAAkB,GAGd,SAAAN,IAAc,SACVF,GAAC,OAAI,UAAU,+JACX,UAAAD,EAAC,OAAI,UAAW,yGAAyGgB,EAAc,GAAK,CAACD,0BAA+C,EAAI,6BAA+B,iBAAiB,6CAC5O,SAAAf,EAACiB,GAAA,CACG,UAAU,sBACV,IAAKC,EAAO,iBACZ,MAAO,GACP,OAAQ,GACR,IAAK,QACT,EACJ,EACAlB,EAAC,OAAI,UAAU,oBAAqB,SAAAQ,EAAK,EACxCE,EACDT,GAAC,OAAI,UAAU,4DACX,UAAAD,EAAC,UAAO,UAAU,oEAAoE,QAASO,EAAW,SAAAD,EAAiB,EAC3HN,EAAC,UAAO,UAAU,qFAAqF,QAASI,EAAU,SAAAC,EAAiB,GAC/I,GACJ,EAEAL,EAAAD,GAAA,EAAE,EAGd,EAER,CAER,EAEOoB,GAAQjB,GFjCf,OAAS,gBAAAkB,MAAoB,cAC7B,OAAS,SAAAC,OAAa,cACtB,OAAOC,OAAa,eGtBpBC,IAKY,cAAAC,OAAA,oBAHZ,IAAMC,GAAc,CAAC,CAAE,UAAAC,EAAW,QAAAC,CAAQ,IAElCH,GAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,MAAM,6BAA6B,UAAWE,EAAW,QAASC,EAC9G,SAAAH,GAAC,QAAK,EAAE,oaAAma,EAC/a,EAIDI,GAAQH,GCVfI,IAKY,cAAAC,OAAA,oBAHZ,IAAMC,GAAgB,CAAC,CAAE,UAAAC,EAAW,QAAAC,CAAQ,IAEpCH,GAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,MAAM,6BAA6B,UAAWE,EAAW,QAASC,EAC9G,SAAAH,GAAC,QAAK,EAAE,oaAAma,EAC/a,EAIDI,GAAQH,GJ8EH,cAAAI,EAkD4B,QAAAC,MAlD5B,oBA9DZ,IAAMC,GAAqBC,GAAQ,IAAM,OAAO,mCAA2D,CAAC,EAEtGC,GAAc,IAAM,CAEtB,GAAM,CAACC,EAAYC,CAAa,EAAIC,EAAkB,EAAK,EACrD,CAACC,EAAkBC,CAAmB,EAAIF,EAAiB,CAAC,EAC5D,CAACG,EAAUC,CAAW,EAAIJ,EAA6B,MAAS,EAChE,CAACK,EAAaC,CAAc,EAAIN,EAAkB,EAAK,EACvD,CAACO,EAAwBC,CAAyB,EAAIR,EAA6B,MAAS,EAC5F,CAACS,EAAcC,CAAe,EAAIV,EAA8B,MAAS,EAEzE,CAAE,QAAAW,EAAS,OAAAC,EAAO,EAAIC,EAAe,CAAC,CAAE,UAAW,CAAE,QAAAF,EAAS,OAAAC,EAAQ,kBAAAE,EAAmB,qBAAAC,CAAqB,CAAE,KAAO,CAAE,QAAAJ,EAAS,OAAAC,EAAQ,kBAAAE,EAAmB,qBAAAC,CAAqB,GAAIC,CAAY,EAClM,CAAE,mBAAAC,CAAmB,EAAIJ,EAAe,CAAC,CAAE,SAAU,CAAE,mBAAAI,CAAmB,CAAE,KAAO,CAAE,mBAAAA,CAAmB,GAAID,CAAY,EAC9HH,EAAe,CAAC,CAAE,WAAY,CAAE,eAAAK,CAAe,CAAE,KAAO,CAAE,eAAAA,CAAe,GAAIF,CAAY,EACzF,IAAMG,EAAiBC,GAAO,IAAI,EAE5BC,EAAWC,EAAe,EAE1BC,GAAmB,CAACC,EAAYC,IAAuB,CACzDD,EAAM,eAAe,EACrBA,EAAM,gBAAgB,EACtBzB,EAAc,EAAI,EAClBG,EAAoBuB,CAAU,EAC9B,IAAMC,EAASf,EAAQ,KAAMgB,GAAgBA,EAAO,OAASF,CAAU,GAAG,GAC1ErB,EAAYsB,CAAM,CACtB,EAEAE,EAAkBT,EAAgB,IAAM,CAC/BU,qBAA0C,GAAGR,EAASS,EAAsB,EAAK,CAAC,CAC3F,CACA,EAEA,IAAMC,GAAoB,CAACN,EAAoBtB,EAAkB6B,EAAqBC,EAA2BC,KAA0B,CACnIC,EAAY,IAAGA,EAAY,EAAE,MAAM,MAAQ,GAAGC,GAAkBX,CAAU,CAAC,MAC/EY,EAAoBC,EAAS,EAAE,YAAab,CAAU,EACtDa,EAAS,EAAE,YAAcb,EACpBI,qBAA0C,GAAGR,EAASS,EAAsB,EAAK,CAAC,EACvFS,EAAcC,EAAoBrC,EAAUsB,EAAYO,EAAaC,EAAmBC,EAAa,CAAC,CAC1G,EAEMO,GAA8B,IAAM,CAClCZ,qBAA0C,GAAGR,EAASqB,EAAsB,CAAC,EACjFrB,EAASS,EAAsB,CAACb,CAAkB,CAAC,CACvD,EAEM0B,GAAqB,MAAOC,GAAyB,CACvD,GAAM,CAAE,OAAAC,CAAO,EAAI,MAAMC,EAAU,CAC/B,IAAKC,EAAI,EAAE,KAAK,qBAAqBH,EAAY,UAAW,EAC5D,OAAQ,SACR,QAASI,EAAiC,CAC9C,CAAC,EACGC,EAAkBJ,CAAM,IACxBK,GAAM,CAAE,MAAO,0HAA4B,KAAM,SAAU,CAAC,EAC5D7B,EAAS8B,EAAWxC,EAAQ,OAAQyC,GAAeA,EAAE,OAASR,EAAY,IAAI,CAAC,CAAC,GAEpFlC,EAAgB,MAAS,CAC7B,EAEA,OACIhB,EAAC,OACG,UAAW,8CAA8CmC,yBAA8C,GAAK,2CAA2C,GACvJ,IAAKA,qBAA0C,EAAI,OAAYV,EAC/D,UAAA1B,EAAC4D,GAAA,CACG,UAAW,qBAAsBxB,qBAA0C,GAAKjB,GAAO,QAAU,QAAW,mBAAqB,gBAAgB,IAAIiB,qBAA0C,EAAI,0BAA4B,yBAAyB,GACxP,QAASY,GACT,YAAa,IAAM,CAACZ,iBAAsC,GAAKvB,EAAe,EAAI,EAClF,aAAc,IAAM,CAACuB,iBAAsC,GAAKvB,EAAe,EAAK,EACxF,EACCD,GACGZ,EAACE,GAAA,CAAmB,MAAM,gFAAoB,UAAU,sCAAsC,EAClGF,EAAC6D,EAAA,CACG,WAAY,qBAAsB,CAACzB,qBAA0C,GAAM,iCAAiC,IAAIA,gBAAqC,GAAK,CAACA,wBAA6C,EAAI,0CAA4C,cAAc,GAC9Q,UAAWA,gBAAqC,GAAK,CAACA,wBAA6C,EAAKZ,EAAqB,sBAAwB,uBAA0B,OAC/K,OAAQsC,EAA8B,EACtC,OAAQ1B,yBAA8C,EACtD,QAAS,IAAM,CACXR,EAASS,EAAsB,EAAK,CAAC,EACrCtB,EAA0B,MAAS,CACvC,EACA,IAAKqB,qBAA0C,EAAIV,EAAiB,OACpE,aAAcU,qBAA0C,EACxD,YAAY,mDACZ,SAAU,GACV,KAAMA,qBAA0C,EAAI,QAAU,UAC9D,sBAAuBA,qBAA0C,EAEjE,SAAApC,EAAC,OAAI,UAAU,+CACX,SAAAA,EAAC,OAAI,UAAU,uCACV,SAAAkB,EAAQ,IAAKgB,GACVjC,EAAC,OAEG,QAAS,IAAMqC,GAAkBJ,EAAO,KAAMA,EAAO,GAAIA,EAAO,MAAOA,EAAO,YAAaA,EAAO,OAAO,EACzG,UAAU,gHACV,UAAAjC,EAAC,OACG,UAAU,gGACR,UAAAiC,EAAO,QAAU,CAACA,EAAO,QAEvBlC,EAAC+D,EAAA,CACG,IAAK7B,EAAO,OAASA,EAAO,OAAS8B,EAAO,2BAC5C,MAAO,GACP,OAAQ,GACR,IAAK9B,EAAO,MAChB,EAEIlC,EAAC,OACG,UAAU,2GACV,SAAAA,EAACiE,EAAA,CAAM,KAAM/B,EAAO,QAChB,UAAU,qCAAqC,EACvD,EAGRjC,EAAC,OAAI,UAAU,sCACX,UAAAA,EAAC,KAAE,UAAU,oIACT,UAAAD,EAAC,OAAK,SAAAkC,EAAO,MAAM,EAEfA,EAAO,aAAe,MAAQA,EAAO,aAAe,QAChDlC,EAAC,OAAI,UAAU,0BACX,SAAAA,EAAC+D,EAAA,CACG,UAAU,sBACV,IAAKC,EAAO,mBACZ,MAAO,GACP,OAAQ,GACR,IAAK9B,EAAO,MAChB,EACJ,GAGZ,EACAlC,EAAC,KAAE,UAAU,sGAAuG,SAAAkC,EAAO,YAAY,GAC3I,EAEIA,EAAO,aAAe,MAAQA,EAAO,aAAe,QAChDlC,EAAC,OACG,UAAU,wCAAwC,QAAUkE,GAAM,CAC9DA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,EACdpD,IAA2BoB,EAAO,KAAMnB,EAA0B,MAAS,EAC1EA,EAA0BmB,EAAO,IAAI,CAC9C,EAEI,SAAApB,IAA2B,QAAaA,IAA2BoB,EAAO,KACtElC,EAACmE,GAAA,CAAY,UAAU,oDAAoD,EAC3EnE,EAACoE,GAAA,CAAc,UAAU,oDAAoD,EAEzF,EAGRpE,EAAC,QACG,UAAW,8KAAgL,SAAAqE,EAAanC,EAAO,IAAI,EAAE,EACzNlC,EAACsE,GAAA,CACG,UAAW,6GACX,QAAUvC,GAAUD,GAAiBC,EAAOG,EAAO,IAAI,EAAG,GAClE,EAEIpB,IAA2B,QAAaA,IAA2BoB,EAAO,MACtEjC,EAAC,OACG,UAAU,6GACV,UAAAD,EAAC,MAAG,UAAU,8BAA8B,EAC5CC,EAAC,OAAI,UAAU,4CACX,UAAAA,EAAC,OAAI,UAAU,mCAAmC,QAAUiE,GAAM,CAC9DA,EAAE,gBAAgB,EAClBA,EAAE,eAAe,EACjBtC,EAAS2C,EAA0BrC,CAAM,CAAC,EAC1CN,EAAS4C,EAA0B,EAAI,CAAC,EACxC5C,EAASS,EAAsB,EAAK,CAAC,CACzC,EACI,UAAArC,EAAC,OACG,UAAU,mEACV,SAAAA,EAAC+D,EAAA,CACG,UAAU,sBACV,IAAKC,EAAO,WACZ,MAAO,GACP,OAAQ,GACR,IAAK9B,EAAO,MAChB,EACJ,EACAlC,EAAC,QACG,UAAU,yEAAyE,gDAAM,GACjG,EACAC,EAAC,OAAI,UAAU,+DAA+D,QAAUiE,GAAM,CAC1FA,EAAE,gBAAgB,EAClBA,EAAE,eAAe,EACjBjD,EAAgBiB,CAAM,EACtBN,EAASS,EAAsB,EAAK,CAAC,CACzC,EACI,UAAArC,EAAC,OACG,UAAU,mEACV,SAAAA,EAAC+D,EAAA,CACG,UAAU,sBACV,IAAKC,EAAO,YACZ,MAAO,GACP,OAAQ,GACR,IAAK9B,EAAO,MAChB,EACJ,EACAlC,EAAC,QACG,UAAU,yEAAyE,8BAAG,GAC9F,GACJ,GACJ,IA7GHkC,EAAO,EAgHhB,CACH,EACL,EACJ,EACJ,EACAlC,EAACyE,GAAA,CAAY,YAAajE,EAAkB,OAAQH,EAAY,QAASC,EAAe,SAAUI,EAAU,EAC5GV,EAAC0E,GAAA,CACG,QAAS,IAAMzD,EAAgB,MAAS,EACxC,UAAW,SACX,OAAQ,CAAC,CAACD,EACV,KAAM,8JACN,iBAAkB,uCAClB,iBAAkB,qBAClB,SAAU,IAAMkC,GAAmBlC,CAAa,EAEhD,SAAAf,EAAC,OACG,UAAU,yIACV,UAAAD,EAAC,OACG,UAAU,wLACV,SAAAA,EAAC,QACG,UAAU,oGACV,SAAAA,EAACiE,EAAA,CAAM,KAAMjD,GAAc,QAAS,UAAU,qCAAqC,EACvF,EACJ,EACAhB,EAAC,OAAK,SAAAgB,GAAc,MAAM,GAC9B,EACJ,GACJ,CAER,EAEO2D,GAAQvE","names":["init_esm_shims","jsx","ShareIcon","className","onClick","onDoubleClick","shareIcon_default","init_esm_shims","useRef","useState","Image","init_esm_shims","shallowEqual","Fragment","jsx","jsxs","MarkersListIcon","props","useAppSelector","showMiniPlayer","videoElementSizeInfo","params","icon","conditions","markersListIcon_default","init_esm_shims","Image","useRef","Fragment","jsx","jsxs","ConfirmationModal","modalType","onClose","cancelButtonText","submitButtonText","onSubmit","text","status","children","personalMarkerRef","useRef","useOnClickOutside_default","popover_default","conditions","isTouchScreen","Image","importImages_default","confirmationModal_default","shallowEqual","toast","dynamic","init_esm_shims","jsx","ArrowUpIcon","className","onClick","arrowUpIcon_default","init_esm_shims","jsx","ArrowDownIcon","className","onClick","arrowDownIcon_default","jsx","jsxs","ControllbarTooltip","dynamic","MarkersList","openDialog","setOpenDialog","useState","videoCurrentTime","setVideoCurrentTime","markerId","setMarkerId","showTooltip","setShowTooltip","openPersonalMarkerMenu","setOpenPersonalMarkerMenu","deleteMarker","setDeleteMarker","markers","params","useAppSelector","isComplexPortrait","videoElementSizeInfo","shallowEqual","markersListPopover","showMiniPlayer","markersListRef","useRef","dispatch","useAppDispatch","handleClickShare","event","markerTime","result","marker","useOnClickOutside_default","conditions","setMarkersListPopover","handleClickMarker","markerTitle","markerDescription","markerSticker","progressBar","getMarkerPosition","handleVideoTimeline","videoTag","sendFluentLog","eventMarkerClickLog","handleShowMarkerListPopover","setClearPopoversSlice","handleDeleteMarker","inputMarker","status","apiCaller","API","handleHasXTokenParamOrSendXToken","responseValidator","toast","setMarkers","m","markersListIcon_default","popover_default","handlePopoverSizeInMiniPlayer","Image","importImages_default","emoji_default","e","arrowUpIcon_default","arrowDownIcon_default","secondsToHMS","shareIcon_default","setSelectedPersonalMarker","setPersonalMarkersPopover","shareDialog_default","confirmationModal_default","markersList_default"]}