{"version":3,"sources":["../ui/src/components/player-components/cinemaHamrahPopovers/preFactorPopover.tsx"],"sourcesContent":["import { conditions, responseValidator } from \"helpers\";\r\nimport { ConditionName, IPreFactor } from \"interfaces\";\r\nimport { useEffect } from \"react\";\r\nimport { handlePaymentRequest, useAppSelector } from \"redux-share\";\r\nimport { shallowEqual } from 'react-redux'\r\nimport { API, apiCaller } from \"../../../../../services\";\r\nimport Popover from \"../popover/popover\";\r\nimport { useState } from \"react\";\r\nimport IMAGES from \"../../../../../images/importImages\";\r\nimport Image from \"next/image\";\r\n\r\nconst PreFactorPopover = () => {\r\n\r\n    const [isLoading, setIsLoading] = useState<boolean>(false);\r\n    const [preFactor, setPreFactor] = useState<IPreFactor>({\r\n        active_duration:0,\r\n        id:0,\r\n        max_usage:0,\r\n        price:0,\r\n    });\r\n\r\n    const tax = preFactor.price * 0.09;\r\n\r\n    const { preFactorPopover } = useAppSelector(({ popovers: { preFactorPopover } }) => ({ preFactorPopover }), shallowEqual);\r\n\r\n    let customHeader = <></>;\r\n\r\n    useEffect(() => {\r\n        if(conditions(ConditionName.showPreFactorPopover)) {\r\n            (async() => {\r\n                const { data, status } = await apiCaller({ url: API().cinemahamrah.voucherPackages() });\r\n                if (responseValidator(status)) {\r\n                    setPreFactor(data.results[0]);\r\n                }\r\n            })()\r\n        }\r\n    }, [preFactorPopover])\r\n\r\n    if(conditions(ConditionName.showPreFactorPopover)) {\r\n        customHeader = (\r\n            <div className=\"pl-flex pl-items-center pl-gap-2 pl-pb-[18px] pl-px-4 pl-py-6\">\r\n                <Image src={conditions(ConditionName.isDarkMode) ? IMAGES.textDocumentWhite : IMAGES.textDocumentBlack} width={24} height={24} />\r\n                <p className=\"pl-text-[18px] pl-font-bold pl-text-z-gray-700 dark:pl-text-dark-5\">جزئیات خرید بسته سینما همراه</p>\r\n            </div>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <Popover \r\n            status={conditions(ConditionName.showPreFactorPopover)}\r\n            onClose={() => {}}\r\n            type=\"modal\"\r\n            isHeader={true}\r\n            customHeader={customHeader}\r\n            isBlurBackground={true}\r\n        >\r\n            <div className=\"pl-px-4 pl-py-6\">\r\n                <p className=\"pl-text-[14px] pl-font-medium pl-text-z-gray-700 dark:pl-text-dark-5\">کاربر گرامی، برای تماشای فیلم سینمایی، نیاز به خرید بلیط سینما همراه می‌باشد، شما می‌توانید از طریق گزینه پرداخت آنلاین نسبت به خرید بلیط سینماهمراه اقدام نمایید.</p>\r\n                <div className=\"pl-flex pl-flex-col pl-gap-4 pl-border pl-border-z-secondary-100 dark:pl-border-dark-3 pl-rounded-[16px] pl-max-w-[412px] pl-mx-auto pl-mt-4 pl-mb-6 pl-px-8 pl-py-6 pl-text-[14px] pl-font-normal pl-text-z-secondary-600 dark:pl-text-z-secondary-50\">\r\n                    <p className=\"pl-flex pl-justify-between pl-items-center\">\r\n                        <span>تعداد استفاده</span>\r\n                        <p>\r\n                            <span className=\"pl-text-z-gray-700 dark:pl-text-white\">{preFactor.max_usage}</span>\r\n                            <span className=\"pl-text-z-secondary-500 dark:pl-text-secondary pl-mr-1\">مرتبه</span>\r\n                        </p>\r\n                    </p>\r\n                    <p className=\"pl-flex pl-justify-between pl-items-center\">\r\n                        <span>زمان اعتبار</span>\r\n                        <p>\r\n                            <span className=\"pl-text-z-gray-700 dark:pl-text-white\">{preFactor.active_duration}</span>\r\n                            <span className=\"pl-text-z-secondary-500 dark:pl-text-secondary pl-mr-1\">روز</span>\r\n                        </p>\r\n                    </p>\r\n                    <p className=\"pl-flex pl-justify-between pl-items-center\">\r\n                        <span>هزینه بسته</span>\r\n                        <p>\r\n                            <span className=\"pl-text-z-gray-700 dark:pl-text-white\">{preFactor.price.toLocaleString()}</span>\r\n                            <span className=\"pl-text-z-secondary-500 dark:pl-text-secondary pl-mr-1\">تومان</span>\r\n                        </p>\r\n                    </p>\r\n                    <p className=\"pl-flex pl-justify-between pl-items-center\">\r\n                        <span>مالیات بر ارزش افزوده (%9)</span>\r\n                        <p>\r\n                            <span className=\"pl-text-z-gray-700 dark:pl-text-white\">{tax.toLocaleString()}</span>\r\n                            <span className=\"pl-text-z-secondary-500 dark:pl-text-secondary pl-mr-1\">تومان</span>\r\n                        </p>\r\n                    </p>\r\n                    <hr />\r\n                    <p className=\"pl-flex pl-justify-between pl-items-center pl-font-bold\">\r\n                        <span className=\"pl-text-z-secondary-600 dark:pl-text-z-secondary-50\">مبلغ قابل پرداخت</span>\r\n                        <span className=\"pl-text-z-gray-700 dark:pl-text-white\">{(preFactor.price + tax).toLocaleString()} تومان</span>\r\n                    </p>\r\n                </div>\r\n                <button \r\n                    disabled={isLoading} \r\n                    className=\"pl-bg-main-light hover:pl-bg-main-700 disabled:pl-bg-main disabled:pl-opacity-50 pl-transition-colors pl-duration-300 pl-px-6 pl-py-4 pl-text-white pl-text-[15px] pl-font-medium pl-w-full pl-rounded-[8px]\" \r\n                    onClick={() => handlePaymentRequest(preFactor.id, setIsLoading)}\r\n                >\r\n                    {isLoading ? \"در حال اتصال به درگاه پرداخت\" : \"پرداخت آنلاین\"}\r\n                </button>\r\n            </div>\r\n        </Popover>\r\n    )\r\n}\r\n\r\nexport default PreFactorPopover;"],"mappings":"kQAAAA,IAEA,OAAS,aAAAC,MAAiB,QAE1B,OAAS,gBAAAC,MAAoB,cAG7B,OAAS,YAAAC,MAAgB,QAEzB,OAAOC,MAAW,aAgBK,mBAAAC,EAAA,OAAAC,EAeX,QAAAC,MAfW,oBAdvB,IAAMC,EAAmB,IAAM,CAE3B,GAAM,CAACC,EAAWC,CAAY,EAAIC,EAAkB,EAAK,EACnD,CAACC,EAAWC,CAAY,EAAIF,EAAqB,CACnD,gBAAgB,EAChB,GAAG,EACH,UAAU,EACV,MAAM,CACV,CAAC,EAEKG,EAAMF,EAAU,MAAQ,IAExB,CAAE,iBAAAG,CAAiB,EAAIC,EAAe,CAAC,CAAE,SAAU,CAAE,iBAAAD,CAAiB,CAAE,KAAO,CAAE,iBAAAA,CAAiB,GAAIE,CAAY,EAEpHC,EAAeZ,EAAAD,EAAA,EAAE,EAErB,OAAAc,EAAU,IAAM,CACTC,wBAA6C,IAC3C,SAAW,CACR,GAAM,CAAE,KAAAC,EAAM,OAAAC,CAAO,EAAI,MAAMC,EAAU,CAAE,IAAKC,EAAI,EAAE,aAAa,gBAAgB,CAAE,CAAC,EAClFC,EAAkBH,CAAM,GACxBT,EAAaQ,EAAK,QAAQ,CAAC,CAAC,CAEpC,GAAG,CAEX,EAAG,CAACN,CAAgB,CAAC,EAElBK,wBAA6C,IAC5CF,EACIX,EAAC,OAAI,UAAU,gEACX,UAAAD,EAACF,EAAA,CAAM,IAAKgB,cAAmC,EAAIM,EAAO,kBAAoBA,EAAO,kBAAmB,MAAO,GAAI,OAAQ,GAAI,EAC/HpB,EAAC,KAAE,UAAU,qEAAqE,gKAA4B,GAClH,GAKJA,EAACqB,EAAA,CACG,OAAQP,wBAA6C,EACrD,QAAS,IAAM,CAAC,EAChB,KAAK,QACL,SAAU,GACV,aAAcF,EACd,iBAAkB,GAElB,SAAAX,EAAC,OAAI,UAAU,kBACX,UAAAD,EAAC,KAAE,UAAU,uEAAuE,i1BAAkK,EACtPC,EAAC,OAAI,UAAU,yPACX,UAAAA,EAAC,KAAE,UAAU,6CACT,UAAAD,EAAC,QAAK,qFAAa,EACnBC,EAAC,KACG,UAAAD,EAAC,QAAK,UAAU,wCAAyC,SAAAM,EAAU,UAAU,EAC7EN,EAAC,QAAK,UAAU,yDAAyD,0CAAK,GAClF,GACJ,EACAC,EAAC,KAAE,UAAU,6CACT,UAAAD,EAAC,QAAK,yEAAW,EACjBC,EAAC,KACG,UAAAD,EAAC,QAAK,UAAU,wCAAyC,SAAAM,EAAU,gBAAgB,EACnFN,EAAC,QAAK,UAAU,yDAAyD,8BAAG,GAChF,GACJ,EACAC,EAAC,KAAE,UAAU,6CACT,UAAAD,EAAC,QAAK,mEAAU,EAChBC,EAAC,KACG,UAAAD,EAAC,QAAK,UAAU,wCAAyC,SAAAM,EAAU,MAAM,eAAe,EAAE,EAC1FN,EAAC,QAAK,UAAU,yDAAyD,0CAAK,GAClF,GACJ,EACAC,EAAC,KAAE,UAAU,6CACT,UAAAD,EAAC,QAAK,gIAA0B,EAChCC,EAAC,KACG,UAAAD,EAAC,QAAK,UAAU,wCAAyC,SAAAQ,EAAI,eAAe,EAAE,EAC9ER,EAAC,QAAK,UAAU,yDAAyD,0CAAK,GAClF,GACJ,EACAA,EAAC,OAAG,EACJC,EAAC,KAAE,UAAU,0DACT,UAAAD,EAAC,QAAK,UAAU,sDAAsD,kGAAgB,EACtFC,EAAC,QAAK,UAAU,wCAA0C,WAAAK,EAAU,MAAQE,GAAK,eAAe,EAAE,mCAAM,GAC5G,GACJ,EACAR,EAAC,UACG,SAAUG,EACV,UAAU,+MACV,QAAS,IAAMmB,EAAqBhB,EAAU,GAAIF,CAAY,EAE7D,SAAAD,EAAY,kJAAiC,4EAClD,GACJ,EACJ,CAER,EAEOoB,EAAQrB","names":["init_esm_shims","useEffect","shallowEqual","useState","Image","Fragment","jsx","jsxs","PreFactorPopover","isLoading","setIsLoading","useState","preFactor","setPreFactor","tax","preFactorPopover","useAppSelector","shallowEqual","customHeader","useEffect","conditions","data","status","apiCaller","API","responseValidator","importImages_default","popover_default","handlePaymentRequest","preFactorPopover_default"]}