{"version":3,"sources":["../ui/src/components/player-components/voucher/voucher.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport { conditions } from \"../../../../../helpers\";\r\nimport { ConditionName, zIndex } from \"../../../../../interfaces\";\r\nimport { handleSendVoucher } from \"../../../../../redux/actions/user.actions\";\r\n\r\nconst Voucher = () => {\r\n\r\n    const [inputValue, setInputValue] = useState<string>(\"\");\r\n\r\n    return (\r\n        <div className={`pl-flex pl-justify-center pl-items-center pl-w-full pl-h-full pl-absolute`} style={{zIndex: zIndex.voucher}}>\r\n            <div className=\"pl-absolute pl-w-full pl-h-full pl-bg-transparent pl-backdrop-blur-[5px]\"/>\r\n            <div className={`pl-w-full pl-max-w-[639px] pl-bg-white/[0.9] dark:pl-bg-dark-3/[0.9] pl-rounded-[8px] ${conditions(ConditionName.isTouchScreenPortrait) && \"pl-pt-[10px] pl-h-full\"}`} style={{ boxShadow: conditions(ConditionName.isTouchScreenPortrait) ? \"unset\" : \"0px 4px 4px 0px rgba(0, 0, 0, 0.25)\", zIndex: zIndex.voucher }}>\r\n                <p className={`pl-text-[18px] pl-font-bold ${conditions(ConditionName.isTouchScreenPortrait) ? \"pl-px-4 pl-pb-4 pl-mb-4\" : \"pl-p-6\"}`} style={{ boxShadow: \"0px 8px 20px 0px rgba(178, 191, 205, 0.16)\"}}>لطفا کد تماشا را وارد کنید</p>\r\n                <form className={`pl-w-full pl-flex pl-flex-col ${conditions(ConditionName.isTouchScreenPortrait) ? \"pl-gap-1 pl-px-4\" : \"pl-gap-3 pl-px-6 pl-py-8\"}`} onSubmit={(event:any) => handleSendVoucher(inputValue,event)}>\r\n                    <input\r\n                        type=\"text\"\r\n                        placeholder=\"کد تماشا را وارد کنید\"\r\n                        className={`pl-outline-0 pl-bg-secondary-200 dark:pl-bg-dark-1 pl-w-full pl-rounded-[10px] pl-p-4 pl-text-center ${conditions(ConditionName.isTouchScreenPortrait) ? \"pl-my-3\" : \"pl-mb-[35px]\"}`}\r\n                        onChange={(event: any) => setInputValue(event.target.value)}\r\n                        style={{ direction: \"ltr\" }}\r\n                    />\r\n                    <button disabled={!inputValue} type=\"submit\" className=\"!pl-bg-main hover:!pl-bg-main-700 disabled:!pl-bg-main disabled:!pl-opacity-50 pl-duration-300 pl-transition-colors pl-text-white pl-p-4 pl-rounded-[8px]\">ارسال کد تماشا</button>\r\n                </form>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Voucher;"],"mappings":"+IAAAA,IAAA,OAAS,YAAAC,MAAgB,QAWb,cAAAC,EAGI,QAAAC,MAHJ,oBANZ,IAAMC,EAAU,IAAM,CAElB,GAAM,CAACC,EAAYC,CAAa,EAAIC,EAAiB,EAAE,EAEvD,OACIJ,EAAC,OAAI,UAAW,4EAA6E,MAAO,CAAC,SAAsB,EACvH,UAAAD,EAAC,OAAI,UAAU,2EAA0E,EACzFC,EAAC,OAAI,UAAW,yFAAyFK,yBAA8C,GAAK,wBAAwB,GAAI,MAAO,CAAE,UAAWA,yBAA8C,EAAI,QAAU,sCAAuC,SAAuB,EAClU,UAAAN,EAAC,KAAE,UAAW,+BAA+BM,yBAA8C,EAAI,0BAA4B,QAAQ,GAAI,MAAO,CAAE,UAAW,4CAA4C,EAAG,+IAA0B,EACpOL,EAAC,QAAK,UAAW,iCAAiCK,yBAA8C,EAAI,mBAAqB,0BAA0B,GAAI,SAAWC,GAAcC,EAAkBL,EAAWI,CAAK,EAC9M,UAAAP,EAAC,SACG,KAAK,OACL,YAAY,6GACZ,UAAW,wGAAwGM,yBAA8C,EAAI,UAAY,cAAc,GAC/L,SAAWC,GAAeH,EAAcG,EAAM,OAAO,KAAK,EAC1D,MAAO,CAAE,UAAW,KAAM,EAC9B,EACAP,EAAC,UAAO,SAAU,CAACG,EAAY,KAAK,SAAS,UAAU,4JAA4J,sFAAc,GACrO,GACJ,GACJ,CAER,EAEOM,EAAQP","names":["init_esm_shims","useState","jsx","jsxs","Voucher","inputValue","setInputValue","useState","conditions","event","handleSendVoucher","voucher_default"]}