{"version":3,"sources":["../ui/src/components/player-components/cinemaHamrahPopovers/factor.tsx"],"sourcesContent":["import { useEffect } from \"react\";\r\nimport { handleConfirmPayment, handlePlayVideoInFactor, handleRetryPayment, useAppSelector } from \"redux-share\";\r\nimport IMAGES from \"../../../../../images/importImages\";\r\nimport Image from \"next/image\";\r\nimport { shallowEqual } from 'react-redux'\r\nimport { conditions } from \"helpers\";\r\nimport { ConditionName } from \"interfaces\";\r\nimport dynamic from \"next/dynamic\";\r\n\r\nconst PrintIcon = dynamic(() => import(\"../../icon-components/printIcon\"));\r\nconst LayerIcon = dynamic(() => import(\"../../icon-components/layerIcon\"));\r\n\r\nconst Factor = () => {\r\n\r\n    const { factor } = useAppSelector(({ user: { factor } }) => ({ factor }), shallowEqual);\r\n    const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n\r\n    useEffect(() => {\r\n        handleConfirmPayment()\r\n    },[])\r\n\r\n    return (\r\n        <div className={conditions(ConditionName.isTouchScreenPortrait) ? \"pl-m-4\" : \"pl-mx-[112px] pl-my-8\"}>\r\n            {factor ? (\r\n                <>\r\n                    <div className={`pl-flex ${conditions(ConditionName.isTouchScreenPortrait) ? \"pl-flex-col-reverse pl-p-4\" : \"pl-py-[74px] pl-px-[56px]\"} pl-justify-between pl-items-center pl-bg-lime-500/[0.3] dark:pl-bg-lime-500/[0.6] pl-rounded-[8px]`}>\r\n                        <p className={`pl-text-lime-600 dark:pl-text-lime-500 ${conditions(ConditionName.isTouchScreenPortrait) ? \"pl-mt-4 pl-text-[20px] pl-text-center\" : \"pl-text-[32px]\"} font-extrabold`}>بسته ی شما با موفقیت خریداری شد.</p>\r\n                        <img src={IMAGES.paymentSuccess} />\r\n                    </div>\r\n                    <div className={`pl-flex pl-justify-end pl-items-center pl-gap-6 pl-mb-2 ${conditions(ConditionName.isTouchScreenPortrait) ? \"pl-mt-3\" : \"pl-mt-6\"}`}>\r\n                        <PrintIcon className=\"pl-fill-z-secondary-600 dark:pl-fill-secondary pl-cursor-pointer\" onClick={() => window.print()}/>\r\n                    </div>\r\n                    <div className={`pl-flex pl-flex-col pl-gap-6 pl-bg-secondary-200 dark:pl-bg-dark-2 pl-rounded-[8px] ${conditions(ConditionName.isTouchScreenPortrait) ? \"pl-px-4 pl-pt-4 pl-pb-[31px]\" : \"pl-px-10 pl-pt-6 pl-pb-[72px]\"}`}>\r\n                        <div className={`pl-flex pl-items-center ${conditions(ConditionName.isTouchScreenPortrait) ? \"pl-gap-2\" : \"pl-gap-[18px]\"}`}>\r\n                            <LayerIcon className=\"pl-fill-gray-800 dark:pl-fill-z-secondary-50\" />\r\n                            <p className=\"pl-fill-gray-800 dark:pl-fill-z-secondary-50 pl-text-4 pl-font-medium\">جزئیات خرید بسته</p>\r\n                        </div>\r\n                        <div className=\"pl-flex pl-justify-between pl-items-center pl-gap-2\">\r\n                            <p className=\"pl-text-[14px] pl-font-normal pl-text-z-secondary-600 dark:pl-text-z-secondary-50\">تعداد استفاده</p>\r\n                            <div className=\"pl-border pl-border-dashed pl-border-dark-5 pl-flex-1\"></div>\r\n                            <p>{factor!.max_usage} مرتبه</p>\r\n                        </div>\r\n                        <div className=\"pl-flex pl-justify-between pl-items-center pl-gap-2\">\r\n                            <p className=\"pl-text-[14px] pl-font-normal pl-text-z-secondary-600 dark:pl-text-z-secondary-50\">زمان اعتبار بسته</p>\r\n                            <div className=\"pl-border pl-border-dashed pl-border-dark-5 pl-flex-1\"></div>\r\n                            <p>{factor!.active_duration} روزه</p>\r\n                        </div>\r\n                        <div className=\"pl-flex pl-justify-between pl-items-center pl-gap-2\">\r\n                            <p className=\"pl-text-[14px] pl-font-normal pl-text-z-secondary-600 dark:pl-text-z-secondary-50\">شماره پیگیری</p>\r\n                            <div className=\"pl-border pl-border-dashed pl-border-dark-5 pl-flex-1\"></div>\r\n                            <p>{params.transaction_id}</p>\r\n                        </div>\r\n                        <button onClick={handlePlayVideoInFactor} className=\"pl-bg-main-light hover:pl-bg-main-700 pl-text-white pl-transition-colors pl-duration-300 pl-w-full pl-flex pl-justify-center pl-items-center pl-gap-3 pl-py-4 pl-rounded-[10px] pl-mt-6\">\r\n                            <Image src={IMAGES.videoCircle} width={20} height={20} />\r\n                            <span className=\"pl-text-[15px] pl-font-bold\">پخش فیلم</span>\r\n                        </button>\r\n                    </div>\r\n                </>\r\n            ) : (\r\n                <>\r\n                    <div className={`pl-flex ${conditions(ConditionName.isTouchScreenPortrait) ? \"pl-flex-col-reverse pl-p-4\" : \"pl-py-[74px] pl-px-[56px]\"} pl-justify-between pl-items-center pl-bg-red-300/[0.3] dark:pl-bg-red-300/[0.5] pl-rounded-[8px]`}>\r\n                        <div className={`${conditions(ConditionName.isTouchScreenPortrait) && \"pl-px-8\"}`}>\r\n                            <p className={`pl-text-red-600 dark:pl-text-red-500 ${conditions(ConditionName.isTouchScreenPortrait) ? \"pl-text-[20px] pl-text-center\" : \"pl-text-[32px]\"} font-extrabold`}>متاسفانه پرداخت شما ناموفق بود. </p>\r\n                            <p className={`${conditions(ConditionName.isTouchScreenPortrait) ? \"pl-text-[14px]\" : \"pl-text-[16px]\"} pl-font-bold pl-text-z-secondary-600 dark:pl-text-white`}>در صورت کسر وجه از حساب شما مبلغ آن طی 72 ساعت آینده به حساب شما بازخواهد گشت.</p>\r\n                        </div>\r\n                        <img src={IMAGES.paymentFail} />\r\n                    </div>\r\n                        <div className={`pl-flex pl-flex-col pl-gap-6 pl-bg-secondary-200 dark:pl-bg-dark-2 pl-rounded-[8px] ${conditions(ConditionName.isTouchScreenPortrait) ? \"pl-mt-4 pl-px-4 pl-pt-4 pl-pb-[31px]\" : \"pl-mt-16 pl-px-10 pl-pt-6 pl-pb-[72px]\"}`}>\r\n                        <div className=\"pl-flex pl-justify-between pl-items-center pl-gap-2\">\r\n                            <p className=\"pl-text-[14px] pl-font-normal pl-text-z-secondary-600 dark:pl-text-z-secondary-50\">شماره پیگیری</p>\r\n                            <div className=\"pl-border pl-border-dashed pl-border-dark-5 pl-flex-1\"></div>\r\n                            <p>{params.transaction_id}</p>\r\n                        </div>\r\n                        <button onClick={handleRetryPayment} className={`pl-text-[15px] pl-font-bold pl-bg-main-light hover:pl-bg-main-700 pl-text-white pl-transition-colors pl-duration-300 pl-w-full pl-flex pl-justify-center pl-items-center pl-gap-3 pl-py-4 pl-rounded-[10px] pl-mt-6`}>تلاش مجدد</button>\r\n                    </div>\r\n                </>\r\n            )}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Factor;"],"mappings":"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","names":["init_esm_shims","useEffect","Image","shallowEqual","dynamic","Fragment","jsx","jsxs","PrintIcon","LayerIcon","Factor","factor","useAppSelector","shallowEqual","params","useEffect","handleConfirmPayment","conditions","importImages_default","handlePlayVideoInFactor","Image","handleRetryPayment","factor_default"]}