{"version":3,"file":"GlobalToEuropeRedirectPopUp-DsbogWPl-chunk.js","sources":["../../../GSDClient/Scripts/Components/GlobalToEuropeRedirectPopUp.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { IGlobalToEuropeRedirectPopUpViewModel } from 'Scripts/Types/Litium';\n\nimport useLockedBody from 'Hooks/useLockedBody';\n\nimport CtaButton from 'Components/CtaButton';\n\nimport CloseIcon from 'Icons/close.svg?react';\n\ninterface ModalProps {\n    globalToEuropeRedirectPopUpModel: IGlobalToEuropeRedirectPopUpViewModel;\n    isOpened: boolean;\n    onClose?: () => void;\n}\n\nexport const GlobalToEuropeRedirectPopUp = ({\n    isOpened,\n    onClose,\n    globalToEuropeRedirectPopUpModel,\n}: ModalProps) => {\n    const ref = useRef<HTMLDialogElement>(null);\n    const [isClosing, setIsClosing] = useState(true);\n    const [, setLocked] = useLockedBody(false);\n\n    useEffect(() => {\n        if (isOpened) {\n            setIsClosing(false);\n            setLocked(true);\n            ref.current.showModal();\n        } else {\n            setIsClosing(true);\n        }\n    }, [isOpened]);\n\n    return (\n        <dialog\n            ref={ref}\n            onCancel={e => {\n                e.preventDefault();\n                e.stopPropagation();\n            }}\n            className={`scroll-bar-gsd::-webkit-scrollbar scroll-bar-gsd::-webkit-scrollbar-thumb scroll-bar-gsd mt-[20%] h-[250px] w-[600px] rounded-lg border border-solid border-gray-400 transition-all duration-500 ease-in-out backdrop:transition-all backdrop:duration-500 backdrop:ease-in-out lg:mt-[10%] [&:modal]:flex [&:modal]:flex-col [&:modal]:flex-wrap ${\n                isClosing\n                    ? 'invisible opacity-0 backdrop:invisible backdrop:bg-black/0 backdrop:opacity-0'\n                    : 'visible opacity-100 backdrop:visible backdrop:bg-black/40 backdrop:opacity-100 '\n            } `}\n        >\n            <div className=\"flex min-h-full flex-col p-6\">\n                <h2 className=\"under mb-4 text-center font-montserrat text-h4 leading-tight\">\n                    {globalToEuropeRedirectPopUpModel.headerText}\n                </h2>\n                <div className=\"flex h-[80%] w-full items-center justify-evenly gap-7 font-montserrat underline\">\n                    <button onClick={onClose}>\n                        {globalToEuropeRedirectPopUpModel.stayOnGlobalText}\n                    </button>\n                    <a\n                        className=\"text-center font-montserrat underline\"\n                        href={\n                            globalToEuropeRedirectPopUpModel\n                                .redirectToEuropeLink.href\n                        }\n                    >\n                        {\n                            globalToEuropeRedirectPopUpModel\n                                .redirectToEuropeLink.text\n                        }\n                    </a>\n                </div>\n                <div className=\"flex w-full items-center justify-center\">\n                    <CtaButton onClick={onClose}>\n                        {globalToEuropeRedirectPopUpModel.closeText}\n                    </CtaButton>\n                </div>\n            </div>\n\n            <button\n                className=\"absolute right-2.5 top-2.5 flex\"\n                onClick={onClose}\n                type=\"button\"\n            >\n                <CloseIcon className=\"h-6 w-6 cursor-pointer\">\n                    <span>{globalToEuropeRedirectPopUpModel.closeText}</span>\n                </CloseIcon>\n            </button>\n        </dialog>\n    );\n};\n"],"names":["GlobalToEuropeRedirectPopUp","isOpened","onClose","globalToEuropeRedirectPopUpModel","ref","useRef","isClosing","setIsClosing","useState","setLocked","useLockedBody","useEffect","jsxs","e","jsx","CtaButton","CloseIcon"],"mappings":"wGAgBO,MAAMA,EAA8B,CAAC,CACxC,SAAAC,EACA,QAAAC,EACA,iCAAAC,CACJ,IAAkB,CACR,MAAAC,EAAMC,SAA0B,IAAI,EACpC,CAACC,EAAWC,CAAY,EAAIC,WAAS,EAAI,EACzC,EAAGC,CAAS,EAAIC,EAAc,EAAK,EAEzCC,OAAAA,EAAAA,UAAU,IAAM,CACRV,GACAM,EAAa,EAAK,EAClBE,EAAU,EAAI,EACdL,EAAI,QAAQ,aAEZG,EAAa,EAAI,CACrB,EACD,CAACN,CAAQ,CAAC,EAGTW,EAAA,KAAC,SAAA,CACG,IAAAR,EACA,SAAeS,GAAA,CACXA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,CACtB,EACA,UAAW,qVACPP,EACM,gFACA,iFACV,IAEA,SAAA,CAACM,EAAAA,KAAA,MAAA,CAAI,UAAU,+BACX,SAAA,CAAAE,EAAA,IAAC,KAAG,CAAA,UAAU,+DACT,SAAAX,EAAiC,WACtC,EACAS,EAAAA,KAAC,MAAI,CAAA,UAAU,kFACX,SAAA,CAAAE,EAAA,IAAC,SAAO,CAAA,QAASZ,EACZ,SAAAC,EAAiC,iBACtC,EACAW,EAAA,IAAC,IAAA,CACG,UAAU,wCACV,KACIX,EACK,qBAAqB,KAI1B,WACK,qBAAqB,IAAA,CAElC,CAAA,EACJ,EACAW,EAAA,IAAC,MAAI,CAAA,UAAU,0CACX,SAAAA,EAAAA,IAACC,GAAU,QAASb,EACf,SAAiCC,EAAA,SAAA,CACtC,CACJ,CAAA,CAAA,EACJ,EAEAW,EAAA,IAAC,SAAA,CACG,UAAU,kCACV,QAASZ,EACT,KAAK,SAEL,SAAAY,EAAAA,IAACE,GAAU,UAAU,yBACjB,eAAC,OAAM,CAAA,SAAAb,EAAiC,UAAU,CACtD,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAGZ"}