{"version":3,"sources":["../ui/src/components/player-components/feedback/feedback.tsx","../ui/src/components/icon-components/feedbackIcon.tsx","../ui/src/components/icon-components/smsStarIcon.tsx","../ui/src/components/player-components/feedback/stars.tsx"],"sourcesContent":["import Image from \"next/image\";\r\nimport {useState} from \"react\";\r\nimport Popover from \"../popover/popover\";\r\nimport { useAppDispatch, useAppSelector } from \"redux-share/hooks\";\r\nimport { conditions } from \"helpers\";\r\nimport { ConditionName } from \"interfaces\";\r\nimport { setFeedbackPopover } from \"redux-share/slices/popoversSlice\";\r\nimport { feedbackLog, sendFluentLog } from \"../../../../../logs\";\r\nimport FeedbackIcon from \"../../icon-components/feedbackIcon\";\r\nimport IMAGES from \"../../../../../images/importImages\";\r\nimport { shallowEqual } from 'react-redux'\r\nimport { toast } from \"mobin-toast\";\r\nimport SmsStarIcon from \"../../icon-components/smsStarIcon\";\r\nimport Stars from \"./stars\";\r\n\r\nconst negative = [\r\n    { id: 1, text: \"کیفیت بد صدا و تصویر\"},\r\n    { id: 2, text: \"خرابی لینک استریم\"},\r\n    { id: 3, text: \"حجم مصرفی اینترنت زیاد بود\"},\r\n    { id: 4, text: \"ظاهر برنامه\"},\r\n    { id: 5, text: \"عدم تطابق صدا و تصویر\"},\r\n    { id: 6, text: \"نداشتن زیرنویس\"},\r\n    { id: 7, text: \"دسترسی برام سخت بود\"},\r\n    { id: 8, text: \"محتوای ویدیو خوب نبود\"},\r\n];\r\n\r\nconst positive = [\r\n    { id: 1, text: \"کیفیت خوب صدا و تصویر\" },\r\n    { id: 2, text: \"بدون قطع و وصلی\" },\r\n    { id: 3, text: \"میزان حجم مصرفی اینترنت\" },\r\n    { id: 4, text: \"ظاهر برنامه\" },\r\n    { id: 5, text: \"حفظ حریم شخصی\" },\r\n    { id: 6, text: \"زیرنویس فارسی\" },\r\n    { id: 7, text: \"دسترسی آسان\" },\r\n    { id: 8, text: \"محتوای مناسب ویدیو\" },\r\n]\r\n\r\n\r\nconst starsLabels = [\"خیلی بد\", \"بد\", \"متوسط\", \"خوب\", \"خیلی خوب\"]\r\n\r\nconst Feedback = () => {\r\n\r\n    const [negativeUserSelected, setNegativeUserSelected] = useState<string[]>([]);\r\n    const [positiveUserSelected, setPositiveUserSelected] = useState<string[]>([]);\r\n    const [customText, setCustomText] = useState<string | undefined>(\"\");\r\n    const [userRating, setUserRating] = useState<number>(0);\r\n    const [buttonActive, setButtonActive] = useState<\"positive\" | \"negative\">(\"positive\");\r\n    \r\n    const { feedbackPopover } = useAppSelector(({ popovers: { feedbackPopover } }) => ({ feedbackPopover }), shallowEqual);\r\n    useAppSelector(({ videoData: { isComplexPortrait, isComplexDesktop } }) => ({ isComplexPortrait, isComplexDesktop }), shallowEqual);\r\n\r\n    const dispatch = useAppDispatch()\r\n\r\n    const handleSubmit = () => {\r\n        let userSelected;\r\n        if(userRating <= 2) userSelected = negativeUserSelected;\r\n        else userSelected = [...positiveUserSelected, ...negativeUserSelected];\r\n        sendFluentLog(feedbackLog(userRating, userSelected, customText));\r\n        toast({title: \"نظر شما با موفقیت ثبت شد.\", type: \"success\"})\r\n        handleCloseModal()\r\n    }\r\n\r\n    const handleCloseModal = () => {\r\n        dispatch(setFeedbackPopover(false));\r\n        setCustomText(\"\");\r\n        setPositiveUserSelected([]);\r\n        setNegativeUserSelected([]);\r\n        setUserRating(0);\r\n    }\r\n\r\n    const handleNegativeUserSelected = (userNegativeSelected: string) => {\r\n        if (negativeUserSelected.some((negative: string) => negative === userNegativeSelected)) {\r\n            setNegativeUserSelected((prev: string[]) => prev.filter((negative: string) => negative !== userNegativeSelected))\r\n        } else {\r\n            setNegativeUserSelected((prev: string[]) => [...prev, userNegativeSelected])\r\n        }\r\n    }\r\n\r\n    const handlePositiveUserSelected = (userPositiveSelected: string) => {\r\n        if (positiveUserSelected.some((positive: string) => positive === userPositiveSelected)) {\r\n            setPositiveUserSelected((prev: string[]) => prev.filter((positive: string) => positive !== userPositiveSelected))\r\n        } else {\r\n            setPositiveUserSelected((prev: string[]) => [...prev, userPositiveSelected])\r\n        }\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={() => dispatch(setFeedbackPopover(true))}\r\n            >\r\n                <FeedbackIcon 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                status={feedbackPopover}\r\n                onClose={handleCloseModal}\r\n                isHeader={true}\r\n                headerTitle={\"ثبت بازخورد\"}\r\n                isBlurBackground={!conditions(ConditionName.isComplexPortrait)}\r\n                type=\"modal\"\r\n                isFullScreen={conditions(ConditionName.isComplexPortrait)}\r\n                classNames={`pl-w-[480px] ${conditions(ConditionName.isComplexDesktop) && \"dark:!pl-bg-dark-3 pl-w-[639px]\"} ${conditions(ConditionName.isComplexPortrait) ? \"pl-w-screen pl-h-[100dvh] !pl-bg-white dark:!pl-bg-dark-1 !pl-rounded-none\" : \"!pl-max-h-[90vh]\"} ${!conditions(ConditionName.isDarkMode) && \"!pl-bg-white\"}`}\r\n            >\r\n                <>\r\n                    <div className={`pl-mx-4 pl-flex pl-gap-4 ${userRating ? \"pl-flex-col-reverse\" : \"pl-flex-col\"}`}>\r\n                        <div>\r\n                            <div className=\"pl-flex pl-justify-between pl-items-center\">\r\n                                <div className=\"pl-flex pl-items-center pl-gap-1\">\r\n                                    <SmsStarIcon className=\"pl-fill-gray-800 dark:pl-fill-white\" />\r\n                                    <p className=\"pl-text-[16px] pl-font-bold pl-text-gray-800 dark:pl-text-white\">امتیاز دادن به ذره‌بین</p>\r\n                                </div>\r\n                                <div className=\"pl-flex pl-items-center pl-gap-4\">\r\n                                    <a href=\"https://cafebazaar.ir/app/com.zarebin.browser\"><Image src={IMAGES.cafebazaar} width={34} height={34} /></a>\r\n                                    <a href=\"https://myket.ir/app/com.zarebin.browser\"><Image src={IMAGES.myket} width={34} height={34} /></a>\r\n                                </div>\r\n                            </div>\r\n                            <p className=\"pl-text-[13px] pl-font-medium pl-text-z-secondary-500 dark:pl-text-secondary pl-mt-2\">با امتیاز دادن به ذره‌بین ما را در ارائه خدمات بهتر یاری کنید.</p>\r\n                        </div>\r\n                        <div className=\"pl-h-[1px] pl-bg-secondary-500\" />\r\n                        <div>\r\n                            <p className=\"pl-text-[16px] pl-font-bold pl-text-gray-800 dark:pl-text-white\">{userRating ? \"امتیاز به پخش\" : \"پخش این برنامه چطور بود؟\"}</p>\r\n                            <div className={`pl-flex pl-flex-row-reverse pl-justify-center pl-items-center pl-gap-6 pl-mt-6 ${conditions(ConditionName.isComplexDesktop) && !userRating && \"pl-border pl-border-secondary-300 dark:pl-border-secondary-400 pl-p-4 pl-rounded-[8px]\"}`}>\r\n                                <Stars userRating={userRating} setUserRating={setUserRating} setButtonActive={setButtonActive} starsLabels={starsLabels}/>\r\n                            </div>\r\n                            <p className=\"pl-text-[14px] pl-font-medium pl-text-center pl-text-z-gray-500 dark:pl-text-white pl-mt-2\">{starsLabels[userRating-1]}</p>\r\n                        </div>\r\n                    </div>\r\n                    {!!userRating && (\r\n                        <div className=\"pl-mx-4\">\r\n                            <div className=\"pl-h-[1px] pl-bg-secondary-500 pl-my-4\" />\r\n                            <div className=\"pl-text-center\">\r\n                                {userRating === 1 ? (\r\n                                    <p className=\"pl-w-max pl-text-[15px] pl-font-medium pl-text-gray-800 dark:pl-text-white pl-mx-auto pl-border-b-[2px] pl-border-b-gray-800 dark:pl-border-b-white\">چه مشکلی پیش آمد؟</p>\r\n                                ) : (\r\n                                    <div className=\"pl-w-full pl-flex pl-items-center pl-text-[15px]\">\r\n                                        <button className={`pl-w-full pl-mx-auto ${buttonActive === \"positive\" && \"pl-border-b-[2px] pl-border-b-gray-800 dark:pl-border-b-white\"}`} onClick={() => setButtonActive(\"positive\")}>نقاط مثبت</button>\r\n                                        <button className={`pl-w-full pl-mx-auto ${buttonActive === \"negative\" && \"pl-border-b-[2px] pl-border-b-gray-800 dark:pl-border-b-white\"}`} onClick={() => setButtonActive(\"negative\")}>نقاط منفی</button>\r\n                                    </div>\r\n                                )}\r\n                                <div className=\"pl-h-[1px] pl-bg-secondary-500\" />\r\n                            </div>                            \r\n                            <div className=\"pl-flex pl-flex-wrap pl-items-center pl-gap-[10px] pl-mt-4\">\r\n                                {buttonActive === \"negative\" ? (\r\n                                    <>{negative.map((item: { id: number, text: string }) => <button className={`pl-flex-grow pl-border dark:pl-border-none pl-border-secondary-400 pl-rounded-[16px] pl-text-secondary-600 dark:pl-text-z-secondary-50 dark:pl-bg-dark-1 pl-px-3 pl-py-[6px] pl-text-[12px] pl-font-normal ${negativeUserSelected.some((negative: string) => negative === item.text) && \"text-z-gray-700 dark:text-white !pl-border-main !pl-bg-main/[0.08] dark:!pl-border-main dark:!pl-bg-main pl-font-medium\"}`} onClick={() => handleNegativeUserSelected(item.text)}>{item.text}</button>)}</>\r\n                                ) : (\r\n                                    <>{positive.map((item: { id: number, text: string }) => <button className={`pl-flex-grow pl-border dark:pl-border-none pl-border-secondary-400 pl-rounded-[16px] pl-text-secondary-600 dark:pl-text-z-secondary-50 dark:pl-bg-dark-1 pl-px-3 pl-py-[6px] pl-text-[12px] pl-font-normal ${positiveUserSelected.some((positive: string) => positive === item.text) && \"text-z-gray-700 dark:text-white !pl-border-main !pl-bg-main/[0.08] dark:!pl-border-main dark:!pl-bg-main pl-font-medium\"}`} onClick={() => handlePositiveUserSelected(item.text)}>{item.text}</button>)}</>\r\n                                )}\r\n                            </div>\r\n                            <div className=\"pl-h-[1px] pl-bg-secondary-500 pl-my-4\" />\r\n                            {!conditions(ConditionName.isIOS) && (\r\n                                <div className={`pl-text-z-secondary-600 dark:pl-text-secondary-300 pl-bg-main/[0.08] dark:pl-bg-main-highLight/[0.5] pl-px-3 pl-rounded-[10px] pl-text-[13px] pl-font-normal`}>\r\n                                    <input\r\n                                        className=\"pl-w-full pl-bg-transparent pl-outline-none pl-placeholder-z-secondary-600 dark:pl-placeholder-secondary-300 pl-px-3 pl-py-5 pl-placeholder-text-[80px]\"\r\n                                        placeholder={\"لطفا پیشنهاد و نظر خود را ثبت کنید.\"}\r\n                                        onChange={(e) => setCustomText(e.target.value)}\r\n                                    />\r\n                                </div>\r\n                            )}\r\n                            <div className={`pl-flex pl-gap-3 pl-w-full pl-justify-start pl-my-4`}>\r\n                                <button type=\"button\"\r\n                                    className={`pl-py-2 pl-px-6 pl-rounded-[8px] pl-w-full pl-text-[15px] pl-font-medium pl-cursor-pointer pl-transition-colors pl-duration-300 !pl-bg-main pl-text-white hover:pl-bg-main-700 disabled:!pl-opacity-50`}\r\n                                    onClick={handleSubmit}\r\n                                >\r\n                                    ثبت بازخورد\r\n                                </button>\r\n                                <button\r\n                                    type=\"button\"\r\n                                    data-modal-toggle=\"small-modal\"\r\n                                    className={`pl-w-[125px] pl-border-[1.5px] pl-border-secondary-400 pl-text-z-gray-700 dark:pl-text-secondary-50 pl-py-2 pl-px-6 pl-rounded-[8px] pl-text-[15px] pl-font-medium}`}\r\n                                    onClick={handleCloseModal}>\r\n                                    بعدا\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n\r\n                </>\r\n            </Popover>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Feedback;","import { IFeedbackIconProps } from \"interfaces\";\r\n\r\nconst FeedbackIcon = ({ className, onClick }: IFeedbackIconProps) => {\r\n    return (\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" className={className} onClick={onClick}>\r\n            <path d=\"M11.332 14.1663H4.66536C2.23203 14.1663 0.832031 12.7663 0.832031 10.333V5.66634C0.832031 3.23301 2.23203 1.83301 4.66536 1.83301H7.9987C8.27203 1.83301 8.4987 2.05967 8.4987 2.33301C8.4987 2.60634 8.27203 2.83301 7.9987 2.83301H4.66536C2.7587 2.83301 1.83203 3.75967 1.83203 5.66634V10.333C1.83203 12.2397 2.7587 13.1663 4.66536 13.1663H11.332C13.2387 13.1663 14.1654 12.2397 14.1654 10.333V7.66634C14.1654 7.39301 14.392 7.16634 14.6654 7.16634C14.9387 7.16634 15.1654 7.39301 15.1654 7.66634V10.333C15.1654 12.7663 13.7654 14.1663 11.332 14.1663Z\"/>\r\n            <path d=\"M7.9992 8.57985C7.4392 8.57985 6.87254 8.40652 6.4392 8.05319L4.35253 6.38652C4.1392 6.21319 4.0992 5.89985 4.27254 5.68652C4.44587 5.47318 4.7592 5.43319 4.97253 5.60652L7.0592 7.27319C7.56587 7.67985 8.42586 7.67985 8.93253 7.27319C9.14586 7.09985 9.45921 7.13318 9.63254 7.35318C9.80588 7.56652 9.77253 7.88652 9.55253 8.05319C9.12586 8.40652 8.5592 8.57985 7.9992 8.57985Z\"/>\r\n            <path d=\"M11.1604 6.4995C10.8871 6.4995 10.7004 6.40617 10.5804 6.3195C10.3604 6.1595 10.0204 5.75951 10.2204 4.87951L10.2538 4.7395C10.2671 4.68617 10.2271 4.5595 10.1938 4.5195L9.96045 4.28616C9.56711 3.88616 9.41378 3.4195 9.54712 2.9995C9.68045 2.58617 10.0738 2.29284 10.6271 2.1995L10.8804 2.15951C10.9271 2.14617 11.0204 2.0795 11.0471 2.03284L11.2338 1.65283C11.4938 1.12617 11.8938 0.826172 12.3338 0.826172C12.7738 0.826172 13.1738 1.12617 13.4338 1.65283L13.6204 2.03284C13.6404 2.07284 13.7404 2.14617 13.7871 2.15951L14.0404 2.1995C14.5938 2.29284 14.9871 2.58617 15.1204 2.9995C15.2538 3.41283 15.1071 3.8795 14.7071 4.28616L14.4738 4.5195C14.4404 4.5595 14.4004 4.68617 14.4138 4.7395L14.4471 4.87951C14.6471 5.75951 14.3071 6.1595 14.0871 6.3195C13.8671 6.4795 13.3871 6.67284 12.6204 6.21284L12.4538 6.11283C12.4071 6.08617 12.2738 6.08617 12.2271 6.11283L12.0538 6.21284C11.6938 6.42617 11.3938 6.4995 11.1604 6.4995ZM12.3271 1.83283C12.3204 1.8395 12.2271 1.90616 12.1338 2.0995L11.9471 2.4795C11.7871 2.80617 11.4071 3.08617 11.0538 3.14617L10.8005 3.18617C10.5871 3.2195 10.5138 3.29284 10.5071 3.30617C10.5071 3.31951 10.5271 3.42616 10.6804 3.5795L10.9138 3.81284C11.1871 4.09284 11.3271 4.57283 11.2404 4.95283L11.2071 5.09283C11.1538 5.33283 11.1738 5.4595 11.1871 5.50616C11.2004 5.49283 11.3204 5.4795 11.5404 5.34617L11.7138 5.24616C12.0804 5.02616 12.6071 5.02616 12.9738 5.24616L13.1404 5.34617C13.3604 5.4795 13.4738 5.49284 13.5138 5.49284C13.5071 5.47284 13.5338 5.35283 13.4738 5.09283L13.4404 4.95283C13.3538 4.56616 13.4938 4.09284 13.7671 3.81284L14.0004 3.5795C14.1538 3.42616 14.1738 3.3195 14.1738 3.2995C14.1671 3.28617 14.0938 3.2195 13.8804 3.1795L13.6271 3.13951C13.2671 3.07951 12.8938 2.79951 12.7338 2.47284L12.5471 2.0995C12.4404 1.8995 12.3538 1.8395 12.3271 1.83283Z\"/>\r\n        </svg>\r\n    )\r\n}\r\n\r\nexport default FeedbackIcon;","import { ISmsStarProps } from \"interfaces\";\r\n\r\nconst SmsStarIcon = ({className}: ISmsStarProps) => {\r\n    return (\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" className={className}>\r\n            <path d=\"M11.332 14.1663H4.66536C2.23203 14.1663 0.832031 12.7663 0.832031 10.333V5.66634C0.832031 3.23301 2.23203 1.83301 4.66536 1.83301H7.9987C8.27203 1.83301 8.4987 2.05967 8.4987 2.33301C8.4987 2.60634 8.27203 2.83301 7.9987 2.83301H4.66536C2.7587 2.83301 1.83203 3.75967 1.83203 5.66634V10.333C1.83203 12.2397 2.7587 13.1663 4.66536 13.1663H11.332C13.2387 13.1663 14.1654 12.2397 14.1654 10.333V7.66634C14.1654 7.39301 14.392 7.16634 14.6654 7.16634C14.9387 7.16634 15.1654 7.39301 15.1654 7.66634V10.333C15.1654 12.7663 13.7654 14.1663 11.332 14.1663Z\" />\r\n            <path d=\"M7.9992 8.57985C7.4392 8.57985 6.87254 8.40652 6.4392 8.05319L4.35253 6.38652C4.1392 6.21319 4.0992 5.89985 4.27254 5.68652C4.44587 5.47318 4.7592 5.43319 4.97253 5.60652L7.0592 7.27319C7.56587 7.67985 8.42586 7.67985 8.93253 7.27319C9.14586 7.09985 9.45921 7.13318 9.63254 7.35318C9.80588 7.56652 9.77253 7.88652 9.55253 8.05319C9.12586 8.40652 8.5592 8.57985 7.9992 8.57985Z\" />\r\n            <path d=\"M11.1604 6.4995C10.8871 6.4995 10.7004 6.40617 10.5804 6.3195C10.3604 6.1595 10.0204 5.75951 10.2204 4.87951L10.2538 4.7395C10.2671 4.68617 10.2271 4.5595 10.1938 4.5195L9.96045 4.28616C9.56711 3.88616 9.41378 3.4195 9.54712 2.9995C9.68045 2.58617 10.0738 2.29284 10.6271 2.1995L10.8804 2.15951C10.9271 2.14617 11.0204 2.0795 11.0471 2.03284L11.2338 1.65283C11.4938 1.12617 11.8938 0.826172 12.3338 0.826172C12.7738 0.826172 13.1738 1.12617 13.4338 1.65283L13.6204 2.03284C13.6404 2.07284 13.7404 2.14617 13.7871 2.15951L14.0404 2.1995C14.5938 2.29284 14.9871 2.58617 15.1204 2.9995C15.2538 3.41283 15.1071 3.8795 14.7071 4.28616L14.4738 4.5195C14.4404 4.5595 14.4004 4.68617 14.4138 4.7395L14.4471 4.87951C14.6471 5.75951 14.3071 6.1595 14.0871 6.3195C13.8671 6.4795 13.3871 6.67284 12.6204 6.21284L12.4538 6.11283C12.4071 6.08617 12.2738 6.08617 12.2271 6.11283L12.0538 6.21284C11.6938 6.42617 11.3938 6.4995 11.1604 6.4995ZM12.3271 1.83283C12.3204 1.8395 12.2271 1.90616 12.1338 2.0995L11.9471 2.4795C11.7871 2.80617 11.4071 3.08617 11.0538 3.14617L10.8005 3.18617C10.5871 3.2195 10.5138 3.29284 10.5071 3.30617C10.5071 3.31951 10.5271 3.42616 10.6804 3.5795L10.9138 3.81284C11.1871 4.09284 11.3271 4.57283 11.2404 4.95283L11.2071 5.09283C11.1538 5.33283 11.1738 5.4595 11.1871 5.50616C11.2004 5.49283 11.3204 5.4795 11.5404 5.34617L11.7138 5.24616C12.0804 5.02616 12.6071 5.02616 12.9738 5.24616L13.1404 5.34617C13.3604 5.4795 13.4738 5.49284 13.5138 5.49284C13.5071 5.47284 13.5338 5.35283 13.4738 5.09283L13.4404 4.95283C13.3538 4.56616 13.4938 4.09284 13.7671 3.81284L14.0004 3.5795C14.1538 3.42616 14.1738 3.3195 14.1738 3.2995C14.1671 3.28617 14.0938 3.2195 13.8804 3.1795L13.6271 3.13951C13.2671 3.07951 12.8938 2.79951 12.7338 2.47284L12.5471 2.0995C12.4404 1.8995 12.3538 1.8395 12.3271 1.83283Z\" />\r\n        </svg>\r\n    )\r\n}\r\n\r\nexport default SmsStarIcon;","import { ConditionName, IStarsProps } from \"interfaces\";\r\nimport { conditions } from \"helpers\";\r\nimport dynamic from \"next/dynamic\";\r\n\r\nconst StarSlashIcon = dynamic(() => import(\"../../icon-components/starSlashIcon\"));\r\nconst StarIcon = dynamic(() => import(\"../../icon-components/starIcon\"));\r\n\r\nconst Stars = ({ userRating, setUserRating, setButtonActive, starsLabels }: IStarsProps) => {\r\n\r\n    const handleUserRating = (userRateSelected: number) => {\r\n        setUserRating(userRateSelected);\r\n        if (userRateSelected !== 1) setButtonActive(\"positive\");\r\n    }\r\n\r\n    let stars = <></>;\r\n\r\n    if (conditions(ConditionName.isComplexDesktop) && !userRating) {\r\n        stars = (\r\n            <>\r\n                {starsLabels.map((item: string, index: number) => (\r\n                    <div key={item} className={`pl-relative pl-cursor-pointer pl-w-full`} onClick={() => handleUserRating(index + 1)}>\r\n                        <div className=\"pl-bg-secondary-100 dark:pl-bg-dark-2 pl-border pl-border-secondary-200 dark:pl-border-secondary-400 pl-rounded-[8px] pl-mb-[10px] pl-px-6 pl-py-3\"><StarIcon className={`pl-w-full pl-h-full pl-stroke-z-secondary-500 dark:pl-stroke-z-gray-400`} /></div>\r\n                        <p className={`pl-text-[13px] pl-font-normal pl-text-center pl-w-full pl-text-z-secondary-500 dark:pl-text-z-gray-400 ${index + 1 === 5 && \"-pl-right-2\"}`}>{item}</p>\r\n                    </div>\r\n                ))}\r\n            </>\r\n        )\r\n    } else {\r\n        stars = (\r\n            <>\r\n                {starsLabels.map((item: string, index: number) => (\r\n                    <div key={item} className={`pl-relative pl-cursor-pointer pl-w-[37.1px]`}>\r\n                        {index + 1 <= userRating ? <StarSlashIcon className=\"pl-w-[37.1px] pl-h-[37.1px]\" onClick={() => handleUserRating(index + 1)} /> : <StarIcon className={`pl-w-8 pl-h-8 pl-stroke-z-secondary-500 dark:pl-stroke-z-gray-400`} onClick={() => handleUserRating(index + 1)} />}\r\n                        {conditions(ConditionName.isComplexPortrait) && !userRating && (index + 1 === 1 || index + 1 === 5) && (\r\n                            <p className={`pl-text-[13px] pl-font-normal pl-text-center pl-absolute pl-top-[115%] pl-w-max pl-text-z-secondary-500 dark:pl-text-z-gray-400 ${index + 1 === 5 && \"-pl-right-2\"}`}>{item}</p>\r\n                        )}\r\n                    </div>\r\n                ))}\r\n            </>\r\n        )\r\n    }\r\n\r\n\r\n    return <>{stars}</>\r\n}\r\n\r\nexport default Stars;"],"mappings":"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","names":["init_esm_shims","Image","useState","init_esm_shims","jsx","jsxs","FeedbackIcon","className","onClick","feedbackIcon_default","shallowEqual","toast","init_esm_shims","jsx","jsxs","SmsStarIcon","className","smsStarIcon_default","init_esm_shims","dynamic","Fragment","jsx","jsxs","StarSlashIcon","StarIcon","Stars","userRating","setUserRating","setButtonActive","starsLabels","handleUserRating","userRateSelected","stars","conditions","item","index","stars_default","Fragment","jsx","jsxs","negative","positive","starsLabels","Feedback","negativeUserSelected","setNegativeUserSelected","useState","positiveUserSelected","setPositiveUserSelected","customText","setCustomText","userRating","setUserRating","buttonActive","setButtonActive","feedbackPopover","useAppSelector","shallowEqual","isComplexPortrait","isComplexDesktop","dispatch","useAppDispatch","handleSubmit","userSelected","sendFluentLog","feedbackLog","toast","handleCloseModal","setFeedbackPopover","handleNegativeUserSelected","userNegativeSelected","prev","handlePositiveUserSelected","userPositiveSelected","feedbackIcon_default","conditions","popover_default","smsStarIcon_default","Image","importImages_default","stars_default","item","e","feedback_default"]}