{"version":3,"sources":["../ui/src/components/player-components/personalMarkers/personalMarkers.tsx","../ui/src/components/icon-components/personalMarkerIcon.tsx"],"sourcesContent":["import {useEffect, useRef, useState} from \"react\";\r\nimport Popover from \"../popover/popover\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../../../redux/hooks\";\r\nimport useOnClickOutside from \"../../../../../helpers/hooks/useOnClickOutside\";\r\nimport { setPersonalMarkersPopover } from \"../../../../../redux/slices/popoversSlice\";\r\nimport { conditions, handleHasXTokenParamOrSendXToken, handleVideoType, responseValidator, videoTag } from \"../../../../../helpers\";\r\nimport { ConditionName, IMarker } from \"../../../../../interfaces\";\r\nimport { API, apiCaller } from \"../../../../../services\";\r\nimport { combinedMarkers } from \"../../../../../redux/actions/videoData.actions\";\r\nimport { setSelectedPersonalMarker } from \"../../../../../redux/slices/userSlice\";\r\nimport PersonalMarkerIcon from \"../../icon-components/personalMarkerIcon\";\r\nimport { setMarkers } from \"../../../../../redux/slices/videoDataSlice\";\r\nimport EmojiPicker from \"../emojiPicker/emojiPicker\";\r\nimport { shallowEqual } from 'react-redux'\r\nimport { toast } from \"mobin-toast\";\r\nimport dynamic from \"next/dynamic\";\r\n\r\nconst Emoji = dynamic(() => import(\"../emoji/emoji\"));\r\nconst PlusEmojiIcon = dynamic(() => import(\"../../icon-components/plusEmojiIcon\"));\r\n\r\nconst PersonalMarkersPopover = () => {\r\n    const [showEmojiPickerPopover, setShowEmojiPickerPopover] = useState<boolean>(false);\r\n    const [selectedEmoji, setSelectedEmoji] = useState<string>(\"\");\r\n    const [markerName, setMarkerName] = useState<string>(\"\");\r\n    const [markerDescription, setMarkerDescription] = useState<string>(\"\");\r\n    const [isFocus, setIsFocus] = useState<boolean>(false);\r\n\r\n    const dispatch = useAppDispatch();\r\n    const { personalMarkersPopover } = useAppSelector(({ popovers: { personalMarkersPopover } }) => ({ personalMarkersPopover }), shallowEqual);\r\n    const { params, details, markers } = useAppSelector(({ videoData: { params, details, markers, isComplexDesktop, isComplexPortrait } }) => ({ params, details, markers, isComplexDesktop, isComplexPortrait }), shallowEqual);\r\n    const { selectedPersonalMarker } = useAppSelector(({ user: { selectedPersonalMarker, isLogin } }) => ({ selectedPersonalMarker, isLogin }), shallowEqual);\r\n    \r\n    const PersonalPopRef = useRef(null);\r\n\r\n    useOnClickOutside(PersonalPopRef, () => {\r\n        if (personalMarkersPopover) dispatch(setPersonalMarkersPopover(true));\r\n    });\r\n\r\n    useEffect(() => {\r\n        if (!!selectedPersonalMarker) {\r\n            setSelectedEmoji(selectedPersonalMarker.sticker);\r\n            setMarkerName(selectedPersonalMarker.title);\r\n            setMarkerDescription(selectedPersonalMarker.description);\r\n        }\r\n    }, [selectedPersonalMarker])\r\n\r\n    useEffect(() => {\r\n        if (conditions(ConditionName.isTouchScreen)) setShowEmojiPickerPopover(false);\r\n    }, [selectedEmoji])\r\n\r\n    const handlePostPersonalMarkers = async () => {\r\n        if (!selectedEmoji) toast({title: \"لطفا یک استیکر انتخاب نمایید.\", type: \"error\"})\r\n        else if (!markerName) toast({title: \"لطفا نام نشانگر را وارد کنید.\", type: \"error\"})\r\n        else if (markerName.length > 255) toast({title: \"اندازه نام نشانگر نباید بیش از 256 حرف باشد.\", type: \"error\"})\r\n        else if (!!selectedPersonalMarker) {\r\n            const {status} = await apiCaller({\r\n                url: API().user.updatePersonalMarker(selectedPersonalMarker.isPersonal!),\r\n                method: \"PATCH\",\r\n                data: {\r\n                    description: markerDescription,\r\n                    name: markerName,\r\n                    sticker: selectedEmoji,\r\n                    time: selectedPersonalMarker.time\r\n                },\r\n                headers: handleHasXTokenParamOrSendXToken()\r\n            });\r\n            if (responseValidator(status)) {\r\n                toast({title: \"نشانگر با موفقیت ویرایش شد.\", type: \"success\"})\r\n                dispatch(setMarkers(markers.map((m:IMarker) => {\r\n                    if (!!m.isPersonal && m.isPersonal === selectedPersonalMarker.isPersonal)\r\n                        return {\r\n                            ...m, description: markerDescription, sticker: selectedEmoji, title: markerName\r\n                        }\r\n                    else return m\r\n                })))\r\n            }\r\n            handleClosePersonalMarkersPopover();\r\n        } else if (!markers.find((m: IMarker) => m.time === Math.ceil(videoTag().currentTime))) {\r\n            const marker: any = {\r\n                video_type: handleVideoType(),\r\n                video_id: conditions(ConditionName.isLiveParam) ? details.id : Number(params.id),\r\n                name: markerName,\r\n                time: Math.ceil(videoTag().currentTime),\r\n                sticker: selectedEmoji,\r\n                description: markerDescription\r\n            }\r\n            const {data, status} = await apiCaller({\r\n                url: API().user.createPersonalMarker,\r\n                method: \"POST\",\r\n                data: marker,\r\n                headers: handleHasXTokenParamOrSendXToken()\r\n            });\r\n            if (responseValidator(status)) {\r\n                toast({title: \"نشانگر با موفقیت اضافه شد.\", type: \"success\"})\r\n                combinedMarkers([data], markers);\r\n            }\r\n            handleClosePersonalMarkersPopover();\r\n        } else toast({title: \"خطا در ثبت دو نشانگر همزمان\", type: \"error\"})\r\n    }\r\n\r\n    const handleClosePersonalMarkersPopover = () => {\r\n        if (selectedPersonalMarker) dispatch(setSelectedPersonalMarker(undefined))\r\n        dispatch(setPersonalMarkersPopover(false))\r\n        setSelectedEmoji(\"\")\r\n        setMarkerName(\"\")\r\n        setMarkerDescription(\"\")\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <div\r\n                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\"\r\n                onClick={() => {\r\n                    if (conditions(ConditionName.isLogin))  dispatch(setPersonalMarkersPopover(true))\r\n                    else toast({title: \"لطفا ابتدا وارد شوید.\", type: \"error\"})\r\n                }}>\r\n                <PersonalMarkerIcon className={`pl-fill-z-gray-500 dark:pl-fill-dark-5 ${conditions(ConditionName.isComplexPortrait) ? \"pl-w-4 pl-h-4\" : \"pl-w-[22px] pl-h-[22px]\"}`}/>\r\n                <p className=\"pl-whitespace-nowrap\">افزودن نشانگر شخصی</p>\r\n            </div>\r\n            <Popover\r\n                classNames={conditions(ConditionName.isComplexDesktop) && !conditions(ConditionName.isTouchScreenLandscape) ? \"!pl-w-[639px] pl-relative !pl-bg-white dark:!pl-bg-black\" : conditions(ConditionName.isTouchScreenLandscape) ? \"!pl-w-[70vw] !pl-max-h-[90vh] pl-relative !pl-bg-white dark:!pl-bg-black\" : `!pl-w-full pl-max-h-[90vh] pl-relative !pl-bg-white dark:!pl-bg-black`}\r\n                status={personalMarkersPopover || !!selectedPersonalMarker}\r\n                isBlurBackground={conditions((ConditionName.isComplexDesktop))}\r\n                ref={PersonalPopRef}\r\n                isHasCatchUpLineOnTop={conditions((ConditionName.isComplexPortrait))}\r\n                onClose={handleClosePersonalMarkersPopover}\r\n                headerTitle={!!selectedPersonalMarker ? \"ویرایش نشانگر شخصی\" : \"افزودن نشانگر شخصی\"}\r\n                isFullHeight={conditions(ConditionName.isComplexPortrait)}\r\n                isHeader={true}\r\n                isFocusOnInput={isFocus}\r\n                type={\"modal\"}\r\n            >\r\n                <div>\r\n                    <div className=\"pl-flex pl-flex-col pl-gap-4 pl-py-4 pl-w-full pl-justify-center pl-p-4\">\r\n                        <div\r\n                            className=\"pl-relative pl-flex pl-justify-center pl-items-center pl-self-center pl-shrink-0 pl-border-[1.5px] pl-rounded-[12px] pl-bg-main/[0.1] pl-w-[126px] pl-h-[110px] pl-cursor-pointer\"\r\n                            onClick={() => setShowEmojiPickerPopover(true)}>\r\n                            {\r\n                                !!selectedEmoji ? (\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\r\n                                            name={selectedEmoji}\r\n                                            className=\"pl-w-[56px] pl-h-[56px] pl-mx-auto\"/>\r\n                                    </span>\r\n                                ) : (\r\n                                    <div\r\n                                        className=\"pl-flex pl-flex-col pl-items-center pl-gap-[11px] pl-justify-center\">\r\n                                        <PlusEmojiIcon className={\"pl-fill-main-light dark:pl-fill-z-50\"}/>\r\n                                        <div className=\"pl-text-main-light dark:pl-text-z-50\">افزودن استیکر</div>\r\n                                    </div>\r\n                                )\r\n                            }\r\n                        </div>\r\n                        <div className=\"pl-w-full\">\r\n                            <label className={`pl-mb-2 pl-block pl-text-[14px]`}>نام نشانگر<span\r\n                                className=\"pl-text-red-500\">*</span></label>\r\n                            <input\r\n                                onFocus={() => setIsFocus(true)}\r\n                                onBlur={() => setIsFocus(false)}\r\n                                placeholder=\"نام نشانگر را وارد کنید.\"\r\n                                value={markerName}\r\n                                className=\"pl-border-[1.5px] pl-h-[48px] pl-p-4 pl-rounded-[10px] pl-w-full\"\r\n                                onChange={(e) => setMarkerName(e.target.value)}\r\n                            />\r\n                        </div>\r\n                        <div className=\"w-full\">\r\n                            <label className={`pl-mb-2 pl-block pl-text-[14px]`}>توضیحات</label>\r\n                            <input\r\n                                onFocus={() => setIsFocus(true)}\r\n                                onBlur={() => setIsFocus(false)}\r\n                                placeholder=\"توضیحات مربوط به نشانگر را وارد کنید.\"\r\n                                value={markerDescription}\r\n                                className=\"pl-border-[1.5px] pl-h-[48px] pl-p-4 pl-rounded-[10px] pl-w-full\"\r\n                                onChange={(e) => setMarkerDescription(e.target.value)}\r\n                            />\r\n                        </div>\r\n                        <div className=\"pl-flex pl-items-center pl-justify-center pl-gap-6\">\r\n                            {\r\n                                conditions(ConditionName.isComplexDesktop) && (\r\n                                    <button type=\"button\"\r\n                                            className={`pl-mt-2 pl-py-2 pl-px-6 pl-rounded-[8px] ${conditions((ConditionName.isComplexDesktop)) ? \"pl-w-1/3\" : \"pl-w-full\"} pl-text-[15px] pl-font-medium pl-cursor-pointer pl-transition-colors pl-duration-300 pl-bg-transparent pl-text-main pl-border p-border-2 pl-border-main`}\r\n                                            onClick={handleClosePersonalMarkersPopover}>\r\n                                        انصراف\r\n                                    </button>\r\n                                )\r\n                            }\r\n                            <button type=\"button\"\r\n                                    className={`pl-mt-2 pl-py-2 pl-px-6 !pl-bg-main-light ${conditions((ConditionName.isComplexDesktop)) ? \"pl-w-2/3\" : \"pl-w-full\"} pl-rounded-[8px] pl-text-[15px] pl-font-medium pl-cursor-pointer pl-transition-colors pl-duration-300 pl-text-white pl-border p-border-2 pl-border-main`}\r\n                                    onClick={handlePostPersonalMarkers}\r\n                            >\r\n                                {!!selectedPersonalMarker ? \"ویرایش نشانگر شخصی\" : \"افزودن نشانگر شخصی\"}\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                    {\r\n                        conditions(ConditionName.isTouchScreen) && (\r\n                            <div>\r\n                                {showEmojiPickerPopover &&\r\n                                <EmojiPicker \r\n                                    enableUnified={true} setSelectedEmoji={setSelectedEmoji}\r\n                                    onClickOutside={() => setShowEmojiPickerPopover(false)}\r\n                                    emojiClassName={conditions(ConditionName.isTouchScreenLandscape) ? [\"!pl-w-[70vw]\", \"!pl-h-[70vh]\"] : []}\r\n                                    parentClassName={`!pl-bottom-0`}\r\n                                />}\r\n                            </div>\r\n                        )\r\n                    }\r\n                </div>\r\n            </Popover>\r\n            {\r\n                conditions(ConditionName.isComplexDesktop) && (\r\n                    <Popover\r\n                        classNames={\"pl-fixed\"}\r\n                        status={showEmojiPickerPopover}\r\n                        isBlurBackground={false}\r\n                        ref={PersonalPopRef}\r\n                        isHasCatchUpLineOnTop={false}\r\n                        onClose={() => setShowEmojiPickerPopover(false)}\r\n                        type={\"modal\"}\r\n                    >\r\n                        <EmojiPicker \r\n                            enableUnified={true} setSelectedEmoji={setSelectedEmoji}\r\n                            onClickOutside={() => setShowEmojiPickerPopover(false)}\r\n                            emojiClassName={[\"pl-fixed\", \"pl-top-1/2\", \"pl-left-1/2\", \"pl-h-[300px]\", \"pl-w-[400px]\", \"-pl-translate-x-1/2\"]}\r\n                        />\r\n                    </Popover>\r\n                )\r\n            }\r\n        </>\r\n    )\r\n}\r\n\r\nexport default PersonalMarkersPopover;","import { IPersonalMarkerIconProps } from \"interfaces\";\r\n\r\nconst PersonalMarkerIcon = ({ className, onClick }: IPersonalMarkerIconProps) => {\r\n    return (\r\n        <svg viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" className={className} onClick={onClick}>\r\n            <path d=\"M16.25 7.5C16.25 4.0625 13.4375 1.25 10 1.25C6.52344 1.25 3.75 4.0625 3.75 7.5C3.75 8.125 3.94531 8.94531 4.375 10C4.80469 11.0156 5.39062 12.1094 6.09375 13.2031C7.42187 15.3516 8.98437 17.4219 10 18.6719C10.9766 17.4219 12.5391 15.3516 13.9062 13.2031C14.5703 12.1094 15.1562 11.0156 15.5859 10C16.0156 8.94531 16.25 8.125 16.25 7.5ZM17.5 7.5C17.5 10.9375 12.9297 16.9922 10.8984 19.5313C10.4297 20.1172 9.53125 20.1172 9.0625 19.5313C7.07031 16.9922 2.5 10.9375 2.5 7.5C2.5 3.35938 5.85938 0 10 0C14.1406 0 17.5 3.35938 17.5 7.5ZM9.375 11.25L9.375 8.125L6.25 8.125C5.89844 8.125 5.625 7.85156 5.625 7.5C5.625 7.1875 5.89844 6.875 6.25 6.875L9.375 6.875V3.75C9.375 3.4375 9.64844 3.125 10 3.125C10.3125 3.125 10.625 3.4375 10.625 3.75V6.875L13.75 6.875C14.0625 6.875 14.375 7.1875 14.375 7.5C14.375 7.85156 14.0625 8.125 13.75 8.125H10.625L10.625 11.25C10.625 11.6016 10.3125 11.875 10 11.875C9.64844 11.875 9.375 11.6016 9.375 11.25Z\"/>\r\n        </svg>\r\n    )\r\n}\r\n\r\nexport default PersonalMarkerIcon;"],"mappings":"kUAAAA,IAAA,OAAQ,aAAAC,EAAW,UAAAC,EAAQ,YAAAC,MAAe,QCA1CC,IAKY,cAAAC,MAAA,oBAHZ,IAAMC,EAAqB,CAAC,CAAE,UAAAC,EAAW,QAAAC,CAAQ,IAEzCH,EAAC,OAAI,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA6B,UAAWE,EAAW,QAASC,EACnG,SAAAH,EAAC,QAAK,EAAE,26BAA06B,EACt7B,EAIDI,EAAQH,EDGf,OAAS,gBAAAI,MAAoB,cAC7B,OAAS,SAAAC,MAAa,cACtB,OAAOC,MAAa,eA8FZ,mBAAAC,GAOQ,OAAAC,EANJ,QAAAC,MADJ,oBA5FR,IAAMC,GAAQJ,EAAQ,IAAM,OAAO,sBAAgB,CAAC,EAC9CK,GAAgBL,EAAQ,IAAM,OAAO,8BAAqC,CAAC,EAE3EM,GAAyB,IAAM,CACjC,GAAM,CAACC,EAAwBC,CAAyB,EAAIC,EAAkB,EAAK,EAC7E,CAACC,EAAeC,CAAgB,EAAIF,EAAiB,EAAE,EACvD,CAACG,EAAYC,CAAa,EAAIJ,EAAiB,EAAE,EACjD,CAACK,EAAmBC,CAAoB,EAAIN,EAAiB,EAAE,EAC/D,CAACO,EAASC,CAAU,EAAIR,EAAkB,EAAK,EAE/CS,EAAWC,EAAe,EAC1B,CAAE,uBAAAC,CAAuB,EAAIC,EAAe,CAAC,CAAE,SAAU,CAAE,uBAAAD,CAAuB,CAAE,KAAO,CAAE,uBAAAA,CAAuB,GAAItB,CAAY,EACpI,CAAE,OAAAwB,EAAQ,QAAAC,EAAS,QAAAC,CAAQ,EAAIH,EAAe,CAAC,CAAE,UAAW,CAAE,OAAAC,EAAQ,QAAAC,EAAS,QAAAC,EAAS,iBAAAC,EAAkB,kBAAAC,CAAkB,CAAE,KAAO,CAAE,OAAAJ,EAAQ,QAAAC,EAAS,QAAAC,EAAS,iBAAAC,EAAkB,kBAAAC,CAAkB,GAAI5B,CAAY,EACrN,CAAE,uBAAA6B,CAAuB,EAAIN,EAAe,CAAC,CAAE,KAAM,CAAE,uBAAAM,EAAwB,QAAAC,CAAQ,CAAE,KAAO,CAAE,uBAAAD,EAAwB,QAAAC,CAAQ,GAAI9B,CAAY,EAElJ+B,EAAiBC,EAAO,IAAI,EAElCC,EAAkBF,EAAgB,IAAM,CAChCT,GAAwBF,EAASc,EAA0B,EAAI,CAAC,CACxE,CAAC,EAEDC,EAAU,IAAM,CACNN,IACFhB,EAAiBgB,EAAuB,OAAO,EAC/Cd,EAAcc,EAAuB,KAAK,EAC1CZ,EAAqBY,EAAuB,WAAW,EAE/D,EAAG,CAACA,CAAsB,CAAC,EAE3BM,EAAU,IAAM,CACRC,iBAAsC,GAAG1B,EAA0B,EAAK,CAChF,EAAG,CAACE,CAAa,CAAC,EAElB,IAAMyB,EAA4B,SAAY,CAC1C,GAAI,CAACzB,EAAeX,EAAM,CAAC,MAAO,wJAAiC,KAAM,OAAO,CAAC,UACxE,CAACa,EAAYb,EAAM,CAAC,MAAO,mJAAiC,KAAM,OAAO,CAAC,UAC1Ea,EAAW,OAAS,IAAKb,EAAM,CAAC,MAAO,+MAAgD,KAAM,OAAO,CAAC,UACnG4B,EAAwB,CAC/B,GAAM,CAAC,OAAAS,CAAM,EAAI,MAAMC,EAAU,CAC7B,IAAKC,EAAI,EAAE,KAAK,qBAAqBX,EAAuB,UAAW,EACvE,OAAQ,QACR,KAAM,CACF,YAAab,EACb,KAAMF,EACN,QAASF,EACT,KAAMiB,EAAuB,IACjC,EACA,QAASY,EAAiC,CAC9C,CAAC,EACGC,EAAkBJ,CAAM,IACxBrC,EAAM,CAAC,MAAO,4IAA+B,KAAM,SAAS,CAAC,EAC7DmB,EAASuB,EAAWjB,EAAQ,IAAKkB,GACvBA,EAAE,YAAcA,EAAE,aAAef,EAAuB,WACnD,CACH,GAAGe,EAAG,YAAa5B,EAAmB,QAASJ,EAAe,MAAOE,CACzE,EACQ8B,CACf,CAAC,CAAC,GAEPC,EAAkC,CACtC,SAAYnB,EAAQ,KAAMkB,GAAeA,EAAE,OAAS,KAAK,KAAKE,EAAS,EAAE,WAAW,CAAC,EAoB9E7C,EAAM,CAAC,MAAO,4IAA+B,KAAM,OAAO,CAAC,MApBsB,CACpF,IAAM8C,EAAc,CAChB,WAAYC,EAAgB,EAC5B,SAAUZ,eAAoC,EAAIX,EAAQ,GAAK,OAAOD,EAAO,EAAE,EAC/E,KAAMV,EACN,KAAM,KAAK,KAAKgC,EAAS,EAAE,WAAW,EACtC,QAASlC,EACT,YAAaI,CACjB,EACM,CAAC,KAAAiC,EAAM,OAAAX,CAAM,EAAI,MAAMC,EAAU,CACnC,IAAKC,EAAI,EAAE,KAAK,qBAChB,OAAQ,OACR,KAAMO,EACN,QAASN,EAAiC,CAC9C,CAAC,EACGC,EAAkBJ,CAAM,IACxBrC,EAAM,CAAC,MAAO,sIAA8B,KAAM,SAAS,CAAC,EAC5DiD,EAAgB,CAACD,CAAI,EAAGvB,CAAO,GAEnCmB,EAAkC,CACtC,CACJ,EAEMA,EAAoC,IAAM,CACxChB,GAAwBT,EAAS+B,EAA0B,MAAS,CAAC,EACzE/B,EAASc,EAA0B,EAAK,CAAC,EACzCrB,EAAiB,EAAE,EACnBE,EAAc,EAAE,EAChBE,EAAqB,EAAE,CAC3B,EAEA,OACIZ,EAAAF,GAAA,CACI,UAAAE,EAAC,OACG,UAAU,iLACV,QAAS,IAAM,CACP+B,WAAgC,EAAIhB,EAASc,EAA0B,EAAI,CAAC,EAC3EjC,EAAM,CAAC,MAAO,6GAAyB,KAAM,OAAO,CAAC,CAC9D,EACA,UAAAG,EAACgD,EAAA,CAAmB,UAAW,0CAA0ChB,qBAA0C,EAAI,gBAAkB,yBAAyB,GAAG,EACrKhC,EAAC,KAAE,UAAU,uBAAuB,8GAAkB,GAC1D,EACAA,EAACiD,EAAA,CACG,WAAYjB,oBAAyC,GAAK,CAACA,0BAA+C,EAAI,2DAA6DA,0BAA+C,EAAI,2EAA6E,wEAC3S,OAAQd,GAA0B,CAAC,CAACO,EACpC,iBAAkBO,oBAA2C,EAC7D,IAAKL,EACL,sBAAuBK,qBAA4C,EACnE,QAASS,EACT,YAAehB,EAAyB,qGAAuB,qGAC/D,aAAcO,qBAA0C,EACxD,SAAU,GACV,eAAgBlB,EAChB,KAAM,QAEN,SAAAb,EAAC,OACG,UAAAA,EAAC,OAAI,UAAU,0EACX,UAAAD,EAAC,OACG,UAAU,oLACV,QAAS,IAAMM,EAA0B,EAAI,EAEzC,SAAEE,EACER,EAAC,QACG,UAAU,oGACV,SAAAA,EAACE,GAAA,CACG,KAAMM,EACN,UAAU,qCAAoC,EACtD,EAEAP,EAAC,OACG,UAAU,sEACV,UAAAD,EAACG,GAAA,CAAc,UAAW,uCAAuC,EACjEH,EAAC,OAAI,UAAU,uCAAuC,qFAAa,GACvE,EAGZ,EACAC,EAAC,OAAI,UAAU,YACX,UAAAA,EAAC,SAAM,UAAW,kCAAmC,oEAAUD,EAAC,QAC5D,UAAU,kBAAkB,aAAC,GAAO,EACxCA,EAAC,SACG,QAAS,IAAMe,EAAW,EAAI,EAC9B,OAAQ,IAAMA,EAAW,EAAK,EAC9B,YAAY,0HACZ,MAAOL,EACP,UAAU,mEACV,SAAWwC,GAAMvC,EAAcuC,EAAE,OAAO,KAAK,EACjD,GACJ,EACAjD,EAAC,OAAI,UAAU,SACX,UAAAD,EAAC,SAAM,UAAW,kCAAmC,sDAAO,EAC5DA,EAAC,SACG,QAAS,IAAMe,EAAW,EAAI,EAC9B,OAAQ,IAAMA,EAAW,EAAK,EAC9B,YAAY,8LACZ,MAAOH,EACP,UAAU,mEACV,SAAWsC,GAAMrC,EAAqBqC,EAAE,OAAO,KAAK,EACxD,GACJ,EACAjD,EAAC,OAAI,UAAU,qDAEP,UAAA+B,oBAAyC,GACrChC,EAAC,UAAO,KAAK,SACL,UAAW,4CAA4CgC,oBAA2C,EAAI,WAAa,WAAW,2JAC9H,QAASS,EAAmC,gDAEpD,EAGRzC,EAAC,UAAO,KAAK,SACL,UAAW,6CAA6CgC,oBAA2C,EAAI,WAAa,WAAW,2JAC/H,QAASC,EAEZ,SAAER,EAAyB,qGAAuB,qGACvD,GACJ,GACJ,EAEIO,iBAAsC,GAClChC,EAAC,OACI,SAAAK,GACDL,EAACmD,EAAA,CACG,cAAe,GAAM,iBAAkB1C,EACvC,eAAgB,IAAMH,EAA0B,EAAK,EACrD,eAAgB0B,0BAA+C,EAAI,CAAC,eAAgB,cAAc,EAAI,CAAC,EACvG,gBAAiB,eACrB,EACJ,GAGZ,EACJ,EAEIA,oBAAyC,GACrChC,EAACiD,EAAA,CACG,WAAY,WACZ,OAAQ5C,EACR,iBAAkB,GAClB,IAAKsB,EACL,sBAAuB,GACvB,QAAS,IAAMrB,EAA0B,EAAK,EAC9C,KAAM,QAEN,SAAAN,EAACmD,EAAA,CACG,cAAe,GAAM,iBAAkB1C,EACvC,eAAgB,IAAMH,EAA0B,EAAK,EACrD,eAAgB,CAAC,WAAY,aAAc,cAAe,eAAgB,eAAgB,qBAAqB,EACnH,EACJ,GAGZ,CAER,EAEO8C,GAAQhD","names":["init_esm_shims","useEffect","useRef","useState","init_esm_shims","jsx","PersonalMarkerIcon","className","onClick","personalMarkerIcon_default","shallowEqual","toast","dynamic","Fragment","jsx","jsxs","Emoji","PlusEmojiIcon","PersonalMarkersPopover","showEmojiPickerPopover","setShowEmojiPickerPopover","useState","selectedEmoji","setSelectedEmoji","markerName","setMarkerName","markerDescription","setMarkerDescription","isFocus","setIsFocus","dispatch","useAppDispatch","personalMarkersPopover","useAppSelector","params","details","markers","isComplexDesktop","isComplexPortrait","selectedPersonalMarker","isLogin","PersonalPopRef","useRef","useOnClickOutside_default","setPersonalMarkersPopover","useEffect","conditions","handlePostPersonalMarkers","status","apiCaller","API","handleHasXTokenParamOrSendXToken","responseValidator","setMarkers","m","handleClosePersonalMarkersPopover","videoTag","marker","handleVideoType","data","combinedMarkers","setSelectedPersonalMarker","personalMarkerIcon_default","popover_default","e","emojiPicker_default","personalMarkers_default"]}