{"version":3,"sources":["../ui/src/components/player-components/comments/likeComment.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport { handleLikeUnlikeComment } from \"redux-share/actions/comment.action\";\r\nimport { conditions } from \"helpers\";\r\nimport { ConditionName, ILikeCommentProps } from \"interfaces\";\r\n\r\nconst LikeComment = ({ commentId, likesCount, isIdInLocalStorage } :ILikeCommentProps) => {\r\n\r\n    const [likeStatus, setLikeStatus] = useState<boolean>(isIdInLocalStorage);\r\n    const [likeCount, setLikeCount] = useState<number>(likesCount);\r\n\r\n    return (\r\n        <div className=\"pl-flex pl-items-center\">\r\n            <span className=\"pl-text-[14px] pl-font-medium pl-mt-0.5\">{likeCount}</span>\r\n            <svg id=\"heart-svg\" className={likeStatus ? \"pl-liked\" : \"\"} viewBox=\"467 392 58 57\" xmlns=\"http://www.w3.org/2000/svg\" onClick={() => handleLikeUnlikeComment(commentId, !likeStatus, setLikeStatus, likeCount, setLikeCount)}>\r\n                <g id=\"Group\" fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(467 392)\">\r\n                    <path d=\"M29.144 20.773c-.063-.13-4.227-8.67-11.44-2.59C7.63 28.795 28.94 43.256 29.143 43.394c.204-.138 21.513-14.6 11.44-25.213-7.214-6.08-11.377 2.46-11.44 2.59z\" id=\"heart\" fill={likeStatus ? \"#EA0000\" : \"\"} stroke={likeStatus ? \"#EA0000\" : conditions(ConditionName.isDarkMode) ? \"#FBFBFB\" : \"#222831\"} />\r\n                    <circle id=\"main-circ\" opacity=\"0\" cx=\"29.5\" cy=\"29.5\" r=\"1.5\" />\r\n\r\n                    <g id=\"grp7\" opacity=\"0\" transform=\"translate(7 6)\">\r\n                        <circle id=\"oval1\" fill=\"#9CD8C3\" cx=\"2\" cy=\"6\" r=\"2\" />\r\n                        <circle id=\"oval2\" fill=\"#8CE8C3\" cx=\"5\" cy=\"2\" r=\"2\" />\r\n                    </g>\r\n\r\n                    <g id=\"grp6\" opacity=\"0\" transform=\"translate(0 28)\">\r\n                        <circle id=\"oval1\" fill=\"#CC8EF5\" cx=\"2\" cy=\"7\" r=\"2\" />\r\n                        <circle id=\"oval2\" fill=\"#91D2FA\" cx=\"3\" cy=\"2\" r=\"2\" />\r\n                    </g>\r\n\r\n                    <g id=\"grp3\" opacity=\"0\" transform=\"translate(52 28)\">\r\n                        <circle id=\"oval2\" fill=\"#9CD8C3\" cx=\"2\" cy=\"7\" r=\"2\" />\r\n                        <circle id=\"oval1\" fill=\"#8CE8C3\" cx=\"4\" cy=\"2\" r=\"2\" />\r\n                    </g>\r\n\r\n                    <g id=\"grp2\" opacity=\"0\" transform=\"translate(44 6)\">\r\n                        <circle id=\"oval2\" fill=\"#CC8EF5\" cx=\"5\" cy=\"6\" r=\"2\" />\r\n                        <circle id=\"oval1\" fill=\"#CC8EF5\" cx=\"2\" cy=\"2\" r=\"2\" />\r\n                    </g>\r\n\r\n                    <g id=\"grp5\" opacity=\"0\" transform=\"translate(14 50)\">\r\n                        <circle id=\"oval1\" fill=\"#91D2FA\" cx=\"6\" cy=\"5\" r=\"2\" />\r\n                        <circle id=\"oval2\" fill=\"#91D2FA\" cx=\"2\" cy=\"2\" r=\"2\" />\r\n                    </g>\r\n\r\n                    <g id=\"grp4\" opacity=\"0\" transform=\"translate(35 50)\">\r\n                        <circle id=\"oval1\" fill=\"#F48EA7\" cx=\"6\" cy=\"5\" r=\"2\" />\r\n                        <circle id=\"oval2\" fill=\"#F48EA7\" cx=\"2\" cy=\"2\" r=\"2\" />\r\n                    </g>\r\n\r\n                    <g id=\"grp1\" opacity=\"0\" transform=\"translate(24)\">\r\n                        <circle id=\"oval1\" fill=\"#9FC7FA\" cx=\"2.5\" cy=\"3\" r=\"2\" />\r\n                        <circle id=\"oval2\" fill=\"#9FC7FA\" cx=\"7.5\" cy=\"2\" r=\"2\" />\r\n                    </g>\r\n                </g>\r\n            </svg>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default LikeComment;"],"mappings":"0FAAAA,IAAA,OAAS,YAAAC,MAAgB,QAYb,cAAAC,EAMQ,QAAAC,MANR,oBAPZ,IAAMC,EAAc,CAAC,CAAE,UAAAC,EAAW,WAAAC,EAAY,mBAAAC,CAAmB,IAAyB,CAEtF,GAAM,CAACC,EAAYC,CAAa,EAAIC,EAAkBH,CAAkB,EAClE,CAACI,EAAWC,CAAY,EAAIF,EAAiBJ,CAAU,EAE7D,OACIH,EAAC,OAAI,UAAU,0BACX,UAAAD,EAAC,QAAK,UAAU,0CAA2C,SAAAS,EAAU,EACrET,EAAC,OAAI,GAAG,YAAY,UAAWM,EAAa,WAAa,GAAI,QAAQ,gBAAgB,MAAM,6BAA6B,QAAS,IAAMK,EAAwBR,EAAW,CAACG,EAAYC,EAAeE,EAAWC,CAAY,EACzN,SAAAT,EAAC,KAAE,GAAG,QAAQ,KAAK,OAAO,YAAU,UAAU,UAAU,qBACpD,UAAAD,EAAC,QAAK,EAAE,8JAA8J,GAAG,QAAQ,KAAMM,EAAa,UAAY,GAAI,OAAQA,EAAa,UAAYM,cAAmC,EAAI,UAAY,UAAW,EACnTZ,EAAC,UAAO,GAAG,YAAY,QAAQ,IAAI,GAAG,OAAO,GAAG,OAAO,EAAE,MAAM,EAE/DC,EAAC,KAAE,GAAG,OAAO,QAAQ,IAAI,UAAU,iBAC/B,UAAAD,EAAC,UAAO,GAAG,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,EACtDA,EAAC,UAAO,GAAG,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,GAC1D,EAEAC,EAAC,KAAE,GAAG,OAAO,QAAQ,IAAI,UAAU,kBAC/B,UAAAD,EAAC,UAAO,GAAG,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,EACtDA,EAAC,UAAO,GAAG,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,GAC1D,EAEAC,EAAC,KAAE,GAAG,OAAO,QAAQ,IAAI,UAAU,mBAC/B,UAAAD,EAAC,UAAO,GAAG,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,EACtDA,EAAC,UAAO,GAAG,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,GAC1D,EAEAC,EAAC,KAAE,GAAG,OAAO,QAAQ,IAAI,UAAU,kBAC/B,UAAAD,EAAC,UAAO,GAAG,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,EACtDA,EAAC,UAAO,GAAG,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,GAC1D,EAEAC,EAAC,KAAE,GAAG,OAAO,QAAQ,IAAI,UAAU,mBAC/B,UAAAD,EAAC,UAAO,GAAG,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,EACtDA,EAAC,UAAO,GAAG,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,GAC1D,EAEAC,EAAC,KAAE,GAAG,OAAO,QAAQ,IAAI,UAAU,mBAC/B,UAAAD,EAAC,UAAO,GAAG,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,EACtDA,EAAC,UAAO,GAAG,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,GAC1D,EAEAC,EAAC,KAAE,GAAG,OAAO,QAAQ,IAAI,UAAU,gBAC/B,UAAAD,EAAC,UAAO,GAAG,QAAQ,KAAK,UAAU,GAAG,MAAM,GAAG,IAAI,EAAE,IAAI,EACxDA,EAAC,UAAO,GAAG,QAAQ,KAAK,UAAU,GAAG,MAAM,GAAG,IAAI,EAAE,IAAI,GAC5D,GACJ,EACJ,GACJ,CAER,EAEOa,EAAQX","names":["init_esm_shims","useState","jsx","jsxs","LikeComment","commentId","likesCount","isIdInLocalStorage","likeStatus","setLikeStatus","useState","likeCount","setLikeCount","handleLikeUnlikeComment","conditions","likeComment_default"]}