1import { r as reactExports, j as jsxRuntimeExports } from "./react-CuY1Cvos.js"; 2import { i as isKiosk, U as UnderLine, s as setGuestUser, r as right_arrow_primary, M as Modal } from "./index-BEyGnG0t.js"; 3import { r as AiOutlineCloseCircle } from "./react-icons-CXSUB3pd.js"; 4import { u as useDispatch } from "./react-redux-mT2dkwu7.js"; 5import "./@aarsteinmedia-CCYiFXlj.js"; 6import { l as logo } from "./right_arrow-rmGrhlS_.js"; 7import { b as useNavigate } from "./react-router-B5vpyHjd.js"; 8import { u as useTranslation } from "./react-i18next-BO6o1UTo.js"; 9import "./hoist-non-react-statics-BxdQBvuA.js"; 10import { u as useMediaQuery } from "./@mui-C2M-Enca.js"; 11import "./react-dom-Bl1He59c.js"; 12import "./scheduler-BpDpMVpz.js"; 13import "./lodash-Bcr1XjSv.js"; 14import "./moment-BorAs-n2.js"; 15import "./axios-8z9oNIKN.js"; 16import "./i18next-8BtZb95h.js"; 17import "./i18next-browser-languagedetector-CDAs8Twj.js"; 18import "./@babel-D-vLPeDz.js"; 19import "./i18next-http-backend-Da2Rb6qf.js"; 20import "./cross-fetch-BlxXM9Jy.js"; 21import "./@reduxjs-D0aLt1xv.js"; 22import "./immer-D_RHYKEe.js"; 23import "./redux-xrOdvuUu.js"; 24import "./redux-thunk-B4SKZvyi.js"; 25import "./prop-types-BnWbMLOC.js"; 26import "./universal-cookie-Defoa3_Z.js"; 27import "./tailwind-merge-B5Jj_ON0.js"; 28import "./tailwindcss-DgMRURyu.js"; 29import "./picocolors-pfVorXG2.js"; 30import "./react-pro-sidebar-CpUkEYP7.js"; 31import "./@emotion-BkTb-WWJ.js"; 32import "./lottie-react-B1Fz9pek.js"; 33import "./lottie-web-CR4Qs5uu.js"; 34import "./react-qr-code-Bbh6qU9q.js"; 35import "./qrcode-generator-CmRmvtYa.js"; 36import "./react-idle-timer-DQ1bOFzD.js"; 37import "./react-router-dom-CUoqzNgg.js"; 38import "./@remix-run-gFGxoKZn.js"; 39import "./react-final-form-BThxmv1-.js"; 40import "./final-form-DZ-SJXoK.js"; 41import "./react-input-mask-BNfxvWMO.js"; 42import "./react-snaplist-carousel-DomkDOIF.js"; 43import "./react-card-flip-cLYVKSPi.js"; 44import "./react-snap-carousel-C4-7d8rd.js"; 45import "./react-simple-keyboard-jHepMZ9t.js"; 46import "./react-outside-click-handler-EW9C_Jp7.js"; 47import "./consolidated-events-DfwJHnSn.js"; 48import "./object.values-BB-WjARL.js"; 49import "./define-properties-ROnH1muY.js"; 50import "./object-keys-78YC_VXd.js"; 51import "./define-data-property-BO5Aq8yo.js"; 52import "./es-define-property-iRz8hoAx.js"; 53import "./es-errors-BSsQREGE.js"; 54import "./gopd-C46-sN7E.js"; 55import "./has-property-descriptors-ampGWCp5.js"; 56import "./call-bind-DvqaBtkd.js"; 57import "./set-function-length-B8VUjGI0.js"; 58import "./get-intrinsic-BECJeJrp.js"; 59import "./es-object-atoms-BJci7A_O.js"; 60import "./math-intrinsics-yiYozSnQ.js"; 61import "./has-symbols-B4ttOAhF.js"; 62import "./get-proto-BUEbZx64.js"; 63import "./dunder-proto-BlfW9fnL.js"; 64import "./call-bind-apply-helpers-BdM_98p-.js"; 65import "./function-bind-C_00VX23.js"; 66import "./hasown-7zBaLQ63.js"; 67import "./call-bound-C80gTh9B.js"; 68import "./document.contains-BtvDwDg3.js"; 69import "./react-use-websocket-duuxHhtV.js"; 70import "./react-pdf-DNPJO6ja.js"; 71import "./make-event-props-D3PYQsm-.js"; 72import "./make-cancellable-promise-BRYIKCoZ.js"; 73import "./clsx-DF9QTL9H.js"; 74import "./tiny-invariant-BFhMKKf2.js"; 75import "./warning-Dm4JigDu.js"; 76import "./dequal-ChyrSuXY.js"; 77import "./merge-refs-DNgMSTsv.js"; 78import "./pdfjs-dist-3xrXKS7o.js"; 79import "./react-dropzone-3ywS6TvJ.js"; 80import "./file-selector-BHBOGph1.js"; 81import "./tslib-CHRmsT9K.js"; 82import "./attr-accept-Bocw6vBy.js"; 83import "./dayjs-CWDLzeBC.js"; 84import "./react-number-format-CcVCKDBi.js"; 85import "./framer-motion-F5A6-8nc.js"; 86import "./stylis-plugin-rtl-XrqZfXT8.js"; 87import "./cssjanus-mjFuicdq.js"; 88import "./stylis-DSQrcAzV.js"; 89import "./use-sync-external-store-CkKgJkFb.js"; 90import "./react-transition-group-D8q3bpdj.js"; 91import "./dom-helpers-k_qLe3bQ.js"; 92import "./@popperjs-CHhxidcS.js"; 93import "./react-is-DzHuNSMA.js"; 94import "./@lit-DbhI3_ZI.js"; 95import "./lit-html-ComIpEaU.js"; 96import "./lit-element-S_3n0fqb.js"; 97import "./fflate-WLlwRvqE.js"; 98const welcomeImage = "/portal/assets/welcome-y4vezzR7.png"; 99const IntroScreen = () => { 100 const navigate = useNavigate(); 101 const { t, i18n } = useTranslation(); 102 const dispatch = useDispatch(); 103 const [playView, setPlayView] = reactExports.useState(false); 104 const [showDisclaimer, setShowDisclaimer] = reactExports.useState(true); 105 const VideoView = () => { 106 return /* @__PURE__ */ jsxRuntimeExports.jsx( 107 Modal, 108 { 109 isOpen: true, 110 isDismissible: true, 111 onClose: () => { 112 setPlayView(false); 113 }, 114 children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center", children: [
115 /* @__PURE__ */ jsxRuntimeExports.jsx( 116 "div", 117 { 118 className: "w-[80%] justify-end items-end flex mb-4", 119 onClick: () => { 120 setPlayView(false); 121 }, 122 children: /* @__PURE__ */ jsxRuntimeExports.jsx(AiOutlineCloseCircle, { size: 30, className: "text-secondary" }) 123 } 124 ), 125 /* @__PURE__ */ jsxRuntimeExports.jsx( 126 "video", 127 { 128 width: "80%", 129 height: "70%", 130 controls: true, 131 autoPlay: true, 132 disablePictureInPicture: true, 133 controlsList: "noplaybackrate nodownload nofullscreen", 134 children: /* @__PURE__ */ jsxRuntimeExports.jsx( 135 "source", 136 { 137 src: "https://thiqa.ae/_default_upload_bucket/Instructional_Videos/Instructional_Videos_English/Registration_web/registration_web.mp4", 138 type: "video/mp4" 139 } 140 ) 141 } 142 ) 143 ] }) 144 } 145 ); 146 }; 147 useMediaQuery((theme) => theme.breakpoints.down("md")); 148 return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row h-[100%]", children: [ 149 /* @__PURE__ */ jsxRuntimeExports.jsx( 150 "img", 151 { 152 alt: "user-image", 153 className: "absolute bottom-0 ltr:right-0 rtl:left-0 transform rtl:-scale-x-100 -z-10 max-h-[80%] w-[45vw] ", 154 src: welcomeImage 155 } 156 ), 157 /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col min-h-full w-[100%]", children: [
158 /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col h-[100%] justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-[60%] 2xl:w-[70%] flex flex-col justify-center mb-16", children: [ 159 /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { children: [ 160 t("introduction.title"), 161 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block", children: t("introduction.subtitle1") }) 162 ] }), 163 /* @__PURE__ */ jsxRuntimeExports.jsx(UnderLine, { small: false }), 164 /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: " intro-two font-[400] mt-8 text-xl leading-9 max-w- max-w-[70%]", children: t("introduction.subTitle") }), 165 /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex mt-10", children: [ 166 /* @__PURE__ */ jsxRuntimeExports.jsxs( 167 "div", 168 { 169 className: "card bg-primary intro-third 2xl:py-8", 170 onClick: () => { 171 dispatch(setGuestUser(false)); 172 { 173 navigate("/login"); 174 } 175 }, 176 children: [
177 /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-white font-[400] text-base", children: t("introduction.thiqaMember") }), 178 /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full mt-2", children: [ 179 /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-[600] text-2xl text-white", children: t("loginText") }), 180 /* @__PURE__ */ jsxRuntimeExports.jsx( 181 "img", 182 { 183 alt: "arrow-icon", 184 className: "w-8 ml-3 rtl:rotate-180 rtl:mr-3", 185 src: logo 186 } 187 ) 188 ] }) 189 ] 190 } 191 ), 192 /* @__PURE__ */ jsxRuntimeExports.jsxs( 193 "div", 194 { 195 className: "card text-primary intro-forth 2xl:py-8", 196 onClick: () => { 197 dispatch(setGuestUser(true)); 198 navigate("/login/enrollment"); 199 }, 200 children: [
201 /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-[400] text-primary", children: t("introduction.notThiqaMember") }), 202 /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center mt-2", children: [ 203 /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-[600] text-2xl text-primary", children: t("enrollNow") }), 204 /* @__PURE__ */ jsxRuntimeExports.jsx( 205 "img", 206 { 207 alt: "arrow-icon", 208 className: "w-6 ml-3 rtl:rotate-180 rtl:mr-3", 209 src: right_arrow_primary 210 } 211 ) 212 ] }) 213 ] 214 } 215 ) 216 ] }) 217 ] }) }), 218 playView && /* @__PURE__ */ jsxRuntimeExports.jsx(VideoView, {}), 219 isKiosk 220 ] }) 221 ] }); 222}; 223export { 224 IntroScreen as default 225};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.