npm - wizr-quiz - Versions diffs - 3.0.6 → 3.0.7 - Mend

wizr-quiz 3.0.6 → 3.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react/jsx-runtime"),e=require("react");function o(n){var e=Object.create(null);return n&&Object.keys(n).forEach((function(o){if("default"!==o){var t=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(e,o,t.get?t:{enumerable:!0,get:function(){return n[o]}})}})),e.default=n,Object.freeze(e)}var t=o(e),i=function(){return i=Object.assign\|\|function(n){for(var e,o=1,t=arguments.length;o<t;o++)for(var i in e=arguments[o])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n},i.apply(this,arguments)};function r(n,e,o,t){return new(o\|\|(o=Promise))((function(i,r){function a(n){try{u(t.next(n))}catch(n){r(n)}}function l(n){try{u(t.throw(n))}catch(n){r(n)}}function u(n){var e;n.done?i(n.value):(e=n.value,e instanceof o?e:new o((function(n){n(e)}))).then(a,l)}u((t=t.apply(n,e\|\|[])).next())}))}function a(n,e){var o,t,i,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]},a=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return a.next=l(0),a.throw=l(1),a.return=l(2),"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(u){return function(l){if(o)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(r=0)),r;)try{if(o=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!(i=r.trys,(i=i.length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=e.call(n,r)}catch(n){l=[6,n],t=0}finally{o=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,u])}}}function l(n,e){void 0===e&&(e={});var o=e.insertAt;if(n&&"undefined"!=typeof document){var t=document.head\|\|document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===o&&t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.styleSheet?i.styleSheet.cssText=n:i.appendChild(document.createTextNode(n))}}"function"==typeof SuppressedError&&SuppressedError;var u="question-module_questionHtmlWrapper__Twvia",s="question-module_questionText__T-h7Z";l('.question-module_questionHtmlWrapper__Twvia ul {\n list-style-type: disc;\n padding-left: 1.5rem;\n list-style-position: inside;\n}\n\n.question-module_questionHtmlWrapper__Twvia ol {\n list-style-type: disc;\n padding-left: 1.5rem;\n list-style-position: inside;\n}\n\n.question-module_questionText__T-h7Z {\n font-size: var(--quiz-font-size-large, 1.15rem);\n font-weight: var(--quiz-font-weight-bold, 600);\n color: var(--quiz-color-text-primary, #161c20);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: 25px;\n}\n\ncode {\n font-size: 0.8rem;\n font-weight: normal;\n}\n\n@media (max-width: 1320px) {\n .question-module_questionText__T-h7Z {\n font-size: var(--quiz-font-size-medium, 1rem);\n }\n .question-module_questionHtmlWrapper__Twvia code {\n font-size: 0.8rem;\n }\n}\n\n@media (max-width: 768px) {\n .question-module_questionText__T-h7Z {\n font-size: 0.95rem;\n line-height: 22px;\n }\n} ');var d=function(e){var o=e.question;return n.jsx("div",{className:u,children:n.jsx("h2",{className:s,dangerouslySetInnerHTML:{__html:o}})})},c="options-module_optionsContainer__atebx",m="options-module_optionBtn__LiVJD",f="options-module_selected__yvd2e",p="options-module_optionText__W2Nhm";l('.options-module_optionsContainer__atebx {\n display: flex;\n flex-direction: column;\n gap: 18px;\n margin-top: 12px;\n}\n\n.options-module_optionBtn__LiVJD {\n width: 100%;\n padding: 12px;\n border-radius: var(--quiz-border-radius-medium, 8px);\n background: var(--quiz-color-option-background, #ffffff);\n cursor: pointer;\n transition: var(--quiz-transition-medium, 0.3s);\n color: var(--quiz-color-option-text, #161c20);\n border: none;\n text-align: left;\n border: 1px solid var(--quiz-color-option-border, #e7e7e7);\n /* display: flex; /\n}\n\n.options-module_optionBtn__LiVJD:hover {\n background: var(--quiz-color-option-hover, #e1d8c9);\n}\n\n.options-module_optionBtn__LiVJD.options-module_selected__yvd2e {\n background: var(--quiz-color-option-selected, #b59b7b);\n}\n\n.options-module_optionText__W2Nhm {\n font-size: var(--quiz-font-size-medium, 1rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: 22px;\n letter-spacing: -0.1%;\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n}\n\n.options-module_optionImage__DNo-g {\n max-width: 100%;\n height: auto;\n border-radius: var(--quiz-border-radius-small, 4px);\n}\n\n.options-module_optionCode__UBsLe {\n background-color: #1e1e1e;\n color: white;\n padding: var(--quiz-spacing-small, 8px);\n border-radius: var(--quiz-border-radius-small, 4px);\n}\n\n@media (max-width: 768px) {\n .options-module_optionText__W2Nhm {\n font-size: 0.95rem;\n line-height: 21px;\n }\n\n .options-module_optionBtn__LiVJD:hover {\n background: var(--quiz-color-option-selected, #b59b7b);\n }\n} ');var h,x=function(e){var o=e.options,t=e.selectedOption,i=e.onSelect,r=e.loading,a=e.direction;return n.jsx("div",{className:c,children:null==o?void 0:o.map((function(e){return n.jsx("button",{disabled:r,className:"".concat(m," ").concat(t===e.id&&f),style:"rtl"===a?{textAlign:"unset"}:{},onClick:function(){return i(e.id)},children:e.text&&n.jsx("span",{className:p,children:e.text})},e.id)}))})};function g(){return g=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)({}).hasOwnProperty.call(o,t)&&(n[t]=o[t])}return n},g.apply(null,arguments)}var v=function(n){return t.createElement("svg",g({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none"},n),h\|\|(h=t.createElement("path",{fill:"#1D1B21",d:"M8 2.5a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6m2.854 3.854-2.5 2.5a.5.5 0 0 1-.708-.708l2.5-2.5a.5.5 0 1 1 .708.708M6 1a.5.5 0 0 1 .5-.5h3a.5.5 0 1 1 0 1h-3A.5.5 0 0 1 6 1"})))},b="timer-module_timer__J6Vp3";l('.timer-module_timer__J6Vp3 {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n font-size: var(--quiz-font-size-medium, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n color: var(--quiz-color-text-primary, #161c20);\n}\n\n.timer-module_timer__J6Vp3 span {\n color: var(--quiz-color-text-primary, #161c20);\n font-size: var(--quiz-font-size-medium, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n}\n\n.timer-module_timer__J6Vp3 svg {\n width: 18px;\n height: 18px;\n fill: var(--quiz-color-text-primary, #161c20);\n}\n\n@media (max-width: 768px) {\n .timer-module_timer__J6Vp3 {\n font-size: var(--quiz-font-size-small, 0.85rem);\n }\n \n .timer-module_timer__J6Vp3 span {\n font-size: var(--quiz-font-size-small, 0.85rem);\n }\n \n .timer-module_timer__J6Vp3 svg {\n width: 16px;\n height: 16px;\n }\n} ');var _=function(o){var t=o.duration,i=o.markQuizComplete,r=o.isEndScreenOpen,a=e.useState(t),l=a[0],u=a[1],s=e.useRef(null);e.useEffect((function(){if(0!==t)return s.current&&clearInterval(s.current),s.current=setInterval((function(){u((function(n){return n>0?n-1:0}))}),1e3),function(){s.current&&clearInterval(s.current)}}),[t]),e.useEffect((function(){0!==t&&0===l&&(i(),s.current&&clearInterval(s.current))}),[l,i]),e.useEffect((function(){r&&s.current&&clearInterval(s.current)}),[r]);var d,c,m;return n.jsxs("div",{className:b,children:[n.jsx(v,{}),n.jsx("span",{children:(d=l,c=Math.floor(d/60),m=d%60,"".concat(c,":").concat(m<10?"0":"").concat(m))})]})},z=function(n){void 0===n&&(n=3);var o=e.useState(0),t=o[0],i=o[1],r=e.useState(!1),a=r[0],l=r[1];return e.useEffect((function(){var n=function(){document.hidden&&i((function(n){return n+1}))};return document.addEventListener("visibilitychange",n),function(){document.removeEventListener("visibilitychange",n)}}),[]),e.useEffect((function(){t>=n&&l(!0)}),[t,n]),{switchCount:t,isLimitReached:a}},q="tabSwitchModal-module_modalOverlay__KxoJM",w="tabSwitchModal-module_modalContent__IJiuo",y="tabSwitchModal-module_modalClose__HhoGx",S="tabSwitchModal-module_modalHeader__-RsEI",k="tabSwitchModal-module_modalIcon__wRuay",C="tabSwitchModal-module_modalText__sCgfv",j="tabSwitchModal-module_modalButton__Pawa9";l('/ Modal Background Overlay /\n.tabSwitchModal-module_modalOverlay__KxoJM {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n}\n\n/ Modal Box /\n.tabSwitchModal-module_modalContent__IJiuo {\n background: var(--quiz-tab-switch-modal-background, #222);\n color: var(--quiz-tab-switch-modal-text-color, #fff);\n padding: var(--quiz-tab-switch-modal-padding, 20px);\n border-radius: var(--quiz-tab-switch-modal-border-radius, 10px);\n width: 400px;\n text-align: center;\n position: relative;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n}\n\n/ Close Button /\n.tabSwitchModal-module_modalClose__HhoGx {\n position: absolute;\n top: 10px;\n right: 15px;\n background: none;\n border: none;\n font-size: 24px;\n color: var(--quiz-tab-switch-modal-close-color, #fff);\n cursor: pointer;\n font-family: var(--quiz-tab-switch-modal-font-family, "Patron", sans-serif);\n}\n\n/ Header /\n.tabSwitchModal-module_modalHeader__-RsEI {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: var(--quiz-tab-switch-modal-header-margin, 10px);\n font-family: var(--quiz-tab-switch-modal-font-family, "Patron", sans-serif);\n}\n\n/ Warning Icon /\n.tabSwitchModal-module_modalIcon__wRuay {\n font-size: 32px;\n color: var(--quiz-tab-switch-modal-icon-color, #ffcc00);\n}\n\n/ Text /\n.tabSwitchModal-module_modalText__sCgfv {\n font-size: var(--quiz-tab-switch-modal-text-font-size, 14px);\n color: var(--quiz-tab-switch-modal-text-secondary-color, #ccc);\n margin-bottom: var(--quiz-tab-switch-modal-text-margin, 20px);\n font-family: var(--quiz-tab-switch-modal-font-family, "Patron", sans-serif);\n}\n\n/ Button /\n.tabSwitchModal-module_modalButton__Pawa9 {\n background: var(--quiz-tab-switch-modal-button-background, #fff);\n color: var(--quiz-tab-switch-modal-button-text-color, #222);\n border: none;\n padding: var(--quiz-tab-switch-modal-button-padding, 10px 20px);\n border-radius: var(--quiz-tab-switch-modal-button-border-radius, 20px);\n font-size: var(--quiz-tab-switch-modal-button-font-size, 14px);\n cursor: pointer;\n transition: var(--quiz-tab-switch-modal-button-transition, 0.3s);\n font-family: var(--quiz-tab-switch-modal-font-family, "Patron", sans-serif);\n}\n\n.tabSwitchModal-module_modalButton__Pawa9:hover {\n background: var(--quiz-tab-switch-modal-button-hover-background, #ddd);\n color: var(--quiz-tab-switch-modal-button-hover-text-color, #222);\n} ');var M=function(e){var o=e.open,t=e.onClose;return o?n.jsx("div",{className:q,children:n.jsxs("div",{className:w,children:[n.jsx("button",{className:y,onClick:t,children:"×"}),n.jsxs("div",{className:S,children:[n.jsx("span",{className:k,children:"⚠️"}),n.jsx("h2",{children:"Tab Switch Detected"})]}),n.jsx("p",{className:C,children:"Any further attempts to switch tabs or change browser windows will result in disqualification from the assessment."}),n.jsx("button",{className:j,onClick:t,children:"Understood"})]})}):null},E="quizEndScreen-module_endScreenOverlay__8EiUX",T="quizEndScreen-module_endScreenContent__hzr2O",B="quizEndScreen-module_endScreenClose__ztM4x";l('.quizEndScreen-module_endScreenOverlay__8EiUX {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--quiz-end-screen-background, #222);\n color: var(--quiz-end-screen-text-color, #fff);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n / direction: ltr; /\n}\n\n/ Content /\n.quizEndScreen-module_endScreenContent__hzr2O {\n text-align: center;\n font-size: var(--quiz-end-screen-font-size, 20px);\n font-weight: var(--quiz-end-screen-font-weight, bold);\n font-family: var(--quiz-end-screen-font-family, "Patron", sans-serif);\n color: var(--quiz-end-screen-text-color, #fff);\n padding: 20px;\n}\n\n.quizEndScreen-module_endScreenClose__ztM4x {\n position: absolute;\n top: 20px;\n right: 25px;\n background: none;\n border: none;\n font-size: 24px;\n color: var(--quiz-end-screen-close-color, #fff);\n cursor: pointer;\n font-family: var(--quiz-end-screen-font-family, "Patron", sans-serif);\n} ');var Q,N,P,O=function(e){var o=e.open,t=e.onClose,i=e.message;return o?n.jsxs("div",{className:E,children:[t&&n.jsx("button",{className:B,onClick:t,children:"×"}),n.jsx("div",{className:T,children:n.jsx("p",{children:i\|\|"Your quiz has ended due to switching tabs too many times."})})]}):null},L=function(){e.useEffect((function(){var n=function(n){return n.preventDefault()},e=function(n){return n.preventDefault()},o=function(n){return n.preventDefault()};return document.addEventListener("copy",n),document.addEventListener("cut",n),document.addEventListener("paste",n),document.addEventListener("selectstart",e),document.addEventListener("contextmenu",o),function(){document.removeEventListener("copy",n),document.removeEventListener("cut",n),document.removeEventListener("paste",n),document.removeEventListener("selectstart",e),document.removeEventListener("contextmenu",o)}}),[])};function R(){return R=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)({}).hasOwnProperty.call(o,t)&&(n[t]=o[t])}return n},R.apply(null,arguments)}var I,H=function(n){return t.createElement("svg",R({xmlns:"http://www.w3.org/2000/svg",width:38,height:38,fill:"none"},n),Q\|\|(Q=t.createElement("rect",{width:38,height:38,fill:"#151515",rx:19})),N\|\|(N=t.createElement("g",{clipPath:"url(#downArrow_svg__a)"},t.createElement("path",{fill:"#fff",d:"M8.758 21.194c.037.14.145.36.234.492.09.136 2.138 2.222 4.556 4.636 5.035 5.03 4.594 4.655 5.452 4.655.427 0 .525-.015.727-.113.182-.094 1.18-1.06 4.725-4.594 2.47-2.465 4.546-4.57 4.612-4.678.145-.243.248-.623.248-.91 0-.454-.295-1.077-.637-1.335-.342-.263-.97-.399-1.397-.3-.534.122-.576.16-3.319 2.873-2.667 2.649-2.878 2.883-3.117 3.46-.08.201-.084-.043-.108-8.442l-.023-8.649-.127-.267a1.84 1.84 0 0 0-.796-.84c-.282-.154-.32-.159-.788-.159-.445 0-.516.015-.75.132-.464.239-.788.633-.919 1.12-.056.211-.065 1.608-.065 8.756v8.508l-.136-.281a3.7 3.7 0 0 0-.347-.563c-.117-.154-1.36-1.425-2.761-2.817-1.945-1.94-2.602-2.569-2.78-2.658-.914-.454-1.94-.13-2.376.75-.178.361-.22.83-.108 1.224"}))),P\|\|(P=t.createElement("defs",null,t.createElement("clipPath",{id:"downArrow_svg__a"},t.createElement("path",{fill:"#fff",d:"M7 31V7h24v24z"})))))};function F(){return F=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)({}).hasOwnProperty.call(o,t)&&(n[t]=o[t])}return n},F.apply(null,arguments)}var A=function(n){return t.createElement("svg",F({xmlns:"http://www.w3.org/2000/svg",width:24,height:23,fill:"none"},n),I\|\|(I=t.createElement("path",{fill:"#000",d:"M17.837 5.797a.94.94 0 0 0-1.328 0l-4.305 4.306-4.306-4.306a.939.939 0 0 0-1.327 1.328l4.305 4.306-4.305 4.305a.939.939 0 0 0 1.327 1.328l4.306-4.306 4.305 4.306a.94.94 0 0 0 1.328-1.328l-4.306-4.305 4.306-4.306a.94.94 0 0 0 0-1.328"})))},W="loader-module_loaderOverlay__-THCU",D="loader-module_loaderSpinner__c8AWp";l(".loader-module_loaderOverlay__-THCU {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--quiz-loader-background, black);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 9999;\n}\n\n.loader-module_loaderSpinner__c8AWp {\n border: 8px solid var(--quiz-loader-spinner-border, rgba(255, 255, 255, 0.2));\n border-top: 8px solid var(--quiz-loader-spinner-color, white);\n border-radius: 50%;\n width: 60px;\n height: 60px;\n animation: loader-module_spin__IzlCN 1s linear infinite;\n}\n\n@keyframes loader-module_spin__IzlCN {\n to {\n transform: rotate(360deg);\n }\n} ");var V=function(){return n.jsx("div",{className:W,children:n.jsx("div",{className:D})})},J={colors:{primary:"#000000",secondary:"#5d4037",background:"#ffffff",surface:"#f8f5f2",text:{primary:"#161c20",secondary:"#666666"},button:{primary:"#000000",primaryText:"#ffffff",secondary:"#5d4037",secondaryText:"#ffffff",disabled:"#d7ccc8",disabledText:"#ffffff"},option:{background:"#ffffff",hover:"#e1d8c9",selected:"#b59b7b",border:"#e7e7e7",text:"#161c20"},border:"#e1d8c9",scrollButton:"#ffffff"},typography:{fontFamily:"Patron, sans-serif",fontSize:{small:"0.9rem",medium:"1rem",large:"1.15rem",xlarge:"1.5rem"},fontWeight:{normal:"400",medium:"500",bold:"600"},lineHeight:{small:"1.2rem",medium:"1.4rem",large:"1.6rem"}},spacing:{small:"8px",medium:"16px",large:"24px",xlarge:"32px"},borderRadius:{small:"4px",medium:"8px",large:"16px"},transitions:{fast:"0.15s",medium:"0.3s",slow:"0.5s"},loader:{background:"black",spinnerColor:"white",spinnerBorder:"rgba(255, 255, 255, 0.2)"},endScreen:{background:"#222",textColor:"#fff",closeColor:"#fff",fontSize:"20px",fontWeight:"bold",fontFamily:'"Patron", sans-serif'},tabSwitchModal:{background:"#222",textColor:"#fff",closeColor:"#fff",textSecondaryColor:"#ccc",iconColor:"#ffcc00",buttonBackground:"#fff",buttonTextColor:"#222",buttonHoverBackground:"#ddd",buttonHoverTextColor:"#222",fontFamily:'"Patron", sans-serif',textFontSize:"14px",buttonFontSize:"14px",padding:"20px",headerMargin:"10px",textMargin:"20px",buttonPadding:"10px 20px",borderRadius:"10px",buttonBorderRadius:"20px",buttonTransition:"0.3s"}};function Y(n,e){var o=i({},n);for(var t in e)void 0!==e[t]&&null!==e[t]&&(e[t]&&"object"==typeof e[t]&&!Array.isArray(e[t])?o[t]=Y(n[t]\|\|{},e[t]):o[t]=e[t]);return o}function U(n,e){return e?Y(n,e):n}var G=function(e){var o,t=e.theme,i=e.targetClass,r=void 0===i?".quiz-page":i;if(!t\|\|(!(o=t)\|\|"object"!=typeof o\|\|0===Object.keys(o).length))return null;var a=function(n){return function(n){var e,o,t,i,r,a,l,u,s,d,c,m,f,p,h,x,g,v,b,_,z,q,w,y,S,k,C,j,M,E,T,B,Q,N,P,O,L,R,I,H,F,A,W,D,V,J,Y,U,G,X,Z,K={};return n.colors&&(n.colors.primary&&(K["--quiz-color-primary"]=n.colors.primary),n.colors.secondary&&(K["--quiz-color-secondary"]=n.colors.secondary),n.colors.background&&(K["--quiz-color-background"]=n.colors.background),n.colors.surface&&(K["--quiz-color-surface"]=n.colors.surface),n.colors.border&&(K["--quiz-color-border"]=n.colors.border),n.colors.scrollButton&&(K["--quiz-color-scroll-button"]=n.colors.scrollButton),(null===(e=n.colors.text)\|\|void 0===e?void 0:e.primary)&&(K["--quiz-color-text-primary"]=n.colors.text.primary),(null===(o=n.colors.text)\|\|void 0===o?void 0:o.secondary)&&(K["--quiz-color-text-secondary"]=n.colors.text.secondary),(null===(t=n.colors.button)\|\|void 0===t?void 0:t.primary)&&(K["--quiz-color-button-primary"]=n.colors.button.primary),(null===(i=n.colors.button)\|\|void 0===i?void 0:i.primaryText)&&(K["--quiz-color-button-primary-text"]=n.colors.button.primaryText),(null===(r=n.colors.button)\|\|void 0===r?void 0:r.secondary)&&(K["--quiz-color-button-secondary"]=n.colors.button.secondary),(null===(a=n.colors.button)\|\|void 0===a?void 0:a.secondaryText)&&(K["--quiz-color-button-secondary-text"]=n.colors.button.secondaryText),(null===(l=n.colors.button)\|\|void 0===l?void 0:l.disabled)&&(K["--quiz-color-button-disabled"]=n.colors.button.disabled),(null===(u=n.colors.button)\|\|void 0===u?void 0:u.disabledText)&&(K["--quiz-color-button-disabled-text"]=n.colors.button.disabledText),(null===(s=n.colors.option)\|\|void 0===s?void 0:s.background)&&(K["--quiz-color-option-background"]=n.colors.option.background),(null===(d=n.colors.option)\|\|void 0===d?void 0:d.hover)&&(K["--quiz-color-option-hover"]=n.colors.option.hover),(null===(c=n.colors.option)\|\|void 0===c?void 0:c.selected)&&(K["--quiz-color-option-selected"]=n.colors.option.selected),(null===(m=n.colors.option)\|\|void 0===m?void 0:m.border)&&(K["--quiz-color-option-border"]=n.colors.option.border),(null===(f=n.colors.option)\|\|void 0===f?void 0:f.text)&&(K["--quiz-color-option-text"]=n.colors.option.text)),n.typography&&(n.typography.fontFamily&&(K["--quiz-font-family"]=n.typography.fontFamily),(null===(p=n.typography.fontSize)\|\|void 0===p?void 0:p.small)&&(K["--quiz-font-size-small"]=n.typography.fontSize.small),(null===(h=n.typography.fontSize)\|\|void 0===h?void 0:h.medium)&&(K["--quiz-font-size-medium"]=n.typography.fontSize.medium),(null===(x=n.typography.fontSize)\|\|void 0===x?void 0:x.large)&&(K["--quiz-font-size-large"]=n.typography.fontSize.large),(null===(g=n.typography.fontSize)\|\|void 0===g?void 0:g.xlarge)&&(K["--quiz-font-size-xlarge"]=n.typography.fontSize.xlarge),(null===(v=n.typography.fontWeight)\|\|void 0===v?void 0:v.normal)&&(K["--quiz-font-weight-normal"]=n.typography.fontWeight.normal),(null===(b=n.typography.fontWeight)\|\|void 0===b?void 0:b.medium)&&(K["--quiz-font-weight-medium"]=n.typography.fontWeight.medium),(null===(_=n.typography.fontWeight)\|\|void 0===_?void 0:_.bold)&&(K["--quiz-font-weight-bold"]=n.typography.fontWeight.bold),(null===(z=n.typography.lineHeight)\|\|void 0===z?void 0:z.small)&&(K["--quiz-line-height-small"]=n.typography.lineHeight.small),(null===(q=n.typography.lineHeight)\|\|void 0===q?void 0:q.medium)&&(K["--quiz-line-height-medium"]=n.typography.lineHeight.medium),(null===(w=n.typography.lineHeight)\|\|void 0===w?void 0:w.large)&&(K["--quiz-line-height-large"]=n.typography.lineHeight.large)),n.spacing&&(n.spacing.small&&(K["--quiz-spacing-small"]=n.spacing.small),n.spacing.medium&&(K["--quiz-spacing-medium"]=n.spacing.medium),n.spacing.large&&(K["--quiz-spacing-large"]=n.spacing.large),n.spacing.xlarge&&(K["--quiz-spacing-xlarge"]=n.spacing.xlarge)),n.borderRadius&&(n.borderRadius.small&&(K["--quiz-border-radius-small"]=n.borderRadius.small),n.borderRadius.medium&&(K["--quiz-border-radius-medium"]=n.borderRadius.medium),n.borderRadius.large&&(K["--quiz-border-radius-large"]=n.borderRadius.large)),n.transitions&&(n.transitions.fast&&(K["--quiz-transition-fast"]=n.transitions.fast),n.transitions.medium&&(K["--quiz-transition-medium"]=n.transitions.medium),n.transitions.slow&&(K["--quiz-transition-slow"]=n.transitions.slow)),(null===(y=n.loader)\|\|void 0===y?void 0:y.background)&&(K["--quiz-loader-background"]=n.loader.background),(null===(S=n.loader)\|\|void 0===S?void 0:S.spinnerColor)&&(K["--quiz-loader-spinner-color"]=n.loader.spinnerColor),(null===(k=n.loader)\|\|void 0===k?void 0:k.spinnerBorder)&&(K["--quiz-loader-spinner-border"]=n.loader.spinnerBorder),(null===(C=n.endScreen)\|\|void 0===C?void 0:C.background)&&(K["--quiz-end-screen-background"]=n.endScreen.background),(null===(j=n.endScreen)\|\|void 0===j?void 0:j.textColor)&&(K["--quiz-end-screen-text-color"]=n.endScreen.textColor),(null===(M=n.endScreen)\|\|void 0===M?void 0:M.closeColor)&&(K["--quiz-end-screen-close-color"]=n.endScreen.closeColor),(null===(E=n.endScreen)\|\|void 0===E?void 0:E.fontSize)&&(K["--quiz-end-screen-font-size"]=n.endScreen.fontSize),(null===(T=n.endScreen)\|\|void 0===T?void 0:T.fontWeight)&&(K["--quiz-end-screen-font-weight"]=n.endScreen.fontWeight),(null===(B=n.endScreen)\|\|void 0===B?void 0:B.fontFamily)&&(K["--quiz-end-screen-font-family"]=n.endScreen.fontFamily),(null===(Q=n.tabSwitchModal)\|\|void 0===Q?void 0:Q.background)&&(K["--quiz-tab-switch-modal-background"]=n.tabSwitchModal.background),(null===(N=n.tabSwitchModal)\|\|void 0===N?void 0:N.textColor)&&(K["--quiz-tab-switch-modal-text-color"]=n.tabSwitchModal.textColor),(null===(P=n.tabSwitchModal)\|\|void 0===P?void 0:P.closeColor)&&(K["--quiz-tab-switch-modal-close-color"]=n.tabSwitchModal.closeColor),(null===(O=n.tabSwitchModal)\|\|void 0===O?void 0:O.textSecondaryColor)&&(K["--quiz-tab-switch-modal-text-secondary-color"]=n.tabSwitchModal.textSecondaryColor),(null===(L=n.tabSwitchModal)\|\|void 0===L?void 0:L.iconColor)&&(K["--quiz-tab-switch-modal-icon-color"]=n.tabSwitchModal.iconColor),(null===(R=n.tabSwitchModal)\|\|void 0===R?void 0:R.buttonBackground)&&(K["--quiz-tab-switch-modal-button-background"]=n.tabSwitchModal.buttonBackground),(null===(I=n.tabSwitchModal)\|\|void 0===I?void 0:I.buttonTextColor)&&(K["--quiz-tab-switch-modal-button-text-color"]=n.tabSwitchModal.buttonTextColor),(null===(H=n.tabSwitchModal)\|\|void 0===H?void 0:H.buttonHoverBackground)&&(K["--quiz-tab-switch-modal-button-hover-background"]=n.tabSwitchModal.buttonHoverBackground),(null===(F=n.tabSwitchModal)\|\|void 0===F?void 0:F.buttonHoverTextColor)&&(K["--quiz-tab-switch-modal-button-hover-text-color"]=n.tabSwitchModal.buttonHoverTextColor),(null===(A=n.tabSwitchModal)\|\|void 0===A?void 0:A.fontFamily)&&(K["--quiz-tab-switch-modal-font-family"]=n.tabSwitchModal.fontFamily),(null===(W=n.tabSwitchModal)\|\|void 0===W?void 0:W.textFontSize)&&(K["--quiz-tab-switch-modal-text-font-size"]=n.tabSwitchModal.textFontSize),(null===(D=n.tabSwitchModal)\|\|void 0===D?void 0:D.buttonFontSize)&&(K["--quiz-tab-switch-modal-button-font-size"]=n.tabSwitchModal.buttonFontSize),(null===(V=n.tabSwitchModal)\|\|void 0===V?void 0:V.padding)&&(K["--quiz-tab-switch-modal-padding"]=n.tabSwitchModal.padding),(null===(J=n.tabSwitchModal)\|\|void 0===J?void 0:J.headerMargin)&&(K["--quiz-tab-switch-modal-header-margin"]=n.tabSwitchModal.headerMargin),(null===(Y=n.tabSwitchModal)\|\|void 0===Y?void 0:Y.textMargin)&&(K["--quiz-tab-switch-modal-text-margin"]=n.tabSwitchModal.textMargin),(null===(U=n.tabSwitchModal)\|\|void 0===U?void 0:U.buttonPadding)&&(K["--quiz-tab-switch-modal-button-padding"]=n.tabSwitchModal.buttonPadding),(null===(G=n.tabSwitchModal)\|\|void 0===G?void 0:G.borderRadius)&&(K["--quiz-tab-switch-modal-border-radius"]=n.tabSwitchModal.borderRadius),(null===(X=n.tabSwitchModal)\|\|void 0===X?void 0:X.buttonBorderRadius)&&(K["--quiz-tab-switch-modal-button-border-radius"]=n.tabSwitchModal.buttonBorderRadius),(null===(Z=n.tabSwitchModal)\|\|void 0===Z?void 0:Z.buttonTransition)&&(K["--quiz-tab-switch-modal-button-transition"]=n.tabSwitchModal.buttonTransition),K}(U(J,n))}(t);if(0===Object.keys(a).length)return null;var l=Object.entries(a).map((function(n){var e=n[0],o=n[1];return"".concat(e,": ").concat(o,";")})).join("\n ");return n.jsx("style",{children:"\n .".concat(r," {\n ").concat(l,"\n }\n ")})},X="quiz-module_quizPage__VGbhc",Z="quiz-module_quizPageContainer__kQZ4d",K="quiz-module_quizTicker__i1CIw",$="quiz-module_quizTickerRight__5SdyV",nn="quiz-module_closeBtn__2ZUdu",en="quiz-module_quizContainer__v1u42",on="quiz-module_quizLeft__2c5nS",tn="quiz-module_quizRight__VW2vj",rn="quiz-module_quizRightHead__zzia5",an="quiz-module_chooseOption__oisps",ln="quiz-module_questionCount__whDFY",un="quiz-module_mobileNextBtn__iSSfH",sn="quiz-module_nextBtn__AvAyW",dn="quiz-module_scrollDownBtn__7-XTG",cn="quiz-module_bounce__8egNx",mn="quiz-module_nextBtnContainer__TvCOi";l(' {\n box-sizing: border-box;\n}\n\n.quiz-module_quizPage__VGbhc {\n position: fixed;\n background: var(--quiz-color-background, #ffffff);\n width: 100vw;\n min-height: 100dvh;\n top: 0;\n left: 0;\n z-index: 100;\n box-sizing: border-box;\n overflow-y: auto; /* ensure scrolling works /\n display: flex;\n flex-direction: column;\n}\n\n.quiz-module_quizPageContainer__kQZ4d {\n flex: 1;\n display: flex;\n flex-direction: column;\n border-radius: var(--quiz-border-radius-large, 16px);\n margin: var(--quiz-spacing-large, 24px) var(--quiz-spacing-medium, 16px) 0px var(--quiz-spacing-medium, 16px);\n height: 100%;\n background: var(--quiz-color-surface, #f8f5f2);\n}\n\n/ Ticker stays in a row on all devices /\n.quiz-module_quizTicker__i1CIw {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px 20px;\n border-bottom: 1px solid var(--quiz-color-border, #e1d8c9);\n}\n\n.quiz-module_quizTickerRight__5SdyV {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n padding-right: 2rem;\n}\n\n.quiz-module_closeBtn__2ZUdu{\n border: none;\n background: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 4px;\n}\n\n.quiz-module_closeBtn__2ZUdu svg {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n}\n\n.quiz-module_quizContainer__v1u42 {\n flex-grow: 1;\n width: 100%;\n display: flex;\n flex-direction: row; / side-by-side on desktop /\n align-items: flex-start;\n padding: var(--quiz-spacing-large, 24px) 56px var(--quiz-spacing-large, 24px);\n border-radius: 10px;\n justify-content: space-between;\n box-sizing: border-box;\n max-width: 1600px;\n margin: 0 auto;\n max-height: 80dvh;\n overflow: auto;\n gap: 2rem;\n scrollbar-width: none; / Firefox /\n -ms-overflow-style: none; / Internet Explorer 10+ /\n}\n\n.quiz-module_quizContainer__v1u42::-webkit-scrollbar {\n display: none;\n}\n\n/ Left & Right columns on desktop /\n.quiz-module_quizLeft__2c5nS {\n width: 100%;\n max-width: 650px;\n overflow: auto;\n scrollbar-width: thin;\n scrollbar-color: #ccc transparent; / thumb color, track color /\n}\n\n/ WebKit-based browsers (Chrome, Safari, Edge) /\n.quiz-module_quizLeft__2c5nS::-webkit-scrollbar {\n width: 6px; / slim scrollbar /\n}\n\n.quiz-module_quizLeft__2c5nS::-webkit-scrollbar-thumb {\n background-color: #ccc; / grey thumb /\n border-radius: 4px;\n}\n\n.quiz-module_quizLeft__2c5nS::-webkit-scrollbar-track {\n background: transparent; / optional: transparent track /\n}\n\n.quiz-module_quizRight__VW2vj {\n max-width: 622px;\n width: 100%;\n}\n\n.quiz-module_quizRightHead__zzia5 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.quiz-module_chooseOption__oisps {\n font-size: var(--quiz-font-size-medium, 1rem);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: var(--quiz-line-height-xlarge, 32px);\n letter-spacing: 0.2%;\n color: var(--quiz-color-text-primary, #161c20);\n}\n\n.quiz-module_questionCount__whDFY {\n font-size: var(--quiz-font-size-small, 0.9rem);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n color: var(--quiz-color-text-primary, #161c20);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: var(--quiz-line-height-small, 1.2rem);\n}\n\n.quiz-module_optionsContainer__rNs2w {\n display: flex;\n flex-direction: column;\n gap: 18px;\n margin-top: 12px;\n}\n\n.quiz-module_mobileNextBtn__iSSfH {\n display: none;\n}\n\n/ Button Styles /\n.quiz-module_prevBtn__3rk6z,\n.quiz-module_nextBtn__AvAyW {\n padding: 10px 54px;\n background: var(--quiz-color-button-primary, #000000);\n color: var(--quiz-color-button-primary-text, #ffffff);\n border: none;\n border-radius: var(--quiz-spacing-large, 24px);\n cursor: pointer;\n transition: var(--quiz-transition-medium, 0.3s);\n font-size: var(--quiz-font-size-small, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: 21px;\n}\n\n.quiz-module_prevBtn__3rk6z {\n background: var(--quiz-color-button-secondary, #5d4037);\n color: var(--quiz-color-button-secondary-text, #ffffff);\n}\n\n.quiz-module_nextBtn__AvAyW:disabled {\n background: var(--quiz-color-button-disabled, #d7ccc8);\n color: var(--quiz-color-button-disabled-text, #ffffff);\n cursor: not-allowed;\n}\n\n.quiz-module_scrollDownBtn__7-XTG {\n position: fixed;\n bottom: 20px;\n right: 20px;\n z-index: 999;\n border: none;\n border-radius: 50%;\n padding: 4px;\n cursor: pointer;\n font-size: 20px;\n transition: background var(--quiz-transition-medium, 0.3s);\n background: var(--quiz-color-scroll-button, #ffffff);\n}\n\n.quiz-module_bounce__8egNx {\n animation: quiz-module_bounce__8egNx 1.6s infinite;\n}\n\n@keyframes quiz-module_bounce__8egNx {\n 0%,\n 20%,\n 50%,\n 80%,\n 100% {\n transform: translateY(0px);\n }\n 40% {\n transform: translateY(-4px);\n }\n 60% {\n transform: translateY(-2px);\n }\n}\n\n/ RESPONSIVE LAYOUT /\n@media (max-width: 768px) {\n .quiz-module_quizPageContainer__kQZ4d {\n flex-direction: column;\n padding: var(--quiz-spacing-medium, 16px);\n gap: 1rem;\n overflow-y: auto;\n margin: 0;\n border-radius: 0;\n }\n\n .quiz-module_quizContainer__v1u42 {\n flex-direction: column;\n padding: 0;\n justify-content: space-between;\n}\n\n\n .quiz-module_quizTicker__i1CIw {\n padding: var(--quiz-spacing-medium, 16px);\n gap: 1rem;\n }\n\n .quiz-module_quizLeft__2c5nS {\n max-width: 100%;\n margin-bottom: 1rem;\n max-height: none;\n overflow: initial;\n }\n\n .quiz-module_quizTickerRight__5SdyV {\n gap: 1rem;\n padding-right: 0;\n }\n\n .quiz-module_chooseOption__oisps {\n font-size: var(--quiz-font-size-small, 0.9rem);\n line-height: var(--quiz-line-height-medium, 1.4rem);\n }\n\n .quiz-module_nextBtnContainer__TvCOi {\n display: none;\n }\n\n .quiz-module_mobileNextBtn__iSSfH {\n display: block;\n position: fixed;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 1000;\n width: calc(100% - 40px);\n max-width: 350px;\n }\n\n .quiz-module_nextBtn__AvAyW {\n width: 100%;\n padding: var(--quiz-spacing-medium, 16px) var(--quiz-spacing-large, 24px);\n font-size: var(--quiz-font-size-medium, 1rem);\n }\n\n .quiz-module_questionCount__whDFY {\n font-size: 0.85rem;\n }\n\n .quiz-module_optionBtn__bIwda {\n padding: var(--quiz-spacing-medium, 16px);\n }\n}\n\n@media (max-width: 768px) and (max-height: 800px) {\n .quiz-module_quizContainer__v1u42 {\n max-height: 70dvh;\n }\n}\n\n@media (max-width: 768px) and (max-height: 500px) {\n .quiz-module_quizContainer__v1u42 {\n max-height: 60dvh;\n }\n} ');l('/ Thin (100) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-thin.woff2") format("woff2");\n font-weight: 100;\n font-style: normal;\n font-display: swap;\n}\n\n/ Light (300) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-light.woff2") format("woff2");\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n/ Regular (400) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-regular.woff2") format("woff2");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n/ Medium (500) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-medium.woff2") format("woff2");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n/ Bold (700) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-bold.woff2") format("woff2");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n} ');var fn={questionText:"question-module_questionText__SEG-N"};l('.question-module_questionText__SEG-N {\n font-size: var(--quiz-font-size-large, 24px);\n font-weight: var(--quiz-font-weight-bold, 700);\n color: var(--quiz-color-text-primary, #2E1500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: 33.6px;\n letter-spacing: 0.048px;\n }\n \n code {\n font-size: 0.8rem;\n font-weight: normal;\n }\n \n @media (max-width: 1320px) {\n / .questionText {\n font-size: var(--quiz-font-size-medium, 1rem);\n }\n .questionHtmlWrapper code {\n font-size: 0.8rem;\n } /\n }\n \n @media (max-width: 768px) {\n .question-module_questionText__SEG-N {\n font-size: 1.25rem;\n line-height: 25.6px;\n }\n }');var pn=function(e){var o=e.question;return n.jsx("div",{className:fn.questionHtmlWrapper,children:n.jsx("h2",{className:fn.questionText,dangerouslySetInnerHTML:{__html:o}})})},hn="options-module_optionsContainer__Fyukt",xn="options-module_optionBtn__pT-ri",gn="options-module_selected__Pukyd",vn="options-module_optionText__dyBcH";l('.options-module_optionsContainer__Fyukt {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 12px;\n / height: 50vh;\n overflow-y: auto; /\n }\n \n \n .options-module_optionBtn__pT-ri {\n width: 100%;\n padding: 16px;\n border-radius: var(--quiz-border-radius-medium, 8px);\n background: var(--quiz-color-option-background, #ffffff);\n cursor: pointer;\n transition: var(--quiz-transition-medium, 0.3s);\n color: var(--quiz-color-option-text, #1D1B21);\n border: none;\n text-align: left;\n border: 1px solid var(--quiz-color-option-border, #D9D9D9);\n / display: flex; /\n }\n \n .options-module_optionBtn__pT-ri:hover {\n background: var(--quiz-color-option-hover, #CBFF59);\n }\n \n .options-module_optionBtn__pT-ri.options-module_selected__Pukyd {\n background: var(--quiz-color-option-selected, #CBFF59);\n }\n \n .options-module_optionText__dyBcH {\n font-size: var(--quiz-font-size-medium, 1rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: 22px;\n letter-spacing: -0.1%;\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n }\n \n .options-module_optionImage__G3FXt {\n max-width: 100%;\n height: auto;\n border-radius: var(--quiz-border-radius-small, 4px);\n }\n \n .options-module_optionCode__q3GqF {\n background-color: #1e1e1e;\n color: white;\n padding: var(--quiz-spacing-small, 8px);\n border-radius: var(--quiz-border-radius-small, 4px);\n }\n \n @media (max-width: 768px) {\n / .optionText {\n font-size: 0.95rem;\n line-height: 21px;\n }\n /\n .options-module_optionBtn__pT-ri:hover {\n background: var(--quiz-color-option-selected, #CBFF59);\n }\n } ');var bn,_n=function(e){var o=e.options,t=e.selectedOption,i=e.onSelect,r=e.loading,a=e.direction;return n.jsx("div",{className:hn,children:null==o?void 0:o.map((function(e){return n.jsx("button",{disabled:r,className:"".concat(xn," ").concat(t===e.id&&gn),style:"rtl"===a?{textAlign:"unset"}:{},onClick:function(){return i(e.id)},children:e.text&&n.jsx("span",{className:vn,children:e.text})},e.id)}))})};function zn(){return zn=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)({}).hasOwnProperty.call(o,t)&&(n[t]=o[t])}return n},zn.apply(null,arguments)}var qn=function(n){return t.createElement("svg",zn({xmlns:"http://www.w3.org/2000/svg",width:18,height:18,fill:"none"},n),bn\|\|(bn=t.createElement("path",{fill:"#fff",d:"M9 2.813a6.75 6.75 0 1 0 6.75 6.75A6.76 6.76 0 0 0 9 2.813m3.21 4.335L9.399 9.96a.564.564 0 0 1-.796-.795l2.813-2.813a.563.563 0 0 1 .796.796M6.75 1.125a.563.563 0 0 1 .563-.562h3.375a.563.563 0 1 1 0 1.125H7.312a.56.56 0 0 1-.562-.563"})))},wn="timer-module_timer__o-tMk";l('.timer-module_timer__o-tMk {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n font-size: var(--quiz-font-size-medium, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n color: var(--quiz-color-text-primary, #161c20);\n }\n \n .timer-module_timer__o-tMk span {\n color: #FFF;\n font-size: var(--quiz-font-size-medium, 16px);\n font-weight: var(--quiz-font-weight-medium, 500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: var(--quiz-line-height-medium, 23px);\n letter-spacing: var(--quiz-letter-spacing-medium, -0.016px);\n \n }\n \n .timer-module_timer__o-tMk svg {\n width: 18px;\n height: 18px;\n fill: var(--quiz-color-text-primary, #161c20);\n }\n \n @media (max-width: 768px) {\n / .timer {\n font-size: var(--quiz-font-size-small, 0.85rem);\n } /\n \n / .timer span {\n font-size: var(--quiz-font-size-small, 1rem);\n } /\n \n .timer-module_timer__o-tMk svg {\n width: 16px;\n height: 16px;\n }\n }\n ');var yn=function(o){var t=o.duration,i=o.markQuizComplete,r=o.isEndScreenOpen,a=e.useState(t),l=a[0],u=a[1],s=e.useRef(null);e.useEffect((function(){if(0!==t)return s.current&&clearInterval(s.current),s.current=setInterval((function(){u((function(n){return n>0?n-1:0}))}),1e3),function(){s.current&&clearInterval(s.current)}}),[t]),e.useEffect((function(){0!==t&&0===l&&(i(),s.current&&clearInterval(s.current))}),[l,i]),e.useEffect((function(){r&&s.current&&clearInterval(s.current)}),[r]);var d,c,m;return n.jsxs("div",{className:wn,children:[n.jsx(qn,{}),n.jsx("span",{children:(d=l,c=Math.floor(d/60),m=d%60,"".concat(c,":").concat(m<10?"0":"").concat(m))})]})},Sn="frontlineQuiz-module_quizPage__20qsB",kn="frontlineQuiz-module_quizPageContainer__YCead",Cn="frontlineQuiz-module_quizTicker__0g1ga",jn="frontlineQuiz-module_quizTickerRight__5DIuy",Mn="frontlineQuiz-module_closeBtn__hySeT",En="frontlineQuiz-module_quizContainer__RILFb",Tn="frontlineQuiz-module_cardDeck__JP0v4",Bn="frontlineQuiz-module_stackedCard__Vwgrw",Qn="frontlineQuiz-module_quizLeft__dyhwA",Nn="frontlineQuiz-module_quizRight__s7J3R",Pn="frontlineQuiz-module_quizRightHead__Xs3bh",On="frontlineQuiz-module_questionCount__cFlA-",Ln="frontlineQuiz-module_mobileNextBtn__trrH5",Rn="frontlineQuiz-module_nextBtn__UeoLO",In="frontlineQuiz-module_nextBtnContainer__smf8H";l(' {\n box-sizing: border-box;\n }\n \n .frontlineQuiz-module_quizPage__20qsB {\n position: fixed;\n background: var(--quiz-color-background, #ffffff);\n width: 100vw;\n min-height: 100dvh;\n top: 0;\n left: 0;\n z-index: 100;\n box-sizing: border-box;\n overflow: visible; /* Changed from overflow-y: auto to prevent interference with fixed positioning /\n display: flex;\n flex-direction: column;\n }\n \n .frontlineQuiz-module_quizPageContainer__YCead {\n flex: 1;\n display: flex;\n flex-direction: column;\n border-radius: var(--quiz-border-radius-large, 16px);\n margin: var(--quiz-spacing-large, 24px) var(--quiz-spacing-medium, 16px) 0px var(--quiz-spacing-medium, 16px);\n height: 100%;\n background: var(--quiz-color-surface, #A198AC);\n overflow: visible; / Ensure no overflow interference with fixed positioning /\n }\n \n / Ticker stays in a row on all devices /\n .frontlineQuiz-module_quizTicker__0g1ga {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px 20px;\n / border-bottom: 1px solid var(--quiz-color-border, transparent); /\n }\n \n .frontlineQuiz-module_quizTickerRight__5DIuy {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n padding-right: 2rem;\n }\n \n .frontlineQuiz-module_closeBtn__hySeT{\n\n border: none;\n background: rgba(234, 234, 234, 0.50);\n cursor: pointer;\n padding-bottom: 3px;\n width: 24px;\n / height: 24px; /\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 20px;\n display: flex;\n font-size: 20px;\n aspect-ratio: 1/1;\n color: #ffffff;\n }\n \n .frontlineQuiz-module_closeBtn__hySeT svg {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n }\n \n .frontlineQuiz-module_quizContainer__RILFb {\n flex-grow: 1;\n width: 100%;\n display: flex;\n flex-direction: row; / side-by-side on desktop /\n align-items: flex-start;\n padding: var(--quiz-spacing-large, 24px) 56px var(--quiz-spacing-large, 24px);\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n justify-content: space-between;\n box-sizing: border-box;\n max-width: 1600px;\n margin: 0 auto;\n gap: 2rem;\n background: #ffffff;\n overflow: auto;\n scrollbar-width: none; / Firefox /\n -ms-overflow-style: none; / Internet Explorer 10+ /\n }\n \n .frontlineQuiz-module_quizContainer__RILFb::-webkit-scrollbar {\n display: none;\n }\n \n \n \n .frontlineQuiz-module_cardDeck__JP0v4{\n position: relative;\n width: 100%;\n flex: 1;\n overflow: hidden;\n }\n \n \n .frontlineQuiz-module_stackedCard__Vwgrw {\n position: absolute;\n top: 25px;\n left: 50%;\n bottom: 0;\n transform-origin: center top;\n transition: opacity 0.3s ease-in-out;\n overflow-x: hidden;\n overflow-y: auto;\n }\n \n .frontlineQuiz-module_exitingCard__mYZ2E {\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n }\n \n / Left & Right columns on desktop /\n .frontlineQuiz-module_quizLeft__dyhwA {\n width: 100%;\n max-width: 650px;\n overflow: initial;\n scrollbar-width: thin;\n scrollbar-color: #ccc transparent; / thumb color, track color /\n }\n \n / WebKit-based browsers (Chrome, Safari, Edge) /\n .frontlineQuiz-module_quizLeft__dyhwA::-webkit-scrollbar {\n width: 6px; / slim scrollbar /\n }\n \n .frontlineQuiz-module_quizLeft__dyhwA::-webkit-scrollbar-thumb {\n background-color: #ccc; / grey thumb /\n border-radius: 4px;\n }\n \n .frontlineQuiz-module_quizLeft__dyhwA::-webkit-scrollbar-track {\n background: transparent; / optional: transparent track /\n }\n \n .frontlineQuiz-module_quizRight__s7J3R {\n max-width: 622px;\n width: 100%;\n }\n \n .frontlineQuiz-module_quizRightHead__Xs3bh {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n \n .frontlineQuiz-module_chooseOption__W1lRR {\n font-size: var(--quiz-font-size-medium, 1rem);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: var(--quiz-line-height-xlarge, 32px);\n letter-spacing: 0.2%;\n color: var(--quiz-color-text-primary, #161c20);\n }\n \n .frontlineQuiz-module_questionCount__cFlA- {\n font-size: var(--quiz-font-size-small, 14px);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n color: var(--quiz-color-text-primary, #FFF);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: var(--quiz-line-height-small, 32px);\n }\n \n .frontlineQuiz-module_optionsContainer__xYly9 {\n display: flex;\n flex-direction: column;\n gap: 18px;\n margin-top: 12px;\n }\n \n .frontlineQuiz-module_mobileNextBtn__trrH5 {\n display: none;\n }\n \n / Button Styles /\n .frontlineQuiz-module_prevBtn__I2VdW,\n .frontlineQuiz-module_nextBtn__UeoLO {\n padding: 10px 54px;\n background: var(--quiz-color-button-primary, #000000);\n color: var(--quiz-color-button-primary-text, #ffffff);\n border: none;\n border-radius: var(--quiz-spacing-large, 24px);\n cursor: pointer;\n transition: var(--quiz-transition-medium, 0.3s);\n font-size: var(--quiz-font-size-small, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: 21px;\n }\n \n .frontlineQuiz-module_prevBtn__I2VdW {\n background: var(--quiz-color-button-secondary, #5d4037);\n color: var(--quiz-color-button-secondary-text, #ffffff);\n }\n \n .frontlineQuiz-module_nextBtn__UeoLO:disabled {\n background: var(--quiz-color-button-disabled, #d7ccc8);\n color: var(--quiz-color-button-disabled-text, #ffffff);\n cursor: not-allowed;\n }\n \n .frontlineQuiz-module_scrollDownBtn__-DHaP {\n position: fixed;\n bottom: 20px;\n right: 20px;\n z-index: 999;\n border: none;\n border-radius: 50%;\n padding: 4px;\n cursor: pointer;\n font-size: 20px;\n transition: background var(--quiz-transition-medium, 0.3s);\n background: var(--quiz-color-scroll-button, #ffffff);\n }\n \n .frontlineQuiz-module_bounce__kM2GG {\n animation: frontlineQuiz-module_bounce__kM2GG 1.6s infinite;\n }\n \n @keyframes frontlineQuiz-module_bounce__kM2GG {\n 0%,\n 20%,\n 50%,\n 80%,\n 100% {\n transform: translateY(0px);\n }\n 40% {\n transform: translateY(-4px);\n }\n 60% {\n transform: translateY(-2px);\n }\n }\n \n / RESPONSIVE LAYOUT /\n @media (max-width: 768px) {\n .frontlineQuiz-module_quizPageContainer__YCead {\n flex-direction: column;\n / padding: var(--quiz-spacing-medium, 16px); /\n / gap: 1rem; /\n overflow-y: auto;\n margin: 0;\n border-radius: 0;\n }\n \n .frontlineQuiz-module_quizContainer__RILFb {\n flex-direction: column;\n padding: 20px 20px 20px 20px;\n justify-content: start;\n gap: 24px;\n }\n \n \n \n \n .frontlineQuiz-module_quizTicker__0g1ga {\n padding: var(--quiz-spacing-medium, 16px);\n gap: 1rem;\n }\n \n .frontlineQuiz-module_quizLeft__dyhwA {\n max-width: 100%;\n / margin-bottom: 1rem; /\n min-height: max-content;\n }\n \n .frontlineQuiz-module_quizTickerRight__5DIuy {\n gap: 1rem;\n padding-right: 0;\n }\n \n .frontlineQuiz-module_chooseOption__W1lRR {\n font-size: var(--quiz-font-size-small, 0.9rem);\n line-height: var(--quiz-line-height-medium, 1.4rem);\n }\n \n .frontlineQuiz-module_nextBtnContainer__smf8H {\n display: none;\n }\n \n .frontlineQuiz-module_mobileNextBtn__trrH5 {\n display: block;\n position: fixed;\n bottom: 12px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 999;\n width: calc(100% - 40px);\n max-width: 350px;\n background: transparent;\n pointer-events: auto;\n }\n \n .frontlineQuiz-module_nextBtn__UeoLO {\n width: 100%;\n padding: var(--quiz-spacing-medium, 16px) var(--quiz-spacing-large, 24px);\n font-size: var(--quiz-font-size-medium, 1rem);\n }\n \n .frontlineQuiz-module_questionCount__cFlA- {\n font-size: 0.85rem;\n }\n \n .frontlineQuiz-module_optionBtn__Rgseg {\n padding: var(--quiz-spacing-medium, 16px);\n }\n }\n \n @media (max-width: 768px) and (max-height: 800px) {\n .frontlineQuiz-module_quizContainer__RILFb {\n / max-height: 70dvh; /\n }\n }\n \n @media (max-width: 768px) and (max-height: 500px) {\n .frontlineQuiz-module_quizContainer__RILFb {\n / max-height: 60dvh; /\n }\n } ');var Hn="confirmQuizExitModal-module_modalOverlay__AmJto",Fn="confirmQuizExitModal-module_modalContent__6v2cV",An="confirmQuizExitModal-module_modalHeader__73y33",Wn="confirmQuizExitModal-module_modalText__s1Bh9",Dn="confirmQuizExitModal-module_modalButtonContainer__zph-0",Vn="confirmQuizExitModal-module_modalButtonCancel__UsDFm",Jn="confirmQuizExitModal-module_modalButtonConfirm__bQave";l('/ Modal Background Overlay /\n.confirmQuizExitModal-module_modalOverlay__AmJto {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n}\n\n/ Modal Box /\n.confirmQuizExitModal-module_modalContent__6v2cV {\n background: var(--confirm-quiz-exit-modal-background, #222);\n color: var(--confirm-quiz-exit-modal-text-color, #fff);\n padding: var(--confirm-quiz-exit-modal-padding, 32px);\n border-radius: var(--confirm-quiz-exit-modal-border-radius, 10px);\n width: 400px;\n text-align: center;\n position: relative;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n}\n\n/ Close Button /\n.confirmQuizExitModal-module_modalClose__Gol-K {\n position: absolute;\n top: 10px;\n right: 15px;\n background: none;\n border: none;\n font-size: 24px;\n color: var(--confirm-quiz-exit-modal-close-color, #fff);\n cursor: pointer;\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n/ Header /\n.confirmQuizExitModal-module_modalHeader__73y33 {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: var(--confirm-quiz-exit-modal-header-margin, 10px);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n.confirmQuizExitModal-module_modalHeader__73y33 h2 {\n font-size: var(--confirm-quiz-exit-modal-header-font-size, 28px);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n/ Warning Icon /\n.confirmQuizExitModal-module_modalIcon__SI6YL {\n font-size: 32px;\n color: var(--confirm-quiz-exit-modal-icon-color, #ffcc00);\n}\n\n/ Text /\n.confirmQuizExitModal-module_modalText__s1Bh9 {\n font-size: var(--confirm-quiz-exit-modal-text-font-size, 20px);\n color: var(--confirm-quiz-exit-modal-text-secondary-color, #ccc);\n margin-bottom: var(--confirm-quiz-exit-modal-text-margin, 20px);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n/ Button /\n.confirmQuizExitModal-module_modalButton__oVSCb {\n background: var(--confirm-quiz-exit-modal-button-background, #fff);\n color: var(--confirm-quiz-exit-modal-button-text-color, #222);\n border: none;\n padding: var(--confirm-quiz-exit-modal-button-padding, 10px 20px);\n border-radius: var(--confirm-quiz-exit-modal-button-border-radius, 20px);\n font-size: var(--confirm-quiz-exit-modal-button-font-size, 14px);\n cursor: pointer;\n transition: var(--confirm-quiz-exit-modal-button-transition, 0.3s);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n.confirmQuizExitModal-module_modalButton__oVSCb:hover {\n background: var(--confirm-quiz-exit-modal-button-hover-background, #ddd);\n color: var(--confirm-quiz-exit-modal-button-hover-text-color, #222);\n}\n\n.confirmQuizExitModal-module_modalButtonContainer__zph-0 {\n display: flex;\n justify-content: center;\n gap: var(--confirm-quiz-exit-modal-button-gap, 16px);\n}\n\n/ Cancel Button /\n\n.confirmQuizExitModal-module_modalButtonCancel__UsDFm {\n background: var(\n --confirm-quiz-exit-modal-button-cancel-background,\n transparent\n );\n color: var(\n --confirm-quiz-exit-modal-button-cancel-text-color,\n rgba(255, 255, 255, 0.8)\n );\n border: var(\n --confirm-quiz-exit-modal-button-cancel-border,\n 1px solid rgba(255, 255, 255, 0.8)\n );\n padding: var(--confirm-quiz-exit-modal-button-cancel-padding, 12px 20px);\n border-radius: var(\n --confirm-quiz-exit-modal-button-cancel-border-radius,\n 8px\n );\n font-size: var(--confirm-quiz-exit-modal-button-cancel-font-size, 14px);\n cursor: pointer;\n transition: var(--confirm-quiz-exit-modal-button-cancel-transition, 0.3s);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n font-weight: var(--confirm-quiz-exit-modal-button-cancel-font-weight, 600);\n width: var(--confirm-quiz-exit-modal-button-cancel-width, 90px);\n}\n\n.confirmQuizExitModal-module_modalButtonCancel__UsDFm:hover {\n background: var(\n --confirm-quiz-exit-modal-button-cancel-hover-background,\n rgba(255, 255, 255, 0.8)\n );\n color: var(--confirm-quiz-exit-modal-button-cancel-hover-text-color, #bbb);\n}\n\n/ Confirm Button /\n\n.confirmQuizExitModal-module_modalButtonConfirm__bQave {\n background: var(--confirm-quiz-exit-modal-button-confirm-background, #fff);\n color: var(--confirm-quiz-exit-modal-button-confirm-text-color, #000);\n border: var(--confirm-quiz-exit-modal-button-confirm-border, none);\n padding: var(--confirm-quiz-exit-modal-button-confirm-padding, 12px 20px);\n border-radius: var(\n --confirm-quiz-exit-modal-button-confirm-border-radius,\n 8px\n );\n font-size: var(--confirm-quiz-exit-modal-button-confirm-font-size, 14px);\n cursor: pointer;\n transition: var(--confirm-quiz-exit-modal-button-confirm-transition, 0.3s);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n font-weight: var(--confirm-quiz-exit-modal-button-confirm-font-weight, 600);\n width: var(--confirm-quiz-exit-modal-button-confirm-width, 90px);\n}\n\n.confirmQuizExitModal-module_modalButtonConfirm__bQave:hover {\n background: var(\n --confirm-quiz-exit-modal-button-confirm-hover-background,\n #eee\n );\n color: var(--confirm-quiz-exit-modal-button-confirm-hover-text-color, #111);\n}\n');var Yn=function(e){var o=e.open,t=e.message,i=e.onConfirm,r=e.onCancel;return o?n.jsx("div",{className:Hn,children:n.jsxs("div",{className:Fn,children:[n.jsx("div",{className:An,children:n.jsx("h2",{children:"Exit Quiz"})}),n.jsx("p",{className:Wn,children:t}),n.jsxs("div",{className:Dn,children:[n.jsx("button",{className:Vn,onClick:r,children:"Cancel"}),n.jsx("button",{className:Jn,onClick:i,children:"Confirm"})]})]})}):null},Un="languageSwitch-module_languageSwitch__Obcyb",Gn="languageSwitch-module_reversed__hsNOk",Xn="languageSwitch-module_languageSwitchIcon__LJ47X",Zn="languageSwitch-module_languageSwitchLabel__cM9rn";l(".languageSwitch-module_languageSwitch__Obcyb {\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n transition: flex-direction 1s ease;\n background: #cbff59;\n height: 28px;\n min-width: 66px;\n padding: 4px 10px;\n border-radius: 200px;\n margin-right: 20px;\n}\n\n.languageSwitch-module_languageSwitch__Obcyb.languageSwitch-module_reversed__hsNOk {\n flex-direction: row-reverse;\n}\n\n.languageSwitch-module_languageSwitchIcon__LJ47X {\n color: #161c20;\n font-family: var(--font-inter);\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n letter-spacing: 0.44px;\n height: 20px;\n width: 20px;\n background-color: #fff;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n filter: drop-shadow(0 3px 1px rgba(0, 0, 0, 0.06))\n drop-shadow(0 3px 8px rgba(0, 0, 0, 0.15));\n transition: transform 0.4s ease;\n}\n\n.languageSwitch-module_languageSwitchLabel__cM9rn {\n color: #161c20;\n font-family: var(--font-inter);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n letter-spacing: 0.44px;\n}\n");var Kn=function(o){var t,i,r=o.languages,a=o.selectedLanguage,l=o.onChange;if(2!==r.length)return null;if((null===(t=r[0])\|\|void 0===t?void 0:t.name)===(null===(i=r[1])\|\|void 0===i?void 0:i.name))return null;var u=e.useState(!1),s=u[0],d=u[1],c=r.find((function(n){return(null==n?void 0:n.name)!==(null==a?void 0:a.name)}));return n.jsxs("div",{className:"".concat(Un," ").concat(s?Gn:""),onClick:function(){d((function(n){return!n})),c&&l(c)},children:[n.jsx("span",{className:Xn,children:null==c?void 0:c.icon}),n.jsx("span",{className:Zn,children:(null==c?void 0:c.name)?null==c?void 0:c.name.slice(0,3):""})]})};exports.FrontlineQuizPlayer=function(o){var t=o.quizId,l=o.userId,u=o.tabSwitchLimit,s=o.onQuizComplete,d=o.baseURL,c=o.token,m=o.theme,f=o.direction,p=o.handleClose,h=o.languages,x=o.defaultLanguage,g=e.useState(!1),v=g[0],b=g[1],_=e.useState(0),q=_[0],w=_[1],y=e.useState(null),S=y[0],k=y[1],C=e.useState(null),j=C[0],E=C[1],T=e.useState(!1),B=T[0],Q=T[1],N=e.useState(!1),P=N[0],R=N[1],I=e.useState(!0),H=I[0],F=I[1],A=z(u),W=A.isLimitReached,D=A.switchCount,J=e.useState(""),Y=J[0],U=J[1],X=e.useState(!1),Z=X[0],K=X[1],$=e.useState(x),nn=$[0],en=$[1],on=e.useState([]),tn=on[0],rn=on[1],an=e.useState(!1),ln=an[0],un=an[1],sn=e.useRef([]),dn=e.useRef(null);L(),e.useEffect((function(){if(!(t&&l&&d&&c))return F(!1),U("Missing required parameters to load quiz."),void R(!0);r(void 0,void 0,void 0,(function(){var n,e;return a(this,(function(o){switch(o.label){case 0:return o.trys.push([0,5,6,7]),F(!0),[4,fetch("".concat(d,"/user-assessment/").concat(t,"/").concat(l,"/get-session-data"),{headers:{Authorization:"Bearer ".concat(c)}})];case 1:return(n=o.sent()).ok?[4,n.json()]:[3,3];case 2:return e=o.sent(),rn((null==e?void 0:e.questions)\|\|[]),E(e),[3,4];case 3:U("Something went wrong. Please try again."),R(!0),o.label=4;case 4:return[3,7];case 5:return o.sent(),U("Something went wrong. Please try again."),R(!0),[3,7];case 6:return F(!1),[7];case 7:return[2]}}))}))}),[t,l,d,c]);var cn=e.useRef(null),mn=e.useState(!1);mn[0];var fn=mn[1],hn=e.useState(!1),xn=hn[0],gn=hn[1];e.useEffect((function(){if(j){var n=cn.current;if(n){var e=function(){var e=n.scrollHeight>n.clientHeight,o=n.scrollTop+n.clientHeight>=n.scrollHeight-15;e?(o&&gn(!0),fn(!o&&!xn)):(fn(!1),gn(!1))},o=requestAnimationFrame((function(){setTimeout(e,100)}));return n.addEventListener("scroll",e),window.addEventListener("resize",e),function(){cancelAnimationFrame(o),n.removeEventListener("scroll",e),window.removeEventListener("resize",e)}}}}),[j,q,xn]);var vn=function(n,e,o){return r(void 0,void 0,void 0,(function(){var t,r,u,s,m;return a(this,(function(a){switch(a.label){case 0:return[4,fetch("".concat(d,"/user-assessment/translate-question/").concat(l),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(c)},body:JSON.stringify({questionId:n,language:e?null==e?void 0:e.toLocaleLowerCase():"",userAssessmentId:o})})];case 1:return(t=a.sent()).ok?[4,t.json()]:[3,3];case 2:if(!((null==(r=a.sent())?void 0:r.success)&&(null===(s=null===(u=null==r?void 0:r.data)\|\|void 0===u?void 0:u.options)\|\|void 0===s?void 0:s.length)>0&&(null===(m=null==r?void 0:r.data)\|\|void 0===m?void 0:m.question_text)))throw new Error("Failed to translate question");return rn((function(e){return e.map((function(e){var o,t;return e.id===n?i(i({},e),{text:null===(o=null==r?void 0:r.data)\|\|void 0===o?void 0:o.question_text,options:null===(t=null==r?void 0:r.data)\|\|void 0===t?void 0:t.options}):e}))})),[2,r];case 3:throw new Error("Failed to translate question")}}))}))};function bn(n){return r(this,void 0,void 0,(function(){return a(this,(function(e){switch(e.label){case 0:return en(n),un(!0),[4,vn(tn[q].id,n.name,(null==j?void 0:j.id)\|\|"")];case 1:return e.sent(),[2]}}))}))}if(e.useEffect((function(){D>0&&D<u&&Q(!0)}),[D]),e.useEffect((function(){W&&(U("Your quiz has ended due to switching tabs too many times."),R(!0))}),[W]),e.useEffect((function(){return function(){sn.current.forEach((function(n){return clearTimeout(n)})),sn.current=[]}}),[]),!j&&H)return n.jsxs("div",{className:Sn,style:"rtl"==f?{direction:"rtl"}:{},ref:dn,children:[n.jsx(G,{theme:m,targetClass:Sn}),n.jsx(V,{})]});function zn(){Q(!1),K(!1),R(!1),U("")}function qn(){b(!0)}var wn=function(n,e,o,t){return r(void 0,void 0,void 0,(function(){return a(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,fetch("".concat(d,"/user-assessment/").concat(n,"/").concat(o,"/").concat(e,"/submit-answer"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(c)},body:JSON.stringify({optionIds:[t]})})];case 1:return i.sent().ok\|\|(U("Something went wrong. Please try again."),R(!0)),[3,3];case 2:return i.sent(),[3,3];case 3:return[2]}}))}))},Hn=function(){return r(void 0,void 0,void 0,(function(){return a(this,(function(n){switch(n.label){case 0:return n.trys.push([0,5,,6]),[4,fetch("".concat(d,"/user-assessment/").concat(t,"/").concat(l,"/mark-quiz-complete"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(c)},body:JSON.stringify({isScoreAsPerQuestion:!0})})];case 1:return n.sent().ok?(qn(),[4,s()]):[3,3];case 2:return n.sent(),[3,4];case 3:U("Quiz completed, but there was an issue saving your progress."),R(!0),n.label=4;case 4:return[3,6];case 5:return n.sent(),U("Quiz completed, but there was a network error. Please check your connection."),R(!0),[3,6];case 6:return[2]}}))}))},Fn=function(){return r(void 0,void 0,void 0,(function(){var n;return a(this,(function(e){switch(e.label){case 0:if(!j\|\|!tn.length)return U("Quiz data is not available. Please try again."),R(!0),[2];F(!0),e.label=1;case 1:return e.trys.push([1,,8,9]),[4,wn(t,tn[q].id,l,S)];case 2:return e.sent(),q!==(null==tn?void 0:tn.length)-1?[3,4]:[4,Hn()];case 3:return e.sent(),[3,7];case 4:return k(null),ln?[4,vn(tn[q+1].id,nn.name,null==j?void 0:j.id)]:[3,6];case 5:e.sent(),e.label=6;case 6:n=null===window\|\|void 0===window?void 0:window.setTimeout((function(){w((function(n){return n+1}));var n=window.setTimeout((function(){gn(!1)}),150);sn.current.push(n)}),300),sn.current.push(n),e.label=7;case 7:return[3,9];case 8:return n=null===window\|\|void 0===window?void 0:window.setTimeout((function(){F(!1)}),300),sn.current.push(n),[7];case 9:return[2]}}))}))};function An(){return H?"Submitting":q===(null==tn?void 0:tn.length)-1?"Submit":"Next"}return v?null:n.jsxs("div",{className:Sn,children:[n.jsx(G,{theme:m,targetClass:Sn}),n.jsxs("div",{className:kn,style:"rtl"==f?{direction:"rtl"}:{},children:[n.jsxs("div",{className:Cn,children:[n.jsxs("h3",{className:On,children:["Questions: ",q+1,"/",(null==tn?void 0:tn.length)\|\|0]}),n.jsxs("div",{className:jn,children:[n.jsx(yn,{markQuizComplete:Hn,duration:(null==j?void 0:j.duration)\|\|0,isEndScreenOpen:P}),p&&n.jsx("button",{className:Mn,onClick:function(){return K(!0)},children:"×"})]})]}),n.jsx("div",{className:Tn,children:tn.slice(q).map((function(e,o){var t,i,r=o,a=0===r;return n.jsxs("div",{className:"".concat(En," ").concat(Bn),style:{zIndex:tn.length-r,transform:"translateX(-50%) translateY(".concat(-11r,"px) scale(").concat(1-.025r,")"),width:"calc(100% - ".concat(24r,"px)"),opacity:a?1:.75-.15r,filter:a?"none":"blur(".concat(.8r,"px)"),backgroundColor:a?"#fff":"#f8f9fa",pointerEvents:a?"auto":"none",top:tn.length>4?"50px":"25px",paddingBottom:"80px"},ref:cn,children:[n.jsx("div",{className:Qn,children:n.jsx(pn,{question:(null===(t=tn[q])\|\|void 0===t?void 0:t.text)\|\|""})}),n.jsxs("div",{className:Nn,children:[n.jsxs("div",{className:Pn,children:[n.jsx(Kn,{languages:h\|\|[],selectedLanguage:nn,onChange:bn}),n.jsx("div",{className:In,children:n.jsx("button",{className:Rn,disabled:!S\|\|H\|\|!j,onClick:Fn,children:An()})})]}),n.jsx(_n,{loading:H,options:(null===(i=tn[q])\|\|void 0===i?void 0:i.options)\|\|[],selectedOption:S,onSelect:k,direction:f})]})]},q+o)}))})]}),S&&n.jsx("div",{className:Ln,children:n.jsx("button",{className:Rn,disabled:!S\|\|H\|\|!j,onClick:Fn,children:An()})}),n.jsx(M,{open:B,onClose:zn}),n.jsx(O,{open:P,onClose:p,message:Y}),n.jsx(Yn,{open:Z,message:"Are you sure you want to exit the quiz?",onConfirm:p\|\|qn,onCancel:zn})]})},exports.default=function(o){var t,i,l=o.quizId,u=o.userId,s=o.tabSwitchLimit,c=o.onQuizComplete,m=o.baseURL,f=o.token,p=o.theme,h=o.direction,g=o.handleClose,v=e.useState(!1),b=v[0],q=v[1],w=e.useState(0),y=w[0],S=w[1],k=e.useState(null),C=k[0],j=k[1],E=e.useState(null),T=E[0],B=E[1],Q=e.useState(!1),N=Q[0],P=Q[1],R=e.useState(!1),I=R[0],F=R[1],W=e.useState(!0),D=W[0],J=W[1],Y=z(s),U=Y.isLimitReached,fn=Y.switchCount,pn=e.useState(""),hn=pn[0],xn=pn[1],gn=e.useRef([]),vn=e.useRef(null);L(),e.useEffect((function(){if(!(l&&u&&m&&f))return J(!1),xn("Missing required parameters to load quiz."),void F(!0);r(void 0,void 0,void 0,(function(){var n,e;return a(this,(function(o){switch(o.label){case 0:return o.trys.push([0,5,6,7]),J(!0),[4,fetch("".concat(m,"/user-assessment/").concat(l,"/").concat(u,"/get-session-data"),{headers:{Authorization:"Bearer ".concat(f)}})];case 1:return(n=o.sent()).ok?[4,n.json()]:[3,3];case 2:return e=o.sent(),B(e),[3,4];case 3:xn("Something went wrong. Please try again."),F(!0),o.label=4;case 4:return[3,7];case 5:return o.sent(),xn("Something went wrong. Please try again."),F(!0),[3,7];case 6:return J(!1),[7];case 7:return[2]}}))}))}),[l,u,m,f]);var bn=e.useRef(null),_n=e.useState(!1),zn=_n[0],qn=_n[1],wn=e.useState(!1),yn=wn[0],Sn=wn[1];e.useEffect((function(){if(T){var n=bn.current;if(n){var e=function(){var e=n.scrollHeight>n.clientHeight,o=n.scrollTop+n.clientHeight>=n.scrollHeight-15;e?(o&&Sn(!0),qn(!o&&!yn)):(qn(!1),Sn(!1))},o=requestAnimationFrame((function(){setTimeout(e,100)}));return n.addEventListener("scroll",e),window.addEventListener("resize",e),function(){cancelAnimationFrame(o),n.removeEventListener("scroll",e),window.removeEventListener("resize",e)}}}}),[T,y,yn]);if(e.useEffect((function(){fn>0&&fn<3&&P(!0)}),[fn]),e.useEffect((function(){U&&(xn("Your quiz has ended due to switching tabs too many times."),F(!0))}),[U]),e.useEffect((function(){return function(){gn.current.forEach((function(n){return clearTimeout(n)})),gn.current=[]}}),[]),!T&&D)return n.jsxs("div",{className:X,style:"rtl"==h?{direction:"rtl"}:{},ref:vn,children:[n.jsx(G,{theme:p,targetClass:X}),n.jsx(V,{})]});var kn=(null==T?void 0:T.questions)\|\|[],Cn=function(n,e,o,t){return r(void 0,void 0,void 0,(function(){return a(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,fetch("".concat(m,"/user-assessment/").concat(n,"/").concat(o,"/").concat(e,"/submit-answer"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(f)},body:JSON.stringify({optionIds:[t]})})];case 1:return i.sent().ok\|\|(xn("Something went wrong. Please try again."),F(!0)),[3,3];case 2:return i.sent(),[3,3];case 3:return[2]}}))}))},jn=function(){return r(void 0,void 0,void 0,(function(){return a(this,(function(n){switch(n.label){case 0:return n.trys.push([0,5,,6]),[4,fetch("".concat(m,"/user-assessment/").concat(l,"/").concat(u,"/mark-quiz-complete"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(f)}})];case 1:return n.sent().ok?(q(!0),[4,c()]):[3,3];case 2:return n.sent(),[3,4];case 3:xn("Quiz completed, but there was an issue saving your progress."),F(!0),n.label=4;case 4:return[3,6];case 5:return n.sent(),xn("Quiz completed, but there was a network error. Please check your connection."),F(!0),[3,6];case 6:return[2]}}))}))},Mn=function(){return r(void 0,void 0,void 0,(function(){var n;return a(this,(function(e){switch(e.label){case 0:if(!C)return[2];if(!T\|\|!kn.length)return xn("Quiz data is not available. Please try again."),F(!0),[2];J(!0),e.label=1;case 1:return e.trys.push([1,,6,7]),[4,Cn(l,kn[y].id,u,C)];case 2:return e.sent(),y!==(null==kn?void 0:kn.length)-1?[3,4]:[4,jn()];case 3:return e.sent(),[3,5];case 4:j(null),n=null===window\|\|void 0===window?void 0:window.setTimeout((function(){S((function(n){return n+1}));var n=window.setTimeout((function(){Sn(!1)}),150);gn.current.push(n)}),300),gn.current.push(n),e.label=5;case 5:return[3,7];case 6:return n=null===window\|\|void 0===window?void 0:window.setTimeout((function(){J(!1)}),300),gn.current.push(n),[7];case 7:return[2]}}))}))};function En(){return D?"Submitting":y===(null==kn?void 0:kn.length)-1?"Submit":"Next"}return b?null:n.jsxs("div",{className:X,children:[n.jsx(G,{theme:p,targetClass:X}),n.jsxs("div",{className:Z,style:"rtl"==h?{direction:"rtl"}:{},children:[n.jsxs("div",{className:K,children:[n.jsxs("h3",{className:ln,children:["Questions: ",y+1,"/",(null==kn?void 0:kn.length)\|\|0]}),n.jsxs("div",{className:$,children:[n.jsx(_,{markQuizComplete:jn,duration:(null==T?void 0:T.duration)\|\|0,isEndScreenOpen:I}),g&&n.jsx("button",{className:nn,onClick:g,children:n.jsx(A,{})})]})]}),n.jsxs("div",{className:en,ref:bn,children:[n.jsx("div",{className:on,children:n.jsx(d,{question:(null===(t=kn[y])\|\|void 0===t?void 0:t.text)\|\|""})}),n.jsxs("div",{className:tn,children:[n.jsxs("div",{className:rn,children:[n.jsx("h3",{className:an,children:"Choose the right option"}),n.jsx("div",{className:mn,children:n.jsx("button",{className:sn,disabled:!C\|\|D\|\|!T,onClick:Mn,children:En()})}),n.jsx("div",{className:un,children:n.jsx("button",{className:sn,disabled:!C\|\|D\|\|!T,onClick:Mn,children:En()})})]}),n.jsx(x,{loading:D,options:(null===(i=kn[y])\|\|void 0===i?void 0:i.options)\|\|[],selectedOption:C,onSelect:j,direction:h})]})]})]}),n.jsx(M,{open:N,onClose:function(){P(!1),F(!1),xn("")}}),n.jsx(O,{open:I,onClose:g,message:hn}),zn&&n.jsx("button",{className:dn+" "+cn,onClick:function(){var n=bn.current;n&&(n.scrollTo({top:n.scrollHeight+10,behavior:"smooth"}),Sn(!0),qn(!1))},children:n.jsx(H,{})})]})};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react/jsx-runtime"),e=require("react");function o(n){var e=Object.create(null);return n&&Object.keys(n).forEach((function(o){if("default"!==o){var t=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(e,o,t.get?t:{enumerable:!0,get:function(){return n[o]}})}})),e.default=n,Object.freeze(e)}var t=o(e),i=function(){return i=Object.assign\|\|function(n){for(var e,o=1,t=arguments.length;o<t;o++)for(var i in e=arguments[o])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n},i.apply(this,arguments)};function r(n,e,o,t){return new(o\|\|(o=Promise))((function(i,r){function a(n){try{u(t.next(n))}catch(n){r(n)}}function l(n){try{u(t.throw(n))}catch(n){r(n)}}function u(n){var e;n.done?i(n.value):(e=n.value,e instanceof o?e:new o((function(n){n(e)}))).then(a,l)}u((t=t.apply(n,e\|\|[])).next())}))}function a(n,e){var o,t,i,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]},a=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return a.next=l(0),a.throw=l(1),a.return=l(2),"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(u){return function(l){if(o)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(r=0)),r;)try{if(o=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!(i=r.trys,(i=i.length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=e.call(n,r)}catch(n){l=[6,n],t=0}finally{o=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,u])}}}function l(n,e){void 0===e&&(e={});var o=e.insertAt;if(n&&"undefined"!=typeof document){var t=document.head\|\|document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===o&&t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.styleSheet?i.styleSheet.cssText=n:i.appendChild(document.createTextNode(n))}}"function"==typeof SuppressedError&&SuppressedError;var u="question-module_questionHtmlWrapper__Twvia",d="question-module_questionText__T-h7Z";l('.question-module_questionHtmlWrapper__Twvia ul {\n list-style-type: disc;\n padding-left: 1.5rem;\n list-style-position: inside;\n}\n\n.question-module_questionHtmlWrapper__Twvia ol {\n list-style-type: disc;\n padding-left: 1.5rem;\n list-style-position: inside;\n}\n\n.question-module_questionText__T-h7Z {\n font-size: var(--quiz-font-size-large, 1.15rem);\n font-weight: var(--quiz-font-weight-bold, 600);\n color: var(--quiz-color-text-primary, #161c20);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: 25px;\n}\n\ncode {\n font-size: 0.8rem;\n font-weight: normal;\n}\n\n@media (max-width: 1320px) {\n .question-module_questionText__T-h7Z {\n font-size: var(--quiz-font-size-medium, 1rem);\n }\n .question-module_questionHtmlWrapper__Twvia code {\n font-size: 0.8rem;\n }\n}\n\n@media (max-width: 768px) {\n .question-module_questionText__T-h7Z {\n font-size: 0.95rem;\n line-height: 22px;\n }\n} ');var s=function(e){var o=e.question;return n.jsx("div",{className:u,children:n.jsx("h2",{className:d,dangerouslySetInnerHTML:{__html:o}})})},c="options-module_optionsContainer__atebx",m="options-module_optionBtn__LiVJD",f="options-module_selected__yvd2e",p="options-module_optionText__W2Nhm";l('.options-module_optionsContainer__atebx {\n display: flex;\n flex-direction: column;\n gap: 18px;\n margin-top: 12px;\n}\n\n.options-module_optionBtn__LiVJD {\n width: 100%;\n padding: 12px;\n border-radius: var(--quiz-border-radius-medium, 8px);\n background: var(--quiz-color-option-background, #ffffff);\n cursor: pointer;\n transition: var(--quiz-transition-medium, 0.3s);\n color: var(--quiz-color-option-text, #161c20);\n border: none;\n text-align: left;\n border: 1px solid var(--quiz-color-option-border, #e7e7e7);\n /* display: flex; /\n}\n\n.options-module_optionBtn__LiVJD:hover {\n background: var(--quiz-color-option-hover, #e1d8c9);\n}\n\n.options-module_optionBtn__LiVJD.options-module_selected__yvd2e {\n background: var(--quiz-color-option-selected, #b59b7b);\n}\n\n.options-module_optionText__W2Nhm {\n font-size: var(--quiz-font-size-medium, 1rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: 22px;\n letter-spacing: -0.1%;\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n}\n\n.options-module_optionImage__DNo-g {\n max-width: 100%;\n height: auto;\n border-radius: var(--quiz-border-radius-small, 4px);\n}\n\n.options-module_optionCode__UBsLe {\n background-color: #1e1e1e;\n color: white;\n padding: var(--quiz-spacing-small, 8px);\n border-radius: var(--quiz-border-radius-small, 4px);\n}\n\n@media (max-width: 768px) {\n .options-module_optionText__W2Nhm {\n font-size: 0.95rem;\n line-height: 21px;\n }\n\n .options-module_optionBtn__LiVJD:hover {\n background: var(--quiz-color-option-selected, #b59b7b);\n }\n} ');var h,x=function(e){var o=e.options,t=e.selectedOption,i=e.onSelect,r=e.loading,a=e.direction;return n.jsx("div",{className:c,children:null==o?void 0:o.map((function(e){return n.jsx("button",{disabled:r,className:"".concat(m," ").concat(t===e.id&&f),style:"rtl"===a?{textAlign:"unset"}:{},onClick:function(){return i(e.id)},children:e.text&&n.jsx("span",{className:p,children:e.text})},e.id)}))})};function g(){return g=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)({}).hasOwnProperty.call(o,t)&&(n[t]=o[t])}return n},g.apply(null,arguments)}var v=function(n){return t.createElement("svg",g({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none"},n),h\|\|(h=t.createElement("path",{fill:"#1D1B21",d:"M8 2.5a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6m2.854 3.854-2.5 2.5a.5.5 0 0 1-.708-.708l2.5-2.5a.5.5 0 1 1 .708.708M6 1a.5.5 0 0 1 .5-.5h3a.5.5 0 1 1 0 1h-3A.5.5 0 0 1 6 1"})))},b="timer-module_timer__J6Vp3";l('.timer-module_timer__J6Vp3 {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n font-size: var(--quiz-font-size-medium, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n color: var(--quiz-color-text-primary, #161c20);\n}\n\n.timer-module_timer__J6Vp3 span {\n color: var(--quiz-color-text-primary, #161c20);\n font-size: var(--quiz-font-size-medium, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n}\n\n.timer-module_timer__J6Vp3 svg {\n width: 18px;\n height: 18px;\n fill: var(--quiz-color-text-primary, #161c20);\n}\n\n@media (max-width: 768px) {\n .timer-module_timer__J6Vp3 {\n font-size: var(--quiz-font-size-small, 0.85rem);\n }\n \n .timer-module_timer__J6Vp3 span {\n font-size: var(--quiz-font-size-small, 0.85rem);\n }\n \n .timer-module_timer__J6Vp3 svg {\n width: 16px;\n height: 16px;\n }\n} ');var _=function(o){var t=o.duration,i=o.markQuizComplete,r=o.isEndScreenOpen,a=e.useState(t),l=a[0],u=a[1],d=e.useRef(null);e.useEffect((function(){if(0!==t)return d.current&&clearInterval(d.current),d.current=setInterval((function(){u((function(n){return n>0?n-1:0}))}),1e3),function(){d.current&&clearInterval(d.current)}}),[t]),e.useEffect((function(){0!==t&&0===l&&(i(),d.current&&clearInterval(d.current))}),[l,i]),e.useEffect((function(){r&&d.current&&clearInterval(d.current)}),[r]);var s,c,m;return n.jsxs("div",{className:b,children:[n.jsx(v,{}),n.jsx("span",{children:(s=l,c=Math.floor(s/60),m=s%60,"".concat(c,":").concat(m<10?"0":"").concat(m))})]})},z=function(n){void 0===n&&(n=3);var o=e.useState(0),t=o[0],i=o[1],r=e.useState(!1),a=r[0],l=r[1];return e.useEffect((function(){var n=function(){document.hidden&&i((function(n){return n+1}))};return document.addEventListener("visibilitychange",n),function(){document.removeEventListener("visibilitychange",n)}}),[]),e.useEffect((function(){t>=n&&l(!0)}),[t,n]),{switchCount:t,isLimitReached:a}},q="tabSwitchModal-module_modalOverlay__KxoJM",w="tabSwitchModal-module_modalContent__IJiuo",y="tabSwitchModal-module_modalClose__HhoGx",S="tabSwitchModal-module_modalHeader__-RsEI",k="tabSwitchModal-module_modalIcon__wRuay",C="tabSwitchModal-module_modalText__sCgfv",j="tabSwitchModal-module_modalButton__Pawa9";l('/ Modal Background Overlay /\n.tabSwitchModal-module_modalOverlay__KxoJM {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n}\n\n/ Modal Box /\n.tabSwitchModal-module_modalContent__IJiuo {\n background: var(--quiz-tab-switch-modal-background, #222);\n color: var(--quiz-tab-switch-modal-text-color, #fff);\n padding: var(--quiz-tab-switch-modal-padding, 20px);\n border-radius: var(--quiz-tab-switch-modal-border-radius, 10px);\n width: 400px;\n text-align: center;\n position: relative;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n}\n\n/ Close Button /\n.tabSwitchModal-module_modalClose__HhoGx {\n position: absolute;\n top: 10px;\n right: 15px;\n background: none;\n border: none;\n font-size: 24px;\n color: var(--quiz-tab-switch-modal-close-color, #fff);\n cursor: pointer;\n font-family: var(--quiz-tab-switch-modal-font-family, "Patron", sans-serif);\n}\n\n/ Header /\n.tabSwitchModal-module_modalHeader__-RsEI {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: var(--quiz-tab-switch-modal-header-margin, 10px);\n font-family: var(--quiz-tab-switch-modal-font-family, "Patron", sans-serif);\n}\n\n/ Warning Icon /\n.tabSwitchModal-module_modalIcon__wRuay {\n font-size: 32px;\n color: var(--quiz-tab-switch-modal-icon-color, #ffcc00);\n}\n\n/ Text /\n.tabSwitchModal-module_modalText__sCgfv {\n font-size: var(--quiz-tab-switch-modal-text-font-size, 14px);\n color: var(--quiz-tab-switch-modal-text-secondary-color, #ccc);\n margin-bottom: var(--quiz-tab-switch-modal-text-margin, 20px);\n font-family: var(--quiz-tab-switch-modal-font-family, "Patron", sans-serif);\n}\n\n/ Button /\n.tabSwitchModal-module_modalButton__Pawa9 {\n background: var(--quiz-tab-switch-modal-button-background, #fff);\n color: var(--quiz-tab-switch-modal-button-text-color, #222);\n border: none;\n padding: var(--quiz-tab-switch-modal-button-padding, 10px 20px);\n border-radius: var(--quiz-tab-switch-modal-button-border-radius, 20px);\n font-size: var(--quiz-tab-switch-modal-button-font-size, 14px);\n cursor: pointer;\n transition: var(--quiz-tab-switch-modal-button-transition, 0.3s);\n font-family: var(--quiz-tab-switch-modal-font-family, "Patron", sans-serif);\n}\n\n.tabSwitchModal-module_modalButton__Pawa9:hover {\n background: var(--quiz-tab-switch-modal-button-hover-background, #ddd);\n color: var(--quiz-tab-switch-modal-button-hover-text-color, #222);\n} ');var E=function(e){var o=e.open,t=e.onClose;return o?n.jsx("div",{className:q,children:n.jsxs("div",{className:w,children:[n.jsx("button",{className:y,onClick:t,children:"×"}),n.jsxs("div",{className:S,children:[n.jsx("span",{className:k,children:"⚠️"}),n.jsx("h2",{children:"Tab Switch Detected"})]}),n.jsx("p",{className:C,children:"Any further attempts to switch tabs or change browser windows will result in disqualification from the assessment."}),n.jsx("button",{className:j,onClick:t,children:"Understood"})]})}):null},M="quizEndScreen-module_endScreenOverlay__8EiUX",T="quizEndScreen-module_endScreenContent__hzr2O",B="quizEndScreen-module_endScreenClose__ztM4x";l('.quizEndScreen-module_endScreenOverlay__8EiUX {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--quiz-end-screen-background, #222);\n color: var(--quiz-end-screen-text-color, #fff);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n / direction: ltr; /\n}\n\n/ Content /\n.quizEndScreen-module_endScreenContent__hzr2O {\n text-align: center;\n font-size: var(--quiz-end-screen-font-size, 20px);\n font-weight: var(--quiz-end-screen-font-weight, bold);\n font-family: var(--quiz-end-screen-font-family, "Patron", sans-serif);\n color: var(--quiz-end-screen-text-color, #fff);\n padding: 20px;\n}\n\n.quizEndScreen-module_endScreenClose__ztM4x {\n position: absolute;\n top: 20px;\n right: 25px;\n background: none;\n border: none;\n font-size: 24px;\n color: var(--quiz-end-screen-close-color, #fff);\n cursor: pointer;\n font-family: var(--quiz-end-screen-font-family, "Patron", sans-serif);\n} ');var Q,N,P,L=function(e){var o=e.open,t=e.onClose,i=e.message;return o?n.jsxs("div",{className:M,children:[t&&n.jsx("button",{className:B,onClick:t,children:"×"}),n.jsx("div",{className:T,children:n.jsx("p",{children:i\|\|"Your quiz has ended due to switching tabs too many times."})})]}):null},O=function(){e.useEffect((function(){var n=function(n){return n.preventDefault()},e=function(n){return n.preventDefault()},o=function(n){return n.preventDefault()};return document.addEventListener("copy",n),document.addEventListener("cut",n),document.addEventListener("paste",n),document.addEventListener("selectstart",e),document.addEventListener("contextmenu",o),function(){document.removeEventListener("copy",n),document.removeEventListener("cut",n),document.removeEventListener("paste",n),document.removeEventListener("selectstart",e),document.removeEventListener("contextmenu",o)}}),[])};function R(){return R=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)({}).hasOwnProperty.call(o,t)&&(n[t]=o[t])}return n},R.apply(null,arguments)}var I,H=function(n){return t.createElement("svg",R({xmlns:"http://www.w3.org/2000/svg",width:38,height:38,fill:"none"},n),Q\|\|(Q=t.createElement("rect",{width:38,height:38,fill:"#151515",rx:19})),N\|\|(N=t.createElement("g",{clipPath:"url(#downArrow_svg__a)"},t.createElement("path",{fill:"#fff",d:"M8.758 21.194c.037.14.145.36.234.492.09.136 2.138 2.222 4.556 4.636 5.035 5.03 4.594 4.655 5.452 4.655.427 0 .525-.015.727-.113.182-.094 1.18-1.06 4.725-4.594 2.47-2.465 4.546-4.57 4.612-4.678.145-.243.248-.623.248-.91 0-.454-.295-1.077-.637-1.335-.342-.263-.97-.399-1.397-.3-.534.122-.576.16-3.319 2.873-2.667 2.649-2.878 2.883-3.117 3.46-.08.201-.084-.043-.108-8.442l-.023-8.649-.127-.267a1.84 1.84 0 0 0-.796-.84c-.282-.154-.32-.159-.788-.159-.445 0-.516.015-.75.132-.464.239-.788.633-.919 1.12-.056.211-.065 1.608-.065 8.756v8.508l-.136-.281a3.7 3.7 0 0 0-.347-.563c-.117-.154-1.36-1.425-2.761-2.817-1.945-1.94-2.602-2.569-2.78-2.658-.914-.454-1.94-.13-2.376.75-.178.361-.22.83-.108 1.224"}))),P\|\|(P=t.createElement("defs",null,t.createElement("clipPath",{id:"downArrow_svg__a"},t.createElement("path",{fill:"#fff",d:"M7 31V7h24v24z"})))))};function F(){return F=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)({}).hasOwnProperty.call(o,t)&&(n[t]=o[t])}return n},F.apply(null,arguments)}var A=function(n){return t.createElement("svg",F({xmlns:"http://www.w3.org/2000/svg",width:24,height:23,fill:"none"},n),I\|\|(I=t.createElement("path",{fill:"#000",d:"M17.837 5.797a.94.94 0 0 0-1.328 0l-4.305 4.306-4.306-4.306a.939.939 0 0 0-1.327 1.328l4.305 4.306-4.305 4.305a.939.939 0 0 0 1.327 1.328l4.306-4.306 4.305 4.306a.94.94 0 0 0 1.328-1.328l-4.306-4.305 4.306-4.306a.94.94 0 0 0 0-1.328"})))},W="loader-module_loaderOverlay__-THCU",D="loader-module_loaderSpinner__c8AWp";l(".loader-module_loaderOverlay__-THCU {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--quiz-loader-background, black);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 9999;\n}\n\n.loader-module_loaderSpinner__c8AWp {\n border: 8px solid var(--quiz-loader-spinner-border, rgba(255, 255, 255, 0.2));\n border-top: 8px solid var(--quiz-loader-spinner-color, white);\n border-radius: 50%;\n width: 60px;\n height: 60px;\n animation: loader-module_spin__IzlCN 1s linear infinite;\n}\n\n@keyframes loader-module_spin__IzlCN {\n to {\n transform: rotate(360deg);\n }\n} ");var V=function(){return n.jsx("div",{className:W,children:n.jsx("div",{className:D})})},J={colors:{primary:"#000000",secondary:"#5d4037",background:"#ffffff",surface:"#f8f5f2",text:{primary:"#161c20",secondary:"#666666"},button:{primary:"#000000",primaryText:"#ffffff",secondary:"#5d4037",secondaryText:"#ffffff",disabled:"#d7ccc8",disabledText:"#ffffff"},option:{background:"#ffffff",hover:"#e1d8c9",selected:"#b59b7b",border:"#e7e7e7",text:"#161c20"},border:"#e1d8c9",scrollButton:"#ffffff"},typography:{fontFamily:"Patron, sans-serif",fontSize:{small:"0.9rem",medium:"1rem",large:"1.15rem",xlarge:"1.5rem"},fontWeight:{normal:"400",medium:"500",bold:"600"},lineHeight:{small:"1.2rem",medium:"1.4rem",large:"1.6rem"}},spacing:{small:"8px",medium:"16px",large:"24px",xlarge:"32px"},borderRadius:{small:"4px",medium:"8px",large:"16px"},transitions:{fast:"0.15s",medium:"0.3s",slow:"0.5s"},loader:{background:"black",spinnerColor:"white",spinnerBorder:"rgba(255, 255, 255, 0.2)"},endScreen:{background:"#222",textColor:"#fff",closeColor:"#fff",fontSize:"20px",fontWeight:"bold",fontFamily:'"Patron", sans-serif'},tabSwitchModal:{background:"#222",textColor:"#fff",closeColor:"#fff",textSecondaryColor:"#ccc",iconColor:"#ffcc00",buttonBackground:"#fff",buttonTextColor:"#222",buttonHoverBackground:"#ddd",buttonHoverTextColor:"#222",fontFamily:'"Patron", sans-serif',textFontSize:"14px",buttonFontSize:"14px",padding:"20px",headerMargin:"10px",textMargin:"20px",buttonPadding:"10px 20px",borderRadius:"10px",buttonBorderRadius:"20px",buttonTransition:"0.3s"}};function Y(n,e){var o=i({},n);for(var t in e)void 0!==e[t]&&null!==e[t]&&(e[t]&&"object"==typeof e[t]&&!Array.isArray(e[t])?o[t]=Y(n[t]\|\|{},e[t]):o[t]=e[t]);return o}function U(n,e){return e?Y(n,e):n}var G=function(e){var o,t=e.theme,i=e.targetClass,r=void 0===i?".quiz-page":i;if(!t\|\|(!(o=t)\|\|"object"!=typeof o\|\|0===Object.keys(o).length))return null;var a=function(n){return function(n){var e,o,t,i,r,a,l,u,d,s,c,m,f,p,h,x,g,v,b,_,z,q,w,y,S,k,C,j,E,M,T,B,Q,N,P,L,O,R,I,H,F,A,W,D,V,J,Y,U,G,X,Z,K={};return n.colors&&(n.colors.primary&&(K["--quiz-color-primary"]=n.colors.primary),n.colors.secondary&&(K["--quiz-color-secondary"]=n.colors.secondary),n.colors.background&&(K["--quiz-color-background"]=n.colors.background),n.colors.surface&&(K["--quiz-color-surface"]=n.colors.surface),n.colors.border&&(K["--quiz-color-border"]=n.colors.border),n.colors.scrollButton&&(K["--quiz-color-scroll-button"]=n.colors.scrollButton),(null===(e=n.colors.text)\|\|void 0===e?void 0:e.primary)&&(K["--quiz-color-text-primary"]=n.colors.text.primary),(null===(o=n.colors.text)\|\|void 0===o?void 0:o.secondary)&&(K["--quiz-color-text-secondary"]=n.colors.text.secondary),(null===(t=n.colors.button)\|\|void 0===t?void 0:t.primary)&&(K["--quiz-color-button-primary"]=n.colors.button.primary),(null===(i=n.colors.button)\|\|void 0===i?void 0:i.primaryText)&&(K["--quiz-color-button-primary-text"]=n.colors.button.primaryText),(null===(r=n.colors.button)\|\|void 0===r?void 0:r.secondary)&&(K["--quiz-color-button-secondary"]=n.colors.button.secondary),(null===(a=n.colors.button)\|\|void 0===a?void 0:a.secondaryText)&&(K["--quiz-color-button-secondary-text"]=n.colors.button.secondaryText),(null===(l=n.colors.button)\|\|void 0===l?void 0:l.disabled)&&(K["--quiz-color-button-disabled"]=n.colors.button.disabled),(null===(u=n.colors.button)\|\|void 0===u?void 0:u.disabledText)&&(K["--quiz-color-button-disabled-text"]=n.colors.button.disabledText),(null===(d=n.colors.option)\|\|void 0===d?void 0:d.background)&&(K["--quiz-color-option-background"]=n.colors.option.background),(null===(s=n.colors.option)\|\|void 0===s?void 0:s.hover)&&(K["--quiz-color-option-hover"]=n.colors.option.hover),(null===(c=n.colors.option)\|\|void 0===c?void 0:c.selected)&&(K["--quiz-color-option-selected"]=n.colors.option.selected),(null===(m=n.colors.option)\|\|void 0===m?void 0:m.border)&&(K["--quiz-color-option-border"]=n.colors.option.border),(null===(f=n.colors.option)\|\|void 0===f?void 0:f.text)&&(K["--quiz-color-option-text"]=n.colors.option.text)),n.typography&&(n.typography.fontFamily&&(K["--quiz-font-family"]=n.typography.fontFamily),(null===(p=n.typography.fontSize)\|\|void 0===p?void 0:p.small)&&(K["--quiz-font-size-small"]=n.typography.fontSize.small),(null===(h=n.typography.fontSize)\|\|void 0===h?void 0:h.medium)&&(K["--quiz-font-size-medium"]=n.typography.fontSize.medium),(null===(x=n.typography.fontSize)\|\|void 0===x?void 0:x.large)&&(K["--quiz-font-size-large"]=n.typography.fontSize.large),(null===(g=n.typography.fontSize)\|\|void 0===g?void 0:g.xlarge)&&(K["--quiz-font-size-xlarge"]=n.typography.fontSize.xlarge),(null===(v=n.typography.fontWeight)\|\|void 0===v?void 0:v.normal)&&(K["--quiz-font-weight-normal"]=n.typography.fontWeight.normal),(null===(b=n.typography.fontWeight)\|\|void 0===b?void 0:b.medium)&&(K["--quiz-font-weight-medium"]=n.typography.fontWeight.medium),(null===(_=n.typography.fontWeight)\|\|void 0===_?void 0:_.bold)&&(K["--quiz-font-weight-bold"]=n.typography.fontWeight.bold),(null===(z=n.typography.lineHeight)\|\|void 0===z?void 0:z.small)&&(K["--quiz-line-height-small"]=n.typography.lineHeight.small),(null===(q=n.typography.lineHeight)\|\|void 0===q?void 0:q.medium)&&(K["--quiz-line-height-medium"]=n.typography.lineHeight.medium),(null===(w=n.typography.lineHeight)\|\|void 0===w?void 0:w.large)&&(K["--quiz-line-height-large"]=n.typography.lineHeight.large)),n.spacing&&(n.spacing.small&&(K["--quiz-spacing-small"]=n.spacing.small),n.spacing.medium&&(K["--quiz-spacing-medium"]=n.spacing.medium),n.spacing.large&&(K["--quiz-spacing-large"]=n.spacing.large),n.spacing.xlarge&&(K["--quiz-spacing-xlarge"]=n.spacing.xlarge)),n.borderRadius&&(n.borderRadius.small&&(K["--quiz-border-radius-small"]=n.borderRadius.small),n.borderRadius.medium&&(K["--quiz-border-radius-medium"]=n.borderRadius.medium),n.borderRadius.large&&(K["--quiz-border-radius-large"]=n.borderRadius.large)),n.transitions&&(n.transitions.fast&&(K["--quiz-transition-fast"]=n.transitions.fast),n.transitions.medium&&(K["--quiz-transition-medium"]=n.transitions.medium),n.transitions.slow&&(K["--quiz-transition-slow"]=n.transitions.slow)),(null===(y=n.loader)\|\|void 0===y?void 0:y.background)&&(K["--quiz-loader-background"]=n.loader.background),(null===(S=n.loader)\|\|void 0===S?void 0:S.spinnerColor)&&(K["--quiz-loader-spinner-color"]=n.loader.spinnerColor),(null===(k=n.loader)\|\|void 0===k?void 0:k.spinnerBorder)&&(K["--quiz-loader-spinner-border"]=n.loader.spinnerBorder),(null===(C=n.endScreen)\|\|void 0===C?void 0:C.background)&&(K["--quiz-end-screen-background"]=n.endScreen.background),(null===(j=n.endScreen)\|\|void 0===j?void 0:j.textColor)&&(K["--quiz-end-screen-text-color"]=n.endScreen.textColor),(null===(E=n.endScreen)\|\|void 0===E?void 0:E.closeColor)&&(K["--quiz-end-screen-close-color"]=n.endScreen.closeColor),(null===(M=n.endScreen)\|\|void 0===M?void 0:M.fontSize)&&(K["--quiz-end-screen-font-size"]=n.endScreen.fontSize),(null===(T=n.endScreen)\|\|void 0===T?void 0:T.fontWeight)&&(K["--quiz-end-screen-font-weight"]=n.endScreen.fontWeight),(null===(B=n.endScreen)\|\|void 0===B?void 0:B.fontFamily)&&(K["--quiz-end-screen-font-family"]=n.endScreen.fontFamily),(null===(Q=n.tabSwitchModal)\|\|void 0===Q?void 0:Q.background)&&(K["--quiz-tab-switch-modal-background"]=n.tabSwitchModal.background),(null===(N=n.tabSwitchModal)\|\|void 0===N?void 0:N.textColor)&&(K["--quiz-tab-switch-modal-text-color"]=n.tabSwitchModal.textColor),(null===(P=n.tabSwitchModal)\|\|void 0===P?void 0:P.closeColor)&&(K["--quiz-tab-switch-modal-close-color"]=n.tabSwitchModal.closeColor),(null===(L=n.tabSwitchModal)\|\|void 0===L?void 0:L.textSecondaryColor)&&(K["--quiz-tab-switch-modal-text-secondary-color"]=n.tabSwitchModal.textSecondaryColor),(null===(O=n.tabSwitchModal)\|\|void 0===O?void 0:O.iconColor)&&(K["--quiz-tab-switch-modal-icon-color"]=n.tabSwitchModal.iconColor),(null===(R=n.tabSwitchModal)\|\|void 0===R?void 0:R.buttonBackground)&&(K["--quiz-tab-switch-modal-button-background"]=n.tabSwitchModal.buttonBackground),(null===(I=n.tabSwitchModal)\|\|void 0===I?void 0:I.buttonTextColor)&&(K["--quiz-tab-switch-modal-button-text-color"]=n.tabSwitchModal.buttonTextColor),(null===(H=n.tabSwitchModal)\|\|void 0===H?void 0:H.buttonHoverBackground)&&(K["--quiz-tab-switch-modal-button-hover-background"]=n.tabSwitchModal.buttonHoverBackground),(null===(F=n.tabSwitchModal)\|\|void 0===F?void 0:F.buttonHoverTextColor)&&(K["--quiz-tab-switch-modal-button-hover-text-color"]=n.tabSwitchModal.buttonHoverTextColor),(null===(A=n.tabSwitchModal)\|\|void 0===A?void 0:A.fontFamily)&&(K["--quiz-tab-switch-modal-font-family"]=n.tabSwitchModal.fontFamily),(null===(W=n.tabSwitchModal)\|\|void 0===W?void 0:W.textFontSize)&&(K["--quiz-tab-switch-modal-text-font-size"]=n.tabSwitchModal.textFontSize),(null===(D=n.tabSwitchModal)\|\|void 0===D?void 0:D.buttonFontSize)&&(K["--quiz-tab-switch-modal-button-font-size"]=n.tabSwitchModal.buttonFontSize),(null===(V=n.tabSwitchModal)\|\|void 0===V?void 0:V.padding)&&(K["--quiz-tab-switch-modal-padding"]=n.tabSwitchModal.padding),(null===(J=n.tabSwitchModal)\|\|void 0===J?void 0:J.headerMargin)&&(K["--quiz-tab-switch-modal-header-margin"]=n.tabSwitchModal.headerMargin),(null===(Y=n.tabSwitchModal)\|\|void 0===Y?void 0:Y.textMargin)&&(K["--quiz-tab-switch-modal-text-margin"]=n.tabSwitchModal.textMargin),(null===(U=n.tabSwitchModal)\|\|void 0===U?void 0:U.buttonPadding)&&(K["--quiz-tab-switch-modal-button-padding"]=n.tabSwitchModal.buttonPadding),(null===(G=n.tabSwitchModal)\|\|void 0===G?void 0:G.borderRadius)&&(K["--quiz-tab-switch-modal-border-radius"]=n.tabSwitchModal.borderRadius),(null===(X=n.tabSwitchModal)\|\|void 0===X?void 0:X.buttonBorderRadius)&&(K["--quiz-tab-switch-modal-button-border-radius"]=n.tabSwitchModal.buttonBorderRadius),(null===(Z=n.tabSwitchModal)\|\|void 0===Z?void 0:Z.buttonTransition)&&(K["--quiz-tab-switch-modal-button-transition"]=n.tabSwitchModal.buttonTransition),K}(U(J,n))}(t);if(0===Object.keys(a).length)return null;var l=Object.entries(a).map((function(n){var e=n[0],o=n[1];return"".concat(e,": ").concat(o,";")})).join("\n ");return n.jsx("style",{children:"\n .".concat(r," {\n ").concat(l,"\n }\n ")})},X="quiz-module_quizPage__VGbhc",Z="quiz-module_quizPageContainer__kQZ4d",K="quiz-module_quizTicker__i1CIw",$="quiz-module_quizTickerRight__5SdyV",nn="quiz-module_closeBtn__2ZUdu",en="quiz-module_quizContainer__v1u42",on="quiz-module_quizLeft__2c5nS",tn="quiz-module_quizRight__VW2vj",rn="quiz-module_quizRightHead__zzia5",an="quiz-module_chooseOption__oisps",ln="quiz-module_questionCount__whDFY",un="quiz-module_mobileNextBtn__iSSfH",dn="quiz-module_nextBtn__AvAyW",sn="quiz-module_scrollDownBtn__7-XTG",cn="quiz-module_bounce__8egNx",mn="quiz-module_nextBtnContainer__TvCOi";l(' {\n box-sizing: border-box;\n}\n\n.quiz-module_quizPage__VGbhc {\n position: fixed;\n background: var(--quiz-color-background, #ffffff);\n width: 100vw;\n min-height: 100dvh;\n top: 0;\n left: 0;\n z-index: 100;\n box-sizing: border-box;\n overflow-y: auto; /* ensure scrolling works /\n display: flex;\n flex-direction: column;\n}\n\n.quiz-module_quizPageContainer__kQZ4d {\n flex: 1;\n display: flex;\n flex-direction: column;\n border-radius: var(--quiz-border-radius-large, 16px);\n margin: var(--quiz-spacing-large, 24px) var(--quiz-spacing-medium, 16px) 0px var(--quiz-spacing-medium, 16px);\n height: 100%;\n background: var(--quiz-color-surface, #f8f5f2);\n}\n\n/ Ticker stays in a row on all devices /\n.quiz-module_quizTicker__i1CIw {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px 20px;\n border-bottom: 1px solid var(--quiz-color-border, #e1d8c9);\n}\n\n.quiz-module_quizTickerRight__5SdyV {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n padding-right: 2rem;\n}\n\n.quiz-module_closeBtn__2ZUdu{\n border: none;\n background: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 4px;\n}\n\n.quiz-module_closeBtn__2ZUdu svg {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n}\n\n.quiz-module_quizContainer__v1u42 {\n flex-grow: 1;\n width: 100%;\n display: flex;\n flex-direction: row; / side-by-side on desktop /\n align-items: flex-start;\n padding: var(--quiz-spacing-large, 24px) 56px var(--quiz-spacing-large, 24px);\n border-radius: 10px;\n justify-content: space-between;\n box-sizing: border-box;\n max-width: 1600px;\n margin: 0 auto;\n max-height: 80dvh;\n overflow: auto;\n gap: 2rem;\n scrollbar-width: none; / Firefox /\n -ms-overflow-style: none; / Internet Explorer 10+ /\n}\n\n.quiz-module_quizContainer__v1u42::-webkit-scrollbar {\n display: none;\n}\n\n/ Left & Right columns on desktop /\n.quiz-module_quizLeft__2c5nS {\n width: 100%;\n max-width: 650px;\n overflow: auto;\n scrollbar-width: thin;\n scrollbar-color: #ccc transparent; / thumb color, track color /\n}\n\n/ WebKit-based browsers (Chrome, Safari, Edge) /\n.quiz-module_quizLeft__2c5nS::-webkit-scrollbar {\n width: 6px; / slim scrollbar /\n}\n\n.quiz-module_quizLeft__2c5nS::-webkit-scrollbar-thumb {\n background-color: #ccc; / grey thumb /\n border-radius: 4px;\n}\n\n.quiz-module_quizLeft__2c5nS::-webkit-scrollbar-track {\n background: transparent; / optional: transparent track /\n}\n\n.quiz-module_quizRight__VW2vj {\n max-width: 622px;\n width: 100%;\n}\n\n.quiz-module_quizRightHead__zzia5 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.quiz-module_chooseOption__oisps {\n font-size: var(--quiz-font-size-medium, 1rem);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: var(--quiz-line-height-xlarge, 32px);\n letter-spacing: 0.2%;\n color: var(--quiz-color-text-primary, #161c20);\n}\n\n.quiz-module_questionCount__whDFY {\n font-size: var(--quiz-font-size-small, 0.9rem);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n color: var(--quiz-color-text-primary, #161c20);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: var(--quiz-line-height-small, 1.2rem);\n}\n\n.quiz-module_optionsContainer__rNs2w {\n display: flex;\n flex-direction: column;\n gap: 18px;\n margin-top: 12px;\n}\n\n.quiz-module_mobileNextBtn__iSSfH {\n display: none;\n}\n\n/ Button Styles /\n.quiz-module_prevBtn__3rk6z,\n.quiz-module_nextBtn__AvAyW {\n padding: 10px 54px;\n background: var(--quiz-color-button-primary, #000000);\n color: var(--quiz-color-button-primary-text, #ffffff);\n border: none;\n border-radius: var(--quiz-spacing-large, 24px);\n cursor: pointer;\n transition: var(--quiz-transition-medium, 0.3s);\n font-size: var(--quiz-font-size-small, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: 21px;\n}\n\n.quiz-module_prevBtn__3rk6z {\n background: var(--quiz-color-button-secondary, #5d4037);\n color: var(--quiz-color-button-secondary-text, #ffffff);\n}\n\n.quiz-module_nextBtn__AvAyW:disabled {\n background: var(--quiz-color-button-disabled, #d7ccc8);\n color: var(--quiz-color-button-disabled-text, #ffffff);\n cursor: not-allowed;\n}\n\n.quiz-module_scrollDownBtn__7-XTG {\n position: fixed;\n bottom: 20px;\n right: 20px;\n z-index: 999;\n border: none;\n border-radius: 50%;\n padding: 4px;\n cursor: pointer;\n font-size: 20px;\n transition: background var(--quiz-transition-medium, 0.3s);\n background: var(--quiz-color-scroll-button, #ffffff);\n}\n\n.quiz-module_bounce__8egNx {\n animation: quiz-module_bounce__8egNx 1.6s infinite;\n}\n\n@keyframes quiz-module_bounce__8egNx {\n 0%,\n 20%,\n 50%,\n 80%,\n 100% {\n transform: translateY(0px);\n }\n 40% {\n transform: translateY(-4px);\n }\n 60% {\n transform: translateY(-2px);\n }\n}\n\n/ RESPONSIVE LAYOUT /\n@media (max-width: 768px) {\n .quiz-module_quizPageContainer__kQZ4d {\n flex-direction: column;\n padding: var(--quiz-spacing-medium, 16px);\n gap: 1rem;\n overflow-y: auto;\n margin: 0;\n border-radius: 0;\n }\n\n .quiz-module_quizContainer__v1u42 {\n flex-direction: column;\n padding: 0;\n justify-content: space-between;\n}\n\n\n .quiz-module_quizTicker__i1CIw {\n padding: var(--quiz-spacing-medium, 16px);\n gap: 1rem;\n }\n\n .quiz-module_quizLeft__2c5nS {\n max-width: 100%;\n margin-bottom: 1rem;\n max-height: none;\n overflow: initial;\n }\n\n .quiz-module_quizTickerRight__5SdyV {\n gap: 1rem;\n padding-right: 0;\n }\n\n .quiz-module_chooseOption__oisps {\n font-size: var(--quiz-font-size-small, 0.9rem);\n line-height: var(--quiz-line-height-medium, 1.4rem);\n }\n\n .quiz-module_nextBtnContainer__TvCOi {\n display: none;\n }\n\n .quiz-module_mobileNextBtn__iSSfH {\n display: block;\n position: fixed;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 1000;\n width: calc(100% - 40px);\n max-width: 350px;\n }\n\n .quiz-module_nextBtn__AvAyW {\n width: 100%;\n padding: var(--quiz-spacing-medium, 16px) var(--quiz-spacing-large, 24px);\n font-size: var(--quiz-font-size-medium, 1rem);\n }\n\n .quiz-module_questionCount__whDFY {\n font-size: 0.85rem;\n }\n\n .quiz-module_optionBtn__bIwda {\n padding: var(--quiz-spacing-medium, 16px);\n }\n}\n\n@media (max-width: 768px) and (max-height: 800px) {\n .quiz-module_quizContainer__v1u42 {\n max-height: 70dvh;\n }\n}\n\n@media (max-width: 768px) and (max-height: 500px) {\n .quiz-module_quizContainer__v1u42 {\n max-height: 60dvh;\n }\n} ');l('/ Thin (100) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-thin.woff2") format("woff2");\n font-weight: 100;\n font-style: normal;\n font-display: swap;\n}\n\n/ Light (300) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-light.woff2") format("woff2");\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n/ Regular (400) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-regular.woff2") format("woff2");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n/ Medium (500) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-medium.woff2") format("woff2");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n/ Bold (700) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-bold.woff2") format("woff2");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n} ');var fn={questionText:"question-module_questionText__SEG-N"};l('.question-module_questionText__SEG-N {\n font-size: var(--quiz-font-size-large, 24px);\n font-weight: var(--quiz-font-weight-bold, 700);\n color: var(--quiz-color-text-primary, #2E1500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: 33.6px;\n letter-spacing: 0.048px;\n }\n \n code {\n font-size: 0.8rem;\n font-weight: normal;\n }\n \n @media (max-width: 1320px) {\n / .questionText {\n font-size: var(--quiz-font-size-medium, 1rem);\n }\n .questionHtmlWrapper code {\n font-size: 0.8rem;\n } /\n }\n \n @media (max-width: 768px) {\n .question-module_questionText__SEG-N {\n font-size: 1.25rem;\n line-height: 25.6px;\n }\n }');var pn=function(e){var o=e.question;return n.jsx("div",{className:fn.questionHtmlWrapper,children:n.jsx("h2",{className:fn.questionText,dangerouslySetInnerHTML:{__html:o}})})},hn="options-module_optionsContainer__Fyukt",xn="options-module_optionBtn__pT-ri",gn="options-module_selected__Pukyd",vn="options-module_optionText__dyBcH";l('.options-module_optionsContainer__Fyukt {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 12px;\n / height: 50vh;\n overflow-y: auto; /\n }\n \n \n .options-module_optionBtn__pT-ri {\n width: 100%;\n padding: 16px;\n border-radius: var(--quiz-border-radius-medium, 8px);\n background: var(--quiz-color-option-background, #ffffff);\n cursor: pointer;\n transition: var(--quiz-transition-medium, 0.3s);\n color: var(--quiz-color-option-text, #1D1B21);\n border: none;\n text-align: left;\n border: 1px solid var(--quiz-color-option-border, #D9D9D9);\n / display: flex; /\n }\n \n .options-module_optionBtn__pT-ri:hover {\n background: var(--quiz-color-option-hover, #CBFF59);\n }\n \n .options-module_optionBtn__pT-ri.options-module_selected__Pukyd {\n background: var(--quiz-color-option-selected, #CBFF59);\n }\n \n .options-module_optionText__dyBcH {\n font-size: var(--quiz-font-size-medium, 1rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: 22px;\n letter-spacing: -0.1%;\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n }\n \n .options-module_optionImage__G3FXt {\n max-width: 100%;\n height: auto;\n border-radius: var(--quiz-border-radius-small, 4px);\n }\n \n .options-module_optionCode__q3GqF {\n background-color: #1e1e1e;\n color: white;\n padding: var(--quiz-spacing-small, 8px);\n border-radius: var(--quiz-border-radius-small, 4px);\n }\n \n @media (max-width: 768px) {\n / .optionText {\n font-size: 0.95rem;\n line-height: 21px;\n }\n /\n .options-module_optionBtn__pT-ri:hover {\n background: var(--quiz-color-option-selected, #CBFF59);\n }\n } ');var bn,_n=function(e){var o=e.options,t=e.selectedOption,i=e.onSelect,r=e.loading,a=e.direction;return n.jsx("div",{className:hn,children:null==o?void 0:o.map((function(e){return n.jsx("button",{disabled:r,className:"".concat(xn," ").concat(t===e.id&&gn),style:"rtl"===a?{textAlign:"unset"}:{},onClick:function(){return i(e.id)},children:e.text&&n.jsx("span",{className:vn,children:e.text})},e.id)}))})};function zn(){return zn=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)({}).hasOwnProperty.call(o,t)&&(n[t]=o[t])}return n},zn.apply(null,arguments)}var qn=function(n){return t.createElement("svg",zn({xmlns:"http://www.w3.org/2000/svg",width:18,height:18,fill:"none"},n),bn\|\|(bn=t.createElement("path",{fill:"#fff",d:"M9 2.813a6.75 6.75 0 1 0 6.75 6.75A6.76 6.76 0 0 0 9 2.813m3.21 4.335L9.399 9.96a.564.564 0 0 1-.796-.795l2.813-2.813a.563.563 0 0 1 .796.796M6.75 1.125a.563.563 0 0 1 .563-.562h3.375a.563.563 0 1 1 0 1.125H7.312a.56.56 0 0 1-.562-.563"})))},wn="timer-module_timer__o-tMk";l('.timer-module_timer__o-tMk {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n font-size: var(--quiz-font-size-medium, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n color: var(--quiz-color-text-primary, #161c20);\n }\n \n .timer-module_timer__o-tMk span {\n color: #FFF;\n font-size: var(--quiz-font-size-medium, 16px);\n font-weight: var(--quiz-font-weight-medium, 500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: var(--quiz-line-height-medium, 23px);\n letter-spacing: var(--quiz-letter-spacing-medium, -0.016px);\n \n }\n \n .timer-module_timer__o-tMk svg {\n width: 18px;\n height: 18px;\n fill: var(--quiz-color-text-primary, #161c20);\n }\n \n @media (max-width: 768px) {\n / .timer {\n font-size: var(--quiz-font-size-small, 0.85rem);\n } /\n \n / .timer span {\n font-size: var(--quiz-font-size-small, 1rem);\n } /\n \n .timer-module_timer__o-tMk svg {\n width: 16px;\n height: 16px;\n }\n }\n ');var yn=function(o){var t=o.duration,i=o.markQuizComplete,r=o.isEndScreenOpen,a=e.useState(t),l=a[0],u=a[1],d=e.useRef(null);e.useEffect((function(){if(0!==t)return d.current&&clearInterval(d.current),d.current=setInterval((function(){u((function(n){return n>0?n-1:0}))}),1e3),function(){d.current&&clearInterval(d.current)}}),[t]),e.useEffect((function(){0!==t&&0===l&&(i(),d.current&&clearInterval(d.current))}),[l,i]),e.useEffect((function(){r&&d.current&&clearInterval(d.current)}),[r]);var s,c,m;return n.jsxs("div",{className:wn,children:[n.jsx(qn,{}),n.jsx("span",{children:(s=l,c=Math.floor(s/60),m=s%60,"".concat(c,":").concat(m<10?"0":"").concat(m))})]})},Sn="frontlineQuiz-module_quizPage__20qsB",kn="frontlineQuiz-module_quizPageContainer__YCead",Cn="frontlineQuiz-module_quizTicker__0g1ga",jn="frontlineQuiz-module_quizTickerRight__5DIuy",En="frontlineQuiz-module_closeBtn__hySeT",Mn="frontlineQuiz-module_quizContainer__RILFb",Tn="frontlineQuiz-module_cardDeck__JP0v4",Bn="frontlineQuiz-module_stackedCard__Vwgrw",Qn="frontlineQuiz-module_quizLeft__dyhwA",Nn="frontlineQuiz-module_quizRight__s7J3R",Pn="frontlineQuiz-module_quizRightHead__Xs3bh",Ln="frontlineQuiz-module_questionCount__cFlA-",On="frontlineQuiz-module_mobileNextBtn__trrH5",Rn="frontlineQuiz-module_nextBtn__UeoLO",In="frontlineQuiz-module_nextBtnContainer__smf8H";l(' {\n box-sizing: border-box;\n }\n \n .frontlineQuiz-module_quizPage__20qsB {\n position: fixed;\n background: var(--quiz-color-background, #ffffff);\n width: 100vw;\n min-height: 100dvh;\n top: 0;\n left: 0;\n z-index: 100;\n box-sizing: border-box;\n overflow: visible; /* Changed from overflow-y: auto to prevent interference with fixed positioning /\n display: flex;\n flex-direction: column;\n }\n \n .frontlineQuiz-module_quizPageContainer__YCead {\n flex: 1;\n display: flex;\n flex-direction: column;\n border-radius: var(--quiz-border-radius-large, 16px);\n margin: var(--quiz-spacing-large, 24px) var(--quiz-spacing-medium, 16px) 0px var(--quiz-spacing-medium, 16px);\n height: 100%;\n background: var(--quiz-color-surface, #A198AC);\n overflow: visible; / Ensure no overflow interference with fixed positioning /\n }\n \n / Ticker stays in a row on all devices /\n .frontlineQuiz-module_quizTicker__0g1ga {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px 20px;\n / border-bottom: 1px solid var(--quiz-color-border, transparent); /\n }\n \n .frontlineQuiz-module_quizTickerRight__5DIuy {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n padding-right: 2rem;\n }\n \n .frontlineQuiz-module_closeBtn__hySeT{\n\n border: none;\n background: rgba(234, 234, 234, 0.50);\n cursor: pointer;\n padding-bottom: 3px;\n width: 24px;\n / height: 24px; /\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 20px;\n display: flex;\n font-size: 20px;\n aspect-ratio: 1/1;\n color: #ffffff;\n }\n \n .frontlineQuiz-module_closeBtn__hySeT svg {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n }\n \n .frontlineQuiz-module_quizContainer__RILFb {\n flex-grow: 1;\n width: 100%;\n display: flex;\n flex-direction: row; / side-by-side on desktop /\n align-items: flex-start;\n padding: var(--quiz-spacing-large, 24px) 56px var(--quiz-spacing-large, 24px);\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n justify-content: space-between;\n box-sizing: border-box;\n max-width: 1600px;\n margin: 0 auto;\n gap: 2rem;\n background: #ffffff;\n overflow: auto;\n scrollbar-width: none; / Firefox /\n -ms-overflow-style: none; / Internet Explorer 10+ /\n }\n \n .frontlineQuiz-module_quizContainer__RILFb::-webkit-scrollbar {\n display: none;\n }\n \n \n \n .frontlineQuiz-module_cardDeck__JP0v4{\n position: relative;\n width: 100%;\n flex: 1;\n overflow: hidden;\n }\n \n \n .frontlineQuiz-module_stackedCard__Vwgrw {\n position: absolute;\n top: 25px;\n left: 50%;\n bottom: 0;\n transform-origin: center top;\n transition: opacity 0.3s ease-in-out;\n overflow-x: hidden;\n overflow-y: auto;\n }\n \n .frontlineQuiz-module_exitingCard__mYZ2E {\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n }\n \n / Left & Right columns on desktop /\n .frontlineQuiz-module_quizLeft__dyhwA {\n width: 100%;\n max-width: 650px;\n overflow: initial;\n scrollbar-width: thin;\n scrollbar-color: #ccc transparent; / thumb color, track color /\n }\n \n / WebKit-based browsers (Chrome, Safari, Edge) /\n .frontlineQuiz-module_quizLeft__dyhwA::-webkit-scrollbar {\n width: 6px; / slim scrollbar /\n }\n \n .frontlineQuiz-module_quizLeft__dyhwA::-webkit-scrollbar-thumb {\n background-color: #ccc; / grey thumb /\n border-radius: 4px;\n }\n \n .frontlineQuiz-module_quizLeft__dyhwA::-webkit-scrollbar-track {\n background: transparent; / optional: transparent track /\n }\n \n .frontlineQuiz-module_quizRight__s7J3R {\n max-width: 622px;\n width: 100%;\n\n @media (max-width: 768px) {\n max-width: 100%;\n }\n }\n \n .frontlineQuiz-module_quizRightHead__Xs3bh {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n \n .frontlineQuiz-module_chooseOption__W1lRR {\n font-size: var(--quiz-font-size-medium, 1rem);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: var(--quiz-line-height-xlarge, 32px);\n letter-spacing: 0.2%;\n color: var(--quiz-color-text-primary, #161c20);\n }\n \n .frontlineQuiz-module_questionCount__cFlA- {\n font-size: var(--quiz-font-size-small, 14px);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n color: var(--quiz-color-text-primary, #FFF);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: var(--quiz-line-height-small, 32px);\n }\n \n .frontlineQuiz-module_optionsContainer__xYly9 {\n display: flex;\n flex-direction: column;\n gap: 18px;\n margin-top: 12px;\n }\n \n .frontlineQuiz-module_mobileNextBtn__trrH5 {\n display: none;\n }\n \n / Button Styles /\n .frontlineQuiz-module_prevBtn__I2VdW,\n .frontlineQuiz-module_nextBtn__UeoLO {\n padding: 10px 54px;\n background: var(--quiz-color-button-primary, #000000);\n color: var(--quiz-color-button-primary-text, #ffffff);\n border: none;\n border-radius: var(--quiz-spacing-large, 24px);\n cursor: pointer;\n transition: var(--quiz-transition-medium, 0.3s);\n font-size: var(--quiz-font-size-small, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: 21px;\n }\n \n .frontlineQuiz-module_prevBtn__I2VdW {\n background: var(--quiz-color-button-secondary, #5d4037);\n color: var(--quiz-color-button-secondary-text, #ffffff);\n }\n \n .frontlineQuiz-module_nextBtn__UeoLO:disabled {\n background: var(--quiz-color-button-disabled, #d7ccc8);\n color: var(--quiz-color-button-disabled-text, #ffffff);\n cursor: not-allowed;\n }\n \n .frontlineQuiz-module_scrollDownBtn__-DHaP {\n position: fixed;\n bottom: 20px;\n right: 20px;\n z-index: 999;\n border: none;\n border-radius: 50%;\n padding: 4px;\n cursor: pointer;\n font-size: 20px;\n transition: background var(--quiz-transition-medium, 0.3s);\n background: var(--quiz-color-scroll-button, #ffffff);\n }\n \n .frontlineQuiz-module_bounce__kM2GG {\n animation: frontlineQuiz-module_bounce__kM2GG 1.6s infinite;\n }\n \n @keyframes frontlineQuiz-module_bounce__kM2GG {\n 0%,\n 20%,\n 50%,\n 80%,\n 100% {\n transform: translateY(0px);\n }\n 40% {\n transform: translateY(-4px);\n }\n 60% {\n transform: translateY(-2px);\n }\n }\n \n / RESPONSIVE LAYOUT /\n @media (max-width: 768px) {\n .frontlineQuiz-module_quizPageContainer__YCead {\n flex-direction: column;\n / padding: var(--quiz-spacing-medium, 16px); /\n / gap: 1rem; /\n overflow-y: auto;\n margin: 0;\n border-radius: 0;\n }\n \n .frontlineQuiz-module_quizContainer__RILFb {\n flex-direction: column;\n padding: 20px 20px 20px 20px;\n justify-content: start;\n gap: 24px;\n }\n \n \n \n \n .frontlineQuiz-module_quizTicker__0g1ga {\n padding: var(--quiz-spacing-medium, 16px);\n gap: 1rem;\n }\n \n .frontlineQuiz-module_quizLeft__dyhwA {\n max-width: 100%;\n / margin-bottom: 1rem; /\n min-height: max-content;\n }\n \n .frontlineQuiz-module_quizTickerRight__5DIuy {\n gap: 1rem;\n padding-right: 0;\n }\n \n .frontlineQuiz-module_chooseOption__W1lRR {\n font-size: var(--quiz-font-size-small, 0.9rem);\n line-height: var(--quiz-line-height-medium, 1.4rem);\n }\n \n .frontlineQuiz-module_nextBtnContainer__smf8H {\n display: none;\n }\n \n .frontlineQuiz-module_mobileNextBtn__trrH5 {\n display: block;\n position: fixed;\n bottom: 12px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 999;\n width: calc(100% - 40px);\n max-width: 350px;\n background: transparent;\n pointer-events: auto;\n }\n \n .frontlineQuiz-module_nextBtn__UeoLO {\n width: 100%;\n padding: var(--quiz-spacing-medium, 16px) var(--quiz-spacing-large, 24px);\n font-size: var(--quiz-font-size-medium, 1rem);\n }\n \n .frontlineQuiz-module_questionCount__cFlA- {\n font-size: 0.85rem;\n }\n \n .frontlineQuiz-module_optionBtn__Rgseg {\n padding: var(--quiz-spacing-medium, 16px);\n }\n }\n \n @media (max-width: 768px) and (max-height: 800px) {\n .frontlineQuiz-module_quizContainer__RILFb {\n / max-height: 70dvh; /\n }\n }\n \n @media (max-width: 768px) and (max-height: 500px) {\n .frontlineQuiz-module_quizContainer__RILFb {\n / max-height: 60dvh; /\n }\n } ');var Hn="confirmQuizExitModal-module_modalOverlay__AmJto",Fn="confirmQuizExitModal-module_modalContent__6v2cV",An="confirmQuizExitModal-module_modalHeader__73y33",Wn="confirmQuizExitModal-module_modalText__s1Bh9",Dn="confirmQuizExitModal-module_modalButtonContainer__zph-0",Vn="confirmQuizExitModal-module_modalButtonCancel__UsDFm",Jn="confirmQuizExitModal-module_modalButtonConfirm__bQave";l('/ Modal Background Overlay /\n.confirmQuizExitModal-module_modalOverlay__AmJto {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n}\n\n/ Modal Box /\n.confirmQuizExitModal-module_modalContent__6v2cV {\n background: var(--confirm-quiz-exit-modal-background, #222);\n color: var(--confirm-quiz-exit-modal-text-color, #fff);\n padding: var(--confirm-quiz-exit-modal-padding, 32px);\n border-radius: var(--confirm-quiz-exit-modal-border-radius, 10px);\n width: 400px;\n text-align: center;\n position: relative;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n}\n\n/ Close Button /\n.confirmQuizExitModal-module_modalClose__Gol-K {\n position: absolute;\n top: 10px;\n right: 15px;\n background: none;\n border: none;\n font-size: 24px;\n color: var(--confirm-quiz-exit-modal-close-color, #fff);\n cursor: pointer;\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n/ Header /\n.confirmQuizExitModal-module_modalHeader__73y33 {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: var(--confirm-quiz-exit-modal-header-margin, 10px);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n.confirmQuizExitModal-module_modalHeader__73y33 h2 {\n font-size: var(--confirm-quiz-exit-modal-header-font-size, 28px);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n/ Warning Icon /\n.confirmQuizExitModal-module_modalIcon__SI6YL {\n font-size: 32px;\n color: var(--confirm-quiz-exit-modal-icon-color, #ffcc00);\n}\n\n/ Text /\n.confirmQuizExitModal-module_modalText__s1Bh9 {\n font-size: var(--confirm-quiz-exit-modal-text-font-size, 20px);\n color: var(--confirm-quiz-exit-modal-text-secondary-color, #ccc);\n margin-bottom: var(--confirm-quiz-exit-modal-text-margin, 20px);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n/ Button /\n.confirmQuizExitModal-module_modalButton__oVSCb {\n background: var(--confirm-quiz-exit-modal-button-background, #fff);\n color: var(--confirm-quiz-exit-modal-button-text-color, #222);\n border: none;\n padding: var(--confirm-quiz-exit-modal-button-padding, 10px 20px);\n border-radius: var(--confirm-quiz-exit-modal-button-border-radius, 20px);\n font-size: var(--confirm-quiz-exit-modal-button-font-size, 14px);\n cursor: pointer;\n transition: var(--confirm-quiz-exit-modal-button-transition, 0.3s);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n.confirmQuizExitModal-module_modalButton__oVSCb:hover {\n background: var(--confirm-quiz-exit-modal-button-hover-background, #ddd);\n color: var(--confirm-quiz-exit-modal-button-hover-text-color, #222);\n}\n\n.confirmQuizExitModal-module_modalButtonContainer__zph-0 {\n display: flex;\n justify-content: center;\n gap: var(--confirm-quiz-exit-modal-button-gap, 16px);\n}\n\n/ Cancel Button /\n\n.confirmQuizExitModal-module_modalButtonCancel__UsDFm {\n background: var(\n --confirm-quiz-exit-modal-button-cancel-background,\n transparent\n );\n color: var(\n --confirm-quiz-exit-modal-button-cancel-text-color,\n rgba(255, 255, 255, 0.8)\n );\n border: var(\n --confirm-quiz-exit-modal-button-cancel-border,\n 1px solid rgba(255, 255, 255, 0.8)\n );\n padding: var(--confirm-quiz-exit-modal-button-cancel-padding, 12px 20px);\n border-radius: var(\n --confirm-quiz-exit-modal-button-cancel-border-radius,\n 8px\n );\n font-size: var(--confirm-quiz-exit-modal-button-cancel-font-size, 14px);\n cursor: pointer;\n transition: var(--confirm-quiz-exit-modal-button-cancel-transition, 0.3s);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n font-weight: var(--confirm-quiz-exit-modal-button-cancel-font-weight, 600);\n width: var(--confirm-quiz-exit-modal-button-cancel-width, 90px);\n}\n\n.confirmQuizExitModal-module_modalButtonCancel__UsDFm:hover {\n background: var(\n --confirm-quiz-exit-modal-button-cancel-hover-background,\n rgba(255, 255, 255, 0.8)\n );\n color: var(--confirm-quiz-exit-modal-button-cancel-hover-text-color, #bbb);\n}\n\n/ Confirm Button /\n\n.confirmQuizExitModal-module_modalButtonConfirm__bQave {\n background: var(--confirm-quiz-exit-modal-button-confirm-background, #fff);\n color: var(--confirm-quiz-exit-modal-button-confirm-text-color, #000);\n border: var(--confirm-quiz-exit-modal-button-confirm-border, none);\n padding: var(--confirm-quiz-exit-modal-button-confirm-padding, 12px 20px);\n border-radius: var(\n --confirm-quiz-exit-modal-button-confirm-border-radius,\n 8px\n );\n font-size: var(--confirm-quiz-exit-modal-button-confirm-font-size, 14px);\n cursor: pointer;\n transition: var(--confirm-quiz-exit-modal-button-confirm-transition, 0.3s);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n font-weight: var(--confirm-quiz-exit-modal-button-confirm-font-weight, 600);\n width: var(--confirm-quiz-exit-modal-button-confirm-width, 90px);\n}\n\n.confirmQuizExitModal-module_modalButtonConfirm__bQave:hover {\n background: var(\n --confirm-quiz-exit-modal-button-confirm-hover-background,\n #eee\n );\n color: var(--confirm-quiz-exit-modal-button-confirm-hover-text-color, #111);\n}\n');var Yn=function(e){var o=e.open,t=e.message,i=e.onConfirm,r=e.onCancel;return o?n.jsx("div",{className:Hn,children:n.jsxs("div",{className:Fn,children:[n.jsx("div",{className:An,children:n.jsx("h2",{children:"Exit Quiz"})}),n.jsx("p",{className:Wn,children:t}),n.jsxs("div",{className:Dn,children:[n.jsx("button",{className:Vn,onClick:r,children:"Cancel"}),n.jsx("button",{className:Jn,onClick:i,children:"Confirm"})]})]})}):null},Un="languageSwitch-module_languageSwitch__Obcyb",Gn="languageSwitch-module_reversed__hsNOk",Xn="languageSwitch-module_languageSwitchIcon__LJ47X",Zn="languageSwitch-module_languageSwitchLabel__cM9rn";l(".languageSwitch-module_languageSwitch__Obcyb {\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n transition: flex-direction 1s ease;\n background: #cbff59;\n height: 28px;\n min-width: 66px;\n padding: 4px 10px;\n border-radius: 200px;\n / margin-right: 20px; /\n align-self: flex-end;\n}\n\n.languageSwitch-module_languageSwitch__Obcyb.languageSwitch-module_reversed__hsNOk {\n flex-direction: row-reverse;\n}\n\n.languageSwitch-module_languageSwitchIcon__LJ47X {\n color: #161c20;\n font-family: var(--font-inter);\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n letter-spacing: 0.44px;\n height: 20px;\n width: 20px;\n background-color: #fff;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n filter: drop-shadow(0 3px 1px rgba(0, 0, 0, 0.06))\n drop-shadow(0 3px 8px rgba(0, 0, 0, 0.15));\n transition: transform 0.4s ease;\n}\n\n.languageSwitch-module_languageSwitchLabel__cM9rn {\n color: #161c20;\n font-family: var(--font-inter);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n letter-spacing: 0.44px;\n}\n");var Kn=function(o){var t,i,r=o.languages,a=o.selectedLanguage,l=o.onChange;if(2!==r.length)return null;if((null===(t=r[0])\|\|void 0===t?void 0:t.name)===(null===(i=r[1])\|\|void 0===i?void 0:i.name))return null;var u=e.useState(!1),d=u[0],s=u[1],c=r.find((function(n){return(null==n?void 0:n.name)!==(null==a?void 0:a.name)}));return n.jsxs("div",{className:"".concat(Un," ").concat(d?Gn:""),onClick:function(){s((function(n){return!n})),c&&l(c)},children:[n.jsx("span",{className:Xn,children:null==c?void 0:c.icon}),n.jsx("span",{className:Zn,children:(null==c?void 0:c.name)?null==c?void 0:c.name.slice(0,3):""})]})};exports.FrontlineQuizPlayer=function(o){var t=o.quizId,l=o.userId,u=o.tabSwitchLimit,d=o.onQuizComplete,s=o.baseURL,c=o.token,m=o.theme,f=o.direction,p=o.handleClose,h=o.languages,x=o.defaultLanguage,g=e.useState(!1),v=g[0],b=g[1],_=e.useState(0),q=_[0],w=_[1],y=e.useState(null),S=y[0],k=y[1],C=e.useState(null),j=C[0],M=C[1],T=e.useState(!1),B=T[0],Q=T[1],N=e.useState(!1),P=N[0],R=N[1],I=e.useState(!0),H=I[0],F=I[1],A=z(u),W=A.isLimitReached,D=A.switchCount,J=e.useState(""),Y=J[0],U=J[1],X=e.useState(!1),Z=X[0],K=X[1],$=e.useState(x),nn=$[0],en=$[1],on=e.useState([]),tn=on[0],rn=on[1],an=e.useState(!1),ln=an[0],un=an[1],dn=e.useRef([]),sn=e.useRef(null),cn=e.useState(!1),mn=cn[0],fn=cn[1];O(),e.useEffect((function(){return fn(window.innerWidth<768),window.addEventListener("resize",(function(){fn(window.innerWidth<768)})),function(){window.removeEventListener("resize",(function(){fn(window.innerWidth<768)}))}}),[]),e.useEffect((function(){if(!(t&&l&&s&&c))return F(!1),U("Missing required parameters to load quiz."),void R(!0);r(void 0,void 0,void 0,(function(){var n,e;return a(this,(function(o){switch(o.label){case 0:return o.trys.push([0,5,6,7]),F(!0),[4,fetch("".concat(s,"/user-assessment/").concat(t,"/").concat(l,"/get-session-data"),{headers:{Authorization:"Bearer ".concat(c)}})];case 1:return(n=o.sent()).ok?[4,n.json()]:[3,3];case 2:return e=o.sent(),rn((null==e?void 0:e.questions)\|\|[]),M(e),[3,4];case 3:U("Something went wrong. Please try again."),R(!0),o.label=4;case 4:return[3,7];case 5:return o.sent(),U("Something went wrong. Please try again."),R(!0),[3,7];case 6:return F(!1),[7];case 7:return[2]}}))}))}),[t,l,s,c]);var hn=e.useRef(null),xn=e.useState(!1);xn[0];var gn=xn[1],vn=e.useState(!1),bn=vn[0],zn=vn[1];e.useEffect((function(){if(j){var n=hn.current;if(n){var e=function(){var e=n.scrollHeight>n.clientHeight,o=n.scrollTop+n.clientHeight>=n.scrollHeight-15;e?(o&&zn(!0),gn(!o&&!bn)):(gn(!1),zn(!1))},o=requestAnimationFrame((function(){setTimeout(e,100)}));return n.addEventListener("scroll",e),window.addEventListener("resize",e),function(){cancelAnimationFrame(o),n.removeEventListener("scroll",e),window.removeEventListener("resize",e)}}}}),[j,q,bn]);var qn=function(n,e,o){return r(void 0,void 0,void 0,(function(){var t,r,u,d,m;return a(this,(function(a){switch(a.label){case 0:return[4,fetch("".concat(s,"/user-assessment/translate-question/").concat(l),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(c)},body:JSON.stringify({questionId:n,language:e?null==e?void 0:e.toLocaleLowerCase():"",userAssessmentId:o})})];case 1:return(t=a.sent()).ok?[4,t.json()]:[3,3];case 2:if(!((null==(r=a.sent())?void 0:r.success)&&(null===(d=null===(u=null==r?void 0:r.data)\|\|void 0===u?void 0:u.options)\|\|void 0===d?void 0:d.length)>0&&(null===(m=null==r?void 0:r.data)\|\|void 0===m?void 0:m.question_text)))throw new Error("Failed to translate question");return rn((function(e){return e.map((function(e){var o,t;return e.id===n?i(i({},e),{text:null===(o=null==r?void 0:r.data)\|\|void 0===o?void 0:o.question_text,options:null===(t=null==r?void 0:r.data)\|\|void 0===t?void 0:t.options}):e}))})),[2,r];case 3:throw new Error("Failed to translate question")}}))}))};function wn(n){return r(this,void 0,void 0,(function(){return a(this,(function(e){switch(e.label){case 0:return en(n),un(!0),[4,qn(tn[q].id,n.name,(null==j?void 0:j.id)\|\|"")];case 1:return e.sent(),[2]}}))}))}if(e.useEffect((function(){D>0&&D<u&&Q(!0)}),[D]),e.useEffect((function(){W&&(U("Your quiz has ended due to switching tabs too many times."),R(!0))}),[W]),e.useEffect((function(){return function(){dn.current.forEach((function(n){return clearTimeout(n)})),dn.current=[]}}),[]),!j&&H)return n.jsxs("div",{className:Sn,style:"rtl"==f?{direction:"rtl"}:{},ref:sn,children:[n.jsx(G,{theme:m,targetClass:Sn}),n.jsx(V,{})]});function Hn(){Q(!1),K(!1),R(!1),U("")}function Fn(){b(!0)}var An=function(n,e,o,t){return r(void 0,void 0,void 0,(function(){return a(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,fetch("".concat(s,"/user-assessment/").concat(n,"/").concat(o,"/").concat(e,"/submit-answer"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(c)},body:JSON.stringify({optionIds:[t]})})];case 1:return i.sent().ok\|\|(U("Something went wrong. Please try again."),R(!0)),[3,3];case 2:return i.sent(),[3,3];case 3:return[2]}}))}))},Wn=function(){return r(void 0,void 0,void 0,(function(){return a(this,(function(n){switch(n.label){case 0:return n.trys.push([0,5,,6]),[4,fetch("".concat(s,"/user-assessment/").concat(t,"/").concat(l,"/mark-quiz-complete"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(c)},body:JSON.stringify({isScoreAsPerQuestion:!0})})];case 1:return n.sent().ok?(Fn(),[4,d()]):[3,3];case 2:return n.sent(),[3,4];case 3:U("Quiz completed, but there was an issue saving your progress."),R(!0),n.label=4;case 4:return[3,6];case 5:return n.sent(),U("Quiz completed, but there was a network error. Please check your connection."),R(!0),[3,6];case 6:return[2]}}))}))},Dn=function(){return r(void 0,void 0,void 0,(function(){var n;return a(this,(function(e){switch(e.label){case 0:if(!j\|\|!tn.length)return U("Quiz data is not available. Please try again."),R(!0),[2];F(!0),e.label=1;case 1:return e.trys.push([1,,8,9]),[4,An(t,tn[q].id,l,S)];case 2:return e.sent(),q!==(null==tn?void 0:tn.length)-1?[3,4]:[4,Wn()];case 3:return e.sent(),[3,7];case 4:return k(null),ln?[4,qn(tn[q+1].id,nn.name,null==j?void 0:j.id)]:[3,6];case 5:e.sent(),e.label=6;case 6:n=null===window\|\|void 0===window?void 0:window.setTimeout((function(){w((function(n){return n+1}));var n=window.setTimeout((function(){zn(!1)}),150);dn.current.push(n)}),300),dn.current.push(n),e.label=7;case 7:return[3,9];case 8:return n=null===window\|\|void 0===window?void 0:window.setTimeout((function(){F(!1)}),300),dn.current.push(n),[7];case 9:return[2]}}))}))};function Vn(){return H?"Submitting":q===(null==tn?void 0:tn.length)-1?"Submit":"Next"}return v?null:n.jsxs("div",{className:Sn,children:[n.jsx(G,{theme:m,targetClass:Sn}),n.jsxs("div",{className:kn,style:"rtl"==f?{direction:"rtl"}:{},children:[n.jsxs("div",{className:Cn,children:[n.jsxs("h3",{className:Ln,children:["Questions: ",q+1,"/",(null==tn?void 0:tn.length)\|\|0]}),n.jsxs("div",{className:jn,children:[!mn&&n.jsx(Kn,{languages:h\|\|[],selectedLanguage:nn,onChange:wn}),n.jsx(yn,{markQuizComplete:Wn,duration:(null==j?void 0:j.duration)\|\|0,isEndScreenOpen:P}),p&&n.jsx("button",{className:En,onClick:function(){return K(!0)},children:"×"})]})]}),n.jsx("div",{className:Tn,children:tn.slice(q).map((function(e,o){var t,i,r=o,a=0===r;return n.jsxs("div",{className:"".concat(Mn," ").concat(Bn),style:{zIndex:tn.length-r,transform:"translateX(-50%) translateY(".concat(-11r,"px) scale(").concat(1-.025r,")"),width:"calc(100% - ".concat(24r,"px)"),opacity:a?1:.75-.15r,filter:a?"none":"blur(".concat(.8r,"px)"),backgroundColor:a?"#fff":"#f8f9fa",pointerEvents:a?"auto":"none",top:tn.length>4?"50px":"25px",paddingBottom:"80px"},ref:hn,children:[mn&&n.jsx(Kn,{languages:h\|\|[],selectedLanguage:nn,onChange:wn}),n.jsx("div",{className:Qn,children:n.jsx(pn,{question:(null===(t=tn[q])\|\|void 0===t?void 0:t.text)\|\|""})}),n.jsxs("div",{className:Nn,children:[n.jsx("div",{className:Pn,children:n.jsx("div",{className:In,children:n.jsx("button",{className:Rn,disabled:!S\|\|H\|\|!j,onClick:Dn,children:Vn()})})}),n.jsx(_n,{loading:H,options:(null===(i=tn[q])\|\|void 0===i?void 0:i.options)\|\|[],selectedOption:S,onSelect:k,direction:f})]})]},q+o)}))})]}),S&&n.jsx("div",{className:On,children:n.jsx("button",{className:Rn,disabled:!S\|\|H\|\|!j,onClick:Dn,children:Vn()})}),n.jsx(E,{open:B,onClose:Hn}),n.jsx(L,{open:P,onClose:p,message:Y}),n.jsx(Yn,{open:Z,message:"Are you sure you want to exit the quiz?",onConfirm:p\|\|Fn,onCancel:Hn})]})},exports.default=function(o){var t,i,l=o.quizId,u=o.userId,d=o.tabSwitchLimit,c=o.onQuizComplete,m=o.baseURL,f=o.token,p=o.theme,h=o.direction,g=o.handleClose,v=e.useState(!1),b=v[0],q=v[1],w=e.useState(0),y=w[0],S=w[1],k=e.useState(null),C=k[0],j=k[1],M=e.useState(null),T=M[0],B=M[1],Q=e.useState(!1),N=Q[0],P=Q[1],R=e.useState(!1),I=R[0],F=R[1],W=e.useState(!0),D=W[0],J=W[1],Y=z(d),U=Y.isLimitReached,fn=Y.switchCount,pn=e.useState(""),hn=pn[0],xn=pn[1],gn=e.useRef([]),vn=e.useRef(null);O(),e.useEffect((function(){if(!(l&&u&&m&&f))return J(!1),xn("Missing required parameters to load quiz."),void F(!0);r(void 0,void 0,void 0,(function(){var n,e;return a(this,(function(o){switch(o.label){case 0:return o.trys.push([0,5,6,7]),J(!0),[4,fetch("".concat(m,"/user-assessment/").concat(l,"/").concat(u,"/get-session-data"),{headers:{Authorization:"Bearer ".concat(f)}})];case 1:return(n=o.sent()).ok?[4,n.json()]:[3,3];case 2:return e=o.sent(),B(e),[3,4];case 3:xn("Something went wrong. Please try again."),F(!0),o.label=4;case 4:return[3,7];case 5:return o.sent(),xn("Something went wrong. Please try again."),F(!0),[3,7];case 6:return J(!1),[7];case 7:return[2]}}))}))}),[l,u,m,f]);var bn=e.useRef(null),_n=e.useState(!1),zn=_n[0],qn=_n[1],wn=e.useState(!1),yn=wn[0],Sn=wn[1];e.useEffect((function(){if(T){var n=bn.current;if(n){var e=function(){var e=n.scrollHeight>n.clientHeight,o=n.scrollTop+n.clientHeight>=n.scrollHeight-15;e?(o&&Sn(!0),qn(!o&&!yn)):(qn(!1),Sn(!1))},o=requestAnimationFrame((function(){setTimeout(e,100)}));return n.addEventListener("scroll",e),window.addEventListener("resize",e),function(){cancelAnimationFrame(o),n.removeEventListener("scroll",e),window.removeEventListener("resize",e)}}}}),[T,y,yn]);if(e.useEffect((function(){fn>0&&fn<3&&P(!0)}),[fn]),e.useEffect((function(){U&&(xn("Your quiz has ended due to switching tabs too many times."),F(!0))}),[U]),e.useEffect((function(){return function(){gn.current.forEach((function(n){return clearTimeout(n)})),gn.current=[]}}),[]),!T&&D)return n.jsxs("div",{className:X,style:"rtl"==h?{direction:"rtl"}:{},ref:vn,children:[n.jsx(G,{theme:p,targetClass:X}),n.jsx(V,{})]});var kn=(null==T?void 0:T.questions)\|\|[],Cn=function(n,e,o,t){return r(void 0,void 0,void 0,(function(){return a(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,fetch("".concat(m,"/user-assessment/").concat(n,"/").concat(o,"/").concat(e,"/submit-answer"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(f)},body:JSON.stringify({optionIds:[t]})})];case 1:return i.sent().ok\|\|(xn("Something went wrong. Please try again."),F(!0)),[3,3];case 2:return i.sent(),[3,3];case 3:return[2]}}))}))},jn=function(){return r(void 0,void 0,void 0,(function(){return a(this,(function(n){switch(n.label){case 0:return n.trys.push([0,5,,6]),[4,fetch("".concat(m,"/user-assessment/").concat(l,"/").concat(u,"/mark-quiz-complete"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(f)}})];case 1:return n.sent().ok?(q(!0),[4,c()]):[3,3];case 2:return n.sent(),[3,4];case 3:xn("Quiz completed, but there was an issue saving your progress."),F(!0),n.label=4;case 4:return[3,6];case 5:return n.sent(),xn("Quiz completed, but there was a network error. Please check your connection."),F(!0),[3,6];case 6:return[2]}}))}))},En=function(){return r(void 0,void 0,void 0,(function(){var n;return a(this,(function(e){switch(e.label){case 0:if(!C)return[2];if(!T\|\|!kn.length)return xn("Quiz data is not available. Please try again."),F(!0),[2];J(!0),e.label=1;case 1:return e.trys.push([1,,6,7]),[4,Cn(l,kn[y].id,u,C)];case 2:return e.sent(),y!==(null==kn?void 0:kn.length)-1?[3,4]:[4,jn()];case 3:return e.sent(),[3,5];case 4:j(null),n=null===window\|\|void 0===window?void 0:window.setTimeout((function(){S((function(n){return n+1}));var n=window.setTimeout((function(){Sn(!1)}),150);gn.current.push(n)}),300),gn.current.push(n),e.label=5;case 5:return[3,7];case 6:return n=null===window\|\|void 0===window?void 0:window.setTimeout((function(){J(!1)}),300),gn.current.push(n),[7];case 7:return[2]}}))}))};function Mn(){return D?"Submitting":y===(null==kn?void 0:kn.length)-1?"Submit":"Next"}return b?null:n.jsxs("div",{className:X,children:[n.jsx(G,{theme:p,targetClass:X}),n.jsxs("div",{className:Z,style:"rtl"==h?{direction:"rtl"}:{},children:[n.jsxs("div",{className:K,children:[n.jsxs("h3",{className:ln,children:["Questions: ",y+1,"/",(null==kn?void 0:kn.length)\|\|0]}),n.jsxs("div",{className:$,children:[n.jsx(_,{markQuizComplete:jn,duration:(null==T?void 0:T.duration)\|\|0,isEndScreenOpen:I}),g&&n.jsx("button",{className:nn,onClick:g,children:n.jsx(A,{})})]})]}),n.jsxs("div",{className:en,ref:bn,children:[n.jsx("div",{className:on,children:n.jsx(s,{question:(null===(t=kn[y])\|\|void 0===t?void 0:t.text)\|\|""})}),n.jsxs("div",{className:tn,children:[n.jsxs("div",{className:rn,children:[n.jsx("h3",{className:an,children:"Choose the right option"}),n.jsx("div",{className:mn,children:n.jsx("button",{className:dn,disabled:!C\|\|D\|\|!T,onClick:En,children:Mn()})}),n.jsx("div",{className:un,children:n.jsx("button",{className:dn,disabled:!C\|\|D\|\|!T,onClick:En,children:Mn()})})]}),n.jsx(x,{loading:D,options:(null===(i=kn[y])\|\|void 0===i?void 0:i.options)\|\|[],selectedOption:C,onSelect:j,direction:h})]})]})]}),n.jsx(E,{open:N,onClose:function(){P(!1),F(!1),xn("")}}),n.jsx(L,{open:I,onClose:g,message:hn}),zn&&n.jsx("button",{className:sn+" "+cn,onClick:function(){var n=bn.current;n&&(n.scrollTo({top:n.scrollHeight+10,behavior:"smooth"}),Sn(!0),qn(!1))},children:n.jsx(H,{})})]})};

package/dist/index.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as n,jsxs as o}from"react/jsx-runtime";importas e from"react";import{useState as t,useRef as i,useEffect as r}from"react";var a=function(){return a=Object.assign\|\|function(n){for(var o,e=1,t=arguments.length;e<t;e++)for(var i in o=arguments[e])Object.prototype.hasOwnProperty.call(o,i)&&(n[i]=o[i]);return n},a.apply(this,arguments)};function l(n,o,e,t){return new(e\|\|(e=Promise))((function(i,r){function a(n){try{u(t.next(n))}catch(n){r(n)}}function l(n){try{u(t.throw(n))}catch(n){r(n)}}function u(n){var o;n.done?i(n.value):(o=n.value,o instanceof e?o:new e((function(n){n(o)}))).then(a,l)}u((t=t.apply(n,o\|\|[])).next())}))}function u(n,o){var e,t,i,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]},a=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return a.next=l(0),a.throw=l(1),a.return=l(2),"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(u){return function(l){if(e)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(r=0)),r;)try{if(e=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!(i=r.trys,(i=i.length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=o.call(n,r)}catch(n){l=[6,n],t=0}finally{e=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,u])}}}function d(n,o){void 0===o&&(o={});var e=o.insertAt;if(n&&"undefined"!=typeof document){var t=document.head\|\|document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===e&&t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.styleSheet?i.styleSheet.cssText=n:i.appendChild(document.createTextNode(n))}}"function"==typeof SuppressedError&&SuppressedError;var c="question-module_questionHtmlWrapper__Twvia",s="question-module_questionText__T-h7Z";d('.question-module_questionHtmlWrapper__Twvia ul {\n list-style-type: disc;\n padding-left: 1.5rem;\n list-style-position: inside;\n}\n\n.question-module_questionHtmlWrapper__Twvia ol {\n list-style-type: disc;\n padding-left: 1.5rem;\n list-style-position: inside;\n}\n\n.question-module_questionText__T-h7Z {\n font-size: var(--quiz-font-size-large, 1.15rem);\n font-weight: var(--quiz-font-weight-bold, 600);\n color: var(--quiz-color-text-primary, #161c20);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: 25px;\n}\n\ncode {\n font-size: 0.8rem;\n font-weight: normal;\n}\n\n@media (max-width: 1320px) {\n .question-module_questionText__T-h7Z {\n font-size: var(--quiz-font-size-medium, 1rem);\n }\n .question-module_questionHtmlWrapper__Twvia code {\n font-size: 0.8rem;\n }\n}\n\n@media (max-width: 768px) {\n .question-module_questionText__T-h7Z {\n font-size: 0.95rem;\n line-height: 22px;\n }\n} ');var m=function(o){var e=o.question;return n("div",{className:c,children:n("h2",{className:s,dangerouslySetInnerHTML:{__html:e}})})},f="options-module_optionsContainer__atebx",p="options-module_optionBtn__LiVJD",h="options-module_selected__yvd2e",g="options-module_optionText__W2Nhm";d('.options-module_optionsContainer__atebx {\n display: flex;\n flex-direction: column;\n gap: 18px;\n margin-top: 12px;\n}\n\n.options-module_optionBtn__LiVJD {\n width: 100%;\n padding: 12px;\n border-radius: var(--quiz-border-radius-medium, 8px);\n background: var(--quiz-color-option-background, #ffffff);\n cursor: pointer;\n transition: var(--quiz-transition-medium, 0.3s);\n color: var(--quiz-color-option-text, #161c20);\n border: none;\n text-align: left;\n border: 1px solid var(--quiz-color-option-border, #e7e7e7);\n / display: flex; /\n}\n\n.options-module_optionBtn__LiVJD:hover {\n background: var(--quiz-color-option-hover, #e1d8c9);\n}\n\n.options-module_optionBtn__LiVJD.options-module_selected__yvd2e {\n background: var(--quiz-color-option-selected, #b59b7b);\n}\n\n.options-module_optionText__W2Nhm {\n font-size: var(--quiz-font-size-medium, 1rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: 22px;\n letter-spacing: -0.1%;\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n}\n\n.options-module_optionImage__DNo-g {\n max-width: 100%;\n height: auto;\n border-radius: var(--quiz-border-radius-small, 4px);\n}\n\n.options-module_optionCode__UBsLe {\n background-color: #1e1e1e;\n color: white;\n padding: var(--quiz-spacing-small, 8px);\n border-radius: var(--quiz-border-radius-small, 4px);\n}\n\n@media (max-width: 768px) {\n .options-module_optionText__W2Nhm {\n font-size: 0.95rem;\n line-height: 21px;\n }\n\n .options-module_optionBtn__LiVJD:hover {\n background: var(--quiz-color-option-selected, #b59b7b);\n }\n} ');var v,_=function(o){var e=o.options,t=o.selectedOption,i=o.onSelect,r=o.loading,a=o.direction;return n("div",{className:f,children:null==e?void 0:e.map((function(o){return n("button",{disabled:r,className:"".concat(p," ").concat(t===o.id&&h),style:"rtl"===a?{textAlign:"unset"}:{},onClick:function(){return i(o.id)},children:o.text&&n("span",{className:g,children:o.text})},o.id)}))})};function b(){return b=Object.assign?Object.assign.bind():function(n){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var t in e)({}).hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},b.apply(null,arguments)}var z=function(n){return e.createElement("svg",b({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none"},n),v\|\|(v=e.createElement("path",{fill:"#1D1B21",d:"M8 2.5a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6m2.854 3.854-2.5 2.5a.5.5 0 0 1-.708-.708l2.5-2.5a.5.5 0 1 1 .708.708M6 1a.5.5 0 0 1 .5-.5h3a.5.5 0 1 1 0 1h-3A.5.5 0 0 1 6 1"})))},x="timer-module_timer__J6Vp3";d('.timer-module_timer__J6Vp3 {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n font-size: var(--quiz-font-size-medium, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n color: var(--quiz-color-text-primary, #161c20);\n}\n\n.timer-module_timer__J6Vp3 span {\n color: var(--quiz-color-text-primary, #161c20);\n font-size: var(--quiz-font-size-medium, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n}\n\n.timer-module_timer__J6Vp3 svg {\n width: 18px;\n height: 18px;\n fill: var(--quiz-color-text-primary, #161c20);\n}\n\n@media (max-width: 768px) {\n .timer-module_timer__J6Vp3 {\n font-size: var(--quiz-font-size-small, 0.85rem);\n }\n \n .timer-module_timer__J6Vp3 span {\n font-size: var(--quiz-font-size-small, 0.85rem);\n }\n \n .timer-module_timer__J6Vp3 svg {\n width: 16px;\n height: 16px;\n }\n} ');var q=function(e){var a=e.duration,l=e.markQuizComplete,u=e.isEndScreenOpen,d=t(a),c=d[0],s=d[1],m=i(null);r((function(){if(0!==a)return m.current&&clearInterval(m.current),m.current=setInterval((function(){s((function(n){return n>0?n-1:0}))}),1e3),function(){m.current&&clearInterval(m.current)}}),[a]),r((function(){0!==a&&0===c&&(l(),m.current&&clearInterval(m.current))}),[c,l]),r((function(){u&&m.current&&clearInterval(m.current)}),[u]);var f,p,h;return o("div",{className:x,children:[n(z,{}),n("span",{children:(f=c,p=Math.floor(f/60),h=f%60,"".concat(p,":").concat(h<10?"0":"").concat(h))})]})},w=function(n){void 0===n&&(n=3);var o=t(0),e=o[0],i=o[1],a=t(!1),l=a[0],u=a[1];return r((function(){var n=function(){document.hidden&&i((function(n){return n+1}))};return document.addEventListener("visibilitychange",n),function(){document.removeEventListener("visibilitychange",n)}}),[]),r((function(){e>=n&&u(!0)}),[e,n]),{switchCount:e,isLimitReached:l}},y="tabSwitchModal-module_modalOverlay__KxoJM",k="tabSwitchModal-module_modalContent__IJiuo",S="tabSwitchModal-module_modalClose__HhoGx",C="tabSwitchModal-module_modalHeader__-RsEI",M="tabSwitchModal-module_modalIcon__wRuay",T="tabSwitchModal-module_modalText__sCgfv",B="tabSwitchModal-module_modalButton__Pawa9";d('/ Modal Background Overlay /\n.tabSwitchModal-module_modalOverlay__KxoJM {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n}\n\n/ Modal Box /\n.tabSwitchModal-module_modalContent__IJiuo {\n background: var(--quiz-tab-switch-modal-background, #222);\n color: var(--quiz-tab-switch-modal-text-color, #fff);\n padding: var(--quiz-tab-switch-modal-padding, 20px);\n border-radius: var(--quiz-tab-switch-modal-border-radius, 10px);\n width: 400px;\n text-align: center;\n position: relative;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n}\n\n/ Close Button /\n.tabSwitchModal-module_modalClose__HhoGx {\n position: absolute;\n top: 10px;\n right: 15px;\n background: none;\n border: none;\n font-size: 24px;\n color: var(--quiz-tab-switch-modal-close-color, #fff);\n cursor: pointer;\n font-family: var(--quiz-tab-switch-modal-font-family, "Patron", sans-serif);\n}\n\n/ Header /\n.tabSwitchModal-module_modalHeader__-RsEI {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: var(--quiz-tab-switch-modal-header-margin, 10px);\n font-family: var(--quiz-tab-switch-modal-font-family, "Patron", sans-serif);\n}\n\n/ Warning Icon /\n.tabSwitchModal-module_modalIcon__wRuay {\n font-size: 32px;\n color: var(--quiz-tab-switch-modal-icon-color, #ffcc00);\n}\n\n/ Text /\n.tabSwitchModal-module_modalText__sCgfv {\n font-size: var(--quiz-tab-switch-modal-text-font-size, 14px);\n color: var(--quiz-tab-switch-modal-text-secondary-color, #ccc);\n margin-bottom: var(--quiz-tab-switch-modal-text-margin, 20px);\n font-family: var(--quiz-tab-switch-modal-font-family, "Patron", sans-serif);\n}\n\n/ Button /\n.tabSwitchModal-module_modalButton__Pawa9 {\n background: var(--quiz-tab-switch-modal-button-background, #fff);\n color: var(--quiz-tab-switch-modal-button-text-color, #222);\n border: none;\n padding: var(--quiz-tab-switch-modal-button-padding, 10px 20px);\n border-radius: var(--quiz-tab-switch-modal-button-border-radius, 20px);\n font-size: var(--quiz-tab-switch-modal-button-font-size, 14px);\n cursor: pointer;\n transition: var(--quiz-tab-switch-modal-button-transition, 0.3s);\n font-family: var(--quiz-tab-switch-modal-font-family, "Patron", sans-serif);\n}\n\n.tabSwitchModal-module_modalButton__Pawa9:hover {\n background: var(--quiz-tab-switch-modal-button-hover-background, #ddd);\n color: var(--quiz-tab-switch-modal-button-hover-text-color, #222);\n} ');var Q=function(e){var t=e.open,i=e.onClose;return t?n("div",{className:y,children:o("div",{className:k,children:[n("button",{className:S,onClick:i,children:"×"}),o("div",{className:C,children:[n("span",{className:M,children:"⚠️"}),n("h2",{children:"Tab Switch Detected"})]}),n("p",{className:T,children:"Any further attempts to switch tabs or change browser windows will result in disqualification from the assessment."}),n("button",{className:B,onClick:i,children:"Understood"})]})}):null},N="quizEndScreen-module_endScreenOverlay__8EiUX",E="quizEndScreen-module_endScreenContent__hzr2O",P="quizEndScreen-module_endScreenClose__ztM4x";d('.quizEndScreen-module_endScreenOverlay__8EiUX {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--quiz-end-screen-background, #222);\n color: var(--quiz-end-screen-text-color, #fff);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n / direction: ltr; /\n}\n\n/ Content /\n.quizEndScreen-module_endScreenContent__hzr2O {\n text-align: center;\n font-size: var(--quiz-end-screen-font-size, 20px);\n font-weight: var(--quiz-end-screen-font-weight, bold);\n font-family: var(--quiz-end-screen-font-family, "Patron", sans-serif);\n color: var(--quiz-end-screen-text-color, #fff);\n padding: 20px;\n}\n\n.quizEndScreen-module_endScreenClose__ztM4x {\n position: absolute;\n top: 20px;\n right: 25px;\n background: none;\n border: none;\n font-size: 24px;\n color: var(--quiz-end-screen-close-color, #fff);\n cursor: pointer;\n font-family: var(--quiz-end-screen-font-family, "Patron", sans-serif);\n} ');var L,O,I,H=function(e){var t=e.open,i=e.onClose,r=e.message;return t?o("div",{className:N,children:[i&&n("button",{className:P,onClick:i,children:"×"}),n("div",{className:E,children:n("p",{children:r\|\|"Your quiz has ended due to switching tabs too many times."})})]}):null},F=function(){r((function(){var n=function(n){return n.preventDefault()},o=function(n){return n.preventDefault()},e=function(n){return n.preventDefault()};return document.addEventListener("copy",n),document.addEventListener("cut",n),document.addEventListener("paste",n),document.addEventListener("selectstart",o),document.addEventListener("contextmenu",e),function(){document.removeEventListener("copy",n),document.removeEventListener("cut",n),document.removeEventListener("paste",n),document.removeEventListener("selectstart",o),document.removeEventListener("contextmenu",e)}}),[])};function R(){return R=Object.assign?Object.assign.bind():function(n){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var t in e)({}).hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},R.apply(null,arguments)}var j,A=function(n){return e.createElement("svg",R({xmlns:"http://www.w3.org/2000/svg",width:38,height:38,fill:"none"},n),L\|\|(L=e.createElement("rect",{width:38,height:38,fill:"#151515",rx:19})),O\|\|(O=e.createElement("g",{clipPath:"url(#downArrow_svg__a)"},e.createElement("path",{fill:"#fff",d:"M8.758 21.194c.037.14.145.36.234.492.09.136 2.138 2.222 4.556 4.636 5.035 5.03 4.594 4.655 5.452 4.655.427 0 .525-.015.727-.113.182-.094 1.18-1.06 4.725-4.594 2.47-2.465 4.546-4.57 4.612-4.678.145-.243.248-.623.248-.91 0-.454-.295-1.077-.637-1.335-.342-.263-.97-.399-1.397-.3-.534.122-.576.16-3.319 2.873-2.667 2.649-2.878 2.883-3.117 3.46-.08.201-.084-.043-.108-8.442l-.023-8.649-.127-.267a1.84 1.84 0 0 0-.796-.84c-.282-.154-.32-.159-.788-.159-.445 0-.516.015-.75.132-.464.239-.788.633-.919 1.12-.056.211-.065 1.608-.065 8.756v8.508l-.136-.281a3.7 3.7 0 0 0-.347-.563c-.117-.154-1.36-1.425-2.761-2.817-1.945-1.94-2.602-2.569-2.78-2.658-.914-.454-1.94-.13-2.376.75-.178.361-.22.83-.108 1.224"}))),I\|\|(I=e.createElement("defs",null,e.createElement("clipPath",{id:"downArrow_svg__a"},e.createElement("path",{fill:"#fff",d:"M7 31V7h24v24z"})))))};function W(){return W=Object.assign?Object.assign.bind():function(n){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var t in e)({}).hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},W.apply(null,arguments)}var D=function(n){return e.createElement("svg",W({xmlns:"http://www.w3.org/2000/svg",width:24,height:23,fill:"none"},n),j\|\|(j=e.createElement("path",{fill:"#000",d:"M17.837 5.797a.94.94 0 0 0-1.328 0l-4.305 4.306-4.306-4.306a.939.939 0 0 0-1.327 1.328l4.305 4.306-4.305 4.305a.939.939 0 0 0 1.327 1.328l4.306-4.306 4.305 4.306a.94.94 0 0 0 1.328-1.328l-4.306-4.305 4.306-4.306a.94.94 0 0 0 0-1.328"})))},V="loader-module_loaderOverlay__-THCU",J="loader-module_loaderSpinner__c8AWp";d(".loader-module_loaderOverlay__-THCU {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--quiz-loader-background, black);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 9999;\n}\n\n.loader-module_loaderSpinner__c8AWp {\n border: 8px solid var(--quiz-loader-spinner-border, rgba(255, 255, 255, 0.2));\n border-top: 8px solid var(--quiz-loader-spinner-color, white);\n border-radius: 50%;\n width: 60px;\n height: 60px;\n animation: loader-module_spin__IzlCN 1s linear infinite;\n}\n\n@keyframes loader-module_spin__IzlCN {\n to {\n transform: rotate(360deg);\n }\n} ");var Y=function(){return n("div",{className:V,children:n("div",{className:J})})},U={colors:{primary:"#000000",secondary:"#5d4037",background:"#ffffff",surface:"#f8f5f2",text:{primary:"#161c20",secondary:"#666666"},button:{primary:"#000000",primaryText:"#ffffff",secondary:"#5d4037",secondaryText:"#ffffff",disabled:"#d7ccc8",disabledText:"#ffffff"},option:{background:"#ffffff",hover:"#e1d8c9",selected:"#b59b7b",border:"#e7e7e7",text:"#161c20"},border:"#e1d8c9",scrollButton:"#ffffff"},typography:{fontFamily:"Patron, sans-serif",fontSize:{small:"0.9rem",medium:"1rem",large:"1.15rem",xlarge:"1.5rem"},fontWeight:{normal:"400",medium:"500",bold:"600"},lineHeight:{small:"1.2rem",medium:"1.4rem",large:"1.6rem"}},spacing:{small:"8px",medium:"16px",large:"24px",xlarge:"32px"},borderRadius:{small:"4px",medium:"8px",large:"16px"},transitions:{fast:"0.15s",medium:"0.3s",slow:"0.5s"},loader:{background:"black",spinnerColor:"white",spinnerBorder:"rgba(255, 255, 255, 0.2)"},endScreen:{background:"#222",textColor:"#fff",closeColor:"#fff",fontSize:"20px",fontWeight:"bold",fontFamily:'"Patron", sans-serif'},tabSwitchModal:{background:"#222",textColor:"#fff",closeColor:"#fff",textSecondaryColor:"#ccc",iconColor:"#ffcc00",buttonBackground:"#fff",buttonTextColor:"#222",buttonHoverBackground:"#ddd",buttonHoverTextColor:"#222",fontFamily:'"Patron", sans-serif',textFontSize:"14px",buttonFontSize:"14px",padding:"20px",headerMargin:"10px",textMargin:"20px",buttonPadding:"10px 20px",borderRadius:"10px",buttonBorderRadius:"20px",buttonTransition:"0.3s"}};function G(n,o){var e=a({},n);for(var t in o)void 0!==o[t]&&null!==o[t]&&(o[t]&&"object"==typeof o[t]&&!Array.isArray(o[t])?e[t]=G(n[t]\|\|{},o[t]):e[t]=o[t]);return e}function X(n,o){return o?G(n,o):n}var Z=function(o){var e,t=o.theme,i=o.targetClass,r=void 0===i?".quiz-page":i;if(!t\|\|(!(e=t)\|\|"object"!=typeof e\|\|0===Object.keys(e).length))return null;var a=function(n){return function(n){var o,e,t,i,r,a,l,u,d,c,s,m,f,p,h,g,v,_,b,z,x,q,w,y,k,S,C,M,T,B,Q,N,E,P,L,O,I,H,F,R,j,A,W,D,V,J,Y,U,G,X,Z,K={};return n.colors&&(n.colors.primary&&(K["--quiz-color-primary"]=n.colors.primary),n.colors.secondary&&(K["--quiz-color-secondary"]=n.colors.secondary),n.colors.background&&(K["--quiz-color-background"]=n.colors.background),n.colors.surface&&(K["--quiz-color-surface"]=n.colors.surface),n.colors.border&&(K["--quiz-color-border"]=n.colors.border),n.colors.scrollButton&&(K["--quiz-color-scroll-button"]=n.colors.scrollButton),(null===(o=n.colors.text)\|\|void 0===o?void 0:o.primary)&&(K["--quiz-color-text-primary"]=n.colors.text.primary),(null===(e=n.colors.text)\|\|void 0===e?void 0:e.secondary)&&(K["--quiz-color-text-secondary"]=n.colors.text.secondary),(null===(t=n.colors.button)\|\|void 0===t?void 0:t.primary)&&(K["--quiz-color-button-primary"]=n.colors.button.primary),(null===(i=n.colors.button)\|\|void 0===i?void 0:i.primaryText)&&(K["--quiz-color-button-primary-text"]=n.colors.button.primaryText),(null===(r=n.colors.button)\|\|void 0===r?void 0:r.secondary)&&(K["--quiz-color-button-secondary"]=n.colors.button.secondary),(null===(a=n.colors.button)\|\|void 0===a?void 0:a.secondaryText)&&(K["--quiz-color-button-secondary-text"]=n.colors.button.secondaryText),(null===(l=n.colors.button)\|\|void 0===l?void 0:l.disabled)&&(K["--quiz-color-button-disabled"]=n.colors.button.disabled),(null===(u=n.colors.button)\|\|void 0===u?void 0:u.disabledText)&&(K["--quiz-color-button-disabled-text"]=n.colors.button.disabledText),(null===(d=n.colors.option)\|\|void 0===d?void 0:d.background)&&(K["--quiz-color-option-background"]=n.colors.option.background),(null===(c=n.colors.option)\|\|void 0===c?void 0:c.hover)&&(K["--quiz-color-option-hover"]=n.colors.option.hover),(null===(s=n.colors.option)\|\|void 0===s?void 0:s.selected)&&(K["--quiz-color-option-selected"]=n.colors.option.selected),(null===(m=n.colors.option)\|\|void 0===m?void 0:m.border)&&(K["--quiz-color-option-border"]=n.colors.option.border),(null===(f=n.colors.option)\|\|void 0===f?void 0:f.text)&&(K["--quiz-color-option-text"]=n.colors.option.text)),n.typography&&(n.typography.fontFamily&&(K["--quiz-font-family"]=n.typography.fontFamily),(null===(p=n.typography.fontSize)\|\|void 0===p?void 0:p.small)&&(K["--quiz-font-size-small"]=n.typography.fontSize.small),(null===(h=n.typography.fontSize)\|\|void 0===h?void 0:h.medium)&&(K["--quiz-font-size-medium"]=n.typography.fontSize.medium),(null===(g=n.typography.fontSize)\|\|void 0===g?void 0:g.large)&&(K["--quiz-font-size-large"]=n.typography.fontSize.large),(null===(v=n.typography.fontSize)\|\|void 0===v?void 0:v.xlarge)&&(K["--quiz-font-size-xlarge"]=n.typography.fontSize.xlarge),(null===(_=n.typography.fontWeight)\|\|void 0===_?void 0:_.normal)&&(K["--quiz-font-weight-normal"]=n.typography.fontWeight.normal),(null===(b=n.typography.fontWeight)\|\|void 0===b?void 0:b.medium)&&(K["--quiz-font-weight-medium"]=n.typography.fontWeight.medium),(null===(z=n.typography.fontWeight)\|\|void 0===z?void 0:z.bold)&&(K["--quiz-font-weight-bold"]=n.typography.fontWeight.bold),(null===(x=n.typography.lineHeight)\|\|void 0===x?void 0:x.small)&&(K["--quiz-line-height-small"]=n.typography.lineHeight.small),(null===(q=n.typography.lineHeight)\|\|void 0===q?void 0:q.medium)&&(K["--quiz-line-height-medium"]=n.typography.lineHeight.medium),(null===(w=n.typography.lineHeight)\|\|void 0===w?void 0:w.large)&&(K["--quiz-line-height-large"]=n.typography.lineHeight.large)),n.spacing&&(n.spacing.small&&(K["--quiz-spacing-small"]=n.spacing.small),n.spacing.medium&&(K["--quiz-spacing-medium"]=n.spacing.medium),n.spacing.large&&(K["--quiz-spacing-large"]=n.spacing.large),n.spacing.xlarge&&(K["--quiz-spacing-xlarge"]=n.spacing.xlarge)),n.borderRadius&&(n.borderRadius.small&&(K["--quiz-border-radius-small"]=n.borderRadius.small),n.borderRadius.medium&&(K["--quiz-border-radius-medium"]=n.borderRadius.medium),n.borderRadius.large&&(K["--quiz-border-radius-large"]=n.borderRadius.large)),n.transitions&&(n.transitions.fast&&(K["--quiz-transition-fast"]=n.transitions.fast),n.transitions.medium&&(K["--quiz-transition-medium"]=n.transitions.medium),n.transitions.slow&&(K["--quiz-transition-slow"]=n.transitions.slow)),(null===(y=n.loader)\|\|void 0===y?void 0:y.background)&&(K["--quiz-loader-background"]=n.loader.background),(null===(k=n.loader)\|\|void 0===k?void 0:k.spinnerColor)&&(K["--quiz-loader-spinner-color"]=n.loader.spinnerColor),(null===(S=n.loader)\|\|void 0===S?void 0:S.spinnerBorder)&&(K["--quiz-loader-spinner-border"]=n.loader.spinnerBorder),(null===(C=n.endScreen)\|\|void 0===C?void 0:C.background)&&(K["--quiz-end-screen-background"]=n.endScreen.background),(null===(M=n.endScreen)\|\|void 0===M?void 0:M.textColor)&&(K["--quiz-end-screen-text-color"]=n.endScreen.textColor),(null===(T=n.endScreen)\|\|void 0===T?void 0:T.closeColor)&&(K["--quiz-end-screen-close-color"]=n.endScreen.closeColor),(null===(B=n.endScreen)\|\|void 0===B?void 0:B.fontSize)&&(K["--quiz-end-screen-font-size"]=n.endScreen.fontSize),(null===(Q=n.endScreen)\|\|void 0===Q?void 0:Q.fontWeight)&&(K["--quiz-end-screen-font-weight"]=n.endScreen.fontWeight),(null===(N=n.endScreen)\|\|void 0===N?void 0:N.fontFamily)&&(K["--quiz-end-screen-font-family"]=n.endScreen.fontFamily),(null===(E=n.tabSwitchModal)\|\|void 0===E?void 0:E.background)&&(K["--quiz-tab-switch-modal-background"]=n.tabSwitchModal.background),(null===(P=n.tabSwitchModal)\|\|void 0===P?void 0:P.textColor)&&(K["--quiz-tab-switch-modal-text-color"]=n.tabSwitchModal.textColor),(null===(L=n.tabSwitchModal)\|\|void 0===L?void 0:L.closeColor)&&(K["--quiz-tab-switch-modal-close-color"]=n.tabSwitchModal.closeColor),(null===(O=n.tabSwitchModal)\|\|void 0===O?void 0:O.textSecondaryColor)&&(K["--quiz-tab-switch-modal-text-secondary-color"]=n.tabSwitchModal.textSecondaryColor),(null===(I=n.tabSwitchModal)\|\|void 0===I?void 0:I.iconColor)&&(K["--quiz-tab-switch-modal-icon-color"]=n.tabSwitchModal.iconColor),(null===(H=n.tabSwitchModal)\|\|void 0===H?void 0:H.buttonBackground)&&(K["--quiz-tab-switch-modal-button-background"]=n.tabSwitchModal.buttonBackground),(null===(F=n.tabSwitchModal)\|\|void 0===F?void 0:F.buttonTextColor)&&(K["--quiz-tab-switch-modal-button-text-color"]=n.tabSwitchModal.buttonTextColor),(null===(R=n.tabSwitchModal)\|\|void 0===R?void 0:R.buttonHoverBackground)&&(K["--quiz-tab-switch-modal-button-hover-background"]=n.tabSwitchModal.buttonHoverBackground),(null===(j=n.tabSwitchModal)\|\|void 0===j?void 0:j.buttonHoverTextColor)&&(K["--quiz-tab-switch-modal-button-hover-text-color"]=n.tabSwitchModal.buttonHoverTextColor),(null===(A=n.tabSwitchModal)\|\|void 0===A?void 0:A.fontFamily)&&(K["--quiz-tab-switch-modal-font-family"]=n.tabSwitchModal.fontFamily),(null===(W=n.tabSwitchModal)\|\|void 0===W?void 0:W.textFontSize)&&(K["--quiz-tab-switch-modal-text-font-size"]=n.tabSwitchModal.textFontSize),(null===(D=n.tabSwitchModal)\|\|void 0===D?void 0:D.buttonFontSize)&&(K["--quiz-tab-switch-modal-button-font-size"]=n.tabSwitchModal.buttonFontSize),(null===(V=n.tabSwitchModal)\|\|void 0===V?void 0:V.padding)&&(K["--quiz-tab-switch-modal-padding"]=n.tabSwitchModal.padding),(null===(J=n.tabSwitchModal)\|\|void 0===J?void 0:J.headerMargin)&&(K["--quiz-tab-switch-modal-header-margin"]=n.tabSwitchModal.headerMargin),(null===(Y=n.tabSwitchModal)\|\|void 0===Y?void 0:Y.textMargin)&&(K["--quiz-tab-switch-modal-text-margin"]=n.tabSwitchModal.textMargin),(null===(U=n.tabSwitchModal)\|\|void 0===U?void 0:U.buttonPadding)&&(K["--quiz-tab-switch-modal-button-padding"]=n.tabSwitchModal.buttonPadding),(null===(G=n.tabSwitchModal)\|\|void 0===G?void 0:G.borderRadius)&&(K["--quiz-tab-switch-modal-border-radius"]=n.tabSwitchModal.borderRadius),(null===(X=n.tabSwitchModal)\|\|void 0===X?void 0:X.buttonBorderRadius)&&(K["--quiz-tab-switch-modal-button-border-radius"]=n.tabSwitchModal.buttonBorderRadius),(null===(Z=n.tabSwitchModal)\|\|void 0===Z?void 0:Z.buttonTransition)&&(K["--quiz-tab-switch-modal-button-transition"]=n.tabSwitchModal.buttonTransition),K}(X(U,n))}(t);if(0===Object.keys(a).length)return null;var l=Object.entries(a).map((function(n){var o=n[0],e=n[1];return"".concat(o,": ").concat(e,";")})).join("\n ");return n("style",{children:"\n .".concat(r," {\n ").concat(l,"\n }\n ")})},K="quiz-module_quizPage__VGbhc",$="quiz-module_quizPageContainer__kQZ4d",nn="quiz-module_quizTicker__i1CIw",on="quiz-module_quizTickerRight__5SdyV",en="quiz-module_closeBtn__2ZUdu",tn="quiz-module_quizContainer__v1u42",rn="quiz-module_quizLeft__2c5nS",an="quiz-module_quizRight__VW2vj",ln="quiz-module_quizRightHead__zzia5",un="quiz-module_chooseOption__oisps",dn="quiz-module_questionCount__whDFY",cn="quiz-module_mobileNextBtn__iSSfH",sn="quiz-module_nextBtn__AvAyW",mn="quiz-module_scrollDownBtn__7-XTG",fn="quiz-module_bounce__8egNx",pn="quiz-module_nextBtnContainer__TvCOi";d(' {\n box-sizing: border-box;\n}\n\n.quiz-module_quizPage__VGbhc {\n position: fixed;\n background: var(--quiz-color-background, #ffffff);\n width: 100vw;\n min-height: 100dvh;\n top: 0;\n left: 0;\n z-index: 100;\n box-sizing: border-box;\n overflow-y: auto; /* ensure scrolling works /\n display: flex;\n flex-direction: column;\n}\n\n.quiz-module_quizPageContainer__kQZ4d {\n flex: 1;\n display: flex;\n flex-direction: column;\n border-radius: var(--quiz-border-radius-large, 16px);\n margin: var(--quiz-spacing-large, 24px) var(--quiz-spacing-medium, 16px) 0px var(--quiz-spacing-medium, 16px);\n height: 100%;\n background: var(--quiz-color-surface, #f8f5f2);\n}\n\n/ Ticker stays in a row on all devices /\n.quiz-module_quizTicker__i1CIw {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px 20px;\n border-bottom: 1px solid var(--quiz-color-border, #e1d8c9);\n}\n\n.quiz-module_quizTickerRight__5SdyV {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n padding-right: 2rem;\n}\n\n.quiz-module_closeBtn__2ZUdu{\n border: none;\n background: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 4px;\n}\n\n.quiz-module_closeBtn__2ZUdu svg {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n}\n\n.quiz-module_quizContainer__v1u42 {\n flex-grow: 1;\n width: 100%;\n display: flex;\n flex-direction: row; / side-by-side on desktop /\n align-items: flex-start;\n padding: var(--quiz-spacing-large, 24px) 56px var(--quiz-spacing-large, 24px);\n border-radius: 10px;\n justify-content: space-between;\n box-sizing: border-box;\n max-width: 1600px;\n margin: 0 auto;\n max-height: 80dvh;\n overflow: auto;\n gap: 2rem;\n scrollbar-width: none; / Firefox /\n -ms-overflow-style: none; / Internet Explorer 10+ /\n}\n\n.quiz-module_quizContainer__v1u42::-webkit-scrollbar {\n display: none;\n}\n\n/ Left & Right columns on desktop /\n.quiz-module_quizLeft__2c5nS {\n width: 100%;\n max-width: 650px;\n overflow: auto;\n scrollbar-width: thin;\n scrollbar-color: #ccc transparent; / thumb color, track color /\n}\n\n/ WebKit-based browsers (Chrome, Safari, Edge) /\n.quiz-module_quizLeft__2c5nS::-webkit-scrollbar {\n width: 6px; / slim scrollbar /\n}\n\n.quiz-module_quizLeft__2c5nS::-webkit-scrollbar-thumb {\n background-color: #ccc; / grey thumb /\n border-radius: 4px;\n}\n\n.quiz-module_quizLeft__2c5nS::-webkit-scrollbar-track {\n background: transparent; / optional: transparent track /\n}\n\n.quiz-module_quizRight__VW2vj {\n max-width: 622px;\n width: 100%;\n}\n\n.quiz-module_quizRightHead__zzia5 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.quiz-module_chooseOption__oisps {\n font-size: var(--quiz-font-size-medium, 1rem);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: var(--quiz-line-height-xlarge, 32px);\n letter-spacing: 0.2%;\n color: var(--quiz-color-text-primary, #161c20);\n}\n\n.quiz-module_questionCount__whDFY {\n font-size: var(--quiz-font-size-small, 0.9rem);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n color: var(--quiz-color-text-primary, #161c20);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: var(--quiz-line-height-small, 1.2rem);\n}\n\n.quiz-module_optionsContainer__rNs2w {\n display: flex;\n flex-direction: column;\n gap: 18px;\n margin-top: 12px;\n}\n\n.quiz-module_mobileNextBtn__iSSfH {\n display: none;\n}\n\n/ Button Styles /\n.quiz-module_prevBtn__3rk6z,\n.quiz-module_nextBtn__AvAyW {\n padding: 10px 54px;\n background: var(--quiz-color-button-primary, #000000);\n color: var(--quiz-color-button-primary-text, #ffffff);\n border: none;\n border-radius: var(--quiz-spacing-large, 24px);\n cursor: pointer;\n transition: var(--quiz-transition-medium, 0.3s);\n font-size: var(--quiz-font-size-small, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: 21px;\n}\n\n.quiz-module_prevBtn__3rk6z {\n background: var(--quiz-color-button-secondary, #5d4037);\n color: var(--quiz-color-button-secondary-text, #ffffff);\n}\n\n.quiz-module_nextBtn__AvAyW:disabled {\n background: var(--quiz-color-button-disabled, #d7ccc8);\n color: var(--quiz-color-button-disabled-text, #ffffff);\n cursor: not-allowed;\n}\n\n.quiz-module_scrollDownBtn__7-XTG {\n position: fixed;\n bottom: 20px;\n right: 20px;\n z-index: 999;\n border: none;\n border-radius: 50%;\n padding: 4px;\n cursor: pointer;\n font-size: 20px;\n transition: background var(--quiz-transition-medium, 0.3s);\n background: var(--quiz-color-scroll-button, #ffffff);\n}\n\n.quiz-module_bounce__8egNx {\n animation: quiz-module_bounce__8egNx 1.6s infinite;\n}\n\n@keyframes quiz-module_bounce__8egNx {\n 0%,\n 20%,\n 50%,\n 80%,\n 100% {\n transform: translateY(0px);\n }\n 40% {\n transform: translateY(-4px);\n }\n 60% {\n transform: translateY(-2px);\n }\n}\n\n/ RESPONSIVE LAYOUT /\n@media (max-width: 768px) {\n .quiz-module_quizPageContainer__kQZ4d {\n flex-direction: column;\n padding: var(--quiz-spacing-medium, 16px);\n gap: 1rem;\n overflow-y: auto;\n margin: 0;\n border-radius: 0;\n }\n\n .quiz-module_quizContainer__v1u42 {\n flex-direction: column;\n padding: 0;\n justify-content: space-between;\n}\n\n\n .quiz-module_quizTicker__i1CIw {\n padding: var(--quiz-spacing-medium, 16px);\n gap: 1rem;\n }\n\n .quiz-module_quizLeft__2c5nS {\n max-width: 100%;\n margin-bottom: 1rem;\n max-height: none;\n overflow: initial;\n }\n\n .quiz-module_quizTickerRight__5SdyV {\n gap: 1rem;\n padding-right: 0;\n }\n\n .quiz-module_chooseOption__oisps {\n font-size: var(--quiz-font-size-small, 0.9rem);\n line-height: var(--quiz-line-height-medium, 1.4rem);\n }\n\n .quiz-module_nextBtnContainer__TvCOi {\n display: none;\n }\n\n .quiz-module_mobileNextBtn__iSSfH {\n display: block;\n position: fixed;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 1000;\n width: calc(100% - 40px);\n max-width: 350px;\n }\n\n .quiz-module_nextBtn__AvAyW {\n width: 100%;\n padding: var(--quiz-spacing-medium, 16px) var(--quiz-spacing-large, 24px);\n font-size: var(--quiz-font-size-medium, 1rem);\n }\n\n .quiz-module_questionCount__whDFY {\n font-size: 0.85rem;\n }\n\n .quiz-module_optionBtn__bIwda {\n padding: var(--quiz-spacing-medium, 16px);\n }\n}\n\n@media (max-width: 768px) and (max-height: 800px) {\n .quiz-module_quizContainer__v1u42 {\n max-height: 70dvh;\n }\n}\n\n@media (max-width: 768px) and (max-height: 500px) {\n .quiz-module_quizContainer__v1u42 {\n max-height: 60dvh;\n }\n} ');d('/ Thin (100) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-thin.woff2") format("woff2");\n font-weight: 100;\n font-style: normal;\n font-display: swap;\n}\n\n/ Light (300) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-light.woff2") format("woff2");\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n/ Regular (400) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-regular.woff2") format("woff2");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n/ Medium (500) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-medium.woff2") format("woff2");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n/ Bold (700) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-bold.woff2") format("woff2");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n} ');var hn=function(e){var a,d,c=e.quizId,s=e.userId,f=e.tabSwitchLimit,p=e.onQuizComplete,h=e.baseURL,g=e.token,v=e.theme,b=e.direction,z=e.handleClose,x=t(!1),y=x[0],k=x[1],S=t(0),C=S[0],M=S[1],T=t(null),B=T[0],N=T[1],E=t(null),P=E[0],L=E[1],O=t(!1),I=O[0],R=O[1],j=t(!1),W=j[0],V=j[1],J=t(!0),U=J[0],G=J[1],X=w(f),hn=X.isLimitReached,gn=X.switchCount,vn=t(""),_n=vn[0],bn=vn[1],zn=i([]),xn=i(null);F(),r((function(){if(!(c&&s&&h&&g))return G(!1),bn("Missing required parameters to load quiz."),void V(!0);l(void 0,void 0,void 0,(function(){var n,o;return u(this,(function(e){switch(e.label){case 0:return e.trys.push([0,5,6,7]),G(!0),[4,fetch("".concat(h,"/user-assessment/").concat(c,"/").concat(s,"/get-session-data"),{headers:{Authorization:"Bearer ".concat(g)}})];case 1:return(n=e.sent()).ok?[4,n.json()]:[3,3];case 2:return o=e.sent(),L(o),[3,4];case 3:bn("Something went wrong. Please try again."),V(!0),e.label=4;case 4:return[3,7];case 5:return e.sent(),bn("Something went wrong. Please try again."),V(!0),[3,7];case 6:return G(!1),[7];case 7:return[2]}}))}))}),[c,s,h,g]);var qn=i(null),wn=t(!1),yn=wn[0],kn=wn[1],Sn=t(!1),Cn=Sn[0],Mn=Sn[1];r((function(){if(P){var n=qn.current;if(n){var o=function(){var o=n.scrollHeight>n.clientHeight,e=n.scrollTop+n.clientHeight>=n.scrollHeight-15;o?(e&&Mn(!0),kn(!e&&!Cn)):(kn(!1),Mn(!1))},e=requestAnimationFrame((function(){setTimeout(o,100)}));return n.addEventListener("scroll",o),window.addEventListener("resize",o),function(){cancelAnimationFrame(e),n.removeEventListener("scroll",o),window.removeEventListener("resize",o)}}}}),[P,C,Cn]);if(r((function(){gn>0&&gn<3&&R(!0)}),[gn]),r((function(){hn&&(bn("Your quiz has ended due to switching tabs too many times."),V(!0))}),[hn]),r((function(){return function(){zn.current.forEach((function(n){return clearTimeout(n)})),zn.current=[]}}),[]),!P&&U)return o("div",{className:K,style:"rtl"==b?{direction:"rtl"}:{},ref:xn,children:[n(Z,{theme:v,targetClass:K}),n(Y,{})]});var Tn=(null==P?void 0:P.questions)\|\|[],Bn=function(n,o,e,t){return l(void 0,void 0,void 0,(function(){return u(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,fetch("".concat(h,"/user-assessment/").concat(n,"/").concat(e,"/").concat(o,"/submit-answer"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(g)},body:JSON.stringify({optionIds:[t]})})];case 1:return i.sent().ok\|\|(bn("Something went wrong. Please try again."),V(!0)),[3,3];case 2:return i.sent(),[3,3];case 3:return[2]}}))}))},Qn=function(){return l(void 0,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return n.trys.push([0,5,,6]),[4,fetch("".concat(h,"/user-assessment/").concat(c,"/").concat(s,"/mark-quiz-complete"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(g)}})];case 1:return n.sent().ok?(k(!0),[4,p()]):[3,3];case 2:return n.sent(),[3,4];case 3:bn("Quiz completed, but there was an issue saving your progress."),V(!0),n.label=4;case 4:return[3,6];case 5:return n.sent(),bn("Quiz completed, but there was a network error. Please check your connection."),V(!0),[3,6];case 6:return[2]}}))}))},Nn=function(){return l(void 0,void 0,void 0,(function(){var n;return u(this,(function(o){switch(o.label){case 0:if(!B)return[2];if(!P\|\|!Tn.length)return bn("Quiz data is not available. Please try again."),V(!0),[2];G(!0),o.label=1;case 1:return o.trys.push([1,,6,7]),[4,Bn(c,Tn[C].id,s,B)];case 2:return o.sent(),C!==(null==Tn?void 0:Tn.length)-1?[3,4]:[4,Qn()];case 3:return o.sent(),[3,5];case 4:N(null),n=null===window\|\|void 0===window?void 0:window.setTimeout((function(){M((function(n){return n+1}));var n=window.setTimeout((function(){Mn(!1)}),150);zn.current.push(n)}),300),zn.current.push(n),o.label=5;case 5:return[3,7];case 6:return n=null===window\|\|void 0===window?void 0:window.setTimeout((function(){G(!1)}),300),zn.current.push(n),[7];case 7:return[2]}}))}))};function En(){return U?"Submitting":C===(null==Tn?void 0:Tn.length)-1?"Submit":"Next"}return y?null:o("div",{className:K,children:[n(Z,{theme:v,targetClass:K}),o("div",{className:$,style:"rtl"==b?{direction:"rtl"}:{},children:[o("div",{className:nn,children:[o("h3",{className:dn,children:["Questions: ",C+1,"/",(null==Tn?void 0:Tn.length)\|\|0]}),o("div",{className:on,children:[n(q,{markQuizComplete:Qn,duration:(null==P?void 0:P.duration)\|\|0,isEndScreenOpen:W}),z&&n("button",{className:en,onClick:z,children:n(D,{})})]})]}),o("div",{className:tn,ref:qn,children:[n("div",{className:rn,children:n(m,{question:(null===(a=Tn[C])\|\|void 0===a?void 0:a.text)\|\|""})}),o("div",{className:an,children:[o("div",{className:ln,children:[n("h3",{className:un,children:"Choose the right option"}),n("div",{className:pn,children:n("button",{className:sn,disabled:!B\|\|U\|\|!P,onClick:Nn,children:En()})}),n("div",{className:cn,children:n("button",{className:sn,disabled:!B\|\|U\|\|!P,onClick:Nn,children:En()})})]}),n(_,{loading:U,options:(null===(d=Tn[C])\|\|void 0===d?void 0:d.options)\|\|[],selectedOption:B,onSelect:N,direction:b})]})]})]}),n(Q,{open:I,onClose:function(){R(!1),V(!1),bn("")}}),n(H,{open:W,onClose:z,message:_n}),yn&&n("button",{className:mn+" "+fn,onClick:function(){var n=qn.current;n&&(n.scrollTo({top:n.scrollHeight+10,behavior:"smooth"}),Mn(!0),kn(!1))},children:n(A,{})})]})},gn={questionText:"question-module_questionText__SEG-N"};d('.question-module_questionText__SEG-N {\n font-size: var(--quiz-font-size-large, 24px);\n font-weight: var(--quiz-font-weight-bold, 700);\n color: var(--quiz-color-text-primary, #2E1500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: 33.6px;\n letter-spacing: 0.048px;\n }\n \n code {\n font-size: 0.8rem;\n font-weight: normal;\n }\n \n @media (max-width: 1320px) {\n / .questionText {\n font-size: var(--quiz-font-size-medium, 1rem);\n }\n .questionHtmlWrapper code {\n font-size: 0.8rem;\n } /\n }\n \n @media (max-width: 768px) {\n .question-module_questionText__SEG-N {\n font-size: 1.25rem;\n line-height: 25.6px;\n }\n }');var vn=function(o){var e=o.question;return n("div",{className:gn.questionHtmlWrapper,children:n("h2",{className:gn.questionText,dangerouslySetInnerHTML:{__html:e}})})},_n="options-module_optionsContainer__Fyukt",bn="options-module_optionBtn__pT-ri",zn="options-module_selected__Pukyd",xn="options-module_optionText__dyBcH";d('.options-module_optionsContainer__Fyukt {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 12px;\n / height: 50vh;\n overflow-y: auto; /\n }\n \n \n .options-module_optionBtn__pT-ri {\n width: 100%;\n padding: 16px;\n border-radius: var(--quiz-border-radius-medium, 8px);\n background: var(--quiz-color-option-background, #ffffff);\n cursor: pointer;\n transition: var(--quiz-transition-medium, 0.3s);\n color: var(--quiz-color-option-text, #1D1B21);\n border: none;\n text-align: left;\n border: 1px solid var(--quiz-color-option-border, #D9D9D9);\n / display: flex; /\n }\n \n .options-module_optionBtn__pT-ri:hover {\n background: var(--quiz-color-option-hover, #CBFF59);\n }\n \n .options-module_optionBtn__pT-ri.options-module_selected__Pukyd {\n background: var(--quiz-color-option-selected, #CBFF59);\n }\n \n .options-module_optionText__dyBcH {\n font-size: var(--quiz-font-size-medium, 1rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: 22px;\n letter-spacing: -0.1%;\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n }\n \n .options-module_optionImage__G3FXt {\n max-width: 100%;\n height: auto;\n border-radius: var(--quiz-border-radius-small, 4px);\n }\n \n .options-module_optionCode__q3GqF {\n background-color: #1e1e1e;\n color: white;\n padding: var(--quiz-spacing-small, 8px);\n border-radius: var(--quiz-border-radius-small, 4px);\n }\n \n @media (max-width: 768px) {\n / .optionText {\n font-size: 0.95rem;\n line-height: 21px;\n }\n /\n .options-module_optionBtn__pT-ri:hover {\n background: var(--quiz-color-option-selected, #CBFF59);\n }\n } ');var qn,wn=function(o){var e=o.options,t=o.selectedOption,i=o.onSelect,r=o.loading,a=o.direction;return n("div",{className:_n,children:null==e?void 0:e.map((function(o){return n("button",{disabled:r,className:"".concat(bn," ").concat(t===o.id&&zn),style:"rtl"===a?{textAlign:"unset"}:{},onClick:function(){return i(o.id)},children:o.text&&n("span",{className:xn,children:o.text})},o.id)}))})};function yn(){return yn=Object.assign?Object.assign.bind():function(n){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var t in e)({}).hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},yn.apply(null,arguments)}var kn=function(n){return e.createElement("svg",yn({xmlns:"http://www.w3.org/2000/svg",width:18,height:18,fill:"none"},n),qn\|\|(qn=e.createElement("path",{fill:"#fff",d:"M9 2.813a6.75 6.75 0 1 0 6.75 6.75A6.76 6.76 0 0 0 9 2.813m3.21 4.335L9.399 9.96a.564.564 0 0 1-.796-.795l2.813-2.813a.563.563 0 0 1 .796.796M6.75 1.125a.563.563 0 0 1 .563-.562h3.375a.563.563 0 1 1 0 1.125H7.312a.56.56 0 0 1-.562-.563"})))},Sn="timer-module_timer__o-tMk";d('.timer-module_timer__o-tMk {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n font-size: var(--quiz-font-size-medium, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n color: var(--quiz-color-text-primary, #161c20);\n }\n \n .timer-module_timer__o-tMk span {\n color: #FFF;\n font-size: var(--quiz-font-size-medium, 16px);\n font-weight: var(--quiz-font-weight-medium, 500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: var(--quiz-line-height-medium, 23px);\n letter-spacing: var(--quiz-letter-spacing-medium, -0.016px);\n \n }\n \n .timer-module_timer__o-tMk svg {\n width: 18px;\n height: 18px;\n fill: var(--quiz-color-text-primary, #161c20);\n }\n \n @media (max-width: 768px) {\n / .timer {\n font-size: var(--quiz-font-size-small, 0.85rem);\n } /\n \n / .timer span {\n font-size: var(--quiz-font-size-small, 1rem);\n } /\n \n .timer-module_timer__o-tMk svg {\n width: 16px;\n height: 16px;\n }\n }\n ');var Cn=function(e){var a=e.duration,l=e.markQuizComplete,u=e.isEndScreenOpen,d=t(a),c=d[0],s=d[1],m=i(null);r((function(){if(0!==a)return m.current&&clearInterval(m.current),m.current=setInterval((function(){s((function(n){return n>0?n-1:0}))}),1e3),function(){m.current&&clearInterval(m.current)}}),[a]),r((function(){0!==a&&0===c&&(l(),m.current&&clearInterval(m.current))}),[c,l]),r((function(){u&&m.current&&clearInterval(m.current)}),[u]);var f,p,h;return o("div",{className:Sn,children:[n(kn,{}),n("span",{children:(f=c,p=Math.floor(f/60),h=f%60,"".concat(p,":").concat(h<10?"0":"").concat(h))})]})},Mn="frontlineQuiz-module_quizPage__20qsB",Tn="frontlineQuiz-module_quizPageContainer__YCead",Bn="frontlineQuiz-module_quizTicker__0g1ga",Qn="frontlineQuiz-module_quizTickerRight__5DIuy",Nn="frontlineQuiz-module_closeBtn__hySeT",En="frontlineQuiz-module_quizContainer__RILFb",Pn="frontlineQuiz-module_cardDeck__JP0v4",Ln="frontlineQuiz-module_stackedCard__Vwgrw",On="frontlineQuiz-module_quizLeft__dyhwA",In="frontlineQuiz-module_quizRight__s7J3R",Hn="frontlineQuiz-module_quizRightHead__Xs3bh",Fn="frontlineQuiz-module_questionCount__cFlA-",Rn="frontlineQuiz-module_mobileNextBtn__trrH5",jn="frontlineQuiz-module_nextBtn__UeoLO",An="frontlineQuiz-module_nextBtnContainer__smf8H";d(' {\n box-sizing: border-box;\n }\n \n .frontlineQuiz-module_quizPage__20qsB {\n position: fixed;\n background: var(--quiz-color-background, #ffffff);\n width: 100vw;\n min-height: 100dvh;\n top: 0;\n left: 0;\n z-index: 100;\n box-sizing: border-box;\n overflow: visible; /* Changed from overflow-y: auto to prevent interference with fixed positioning /\n display: flex;\n flex-direction: column;\n }\n \n .frontlineQuiz-module_quizPageContainer__YCead {\n flex: 1;\n display: flex;\n flex-direction: column;\n border-radius: var(--quiz-border-radius-large, 16px);\n margin: var(--quiz-spacing-large, 24px) var(--quiz-spacing-medium, 16px) 0px var(--quiz-spacing-medium, 16px);\n height: 100%;\n background: var(--quiz-color-surface, #A198AC);\n overflow: visible; / Ensure no overflow interference with fixed positioning /\n }\n \n / Ticker stays in a row on all devices /\n .frontlineQuiz-module_quizTicker__0g1ga {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px 20px;\n / border-bottom: 1px solid var(--quiz-color-border, transparent); /\n }\n \n .frontlineQuiz-module_quizTickerRight__5DIuy {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n padding-right: 2rem;\n }\n \n .frontlineQuiz-module_closeBtn__hySeT{\n\n border: none;\n background: rgba(234, 234, 234, 0.50);\n cursor: pointer;\n padding-bottom: 3px;\n width: 24px;\n / height: 24px; /\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 20px;\n display: flex;\n font-size: 20px;\n aspect-ratio: 1/1;\n color: #ffffff;\n }\n \n .frontlineQuiz-module_closeBtn__hySeT svg {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n }\n \n .frontlineQuiz-module_quizContainer__RILFb {\n flex-grow: 1;\n width: 100%;\n display: flex;\n flex-direction: row; / side-by-side on desktop /\n align-items: flex-start;\n padding: var(--quiz-spacing-large, 24px) 56px var(--quiz-spacing-large, 24px);\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n justify-content: space-between;\n box-sizing: border-box;\n max-width: 1600px;\n margin: 0 auto;\n gap: 2rem;\n background: #ffffff;\n overflow: auto;\n scrollbar-width: none; / Firefox /\n -ms-overflow-style: none; / Internet Explorer 10+ /\n }\n \n .frontlineQuiz-module_quizContainer__RILFb::-webkit-scrollbar {\n display: none;\n }\n \n \n \n .frontlineQuiz-module_cardDeck__JP0v4{\n position: relative;\n width: 100%;\n flex: 1;\n overflow: hidden;\n }\n \n \n .frontlineQuiz-module_stackedCard__Vwgrw {\n position: absolute;\n top: 25px;\n left: 50%;\n bottom: 0;\n transform-origin: center top;\n transition: opacity 0.3s ease-in-out;\n overflow-x: hidden;\n overflow-y: auto;\n }\n \n .frontlineQuiz-module_exitingCard__mYZ2E {\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n }\n \n / Left & Right columns on desktop /\n .frontlineQuiz-module_quizLeft__dyhwA {\n width: 100%;\n max-width: 650px;\n overflow: initial;\n scrollbar-width: thin;\n scrollbar-color: #ccc transparent; / thumb color, track color /\n }\n \n / WebKit-based browsers (Chrome, Safari, Edge) /\n .frontlineQuiz-module_quizLeft__dyhwA::-webkit-scrollbar {\n width: 6px; / slim scrollbar /\n }\n \n .frontlineQuiz-module_quizLeft__dyhwA::-webkit-scrollbar-thumb {\n background-color: #ccc; / grey thumb /\n border-radius: 4px;\n }\n \n .frontlineQuiz-module_quizLeft__dyhwA::-webkit-scrollbar-track {\n background: transparent; / optional: transparent track /\n }\n \n .frontlineQuiz-module_quizRight__s7J3R {\n max-width: 622px;\n width: 100%;\n }\n \n .frontlineQuiz-module_quizRightHead__Xs3bh {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n \n .frontlineQuiz-module_chooseOption__W1lRR {\n font-size: var(--quiz-font-size-medium, 1rem);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: var(--quiz-line-height-xlarge, 32px);\n letter-spacing: 0.2%;\n color: var(--quiz-color-text-primary, #161c20);\n }\n \n .frontlineQuiz-module_questionCount__cFlA- {\n font-size: var(--quiz-font-size-small, 14px);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n color: var(--quiz-color-text-primary, #FFF);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: var(--quiz-line-height-small, 32px);\n }\n \n .frontlineQuiz-module_optionsContainer__xYly9 {\n display: flex;\n flex-direction: column;\n gap: 18px;\n margin-top: 12px;\n }\n \n .frontlineQuiz-module_mobileNextBtn__trrH5 {\n display: none;\n }\n \n / Button Styles /\n .frontlineQuiz-module_prevBtn__I2VdW,\n .frontlineQuiz-module_nextBtn__UeoLO {\n padding: 10px 54px;\n background: var(--quiz-color-button-primary, #000000);\n color: var(--quiz-color-button-primary-text, #ffffff);\n border: none;\n border-radius: var(--quiz-spacing-large, 24px);\n cursor: pointer;\n transition: var(--quiz-transition-medium, 0.3s);\n font-size: var(--quiz-font-size-small, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: 21px;\n }\n \n .frontlineQuiz-module_prevBtn__I2VdW {\n background: var(--quiz-color-button-secondary, #5d4037);\n color: var(--quiz-color-button-secondary-text, #ffffff);\n }\n \n .frontlineQuiz-module_nextBtn__UeoLO:disabled {\n background: var(--quiz-color-button-disabled, #d7ccc8);\n color: var(--quiz-color-button-disabled-text, #ffffff);\n cursor: not-allowed;\n }\n \n .frontlineQuiz-module_scrollDownBtn__-DHaP {\n position: fixed;\n bottom: 20px;\n right: 20px;\n z-index: 999;\n border: none;\n border-radius: 50%;\n padding: 4px;\n cursor: pointer;\n font-size: 20px;\n transition: background var(--quiz-transition-medium, 0.3s);\n background: var(--quiz-color-scroll-button, #ffffff);\n }\n \n .frontlineQuiz-module_bounce__kM2GG {\n animation: frontlineQuiz-module_bounce__kM2GG 1.6s infinite;\n }\n \n @keyframes frontlineQuiz-module_bounce__kM2GG {\n 0%,\n 20%,\n 50%,\n 80%,\n 100% {\n transform: translateY(0px);\n }\n 40% {\n transform: translateY(-4px);\n }\n 60% {\n transform: translateY(-2px);\n }\n }\n \n / RESPONSIVE LAYOUT /\n @media (max-width: 768px) {\n .frontlineQuiz-module_quizPageContainer__YCead {\n flex-direction: column;\n / padding: var(--quiz-spacing-medium, 16px); /\n / gap: 1rem; /\n overflow-y: auto;\n margin: 0;\n border-radius: 0;\n }\n \n .frontlineQuiz-module_quizContainer__RILFb {\n flex-direction: column;\n padding: 20px 20px 20px 20px;\n justify-content: start;\n gap: 24px;\n }\n \n \n \n \n .frontlineQuiz-module_quizTicker__0g1ga {\n padding: var(--quiz-spacing-medium, 16px);\n gap: 1rem;\n }\n \n .frontlineQuiz-module_quizLeft__dyhwA {\n max-width: 100%;\n / margin-bottom: 1rem; /\n min-height: max-content;\n }\n \n .frontlineQuiz-module_quizTickerRight__5DIuy {\n gap: 1rem;\n padding-right: 0;\n }\n \n .frontlineQuiz-module_chooseOption__W1lRR {\n font-size: var(--quiz-font-size-small, 0.9rem);\n line-height: var(--quiz-line-height-medium, 1.4rem);\n }\n \n .frontlineQuiz-module_nextBtnContainer__smf8H {\n display: none;\n }\n \n .frontlineQuiz-module_mobileNextBtn__trrH5 {\n display: block;\n position: fixed;\n bottom: 12px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 999;\n width: calc(100% - 40px);\n max-width: 350px;\n background: transparent;\n pointer-events: auto;\n }\n \n .frontlineQuiz-module_nextBtn__UeoLO {\n width: 100%;\n padding: var(--quiz-spacing-medium, 16px) var(--quiz-spacing-large, 24px);\n font-size: var(--quiz-font-size-medium, 1rem);\n }\n \n .frontlineQuiz-module_questionCount__cFlA- {\n font-size: 0.85rem;\n }\n \n .frontlineQuiz-module_optionBtn__Rgseg {\n padding: var(--quiz-spacing-medium, 16px);\n }\n }\n \n @media (max-width: 768px) and (max-height: 800px) {\n .frontlineQuiz-module_quizContainer__RILFb {\n / max-height: 70dvh; /\n }\n }\n \n @media (max-width: 768px) and (max-height: 500px) {\n .frontlineQuiz-module_quizContainer__RILFb {\n / max-height: 60dvh; /\n }\n } ');var Wn="confirmQuizExitModal-module_modalOverlay__AmJto",Dn="confirmQuizExitModal-module_modalContent__6v2cV",Vn="confirmQuizExitModal-module_modalHeader__73y33",Jn="confirmQuizExitModal-module_modalText__s1Bh9",Yn="confirmQuizExitModal-module_modalButtonContainer__zph-0",Un="confirmQuizExitModal-module_modalButtonCancel__UsDFm",Gn="confirmQuizExitModal-module_modalButtonConfirm__bQave";d('/ Modal Background Overlay /\n.confirmQuizExitModal-module_modalOverlay__AmJto {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n}\n\n/ Modal Box /\n.confirmQuizExitModal-module_modalContent__6v2cV {\n background: var(--confirm-quiz-exit-modal-background, #222);\n color: var(--confirm-quiz-exit-modal-text-color, #fff);\n padding: var(--confirm-quiz-exit-modal-padding, 32px);\n border-radius: var(--confirm-quiz-exit-modal-border-radius, 10px);\n width: 400px;\n text-align: center;\n position: relative;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n}\n\n/ Close Button /\n.confirmQuizExitModal-module_modalClose__Gol-K {\n position: absolute;\n top: 10px;\n right: 15px;\n background: none;\n border: none;\n font-size: 24px;\n color: var(--confirm-quiz-exit-modal-close-color, #fff);\n cursor: pointer;\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n/ Header /\n.confirmQuizExitModal-module_modalHeader__73y33 {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: var(--confirm-quiz-exit-modal-header-margin, 10px);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n.confirmQuizExitModal-module_modalHeader__73y33 h2 {\n font-size: var(--confirm-quiz-exit-modal-header-font-size, 28px);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n/ Warning Icon /\n.confirmQuizExitModal-module_modalIcon__SI6YL {\n font-size: 32px;\n color: var(--confirm-quiz-exit-modal-icon-color, #ffcc00);\n}\n\n/ Text /\n.confirmQuizExitModal-module_modalText__s1Bh9 {\n font-size: var(--confirm-quiz-exit-modal-text-font-size, 20px);\n color: var(--confirm-quiz-exit-modal-text-secondary-color, #ccc);\n margin-bottom: var(--confirm-quiz-exit-modal-text-margin, 20px);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n/ Button /\n.confirmQuizExitModal-module_modalButton__oVSCb {\n background: var(--confirm-quiz-exit-modal-button-background, #fff);\n color: var(--confirm-quiz-exit-modal-button-text-color, #222);\n border: none;\n padding: var(--confirm-quiz-exit-modal-button-padding, 10px 20px);\n border-radius: var(--confirm-quiz-exit-modal-button-border-radius, 20px);\n font-size: var(--confirm-quiz-exit-modal-button-font-size, 14px);\n cursor: pointer;\n transition: var(--confirm-quiz-exit-modal-button-transition, 0.3s);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n.confirmQuizExitModal-module_modalButton__oVSCb:hover {\n background: var(--confirm-quiz-exit-modal-button-hover-background, #ddd);\n color: var(--confirm-quiz-exit-modal-button-hover-text-color, #222);\n}\n\n.confirmQuizExitModal-module_modalButtonContainer__zph-0 {\n display: flex;\n justify-content: center;\n gap: var(--confirm-quiz-exit-modal-button-gap, 16px);\n}\n\n/ Cancel Button /\n\n.confirmQuizExitModal-module_modalButtonCancel__UsDFm {\n background: var(\n --confirm-quiz-exit-modal-button-cancel-background,\n transparent\n );\n color: var(\n --confirm-quiz-exit-modal-button-cancel-text-color,\n rgba(255, 255, 255, 0.8)\n );\n border: var(\n --confirm-quiz-exit-modal-button-cancel-border,\n 1px solid rgba(255, 255, 255, 0.8)\n );\n padding: var(--confirm-quiz-exit-modal-button-cancel-padding, 12px 20px);\n border-radius: var(\n --confirm-quiz-exit-modal-button-cancel-border-radius,\n 8px\n );\n font-size: var(--confirm-quiz-exit-modal-button-cancel-font-size, 14px);\n cursor: pointer;\n transition: var(--confirm-quiz-exit-modal-button-cancel-transition, 0.3s);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n font-weight: var(--confirm-quiz-exit-modal-button-cancel-font-weight, 600);\n width: var(--confirm-quiz-exit-modal-button-cancel-width, 90px);\n}\n\n.confirmQuizExitModal-module_modalButtonCancel__UsDFm:hover {\n background: var(\n --confirm-quiz-exit-modal-button-cancel-hover-background,\n rgba(255, 255, 255, 0.8)\n );\n color: var(--confirm-quiz-exit-modal-button-cancel-hover-text-color, #bbb);\n}\n\n/ Confirm Button /\n\n.confirmQuizExitModal-module_modalButtonConfirm__bQave {\n background: var(--confirm-quiz-exit-modal-button-confirm-background, #fff);\n color: var(--confirm-quiz-exit-modal-button-confirm-text-color, #000);\n border: var(--confirm-quiz-exit-modal-button-confirm-border, none);\n padding: var(--confirm-quiz-exit-modal-button-confirm-padding, 12px 20px);\n border-radius: var(\n --confirm-quiz-exit-modal-button-confirm-border-radius,\n 8px\n );\n font-size: var(--confirm-quiz-exit-modal-button-confirm-font-size, 14px);\n cursor: pointer;\n transition: var(--confirm-quiz-exit-modal-button-confirm-transition, 0.3s);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n font-weight: var(--confirm-quiz-exit-modal-button-confirm-font-weight, 600);\n width: var(--confirm-quiz-exit-modal-button-confirm-width, 90px);\n}\n\n.confirmQuizExitModal-module_modalButtonConfirm__bQave:hover {\n background: var(\n --confirm-quiz-exit-modal-button-confirm-hover-background,\n #eee\n );\n color: var(--confirm-quiz-exit-modal-button-confirm-hover-text-color, #111);\n}\n');var Xn=function(e){var t=e.open,i=e.message,r=e.onConfirm,a=e.onCancel;return t?n("div",{className:Wn,children:o("div",{className:Dn,children:[n("div",{className:Vn,children:n("h2",{children:"Exit Quiz"})}),n("p",{className:Jn,children:i}),o("div",{className:Yn,children:[n("button",{className:Un,onClick:a,children:"Cancel"}),n("button",{className:Gn,onClick:r,children:"Confirm"})]})]})}):null},Zn="languageSwitch-module_languageSwitch__Obcyb",Kn="languageSwitch-module_reversed__hsNOk",$n="languageSwitch-module_languageSwitchIcon__LJ47X",no="languageSwitch-module_languageSwitchLabel__cM9rn";d(".languageSwitch-module_languageSwitch__Obcyb {\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n transition: flex-direction 1s ease;\n background: #cbff59;\n height: 28px;\n min-width: 66px;\n padding: 4px 10px;\n border-radius: 200px;\n margin-right: 20px;\n}\n\n.languageSwitch-module_languageSwitch__Obcyb.languageSwitch-module_reversed__hsNOk {\n flex-direction: row-reverse;\n}\n\n.languageSwitch-module_languageSwitchIcon__LJ47X {\n color: #161c20;\n font-family: var(--font-inter);\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n letter-spacing: 0.44px;\n height: 20px;\n width: 20px;\n background-color: #fff;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n filter: drop-shadow(0 3px 1px rgba(0, 0, 0, 0.06))\n drop-shadow(0 3px 8px rgba(0, 0, 0, 0.15));\n transition: transform 0.4s ease;\n}\n\n.languageSwitch-module_languageSwitchLabel__cM9rn {\n color: #161c20;\n font-family: var(--font-inter);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n letter-spacing: 0.44px;\n}\n");var oo=function(e){var i,r,a=e.languages,l=e.selectedLanguage,u=e.onChange;if(2!==a.length)return null;if((null===(i=a[0])\|\|void 0===i?void 0:i.name)===(null===(r=a[1])\|\|void 0===r?void 0:r.name))return null;var d=t(!1),c=d[0],s=d[1],m=a.find((function(n){return(null==n?void 0:n.name)!==(null==l?void 0:l.name)}));return o("div",{className:"".concat(Zn," ").concat(c?Kn:""),onClick:function(){s((function(n){return!n})),m&&u(m)},children:[n("span",{className:$n,children:null==m?void 0:m.icon}),n("span",{className:no,children:(null==m?void 0:m.name)?null==m?void 0:m.name.slice(0,3):""})]})},eo=function(e){var d=e.quizId,c=e.userId,s=e.tabSwitchLimit,m=e.onQuizComplete,f=e.baseURL,p=e.token,h=e.theme,g=e.direction,v=e.handleClose,_=e.languages,b=e.defaultLanguage,z=t(!1),x=z[0],q=z[1],y=t(0),k=y[0],S=y[1],C=t(null),M=C[0],T=C[1],B=t(null),N=B[0],E=B[1],P=t(!1),L=P[0],O=P[1],I=t(!1),R=I[0],j=I[1],A=t(!0),W=A[0],D=A[1],V=w(s),J=V.isLimitReached,U=V.switchCount,G=t(""),X=G[0],K=G[1],$=t(!1),nn=$[0],on=$[1],en=t(b),tn=en[0],rn=en[1],an=t([]),ln=an[0],un=an[1],dn=t(!1),cn=dn[0],sn=dn[1],mn=i([]),fn=i(null);F(),r((function(){if(!(d&&c&&f&&p))return D(!1),K("Missing required parameters to load quiz."),void j(!0);l(void 0,void 0,void 0,(function(){var n,o;return u(this,(function(e){switch(e.label){case 0:return e.trys.push([0,5,6,7]),D(!0),[4,fetch("".concat(f,"/user-assessment/").concat(d,"/").concat(c,"/get-session-data"),{headers:{Authorization:"Bearer ".concat(p)}})];case 1:return(n=e.sent()).ok?[4,n.json()]:[3,3];case 2:return o=e.sent(),un((null==o?void 0:o.questions)\|\|[]),E(o),[3,4];case 3:K("Something went wrong. Please try again."),j(!0),e.label=4;case 4:return[3,7];case 5:return e.sent(),K("Something went wrong. Please try again."),j(!0),[3,7];case 6:return D(!1),[7];case 7:return[2]}}))}))}),[d,c,f,p]);var pn=i(null),hn=t(!1);hn[0];var gn=hn[1],_n=t(!1),bn=_n[0],zn=_n[1];r((function(){if(N){var n=pn.current;if(n){var o=function(){var o=n.scrollHeight>n.clientHeight,e=n.scrollTop+n.clientHeight>=n.scrollHeight-15;o?(e&&zn(!0),gn(!e&&!bn)):(gn(!1),zn(!1))},e=requestAnimationFrame((function(){setTimeout(o,100)}));return n.addEventListener("scroll",o),window.addEventListener("resize",o),function(){cancelAnimationFrame(e),n.removeEventListener("scroll",o),window.removeEventListener("resize",o)}}}}),[N,k,bn]);var xn=function(n,o,e){return l(void 0,void 0,void 0,(function(){var t,i,r,l,d;return u(this,(function(u){switch(u.label){case 0:return[4,fetch("".concat(f,"/user-assessment/translate-question/").concat(c),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(p)},body:JSON.stringify({questionId:n,language:o?null==o?void 0:o.toLocaleLowerCase():"",userAssessmentId:e})})];case 1:return(t=u.sent()).ok?[4,t.json()]:[3,3];case 2:if(!((null==(i=u.sent())?void 0:i.success)&&(null===(l=null===(r=null==i?void 0:i.data)\|\|void 0===r?void 0:r.options)\|\|void 0===l?void 0:l.length)>0&&(null===(d=null==i?void 0:i.data)\|\|void 0===d?void 0:d.question_text)))throw new Error("Failed to translate question");return un((function(o){return o.map((function(o){var e,t;return o.id===n?a(a({},o),{text:null===(e=null==i?void 0:i.data)\|\|void 0===e?void 0:e.question_text,options:null===(t=null==i?void 0:i.data)\|\|void 0===t?void 0:t.options}):o}))})),[2,i];case 3:throw new Error("Failed to translate question")}}))}))};function qn(n){return l(this,void 0,void 0,(function(){return u(this,(function(o){switch(o.label){case 0:return rn(n),sn(!0),[4,xn(ln[k].id,n.name,(null==N?void 0:N.id)\|\|"")];case 1:return o.sent(),[2]}}))}))}if(r((function(){U>0&&U<s&&O(!0)}),[U]),r((function(){J&&(K("Your quiz has ended due to switching tabs too many times."),j(!0))}),[J]),r((function(){return function(){mn.current.forEach((function(n){return clearTimeout(n)})),mn.current=[]}}),[]),!N&&W)return o("div",{className:Mn,style:"rtl"==g?{direction:"rtl"}:{},ref:fn,children:[n(Z,{theme:h,targetClass:Mn}),n(Y,{})]});function yn(){O(!1),on(!1),j(!1),K("")}function kn(){q(!0)}var Sn=function(n,o,e,t){return l(void 0,void 0,void 0,(function(){return u(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,fetch("".concat(f,"/user-assessment/").concat(n,"/").concat(e,"/").concat(o,"/submit-answer"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(p)},body:JSON.stringify({optionIds:[t]})})];case 1:return i.sent().ok\|\|(K("Something went wrong. Please try again."),j(!0)),[3,3];case 2:return i.sent(),[3,3];case 3:return[2]}}))}))},Wn=function(){return l(void 0,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return n.trys.push([0,5,,6]),[4,fetch("".concat(f,"/user-assessment/").concat(d,"/").concat(c,"/mark-quiz-complete"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(p)},body:JSON.stringify({isScoreAsPerQuestion:!0})})];case 1:return n.sent().ok?(kn(),[4,m()]):[3,3];case 2:return n.sent(),[3,4];case 3:K("Quiz completed, but there was an issue saving your progress."),j(!0),n.label=4;case 4:return[3,6];case 5:return n.sent(),K("Quiz completed, but there was a network error. Please check your connection."),j(!0),[3,6];case 6:return[2]}}))}))},Dn=function(){return l(void 0,void 0,void 0,(function(){var n;return u(this,(function(o){switch(o.label){case 0:if(!N\|\|!ln.length)return K("Quiz data is not available. Please try again."),j(!0),[2];D(!0),o.label=1;case 1:return o.trys.push([1,,8,9]),[4,Sn(d,ln[k].id,c,M)];case 2:return o.sent(),k!==(null==ln?void 0:ln.length)-1?[3,4]:[4,Wn()];case 3:return o.sent(),[3,7];case 4:return T(null),cn?[4,xn(ln[k+1].id,tn.name,null==N?void 0:N.id)]:[3,6];case 5:o.sent(),o.label=6;case 6:n=null===window\|\|void 0===window?void 0:window.setTimeout((function(){S((function(n){return n+1}));var n=window.setTimeout((function(){zn(!1)}),150);mn.current.push(n)}),300),mn.current.push(n),o.label=7;case 7:return[3,9];case 8:return n=null===window\|\|void 0===window?void 0:window.setTimeout((function(){D(!1)}),300),mn.current.push(n),[7];case 9:return[2]}}))}))};function Vn(){return W?"Submitting":k===(null==ln?void 0:ln.length)-1?"Submit":"Next"}return x?null:o("div",{className:Mn,children:[n(Z,{theme:h,targetClass:Mn}),o("div",{className:Tn,style:"rtl"==g?{direction:"rtl"}:{},children:[o("div",{className:Bn,children:[o("h3",{className:Fn,children:["Questions: ",k+1,"/",(null==ln?void 0:ln.length)\|\|0]}),o("div",{className:Qn,children:[n(Cn,{markQuizComplete:Wn,duration:(null==N?void 0:N.duration)\|\|0,isEndScreenOpen:R}),v&&n("button",{className:Nn,onClick:function(){return on(!0)},children:"×"})]})]}),n("div",{className:Pn,children:ln.slice(k).map((function(e,t){var i,r,a=t,l=0===a;return o("div",{className:"".concat(En," ").concat(Ln),style:{zIndex:ln.length-a,transform:"translateX(-50%) translateY(".concat(-11a,"px) scale(").concat(1-.025a,")"),width:"calc(100% - ".concat(24a,"px)"),opacity:l?1:.75-.15a,filter:l?"none":"blur(".concat(.8a,"px)"),backgroundColor:l?"#fff":"#f8f9fa",pointerEvents:l?"auto":"none",top:ln.length>4?"50px":"25px",paddingBottom:"80px"},ref:pn,children:[n("div",{className:On,children:n(vn,{question:(null===(i=ln[k])\|\|void 0===i?void 0:i.text)\|\|""})}),o("div",{className:In,children:[o("div",{className:Hn,children:[n(oo,{languages:_\|\|[],selectedLanguage:tn,onChange:qn}),n("div",{className:An,children:n("button",{className:jn,disabled:!M\|\|W\|\|!N,onClick:Dn,children:Vn()})})]}),n(wn,{loading:W,options:(null===(r=ln[k])\|\|void 0===r?void 0:r.options)\|\|[],selectedOption:M,onSelect:T,direction:g})]})]},k+t)}))})]}),M&&n("div",{className:Rn,children:n("button",{className:jn,disabled:!M\|\|W\|\|!N,onClick:Dn,children:Vn()})}),n(Q,{open:L,onClose:yn}),n(H,{open:R,onClose:v,message:X}),n(Xn,{open:nn,message:"Are you sure you want to exit the quiz?",onConfirm:v\|\|kn,onCancel:yn})]})};export{eo as FrontlineQuizPlayer,hn as default};
1	+ import{jsx as n,jsxs as o}from"react/jsx-runtime";importas e from"react";import{useState as t,useRef as i,useEffect as r}from"react";var a=function(){return a=Object.assign\|\|function(n){for(var o,e=1,t=arguments.length;e<t;e++)for(var i in o=arguments[e])Object.prototype.hasOwnProperty.call(o,i)&&(n[i]=o[i]);return n},a.apply(this,arguments)};function l(n,o,e,t){return new(e\|\|(e=Promise))((function(i,r){function a(n){try{u(t.next(n))}catch(n){r(n)}}function l(n){try{u(t.throw(n))}catch(n){r(n)}}function u(n){var o;n.done?i(n.value):(o=n.value,o instanceof e?o:new e((function(n){n(o)}))).then(a,l)}u((t=t.apply(n,o\|\|[])).next())}))}function u(n,o){var e,t,i,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]},a=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return a.next=l(0),a.throw=l(1),a.return=l(2),"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(u){return function(l){if(e)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(r=0)),r;)try{if(e=1,t&&(i=2&l[0]?t.return:l[0]?t.throw\|\|((i=t.return)&&i.call(t),0):t.next)&&!(i=i.call(t,l[1])).done)return i;switch(t=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,t=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!(i=r.trys,(i=i.length>0&&i[i.length-1])\|\|6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!i\|\|l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(6===l[0]&&r.label<i[1]){r.label=i[1],i=l;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(l);break}i[2]&&r.ops.pop(),r.trys.pop();continue}l=o.call(n,r)}catch(n){l=[6,n],t=0}finally{e=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,u])}}}function d(n,o){void 0===o&&(o={});var e=o.insertAt;if(n&&"undefined"!=typeof document){var t=document.head\|\|document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===e&&t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.styleSheet?i.styleSheet.cssText=n:i.appendChild(document.createTextNode(n))}}"function"==typeof SuppressedError&&SuppressedError;var c="question-module_questionHtmlWrapper__Twvia",s="question-module_questionText__T-h7Z";d('.question-module_questionHtmlWrapper__Twvia ul {\n list-style-type: disc;\n padding-left: 1.5rem;\n list-style-position: inside;\n}\n\n.question-module_questionHtmlWrapper__Twvia ol {\n list-style-type: disc;\n padding-left: 1.5rem;\n list-style-position: inside;\n}\n\n.question-module_questionText__T-h7Z {\n font-size: var(--quiz-font-size-large, 1.15rem);\n font-weight: var(--quiz-font-weight-bold, 600);\n color: var(--quiz-color-text-primary, #161c20);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: 25px;\n}\n\ncode {\n font-size: 0.8rem;\n font-weight: normal;\n}\n\n@media (max-width: 1320px) {\n .question-module_questionText__T-h7Z {\n font-size: var(--quiz-font-size-medium, 1rem);\n }\n .question-module_questionHtmlWrapper__Twvia code {\n font-size: 0.8rem;\n }\n}\n\n@media (max-width: 768px) {\n .question-module_questionText__T-h7Z {\n font-size: 0.95rem;\n line-height: 22px;\n }\n} ');var m=function(o){var e=o.question;return n("div",{className:c,children:n("h2",{className:s,dangerouslySetInnerHTML:{__html:e}})})},f="options-module_optionsContainer__atebx",p="options-module_optionBtn__LiVJD",h="options-module_selected__yvd2e",g="options-module_optionText__W2Nhm";d('.options-module_optionsContainer__atebx {\n display: flex;\n flex-direction: column;\n gap: 18px;\n margin-top: 12px;\n}\n\n.options-module_optionBtn__LiVJD {\n width: 100%;\n padding: 12px;\n border-radius: var(--quiz-border-radius-medium, 8px);\n background: var(--quiz-color-option-background, #ffffff);\n cursor: pointer;\n transition: var(--quiz-transition-medium, 0.3s);\n color: var(--quiz-color-option-text, #161c20);\n border: none;\n text-align: left;\n border: 1px solid var(--quiz-color-option-border, #e7e7e7);\n / display: flex; /\n}\n\n.options-module_optionBtn__LiVJD:hover {\n background: var(--quiz-color-option-hover, #e1d8c9);\n}\n\n.options-module_optionBtn__LiVJD.options-module_selected__yvd2e {\n background: var(--quiz-color-option-selected, #b59b7b);\n}\n\n.options-module_optionText__W2Nhm {\n font-size: var(--quiz-font-size-medium, 1rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: 22px;\n letter-spacing: -0.1%;\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n}\n\n.options-module_optionImage__DNo-g {\n max-width: 100%;\n height: auto;\n border-radius: var(--quiz-border-radius-small, 4px);\n}\n\n.options-module_optionCode__UBsLe {\n background-color: #1e1e1e;\n color: white;\n padding: var(--quiz-spacing-small, 8px);\n border-radius: var(--quiz-border-radius-small, 4px);\n}\n\n@media (max-width: 768px) {\n .options-module_optionText__W2Nhm {\n font-size: 0.95rem;\n line-height: 21px;\n }\n\n .options-module_optionBtn__LiVJD:hover {\n background: var(--quiz-color-option-selected, #b59b7b);\n }\n} ');var v,_=function(o){var e=o.options,t=o.selectedOption,i=o.onSelect,r=o.loading,a=o.direction;return n("div",{className:f,children:null==e?void 0:e.map((function(o){return n("button",{disabled:r,className:"".concat(p," ").concat(t===o.id&&h),style:"rtl"===a?{textAlign:"unset"}:{},onClick:function(){return i(o.id)},children:o.text&&n("span",{className:g,children:o.text})},o.id)}))})};function b(){return b=Object.assign?Object.assign.bind():function(n){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var t in e)({}).hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},b.apply(null,arguments)}var z=function(n){return e.createElement("svg",b({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none"},n),v\|\|(v=e.createElement("path",{fill:"#1D1B21",d:"M8 2.5a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6m2.854 3.854-2.5 2.5a.5.5 0 0 1-.708-.708l2.5-2.5a.5.5 0 1 1 .708.708M6 1a.5.5 0 0 1 .5-.5h3a.5.5 0 1 1 0 1h-3A.5.5 0 0 1 6 1"})))},x="timer-module_timer__J6Vp3";d('.timer-module_timer__J6Vp3 {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n font-size: var(--quiz-font-size-medium, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n color: var(--quiz-color-text-primary, #161c20);\n}\n\n.timer-module_timer__J6Vp3 span {\n color: var(--quiz-color-text-primary, #161c20);\n font-size: var(--quiz-font-size-medium, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n}\n\n.timer-module_timer__J6Vp3 svg {\n width: 18px;\n height: 18px;\n fill: var(--quiz-color-text-primary, #161c20);\n}\n\n@media (max-width: 768px) {\n .timer-module_timer__J6Vp3 {\n font-size: var(--quiz-font-size-small, 0.85rem);\n }\n \n .timer-module_timer__J6Vp3 span {\n font-size: var(--quiz-font-size-small, 0.85rem);\n }\n \n .timer-module_timer__J6Vp3 svg {\n width: 16px;\n height: 16px;\n }\n} ');var q=function(e){var a=e.duration,l=e.markQuizComplete,u=e.isEndScreenOpen,d=t(a),c=d[0],s=d[1],m=i(null);r((function(){if(0!==a)return m.current&&clearInterval(m.current),m.current=setInterval((function(){s((function(n){return n>0?n-1:0}))}),1e3),function(){m.current&&clearInterval(m.current)}}),[a]),r((function(){0!==a&&0===c&&(l(),m.current&&clearInterval(m.current))}),[c,l]),r((function(){u&&m.current&&clearInterval(m.current)}),[u]);var f,p,h;return o("div",{className:x,children:[n(z,{}),n("span",{children:(f=c,p=Math.floor(f/60),h=f%60,"".concat(p,":").concat(h<10?"0":"").concat(h))})]})},w=function(n){void 0===n&&(n=3);var o=t(0),e=o[0],i=o[1],a=t(!1),l=a[0],u=a[1];return r((function(){var n=function(){document.hidden&&i((function(n){return n+1}))};return document.addEventListener("visibilitychange",n),function(){document.removeEventListener("visibilitychange",n)}}),[]),r((function(){e>=n&&u(!0)}),[e,n]),{switchCount:e,isLimitReached:l}},y="tabSwitchModal-module_modalOverlay__KxoJM",k="tabSwitchModal-module_modalContent__IJiuo",S="tabSwitchModal-module_modalClose__HhoGx",C="tabSwitchModal-module_modalHeader__-RsEI",M="tabSwitchModal-module_modalIcon__wRuay",T="tabSwitchModal-module_modalText__sCgfv",B="tabSwitchModal-module_modalButton__Pawa9";d('/ Modal Background Overlay /\n.tabSwitchModal-module_modalOverlay__KxoJM {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n}\n\n/ Modal Box /\n.tabSwitchModal-module_modalContent__IJiuo {\n background: var(--quiz-tab-switch-modal-background, #222);\n color: var(--quiz-tab-switch-modal-text-color, #fff);\n padding: var(--quiz-tab-switch-modal-padding, 20px);\n border-radius: var(--quiz-tab-switch-modal-border-radius, 10px);\n width: 400px;\n text-align: center;\n position: relative;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n}\n\n/ Close Button /\n.tabSwitchModal-module_modalClose__HhoGx {\n position: absolute;\n top: 10px;\n right: 15px;\n background: none;\n border: none;\n font-size: 24px;\n color: var(--quiz-tab-switch-modal-close-color, #fff);\n cursor: pointer;\n font-family: var(--quiz-tab-switch-modal-font-family, "Patron", sans-serif);\n}\n\n/ Header /\n.tabSwitchModal-module_modalHeader__-RsEI {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: var(--quiz-tab-switch-modal-header-margin, 10px);\n font-family: var(--quiz-tab-switch-modal-font-family, "Patron", sans-serif);\n}\n\n/ Warning Icon /\n.tabSwitchModal-module_modalIcon__wRuay {\n font-size: 32px;\n color: var(--quiz-tab-switch-modal-icon-color, #ffcc00);\n}\n\n/ Text /\n.tabSwitchModal-module_modalText__sCgfv {\n font-size: var(--quiz-tab-switch-modal-text-font-size, 14px);\n color: var(--quiz-tab-switch-modal-text-secondary-color, #ccc);\n margin-bottom: var(--quiz-tab-switch-modal-text-margin, 20px);\n font-family: var(--quiz-tab-switch-modal-font-family, "Patron", sans-serif);\n}\n\n/ Button /\n.tabSwitchModal-module_modalButton__Pawa9 {\n background: var(--quiz-tab-switch-modal-button-background, #fff);\n color: var(--quiz-tab-switch-modal-button-text-color, #222);\n border: none;\n padding: var(--quiz-tab-switch-modal-button-padding, 10px 20px);\n border-radius: var(--quiz-tab-switch-modal-button-border-radius, 20px);\n font-size: var(--quiz-tab-switch-modal-button-font-size, 14px);\n cursor: pointer;\n transition: var(--quiz-tab-switch-modal-button-transition, 0.3s);\n font-family: var(--quiz-tab-switch-modal-font-family, "Patron", sans-serif);\n}\n\n.tabSwitchModal-module_modalButton__Pawa9:hover {\n background: var(--quiz-tab-switch-modal-button-hover-background, #ddd);\n color: var(--quiz-tab-switch-modal-button-hover-text-color, #222);\n} ');var Q=function(e){var t=e.open,i=e.onClose;return t?n("div",{className:y,children:o("div",{className:k,children:[n("button",{className:S,onClick:i,children:"×"}),o("div",{className:C,children:[n("span",{className:M,children:"⚠️"}),n("h2",{children:"Tab Switch Detected"})]}),n("p",{className:T,children:"Any further attempts to switch tabs or change browser windows will result in disqualification from the assessment."}),n("button",{className:B,onClick:i,children:"Understood"})]})}):null},N="quizEndScreen-module_endScreenOverlay__8EiUX",E="quizEndScreen-module_endScreenContent__hzr2O",P="quizEndScreen-module_endScreenClose__ztM4x";d('.quizEndScreen-module_endScreenOverlay__8EiUX {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--quiz-end-screen-background, #222);\n color: var(--quiz-end-screen-text-color, #fff);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n / direction: ltr; /\n}\n\n/ Content /\n.quizEndScreen-module_endScreenContent__hzr2O {\n text-align: center;\n font-size: var(--quiz-end-screen-font-size, 20px);\n font-weight: var(--quiz-end-screen-font-weight, bold);\n font-family: var(--quiz-end-screen-font-family, "Patron", sans-serif);\n color: var(--quiz-end-screen-text-color, #fff);\n padding: 20px;\n}\n\n.quizEndScreen-module_endScreenClose__ztM4x {\n position: absolute;\n top: 20px;\n right: 25px;\n background: none;\n border: none;\n font-size: 24px;\n color: var(--quiz-end-screen-close-color, #fff);\n cursor: pointer;\n font-family: var(--quiz-end-screen-font-family, "Patron", sans-serif);\n} ');var L,O,I,H=function(e){var t=e.open,i=e.onClose,r=e.message;return t?o("div",{className:N,children:[i&&n("button",{className:P,onClick:i,children:"×"}),n("div",{className:E,children:n("p",{children:r\|\|"Your quiz has ended due to switching tabs too many times."})})]}):null},F=function(){r((function(){var n=function(n){return n.preventDefault()},o=function(n){return n.preventDefault()},e=function(n){return n.preventDefault()};return document.addEventListener("copy",n),document.addEventListener("cut",n),document.addEventListener("paste",n),document.addEventListener("selectstart",o),document.addEventListener("contextmenu",e),function(){document.removeEventListener("copy",n),document.removeEventListener("cut",n),document.removeEventListener("paste",n),document.removeEventListener("selectstart",o),document.removeEventListener("contextmenu",e)}}),[])};function R(){return R=Object.assign?Object.assign.bind():function(n){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var t in e)({}).hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},R.apply(null,arguments)}var j,A=function(n){return e.createElement("svg",R({xmlns:"http://www.w3.org/2000/svg",width:38,height:38,fill:"none"},n),L\|\|(L=e.createElement("rect",{width:38,height:38,fill:"#151515",rx:19})),O\|\|(O=e.createElement("g",{clipPath:"url(#downArrow_svg__a)"},e.createElement("path",{fill:"#fff",d:"M8.758 21.194c.037.14.145.36.234.492.09.136 2.138 2.222 4.556 4.636 5.035 5.03 4.594 4.655 5.452 4.655.427 0 .525-.015.727-.113.182-.094 1.18-1.06 4.725-4.594 2.47-2.465 4.546-4.57 4.612-4.678.145-.243.248-.623.248-.91 0-.454-.295-1.077-.637-1.335-.342-.263-.97-.399-1.397-.3-.534.122-.576.16-3.319 2.873-2.667 2.649-2.878 2.883-3.117 3.46-.08.201-.084-.043-.108-8.442l-.023-8.649-.127-.267a1.84 1.84 0 0 0-.796-.84c-.282-.154-.32-.159-.788-.159-.445 0-.516.015-.75.132-.464.239-.788.633-.919 1.12-.056.211-.065 1.608-.065 8.756v8.508l-.136-.281a3.7 3.7 0 0 0-.347-.563c-.117-.154-1.36-1.425-2.761-2.817-1.945-1.94-2.602-2.569-2.78-2.658-.914-.454-1.94-.13-2.376.75-.178.361-.22.83-.108 1.224"}))),I\|\|(I=e.createElement("defs",null,e.createElement("clipPath",{id:"downArrow_svg__a"},e.createElement("path",{fill:"#fff",d:"M7 31V7h24v24z"})))))};function W(){return W=Object.assign?Object.assign.bind():function(n){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var t in e)({}).hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},W.apply(null,arguments)}var D=function(n){return e.createElement("svg",W({xmlns:"http://www.w3.org/2000/svg",width:24,height:23,fill:"none"},n),j\|\|(j=e.createElement("path",{fill:"#000",d:"M17.837 5.797a.94.94 0 0 0-1.328 0l-4.305 4.306-4.306-4.306a.939.939 0 0 0-1.327 1.328l4.305 4.306-4.305 4.305a.939.939 0 0 0 1.327 1.328l4.306-4.306 4.305 4.306a.94.94 0 0 0 1.328-1.328l-4.306-4.305 4.306-4.306a.94.94 0 0 0 0-1.328"})))},V="loader-module_loaderOverlay__-THCU",J="loader-module_loaderSpinner__c8AWp";d(".loader-module_loaderOverlay__-THCU {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--quiz-loader-background, black);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 9999;\n}\n\n.loader-module_loaderSpinner__c8AWp {\n border: 8px solid var(--quiz-loader-spinner-border, rgba(255, 255, 255, 0.2));\n border-top: 8px solid var(--quiz-loader-spinner-color, white);\n border-radius: 50%;\n width: 60px;\n height: 60px;\n animation: loader-module_spin__IzlCN 1s linear infinite;\n}\n\n@keyframes loader-module_spin__IzlCN {\n to {\n transform: rotate(360deg);\n }\n} ");var Y=function(){return n("div",{className:V,children:n("div",{className:J})})},U={colors:{primary:"#000000",secondary:"#5d4037",background:"#ffffff",surface:"#f8f5f2",text:{primary:"#161c20",secondary:"#666666"},button:{primary:"#000000",primaryText:"#ffffff",secondary:"#5d4037",secondaryText:"#ffffff",disabled:"#d7ccc8",disabledText:"#ffffff"},option:{background:"#ffffff",hover:"#e1d8c9",selected:"#b59b7b",border:"#e7e7e7",text:"#161c20"},border:"#e1d8c9",scrollButton:"#ffffff"},typography:{fontFamily:"Patron, sans-serif",fontSize:{small:"0.9rem",medium:"1rem",large:"1.15rem",xlarge:"1.5rem"},fontWeight:{normal:"400",medium:"500",bold:"600"},lineHeight:{small:"1.2rem",medium:"1.4rem",large:"1.6rem"}},spacing:{small:"8px",medium:"16px",large:"24px",xlarge:"32px"},borderRadius:{small:"4px",medium:"8px",large:"16px"},transitions:{fast:"0.15s",medium:"0.3s",slow:"0.5s"},loader:{background:"black",spinnerColor:"white",spinnerBorder:"rgba(255, 255, 255, 0.2)"},endScreen:{background:"#222",textColor:"#fff",closeColor:"#fff",fontSize:"20px",fontWeight:"bold",fontFamily:'"Patron", sans-serif'},tabSwitchModal:{background:"#222",textColor:"#fff",closeColor:"#fff",textSecondaryColor:"#ccc",iconColor:"#ffcc00",buttonBackground:"#fff",buttonTextColor:"#222",buttonHoverBackground:"#ddd",buttonHoverTextColor:"#222",fontFamily:'"Patron", sans-serif',textFontSize:"14px",buttonFontSize:"14px",padding:"20px",headerMargin:"10px",textMargin:"20px",buttonPadding:"10px 20px",borderRadius:"10px",buttonBorderRadius:"20px",buttonTransition:"0.3s"}};function G(n,o){var e=a({},n);for(var t in o)void 0!==o[t]&&null!==o[t]&&(o[t]&&"object"==typeof o[t]&&!Array.isArray(o[t])?e[t]=G(n[t]\|\|{},o[t]):e[t]=o[t]);return e}function X(n,o){return o?G(n,o):n}var Z=function(o){var e,t=o.theme,i=o.targetClass,r=void 0===i?".quiz-page":i;if(!t\|\|(!(e=t)\|\|"object"!=typeof e\|\|0===Object.keys(e).length))return null;var a=function(n){return function(n){var o,e,t,i,r,a,l,u,d,c,s,m,f,p,h,g,v,_,b,z,x,q,w,y,k,S,C,M,T,B,Q,N,E,P,L,O,I,H,F,R,j,A,W,D,V,J,Y,U,G,X,Z,K={};return n.colors&&(n.colors.primary&&(K["--quiz-color-primary"]=n.colors.primary),n.colors.secondary&&(K["--quiz-color-secondary"]=n.colors.secondary),n.colors.background&&(K["--quiz-color-background"]=n.colors.background),n.colors.surface&&(K["--quiz-color-surface"]=n.colors.surface),n.colors.border&&(K["--quiz-color-border"]=n.colors.border),n.colors.scrollButton&&(K["--quiz-color-scroll-button"]=n.colors.scrollButton),(null===(o=n.colors.text)\|\|void 0===o?void 0:o.primary)&&(K["--quiz-color-text-primary"]=n.colors.text.primary),(null===(e=n.colors.text)\|\|void 0===e?void 0:e.secondary)&&(K["--quiz-color-text-secondary"]=n.colors.text.secondary),(null===(t=n.colors.button)\|\|void 0===t?void 0:t.primary)&&(K["--quiz-color-button-primary"]=n.colors.button.primary),(null===(i=n.colors.button)\|\|void 0===i?void 0:i.primaryText)&&(K["--quiz-color-button-primary-text"]=n.colors.button.primaryText),(null===(r=n.colors.button)\|\|void 0===r?void 0:r.secondary)&&(K["--quiz-color-button-secondary"]=n.colors.button.secondary),(null===(a=n.colors.button)\|\|void 0===a?void 0:a.secondaryText)&&(K["--quiz-color-button-secondary-text"]=n.colors.button.secondaryText),(null===(l=n.colors.button)\|\|void 0===l?void 0:l.disabled)&&(K["--quiz-color-button-disabled"]=n.colors.button.disabled),(null===(u=n.colors.button)\|\|void 0===u?void 0:u.disabledText)&&(K["--quiz-color-button-disabled-text"]=n.colors.button.disabledText),(null===(d=n.colors.option)\|\|void 0===d?void 0:d.background)&&(K["--quiz-color-option-background"]=n.colors.option.background),(null===(c=n.colors.option)\|\|void 0===c?void 0:c.hover)&&(K["--quiz-color-option-hover"]=n.colors.option.hover),(null===(s=n.colors.option)\|\|void 0===s?void 0:s.selected)&&(K["--quiz-color-option-selected"]=n.colors.option.selected),(null===(m=n.colors.option)\|\|void 0===m?void 0:m.border)&&(K["--quiz-color-option-border"]=n.colors.option.border),(null===(f=n.colors.option)\|\|void 0===f?void 0:f.text)&&(K["--quiz-color-option-text"]=n.colors.option.text)),n.typography&&(n.typography.fontFamily&&(K["--quiz-font-family"]=n.typography.fontFamily),(null===(p=n.typography.fontSize)\|\|void 0===p?void 0:p.small)&&(K["--quiz-font-size-small"]=n.typography.fontSize.small),(null===(h=n.typography.fontSize)\|\|void 0===h?void 0:h.medium)&&(K["--quiz-font-size-medium"]=n.typography.fontSize.medium),(null===(g=n.typography.fontSize)\|\|void 0===g?void 0:g.large)&&(K["--quiz-font-size-large"]=n.typography.fontSize.large),(null===(v=n.typography.fontSize)\|\|void 0===v?void 0:v.xlarge)&&(K["--quiz-font-size-xlarge"]=n.typography.fontSize.xlarge),(null===(_=n.typography.fontWeight)\|\|void 0===_?void 0:_.normal)&&(K["--quiz-font-weight-normal"]=n.typography.fontWeight.normal),(null===(b=n.typography.fontWeight)\|\|void 0===b?void 0:b.medium)&&(K["--quiz-font-weight-medium"]=n.typography.fontWeight.medium),(null===(z=n.typography.fontWeight)\|\|void 0===z?void 0:z.bold)&&(K["--quiz-font-weight-bold"]=n.typography.fontWeight.bold),(null===(x=n.typography.lineHeight)\|\|void 0===x?void 0:x.small)&&(K["--quiz-line-height-small"]=n.typography.lineHeight.small),(null===(q=n.typography.lineHeight)\|\|void 0===q?void 0:q.medium)&&(K["--quiz-line-height-medium"]=n.typography.lineHeight.medium),(null===(w=n.typography.lineHeight)\|\|void 0===w?void 0:w.large)&&(K["--quiz-line-height-large"]=n.typography.lineHeight.large)),n.spacing&&(n.spacing.small&&(K["--quiz-spacing-small"]=n.spacing.small),n.spacing.medium&&(K["--quiz-spacing-medium"]=n.spacing.medium),n.spacing.large&&(K["--quiz-spacing-large"]=n.spacing.large),n.spacing.xlarge&&(K["--quiz-spacing-xlarge"]=n.spacing.xlarge)),n.borderRadius&&(n.borderRadius.small&&(K["--quiz-border-radius-small"]=n.borderRadius.small),n.borderRadius.medium&&(K["--quiz-border-radius-medium"]=n.borderRadius.medium),n.borderRadius.large&&(K["--quiz-border-radius-large"]=n.borderRadius.large)),n.transitions&&(n.transitions.fast&&(K["--quiz-transition-fast"]=n.transitions.fast),n.transitions.medium&&(K["--quiz-transition-medium"]=n.transitions.medium),n.transitions.slow&&(K["--quiz-transition-slow"]=n.transitions.slow)),(null===(y=n.loader)\|\|void 0===y?void 0:y.background)&&(K["--quiz-loader-background"]=n.loader.background),(null===(k=n.loader)\|\|void 0===k?void 0:k.spinnerColor)&&(K["--quiz-loader-spinner-color"]=n.loader.spinnerColor),(null===(S=n.loader)\|\|void 0===S?void 0:S.spinnerBorder)&&(K["--quiz-loader-spinner-border"]=n.loader.spinnerBorder),(null===(C=n.endScreen)\|\|void 0===C?void 0:C.background)&&(K["--quiz-end-screen-background"]=n.endScreen.background),(null===(M=n.endScreen)\|\|void 0===M?void 0:M.textColor)&&(K["--quiz-end-screen-text-color"]=n.endScreen.textColor),(null===(T=n.endScreen)\|\|void 0===T?void 0:T.closeColor)&&(K["--quiz-end-screen-close-color"]=n.endScreen.closeColor),(null===(B=n.endScreen)\|\|void 0===B?void 0:B.fontSize)&&(K["--quiz-end-screen-font-size"]=n.endScreen.fontSize),(null===(Q=n.endScreen)\|\|void 0===Q?void 0:Q.fontWeight)&&(K["--quiz-end-screen-font-weight"]=n.endScreen.fontWeight),(null===(N=n.endScreen)\|\|void 0===N?void 0:N.fontFamily)&&(K["--quiz-end-screen-font-family"]=n.endScreen.fontFamily),(null===(E=n.tabSwitchModal)\|\|void 0===E?void 0:E.background)&&(K["--quiz-tab-switch-modal-background"]=n.tabSwitchModal.background),(null===(P=n.tabSwitchModal)\|\|void 0===P?void 0:P.textColor)&&(K["--quiz-tab-switch-modal-text-color"]=n.tabSwitchModal.textColor),(null===(L=n.tabSwitchModal)\|\|void 0===L?void 0:L.closeColor)&&(K["--quiz-tab-switch-modal-close-color"]=n.tabSwitchModal.closeColor),(null===(O=n.tabSwitchModal)\|\|void 0===O?void 0:O.textSecondaryColor)&&(K["--quiz-tab-switch-modal-text-secondary-color"]=n.tabSwitchModal.textSecondaryColor),(null===(I=n.tabSwitchModal)\|\|void 0===I?void 0:I.iconColor)&&(K["--quiz-tab-switch-modal-icon-color"]=n.tabSwitchModal.iconColor),(null===(H=n.tabSwitchModal)\|\|void 0===H?void 0:H.buttonBackground)&&(K["--quiz-tab-switch-modal-button-background"]=n.tabSwitchModal.buttonBackground),(null===(F=n.tabSwitchModal)\|\|void 0===F?void 0:F.buttonTextColor)&&(K["--quiz-tab-switch-modal-button-text-color"]=n.tabSwitchModal.buttonTextColor),(null===(R=n.tabSwitchModal)\|\|void 0===R?void 0:R.buttonHoverBackground)&&(K["--quiz-tab-switch-modal-button-hover-background"]=n.tabSwitchModal.buttonHoverBackground),(null===(j=n.tabSwitchModal)\|\|void 0===j?void 0:j.buttonHoverTextColor)&&(K["--quiz-tab-switch-modal-button-hover-text-color"]=n.tabSwitchModal.buttonHoverTextColor),(null===(A=n.tabSwitchModal)\|\|void 0===A?void 0:A.fontFamily)&&(K["--quiz-tab-switch-modal-font-family"]=n.tabSwitchModal.fontFamily),(null===(W=n.tabSwitchModal)\|\|void 0===W?void 0:W.textFontSize)&&(K["--quiz-tab-switch-modal-text-font-size"]=n.tabSwitchModal.textFontSize),(null===(D=n.tabSwitchModal)\|\|void 0===D?void 0:D.buttonFontSize)&&(K["--quiz-tab-switch-modal-button-font-size"]=n.tabSwitchModal.buttonFontSize),(null===(V=n.tabSwitchModal)\|\|void 0===V?void 0:V.padding)&&(K["--quiz-tab-switch-modal-padding"]=n.tabSwitchModal.padding),(null===(J=n.tabSwitchModal)\|\|void 0===J?void 0:J.headerMargin)&&(K["--quiz-tab-switch-modal-header-margin"]=n.tabSwitchModal.headerMargin),(null===(Y=n.tabSwitchModal)\|\|void 0===Y?void 0:Y.textMargin)&&(K["--quiz-tab-switch-modal-text-margin"]=n.tabSwitchModal.textMargin),(null===(U=n.tabSwitchModal)\|\|void 0===U?void 0:U.buttonPadding)&&(K["--quiz-tab-switch-modal-button-padding"]=n.tabSwitchModal.buttonPadding),(null===(G=n.tabSwitchModal)\|\|void 0===G?void 0:G.borderRadius)&&(K["--quiz-tab-switch-modal-border-radius"]=n.tabSwitchModal.borderRadius),(null===(X=n.tabSwitchModal)\|\|void 0===X?void 0:X.buttonBorderRadius)&&(K["--quiz-tab-switch-modal-button-border-radius"]=n.tabSwitchModal.buttonBorderRadius),(null===(Z=n.tabSwitchModal)\|\|void 0===Z?void 0:Z.buttonTransition)&&(K["--quiz-tab-switch-modal-button-transition"]=n.tabSwitchModal.buttonTransition),K}(X(U,n))}(t);if(0===Object.keys(a).length)return null;var l=Object.entries(a).map((function(n){var o=n[0],e=n[1];return"".concat(o,": ").concat(e,";")})).join("\n ");return n("style",{children:"\n .".concat(r," {\n ").concat(l,"\n }\n ")})},K="quiz-module_quizPage__VGbhc",$="quiz-module_quizPageContainer__kQZ4d",nn="quiz-module_quizTicker__i1CIw",on="quiz-module_quizTickerRight__5SdyV",en="quiz-module_closeBtn__2ZUdu",tn="quiz-module_quizContainer__v1u42",rn="quiz-module_quizLeft__2c5nS",an="quiz-module_quizRight__VW2vj",ln="quiz-module_quizRightHead__zzia5",un="quiz-module_chooseOption__oisps",dn="quiz-module_questionCount__whDFY",cn="quiz-module_mobileNextBtn__iSSfH",sn="quiz-module_nextBtn__AvAyW",mn="quiz-module_scrollDownBtn__7-XTG",fn="quiz-module_bounce__8egNx",pn="quiz-module_nextBtnContainer__TvCOi";d(' {\n box-sizing: border-box;\n}\n\n.quiz-module_quizPage__VGbhc {\n position: fixed;\n background: var(--quiz-color-background, #ffffff);\n width: 100vw;\n min-height: 100dvh;\n top: 0;\n left: 0;\n z-index: 100;\n box-sizing: border-box;\n overflow-y: auto; /* ensure scrolling works /\n display: flex;\n flex-direction: column;\n}\n\n.quiz-module_quizPageContainer__kQZ4d {\n flex: 1;\n display: flex;\n flex-direction: column;\n border-radius: var(--quiz-border-radius-large, 16px);\n margin: var(--quiz-spacing-large, 24px) var(--quiz-spacing-medium, 16px) 0px var(--quiz-spacing-medium, 16px);\n height: 100%;\n background: var(--quiz-color-surface, #f8f5f2);\n}\n\n/ Ticker stays in a row on all devices /\n.quiz-module_quizTicker__i1CIw {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px 20px;\n border-bottom: 1px solid var(--quiz-color-border, #e1d8c9);\n}\n\n.quiz-module_quizTickerRight__5SdyV {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n padding-right: 2rem;\n}\n\n.quiz-module_closeBtn__2ZUdu{\n border: none;\n background: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 4px;\n}\n\n.quiz-module_closeBtn__2ZUdu svg {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n}\n\n.quiz-module_quizContainer__v1u42 {\n flex-grow: 1;\n width: 100%;\n display: flex;\n flex-direction: row; / side-by-side on desktop /\n align-items: flex-start;\n padding: var(--quiz-spacing-large, 24px) 56px var(--quiz-spacing-large, 24px);\n border-radius: 10px;\n justify-content: space-between;\n box-sizing: border-box;\n max-width: 1600px;\n margin: 0 auto;\n max-height: 80dvh;\n overflow: auto;\n gap: 2rem;\n scrollbar-width: none; / Firefox /\n -ms-overflow-style: none; / Internet Explorer 10+ /\n}\n\n.quiz-module_quizContainer__v1u42::-webkit-scrollbar {\n display: none;\n}\n\n/ Left & Right columns on desktop /\n.quiz-module_quizLeft__2c5nS {\n width: 100%;\n max-width: 650px;\n overflow: auto;\n scrollbar-width: thin;\n scrollbar-color: #ccc transparent; / thumb color, track color /\n}\n\n/ WebKit-based browsers (Chrome, Safari, Edge) /\n.quiz-module_quizLeft__2c5nS::-webkit-scrollbar {\n width: 6px; / slim scrollbar /\n}\n\n.quiz-module_quizLeft__2c5nS::-webkit-scrollbar-thumb {\n background-color: #ccc; / grey thumb /\n border-radius: 4px;\n}\n\n.quiz-module_quizLeft__2c5nS::-webkit-scrollbar-track {\n background: transparent; / optional: transparent track /\n}\n\n.quiz-module_quizRight__VW2vj {\n max-width: 622px;\n width: 100%;\n}\n\n.quiz-module_quizRightHead__zzia5 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.quiz-module_chooseOption__oisps {\n font-size: var(--quiz-font-size-medium, 1rem);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: var(--quiz-line-height-xlarge, 32px);\n letter-spacing: 0.2%;\n color: var(--quiz-color-text-primary, #161c20);\n}\n\n.quiz-module_questionCount__whDFY {\n font-size: var(--quiz-font-size-small, 0.9rem);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n color: var(--quiz-color-text-primary, #161c20);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: var(--quiz-line-height-small, 1.2rem);\n}\n\n.quiz-module_optionsContainer__rNs2w {\n display: flex;\n flex-direction: column;\n gap: 18px;\n margin-top: 12px;\n}\n\n.quiz-module_mobileNextBtn__iSSfH {\n display: none;\n}\n\n/ Button Styles /\n.quiz-module_prevBtn__3rk6z,\n.quiz-module_nextBtn__AvAyW {\n padding: 10px 54px;\n background: var(--quiz-color-button-primary, #000000);\n color: var(--quiz-color-button-primary-text, #ffffff);\n border: none;\n border-radius: var(--quiz-spacing-large, 24px);\n cursor: pointer;\n transition: var(--quiz-transition-medium, 0.3s);\n font-size: var(--quiz-font-size-small, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: 21px;\n}\n\n.quiz-module_prevBtn__3rk6z {\n background: var(--quiz-color-button-secondary, #5d4037);\n color: var(--quiz-color-button-secondary-text, #ffffff);\n}\n\n.quiz-module_nextBtn__AvAyW:disabled {\n background: var(--quiz-color-button-disabled, #d7ccc8);\n color: var(--quiz-color-button-disabled-text, #ffffff);\n cursor: not-allowed;\n}\n\n.quiz-module_scrollDownBtn__7-XTG {\n position: fixed;\n bottom: 20px;\n right: 20px;\n z-index: 999;\n border: none;\n border-radius: 50%;\n padding: 4px;\n cursor: pointer;\n font-size: 20px;\n transition: background var(--quiz-transition-medium, 0.3s);\n background: var(--quiz-color-scroll-button, #ffffff);\n}\n\n.quiz-module_bounce__8egNx {\n animation: quiz-module_bounce__8egNx 1.6s infinite;\n}\n\n@keyframes quiz-module_bounce__8egNx {\n 0%,\n 20%,\n 50%,\n 80%,\n 100% {\n transform: translateY(0px);\n }\n 40% {\n transform: translateY(-4px);\n }\n 60% {\n transform: translateY(-2px);\n }\n}\n\n/ RESPONSIVE LAYOUT /\n@media (max-width: 768px) {\n .quiz-module_quizPageContainer__kQZ4d {\n flex-direction: column;\n padding: var(--quiz-spacing-medium, 16px);\n gap: 1rem;\n overflow-y: auto;\n margin: 0;\n border-radius: 0;\n }\n\n .quiz-module_quizContainer__v1u42 {\n flex-direction: column;\n padding: 0;\n justify-content: space-between;\n}\n\n\n .quiz-module_quizTicker__i1CIw {\n padding: var(--quiz-spacing-medium, 16px);\n gap: 1rem;\n }\n\n .quiz-module_quizLeft__2c5nS {\n max-width: 100%;\n margin-bottom: 1rem;\n max-height: none;\n overflow: initial;\n }\n\n .quiz-module_quizTickerRight__5SdyV {\n gap: 1rem;\n padding-right: 0;\n }\n\n .quiz-module_chooseOption__oisps {\n font-size: var(--quiz-font-size-small, 0.9rem);\n line-height: var(--quiz-line-height-medium, 1.4rem);\n }\n\n .quiz-module_nextBtnContainer__TvCOi {\n display: none;\n }\n\n .quiz-module_mobileNextBtn__iSSfH {\n display: block;\n position: fixed;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 1000;\n width: calc(100% - 40px);\n max-width: 350px;\n }\n\n .quiz-module_nextBtn__AvAyW {\n width: 100%;\n padding: var(--quiz-spacing-medium, 16px) var(--quiz-spacing-large, 24px);\n font-size: var(--quiz-font-size-medium, 1rem);\n }\n\n .quiz-module_questionCount__whDFY {\n font-size: 0.85rem;\n }\n\n .quiz-module_optionBtn__bIwda {\n padding: var(--quiz-spacing-medium, 16px);\n }\n}\n\n@media (max-width: 768px) and (max-height: 800px) {\n .quiz-module_quizContainer__v1u42 {\n max-height: 70dvh;\n }\n}\n\n@media (max-width: 768px) and (max-height: 500px) {\n .quiz-module_quizContainer__v1u42 {\n max-height: 60dvh;\n }\n} ');d('/ Thin (100) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-thin.woff2") format("woff2");\n font-weight: 100;\n font-style: normal;\n font-display: swap;\n}\n\n/ Light (300) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-light.woff2") format("woff2");\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n/ Regular (400) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-regular.woff2") format("woff2");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n/ Medium (500) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-medium.woff2") format("woff2");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n/ Bold (700) /\n@font-face {\n font-family: "Patron";\n src: url("../assets/fonts/patron/patron-bold.woff2") format("woff2");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n} ');var hn=function(e){var a,d,c=e.quizId,s=e.userId,f=e.tabSwitchLimit,p=e.onQuizComplete,h=e.baseURL,g=e.token,v=e.theme,b=e.direction,z=e.handleClose,x=t(!1),y=x[0],k=x[1],S=t(0),C=S[0],M=S[1],T=t(null),B=T[0],N=T[1],E=t(null),P=E[0],L=E[1],O=t(!1),I=O[0],R=O[1],j=t(!1),W=j[0],V=j[1],J=t(!0),U=J[0],G=J[1],X=w(f),hn=X.isLimitReached,gn=X.switchCount,vn=t(""),_n=vn[0],bn=vn[1],zn=i([]),xn=i(null);F(),r((function(){if(!(c&&s&&h&&g))return G(!1),bn("Missing required parameters to load quiz."),void V(!0);l(void 0,void 0,void 0,(function(){var n,o;return u(this,(function(e){switch(e.label){case 0:return e.trys.push([0,5,6,7]),G(!0),[4,fetch("".concat(h,"/user-assessment/").concat(c,"/").concat(s,"/get-session-data"),{headers:{Authorization:"Bearer ".concat(g)}})];case 1:return(n=e.sent()).ok?[4,n.json()]:[3,3];case 2:return o=e.sent(),L(o),[3,4];case 3:bn("Something went wrong. Please try again."),V(!0),e.label=4;case 4:return[3,7];case 5:return e.sent(),bn("Something went wrong. Please try again."),V(!0),[3,7];case 6:return G(!1),[7];case 7:return[2]}}))}))}),[c,s,h,g]);var qn=i(null),wn=t(!1),yn=wn[0],kn=wn[1],Sn=t(!1),Cn=Sn[0],Mn=Sn[1];r((function(){if(P){var n=qn.current;if(n){var o=function(){var o=n.scrollHeight>n.clientHeight,e=n.scrollTop+n.clientHeight>=n.scrollHeight-15;o?(e&&Mn(!0),kn(!e&&!Cn)):(kn(!1),Mn(!1))},e=requestAnimationFrame((function(){setTimeout(o,100)}));return n.addEventListener("scroll",o),window.addEventListener("resize",o),function(){cancelAnimationFrame(e),n.removeEventListener("scroll",o),window.removeEventListener("resize",o)}}}}),[P,C,Cn]);if(r((function(){gn>0&&gn<3&&R(!0)}),[gn]),r((function(){hn&&(bn("Your quiz has ended due to switching tabs too many times."),V(!0))}),[hn]),r((function(){return function(){zn.current.forEach((function(n){return clearTimeout(n)})),zn.current=[]}}),[]),!P&&U)return o("div",{className:K,style:"rtl"==b?{direction:"rtl"}:{},ref:xn,children:[n(Z,{theme:v,targetClass:K}),n(Y,{})]});var Tn=(null==P?void 0:P.questions)\|\|[],Bn=function(n,o,e,t){return l(void 0,void 0,void 0,(function(){return u(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,fetch("".concat(h,"/user-assessment/").concat(n,"/").concat(e,"/").concat(o,"/submit-answer"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(g)},body:JSON.stringify({optionIds:[t]})})];case 1:return i.sent().ok\|\|(bn("Something went wrong. Please try again."),V(!0)),[3,3];case 2:return i.sent(),[3,3];case 3:return[2]}}))}))},Qn=function(){return l(void 0,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return n.trys.push([0,5,,6]),[4,fetch("".concat(h,"/user-assessment/").concat(c,"/").concat(s,"/mark-quiz-complete"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(g)}})];case 1:return n.sent().ok?(k(!0),[4,p()]):[3,3];case 2:return n.sent(),[3,4];case 3:bn("Quiz completed, but there was an issue saving your progress."),V(!0),n.label=4;case 4:return[3,6];case 5:return n.sent(),bn("Quiz completed, but there was a network error. Please check your connection."),V(!0),[3,6];case 6:return[2]}}))}))},Nn=function(){return l(void 0,void 0,void 0,(function(){var n;return u(this,(function(o){switch(o.label){case 0:if(!B)return[2];if(!P\|\|!Tn.length)return bn("Quiz data is not available. Please try again."),V(!0),[2];G(!0),o.label=1;case 1:return o.trys.push([1,,6,7]),[4,Bn(c,Tn[C].id,s,B)];case 2:return o.sent(),C!==(null==Tn?void 0:Tn.length)-1?[3,4]:[4,Qn()];case 3:return o.sent(),[3,5];case 4:N(null),n=null===window\|\|void 0===window?void 0:window.setTimeout((function(){M((function(n){return n+1}));var n=window.setTimeout((function(){Mn(!1)}),150);zn.current.push(n)}),300),zn.current.push(n),o.label=5;case 5:return[3,7];case 6:return n=null===window\|\|void 0===window?void 0:window.setTimeout((function(){G(!1)}),300),zn.current.push(n),[7];case 7:return[2]}}))}))};function En(){return U?"Submitting":C===(null==Tn?void 0:Tn.length)-1?"Submit":"Next"}return y?null:o("div",{className:K,children:[n(Z,{theme:v,targetClass:K}),o("div",{className:$,style:"rtl"==b?{direction:"rtl"}:{},children:[o("div",{className:nn,children:[o("h3",{className:dn,children:["Questions: ",C+1,"/",(null==Tn?void 0:Tn.length)\|\|0]}),o("div",{className:on,children:[n(q,{markQuizComplete:Qn,duration:(null==P?void 0:P.duration)\|\|0,isEndScreenOpen:W}),z&&n("button",{className:en,onClick:z,children:n(D,{})})]})]}),o("div",{className:tn,ref:qn,children:[n("div",{className:rn,children:n(m,{question:(null===(a=Tn[C])\|\|void 0===a?void 0:a.text)\|\|""})}),o("div",{className:an,children:[o("div",{className:ln,children:[n("h3",{className:un,children:"Choose the right option"}),n("div",{className:pn,children:n("button",{className:sn,disabled:!B\|\|U\|\|!P,onClick:Nn,children:En()})}),n("div",{className:cn,children:n("button",{className:sn,disabled:!B\|\|U\|\|!P,onClick:Nn,children:En()})})]}),n(_,{loading:U,options:(null===(d=Tn[C])\|\|void 0===d?void 0:d.options)\|\|[],selectedOption:B,onSelect:N,direction:b})]})]})]}),n(Q,{open:I,onClose:function(){R(!1),V(!1),bn("")}}),n(H,{open:W,onClose:z,message:_n}),yn&&n("button",{className:mn+" "+fn,onClick:function(){var n=qn.current;n&&(n.scrollTo({top:n.scrollHeight+10,behavior:"smooth"}),Mn(!0),kn(!1))},children:n(A,{})})]})},gn={questionText:"question-module_questionText__SEG-N"};d('.question-module_questionText__SEG-N {\n font-size: var(--quiz-font-size-large, 24px);\n font-weight: var(--quiz-font-weight-bold, 700);\n color: var(--quiz-color-text-primary, #2E1500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: 33.6px;\n letter-spacing: 0.048px;\n }\n \n code {\n font-size: 0.8rem;\n font-weight: normal;\n }\n \n @media (max-width: 1320px) {\n / .questionText {\n font-size: var(--quiz-font-size-medium, 1rem);\n }\n .questionHtmlWrapper code {\n font-size: 0.8rem;\n } /\n }\n \n @media (max-width: 768px) {\n .question-module_questionText__SEG-N {\n font-size: 1.25rem;\n line-height: 25.6px;\n }\n }');var vn=function(o){var e=o.question;return n("div",{className:gn.questionHtmlWrapper,children:n("h2",{className:gn.questionText,dangerouslySetInnerHTML:{__html:e}})})},_n="options-module_optionsContainer__Fyukt",bn="options-module_optionBtn__pT-ri",zn="options-module_selected__Pukyd",xn="options-module_optionText__dyBcH";d('.options-module_optionsContainer__Fyukt {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 12px;\n / height: 50vh;\n overflow-y: auto; /\n }\n \n \n .options-module_optionBtn__pT-ri {\n width: 100%;\n padding: 16px;\n border-radius: var(--quiz-border-radius-medium, 8px);\n background: var(--quiz-color-option-background, #ffffff);\n cursor: pointer;\n transition: var(--quiz-transition-medium, 0.3s);\n color: var(--quiz-color-option-text, #1D1B21);\n border: none;\n text-align: left;\n border: 1px solid var(--quiz-color-option-border, #D9D9D9);\n / display: flex; /\n }\n \n .options-module_optionBtn__pT-ri:hover {\n background: var(--quiz-color-option-hover, #CBFF59);\n }\n \n .options-module_optionBtn__pT-ri.options-module_selected__Pukyd {\n background: var(--quiz-color-option-selected, #CBFF59);\n }\n \n .options-module_optionText__dyBcH {\n font-size: var(--quiz-font-size-medium, 1rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: 22px;\n letter-spacing: -0.1%;\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n }\n \n .options-module_optionImage__G3FXt {\n max-width: 100%;\n height: auto;\n border-radius: var(--quiz-border-radius-small, 4px);\n }\n \n .options-module_optionCode__q3GqF {\n background-color: #1e1e1e;\n color: white;\n padding: var(--quiz-spacing-small, 8px);\n border-radius: var(--quiz-border-radius-small, 4px);\n }\n \n @media (max-width: 768px) {\n / .optionText {\n font-size: 0.95rem;\n line-height: 21px;\n }\n /\n .options-module_optionBtn__pT-ri:hover {\n background: var(--quiz-color-option-selected, #CBFF59);\n }\n } ');var qn,wn=function(o){var e=o.options,t=o.selectedOption,i=o.onSelect,r=o.loading,a=o.direction;return n("div",{className:_n,children:null==e?void 0:e.map((function(o){return n("button",{disabled:r,className:"".concat(bn," ").concat(t===o.id&&zn),style:"rtl"===a?{textAlign:"unset"}:{},onClick:function(){return i(o.id)},children:o.text&&n("span",{className:xn,children:o.text})},o.id)}))})};function yn(){return yn=Object.assign?Object.assign.bind():function(n){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var t in e)({}).hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},yn.apply(null,arguments)}var kn=function(n){return e.createElement("svg",yn({xmlns:"http://www.w3.org/2000/svg",width:18,height:18,fill:"none"},n),qn\|\|(qn=e.createElement("path",{fill:"#fff",d:"M9 2.813a6.75 6.75 0 1 0 6.75 6.75A6.76 6.76 0 0 0 9 2.813m3.21 4.335L9.399 9.96a.564.564 0 0 1-.796-.795l2.813-2.813a.563.563 0 0 1 .796.796M6.75 1.125a.563.563 0 0 1 .563-.562h3.375a.563.563 0 1 1 0 1.125H7.312a.56.56 0 0 1-.562-.563"})))},Sn="timer-module_timer__o-tMk";d('.timer-module_timer__o-tMk {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n font-size: var(--quiz-font-size-medium, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n color: var(--quiz-color-text-primary, #161c20);\n }\n \n .timer-module_timer__o-tMk span {\n color: #FFF;\n font-size: var(--quiz-font-size-medium, 16px);\n font-weight: var(--quiz-font-weight-medium, 500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: var(--quiz-line-height-medium, 23px);\n letter-spacing: var(--quiz-letter-spacing-medium, -0.016px);\n \n }\n \n .timer-module_timer__o-tMk svg {\n width: 18px;\n height: 18px;\n fill: var(--quiz-color-text-primary, #161c20);\n }\n \n @media (max-width: 768px) {\n / .timer {\n font-size: var(--quiz-font-size-small, 0.85rem);\n } /\n \n / .timer span {\n font-size: var(--quiz-font-size-small, 1rem);\n } /\n \n .timer-module_timer__o-tMk svg {\n width: 16px;\n height: 16px;\n }\n }\n ');var Cn=function(e){var a=e.duration,l=e.markQuizComplete,u=e.isEndScreenOpen,d=t(a),c=d[0],s=d[1],m=i(null);r((function(){if(0!==a)return m.current&&clearInterval(m.current),m.current=setInterval((function(){s((function(n){return n>0?n-1:0}))}),1e3),function(){m.current&&clearInterval(m.current)}}),[a]),r((function(){0!==a&&0===c&&(l(),m.current&&clearInterval(m.current))}),[c,l]),r((function(){u&&m.current&&clearInterval(m.current)}),[u]);var f,p,h;return o("div",{className:Sn,children:[n(kn,{}),n("span",{children:(f=c,p=Math.floor(f/60),h=f%60,"".concat(p,":").concat(h<10?"0":"").concat(h))})]})},Mn="frontlineQuiz-module_quizPage__20qsB",Tn="frontlineQuiz-module_quizPageContainer__YCead",Bn="frontlineQuiz-module_quizTicker__0g1ga",Qn="frontlineQuiz-module_quizTickerRight__5DIuy",Nn="frontlineQuiz-module_closeBtn__hySeT",En="frontlineQuiz-module_quizContainer__RILFb",Pn="frontlineQuiz-module_cardDeck__JP0v4",Ln="frontlineQuiz-module_stackedCard__Vwgrw",On="frontlineQuiz-module_quizLeft__dyhwA",In="frontlineQuiz-module_quizRight__s7J3R",Hn="frontlineQuiz-module_quizRightHead__Xs3bh",Fn="frontlineQuiz-module_questionCount__cFlA-",Rn="frontlineQuiz-module_mobileNextBtn__trrH5",jn="frontlineQuiz-module_nextBtn__UeoLO",An="frontlineQuiz-module_nextBtnContainer__smf8H";d(' {\n box-sizing: border-box;\n }\n \n .frontlineQuiz-module_quizPage__20qsB {\n position: fixed;\n background: var(--quiz-color-background, #ffffff);\n width: 100vw;\n min-height: 100dvh;\n top: 0;\n left: 0;\n z-index: 100;\n box-sizing: border-box;\n overflow: visible; /* Changed from overflow-y: auto to prevent interference with fixed positioning /\n display: flex;\n flex-direction: column;\n }\n \n .frontlineQuiz-module_quizPageContainer__YCead {\n flex: 1;\n display: flex;\n flex-direction: column;\n border-radius: var(--quiz-border-radius-large, 16px);\n margin: var(--quiz-spacing-large, 24px) var(--quiz-spacing-medium, 16px) 0px var(--quiz-spacing-medium, 16px);\n height: 100%;\n background: var(--quiz-color-surface, #A198AC);\n overflow: visible; / Ensure no overflow interference with fixed positioning /\n }\n \n / Ticker stays in a row on all devices /\n .frontlineQuiz-module_quizTicker__0g1ga {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px 20px;\n / border-bottom: 1px solid var(--quiz-color-border, transparent); /\n }\n \n .frontlineQuiz-module_quizTickerRight__5DIuy {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n padding-right: 2rem;\n }\n \n .frontlineQuiz-module_closeBtn__hySeT{\n\n border: none;\n background: rgba(234, 234, 234, 0.50);\n cursor: pointer;\n padding-bottom: 3px;\n width: 24px;\n / height: 24px; /\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 20px;\n display: flex;\n font-size: 20px;\n aspect-ratio: 1/1;\n color: #ffffff;\n }\n \n .frontlineQuiz-module_closeBtn__hySeT svg {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n }\n \n .frontlineQuiz-module_quizContainer__RILFb {\n flex-grow: 1;\n width: 100%;\n display: flex;\n flex-direction: row; / side-by-side on desktop /\n align-items: flex-start;\n padding: var(--quiz-spacing-large, 24px) 56px var(--quiz-spacing-large, 24px);\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n justify-content: space-between;\n box-sizing: border-box;\n max-width: 1600px;\n margin: 0 auto;\n gap: 2rem;\n background: #ffffff;\n overflow: auto;\n scrollbar-width: none; / Firefox /\n -ms-overflow-style: none; / Internet Explorer 10+ /\n }\n \n .frontlineQuiz-module_quizContainer__RILFb::-webkit-scrollbar {\n display: none;\n }\n \n \n \n .frontlineQuiz-module_cardDeck__JP0v4{\n position: relative;\n width: 100%;\n flex: 1;\n overflow: hidden;\n }\n \n \n .frontlineQuiz-module_stackedCard__Vwgrw {\n position: absolute;\n top: 25px;\n left: 50%;\n bottom: 0;\n transform-origin: center top;\n transition: opacity 0.3s ease-in-out;\n overflow-x: hidden;\n overflow-y: auto;\n }\n \n .frontlineQuiz-module_exitingCard__mYZ2E {\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n }\n \n / Left & Right columns on desktop /\n .frontlineQuiz-module_quizLeft__dyhwA {\n width: 100%;\n max-width: 650px;\n overflow: initial;\n scrollbar-width: thin;\n scrollbar-color: #ccc transparent; / thumb color, track color /\n }\n \n / WebKit-based browsers (Chrome, Safari, Edge) /\n .frontlineQuiz-module_quizLeft__dyhwA::-webkit-scrollbar {\n width: 6px; / slim scrollbar /\n }\n \n .frontlineQuiz-module_quizLeft__dyhwA::-webkit-scrollbar-thumb {\n background-color: #ccc; / grey thumb /\n border-radius: 4px;\n }\n \n .frontlineQuiz-module_quizLeft__dyhwA::-webkit-scrollbar-track {\n background: transparent; / optional: transparent track /\n }\n \n .frontlineQuiz-module_quizRight__s7J3R {\n max-width: 622px;\n width: 100%;\n\n @media (max-width: 768px) {\n max-width: 100%;\n }\n }\n \n .frontlineQuiz-module_quizRightHead__Xs3bh {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n \n .frontlineQuiz-module_chooseOption__W1lRR {\n font-size: var(--quiz-font-size-medium, 1rem);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: var(--quiz-line-height-xlarge, 32px);\n letter-spacing: 0.2%;\n color: var(--quiz-color-text-primary, #161c20);\n }\n \n .frontlineQuiz-module_questionCount__cFlA- {\n font-size: var(--quiz-font-size-small, 14px);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n color: var(--quiz-color-text-primary, #FFF);\n font-weight: var(--quiz-font-weight-medium, 500);\n line-height: var(--quiz-line-height-small, 32px);\n }\n \n .frontlineQuiz-module_optionsContainer__xYly9 {\n display: flex;\n flex-direction: column;\n gap: 18px;\n margin-top: 12px;\n }\n \n .frontlineQuiz-module_mobileNextBtn__trrH5 {\n display: none;\n }\n \n / Button Styles /\n .frontlineQuiz-module_prevBtn__I2VdW,\n .frontlineQuiz-module_nextBtn__UeoLO {\n padding: 10px 54px;\n background: var(--quiz-color-button-primary, #000000);\n color: var(--quiz-color-button-primary-text, #ffffff);\n border: none;\n border-radius: var(--quiz-spacing-large, 24px);\n cursor: pointer;\n transition: var(--quiz-transition-medium, 0.3s);\n font-size: var(--quiz-font-size-small, 0.9rem);\n font-weight: var(--quiz-font-weight-medium, 500);\n font-family: var(--quiz-font-family, "Patron", sans-serif);\n line-height: 21px;\n }\n \n .frontlineQuiz-module_prevBtn__I2VdW {\n background: var(--quiz-color-button-secondary, #5d4037);\n color: var(--quiz-color-button-secondary-text, #ffffff);\n }\n \n .frontlineQuiz-module_nextBtn__UeoLO:disabled {\n background: var(--quiz-color-button-disabled, #d7ccc8);\n color: var(--quiz-color-button-disabled-text, #ffffff);\n cursor: not-allowed;\n }\n \n .frontlineQuiz-module_scrollDownBtn__-DHaP {\n position: fixed;\n bottom: 20px;\n right: 20px;\n z-index: 999;\n border: none;\n border-radius: 50%;\n padding: 4px;\n cursor: pointer;\n font-size: 20px;\n transition: background var(--quiz-transition-medium, 0.3s);\n background: var(--quiz-color-scroll-button, #ffffff);\n }\n \n .frontlineQuiz-module_bounce__kM2GG {\n animation: frontlineQuiz-module_bounce__kM2GG 1.6s infinite;\n }\n \n @keyframes frontlineQuiz-module_bounce__kM2GG {\n 0%,\n 20%,\n 50%,\n 80%,\n 100% {\n transform: translateY(0px);\n }\n 40% {\n transform: translateY(-4px);\n }\n 60% {\n transform: translateY(-2px);\n }\n }\n \n / RESPONSIVE LAYOUT /\n @media (max-width: 768px) {\n .frontlineQuiz-module_quizPageContainer__YCead {\n flex-direction: column;\n / padding: var(--quiz-spacing-medium, 16px); /\n / gap: 1rem; /\n overflow-y: auto;\n margin: 0;\n border-radius: 0;\n }\n \n .frontlineQuiz-module_quizContainer__RILFb {\n flex-direction: column;\n padding: 20px 20px 20px 20px;\n justify-content: start;\n gap: 24px;\n }\n \n \n \n \n .frontlineQuiz-module_quizTicker__0g1ga {\n padding: var(--quiz-spacing-medium, 16px);\n gap: 1rem;\n }\n \n .frontlineQuiz-module_quizLeft__dyhwA {\n max-width: 100%;\n / margin-bottom: 1rem; /\n min-height: max-content;\n }\n \n .frontlineQuiz-module_quizTickerRight__5DIuy {\n gap: 1rem;\n padding-right: 0;\n }\n \n .frontlineQuiz-module_chooseOption__W1lRR {\n font-size: var(--quiz-font-size-small, 0.9rem);\n line-height: var(--quiz-line-height-medium, 1.4rem);\n }\n \n .frontlineQuiz-module_nextBtnContainer__smf8H {\n display: none;\n }\n \n .frontlineQuiz-module_mobileNextBtn__trrH5 {\n display: block;\n position: fixed;\n bottom: 12px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 999;\n width: calc(100% - 40px);\n max-width: 350px;\n background: transparent;\n pointer-events: auto;\n }\n \n .frontlineQuiz-module_nextBtn__UeoLO {\n width: 100%;\n padding: var(--quiz-spacing-medium, 16px) var(--quiz-spacing-large, 24px);\n font-size: var(--quiz-font-size-medium, 1rem);\n }\n \n .frontlineQuiz-module_questionCount__cFlA- {\n font-size: 0.85rem;\n }\n \n .frontlineQuiz-module_optionBtn__Rgseg {\n padding: var(--quiz-spacing-medium, 16px);\n }\n }\n \n @media (max-width: 768px) and (max-height: 800px) {\n .frontlineQuiz-module_quizContainer__RILFb {\n / max-height: 70dvh; /\n }\n }\n \n @media (max-width: 768px) and (max-height: 500px) {\n .frontlineQuiz-module_quizContainer__RILFb {\n / max-height: 60dvh; /\n }\n } ');var Wn="confirmQuizExitModal-module_modalOverlay__AmJto",Dn="confirmQuizExitModal-module_modalContent__6v2cV",Vn="confirmQuizExitModal-module_modalHeader__73y33",Jn="confirmQuizExitModal-module_modalText__s1Bh9",Yn="confirmQuizExitModal-module_modalButtonContainer__zph-0",Un="confirmQuizExitModal-module_modalButtonCancel__UsDFm",Gn="confirmQuizExitModal-module_modalButtonConfirm__bQave";d('/ Modal Background Overlay /\n.confirmQuizExitModal-module_modalOverlay__AmJto {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n}\n\n/ Modal Box /\n.confirmQuizExitModal-module_modalContent__6v2cV {\n background: var(--confirm-quiz-exit-modal-background, #222);\n color: var(--confirm-quiz-exit-modal-text-color, #fff);\n padding: var(--confirm-quiz-exit-modal-padding, 32px);\n border-radius: var(--confirm-quiz-exit-modal-border-radius, 10px);\n width: 400px;\n text-align: center;\n position: relative;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n}\n\n/ Close Button /\n.confirmQuizExitModal-module_modalClose__Gol-K {\n position: absolute;\n top: 10px;\n right: 15px;\n background: none;\n border: none;\n font-size: 24px;\n color: var(--confirm-quiz-exit-modal-close-color, #fff);\n cursor: pointer;\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n/ Header /\n.confirmQuizExitModal-module_modalHeader__73y33 {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: var(--confirm-quiz-exit-modal-header-margin, 10px);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n.confirmQuizExitModal-module_modalHeader__73y33 h2 {\n font-size: var(--confirm-quiz-exit-modal-header-font-size, 28px);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n/ Warning Icon /\n.confirmQuizExitModal-module_modalIcon__SI6YL {\n font-size: 32px;\n color: var(--confirm-quiz-exit-modal-icon-color, #ffcc00);\n}\n\n/ Text /\n.confirmQuizExitModal-module_modalText__s1Bh9 {\n font-size: var(--confirm-quiz-exit-modal-text-font-size, 20px);\n color: var(--confirm-quiz-exit-modal-text-secondary-color, #ccc);\n margin-bottom: var(--confirm-quiz-exit-modal-text-margin, 20px);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n/ Button /\n.confirmQuizExitModal-module_modalButton__oVSCb {\n background: var(--confirm-quiz-exit-modal-button-background, #fff);\n color: var(--confirm-quiz-exit-modal-button-text-color, #222);\n border: none;\n padding: var(--confirm-quiz-exit-modal-button-padding, 10px 20px);\n border-radius: var(--confirm-quiz-exit-modal-button-border-radius, 20px);\n font-size: var(--confirm-quiz-exit-modal-button-font-size, 14px);\n cursor: pointer;\n transition: var(--confirm-quiz-exit-modal-button-transition, 0.3s);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n}\n\n.confirmQuizExitModal-module_modalButton__oVSCb:hover {\n background: var(--confirm-quiz-exit-modal-button-hover-background, #ddd);\n color: var(--confirm-quiz-exit-modal-button-hover-text-color, #222);\n}\n\n.confirmQuizExitModal-module_modalButtonContainer__zph-0 {\n display: flex;\n justify-content: center;\n gap: var(--confirm-quiz-exit-modal-button-gap, 16px);\n}\n\n/ Cancel Button /\n\n.confirmQuizExitModal-module_modalButtonCancel__UsDFm {\n background: var(\n --confirm-quiz-exit-modal-button-cancel-background,\n transparent\n );\n color: var(\n --confirm-quiz-exit-modal-button-cancel-text-color,\n rgba(255, 255, 255, 0.8)\n );\n border: var(\n --confirm-quiz-exit-modal-button-cancel-border,\n 1px solid rgba(255, 255, 255, 0.8)\n );\n padding: var(--confirm-quiz-exit-modal-button-cancel-padding, 12px 20px);\n border-radius: var(\n --confirm-quiz-exit-modal-button-cancel-border-radius,\n 8px\n );\n font-size: var(--confirm-quiz-exit-modal-button-cancel-font-size, 14px);\n cursor: pointer;\n transition: var(--confirm-quiz-exit-modal-button-cancel-transition, 0.3s);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n font-weight: var(--confirm-quiz-exit-modal-button-cancel-font-weight, 600);\n width: var(--confirm-quiz-exit-modal-button-cancel-width, 90px);\n}\n\n.confirmQuizExitModal-module_modalButtonCancel__UsDFm:hover {\n background: var(\n --confirm-quiz-exit-modal-button-cancel-hover-background,\n rgba(255, 255, 255, 0.8)\n );\n color: var(--confirm-quiz-exit-modal-button-cancel-hover-text-color, #bbb);\n}\n\n/ Confirm Button /\n\n.confirmQuizExitModal-module_modalButtonConfirm__bQave {\n background: var(--confirm-quiz-exit-modal-button-confirm-background, #fff);\n color: var(--confirm-quiz-exit-modal-button-confirm-text-color, #000);\n border: var(--confirm-quiz-exit-modal-button-confirm-border, none);\n padding: var(--confirm-quiz-exit-modal-button-confirm-padding, 12px 20px);\n border-radius: var(\n --confirm-quiz-exit-modal-button-confirm-border-radius,\n 8px\n );\n font-size: var(--confirm-quiz-exit-modal-button-confirm-font-size, 14px);\n cursor: pointer;\n transition: var(--confirm-quiz-exit-modal-button-confirm-transition, 0.3s);\n font-family: var(--confirm-quiz-exit-modal-font-family, "Patron", sans-serif);\n font-weight: var(--confirm-quiz-exit-modal-button-confirm-font-weight, 600);\n width: var(--confirm-quiz-exit-modal-button-confirm-width, 90px);\n}\n\n.confirmQuizExitModal-module_modalButtonConfirm__bQave:hover {\n background: var(\n --confirm-quiz-exit-modal-button-confirm-hover-background,\n #eee\n );\n color: var(--confirm-quiz-exit-modal-button-confirm-hover-text-color, #111);\n}\n');var Xn=function(e){var t=e.open,i=e.message,r=e.onConfirm,a=e.onCancel;return t?n("div",{className:Wn,children:o("div",{className:Dn,children:[n("div",{className:Vn,children:n("h2",{children:"Exit Quiz"})}),n("p",{className:Jn,children:i}),o("div",{className:Yn,children:[n("button",{className:Un,onClick:a,children:"Cancel"}),n("button",{className:Gn,onClick:r,children:"Confirm"})]})]})}):null},Zn="languageSwitch-module_languageSwitch__Obcyb",Kn="languageSwitch-module_reversed__hsNOk",$n="languageSwitch-module_languageSwitchIcon__LJ47X",no="languageSwitch-module_languageSwitchLabel__cM9rn";d(".languageSwitch-module_languageSwitch__Obcyb {\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n transition: flex-direction 1s ease;\n background: #cbff59;\n height: 28px;\n min-width: 66px;\n padding: 4px 10px;\n border-radius: 200px;\n / margin-right: 20px; /\n align-self: flex-end;\n}\n\n.languageSwitch-module_languageSwitch__Obcyb.languageSwitch-module_reversed__hsNOk {\n flex-direction: row-reverse;\n}\n\n.languageSwitch-module_languageSwitchIcon__LJ47X {\n color: #161c20;\n font-family: var(--font-inter);\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n letter-spacing: 0.44px;\n height: 20px;\n width: 20px;\n background-color: #fff;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n filter: drop-shadow(0 3px 1px rgba(0, 0, 0, 0.06))\n drop-shadow(0 3px 8px rgba(0, 0, 0, 0.15));\n transition: transform 0.4s ease;\n}\n\n.languageSwitch-module_languageSwitchLabel__cM9rn {\n color: #161c20;\n font-family: var(--font-inter);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n letter-spacing: 0.44px;\n}\n");var oo=function(e){var i,r,a=e.languages,l=e.selectedLanguage,u=e.onChange;if(2!==a.length)return null;if((null===(i=a[0])\|\|void 0===i?void 0:i.name)===(null===(r=a[1])\|\|void 0===r?void 0:r.name))return null;var d=t(!1),c=d[0],s=d[1],m=a.find((function(n){return(null==n?void 0:n.name)!==(null==l?void 0:l.name)}));return o("div",{className:"".concat(Zn," ").concat(c?Kn:""),onClick:function(){s((function(n){return!n})),m&&u(m)},children:[n("span",{className:$n,children:null==m?void 0:m.icon}),n("span",{className:no,children:(null==m?void 0:m.name)?null==m?void 0:m.name.slice(0,3):""})]})},eo=function(e){var d=e.quizId,c=e.userId,s=e.tabSwitchLimit,m=e.onQuizComplete,f=e.baseURL,p=e.token,h=e.theme,g=e.direction,v=e.handleClose,_=e.languages,b=e.defaultLanguage,z=t(!1),x=z[0],q=z[1],y=t(0),k=y[0],S=y[1],C=t(null),M=C[0],T=C[1],B=t(null),N=B[0],E=B[1],P=t(!1),L=P[0],O=P[1],I=t(!1),R=I[0],j=I[1],A=t(!0),W=A[0],D=A[1],V=w(s),J=V.isLimitReached,U=V.switchCount,G=t(""),X=G[0],K=G[1],$=t(!1),nn=$[0],on=$[1],en=t(b),tn=en[0],rn=en[1],an=t([]),ln=an[0],un=an[1],dn=t(!1),cn=dn[0],sn=dn[1],mn=i([]),fn=i(null),pn=t(!1),hn=pn[0],gn=pn[1];F(),r((function(){return gn(window.innerWidth<768),window.addEventListener("resize",(function(){gn(window.innerWidth<768)})),function(){window.removeEventListener("resize",(function(){gn(window.innerWidth<768)}))}}),[]),r((function(){if(!(d&&c&&f&&p))return D(!1),K("Missing required parameters to load quiz."),void j(!0);l(void 0,void 0,void 0,(function(){var n,o;return u(this,(function(e){switch(e.label){case 0:return e.trys.push([0,5,6,7]),D(!0),[4,fetch("".concat(f,"/user-assessment/").concat(d,"/").concat(c,"/get-session-data"),{headers:{Authorization:"Bearer ".concat(p)}})];case 1:return(n=e.sent()).ok?[4,n.json()]:[3,3];case 2:return o=e.sent(),un((null==o?void 0:o.questions)\|\|[]),E(o),[3,4];case 3:K("Something went wrong. Please try again."),j(!0),e.label=4;case 4:return[3,7];case 5:return e.sent(),K("Something went wrong. Please try again."),j(!0),[3,7];case 6:return D(!1),[7];case 7:return[2]}}))}))}),[d,c,f,p]);var _n=i(null),bn=t(!1);bn[0];var zn=bn[1],xn=t(!1),qn=xn[0],yn=xn[1];r((function(){if(N){var n=_n.current;if(n){var o=function(){var o=n.scrollHeight>n.clientHeight,e=n.scrollTop+n.clientHeight>=n.scrollHeight-15;o?(e&&yn(!0),zn(!e&&!qn)):(zn(!1),yn(!1))},e=requestAnimationFrame((function(){setTimeout(o,100)}));return n.addEventListener("scroll",o),window.addEventListener("resize",o),function(){cancelAnimationFrame(e),n.removeEventListener("scroll",o),window.removeEventListener("resize",o)}}}}),[N,k,qn]);var kn=function(n,o,e){return l(void 0,void 0,void 0,(function(){var t,i,r,l,d;return u(this,(function(u){switch(u.label){case 0:return[4,fetch("".concat(f,"/user-assessment/translate-question/").concat(c),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(p)},body:JSON.stringify({questionId:n,language:o?null==o?void 0:o.toLocaleLowerCase():"",userAssessmentId:e})})];case 1:return(t=u.sent()).ok?[4,t.json()]:[3,3];case 2:if(!((null==(i=u.sent())?void 0:i.success)&&(null===(l=null===(r=null==i?void 0:i.data)\|\|void 0===r?void 0:r.options)\|\|void 0===l?void 0:l.length)>0&&(null===(d=null==i?void 0:i.data)\|\|void 0===d?void 0:d.question_text)))throw new Error("Failed to translate question");return un((function(o){return o.map((function(o){var e,t;return o.id===n?a(a({},o),{text:null===(e=null==i?void 0:i.data)\|\|void 0===e?void 0:e.question_text,options:null===(t=null==i?void 0:i.data)\|\|void 0===t?void 0:t.options}):o}))})),[2,i];case 3:throw new Error("Failed to translate question")}}))}))};function Sn(n){return l(this,void 0,void 0,(function(){return u(this,(function(o){switch(o.label){case 0:return rn(n),sn(!0),[4,kn(ln[k].id,n.name,(null==N?void 0:N.id)\|\|"")];case 1:return o.sent(),[2]}}))}))}if(r((function(){U>0&&U<s&&O(!0)}),[U]),r((function(){J&&(K("Your quiz has ended due to switching tabs too many times."),j(!0))}),[J]),r((function(){return function(){mn.current.forEach((function(n){return clearTimeout(n)})),mn.current=[]}}),[]),!N&&W)return o("div",{className:Mn,style:"rtl"==g?{direction:"rtl"}:{},ref:fn,children:[n(Z,{theme:h,targetClass:Mn}),n(Y,{})]});function Wn(){O(!1),on(!1),j(!1),K("")}function Dn(){q(!0)}var Vn=function(n,o,e,t){return l(void 0,void 0,void 0,(function(){return u(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,fetch("".concat(f,"/user-assessment/").concat(n,"/").concat(e,"/").concat(o,"/submit-answer"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(p)},body:JSON.stringify({optionIds:[t]})})];case 1:return i.sent().ok\|\|(K("Something went wrong. Please try again."),j(!0)),[3,3];case 2:return i.sent(),[3,3];case 3:return[2]}}))}))},Jn=function(){return l(void 0,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return n.trys.push([0,5,,6]),[4,fetch("".concat(f,"/user-assessment/").concat(d,"/").concat(c,"/mark-quiz-complete"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(p)},body:JSON.stringify({isScoreAsPerQuestion:!0})})];case 1:return n.sent().ok?(Dn(),[4,m()]):[3,3];case 2:return n.sent(),[3,4];case 3:K("Quiz completed, but there was an issue saving your progress."),j(!0),n.label=4;case 4:return[3,6];case 5:return n.sent(),K("Quiz completed, but there was a network error. Please check your connection."),j(!0),[3,6];case 6:return[2]}}))}))},Yn=function(){return l(void 0,void 0,void 0,(function(){var n;return u(this,(function(o){switch(o.label){case 0:if(!N\|\|!ln.length)return K("Quiz data is not available. Please try again."),j(!0),[2];D(!0),o.label=1;case 1:return o.trys.push([1,,8,9]),[4,Vn(d,ln[k].id,c,M)];case 2:return o.sent(),k!==(null==ln?void 0:ln.length)-1?[3,4]:[4,Jn()];case 3:return o.sent(),[3,7];case 4:return T(null),cn?[4,kn(ln[k+1].id,tn.name,null==N?void 0:N.id)]:[3,6];case 5:o.sent(),o.label=6;case 6:n=null===window\|\|void 0===window?void 0:window.setTimeout((function(){S((function(n){return n+1}));var n=window.setTimeout((function(){yn(!1)}),150);mn.current.push(n)}),300),mn.current.push(n),o.label=7;case 7:return[3,9];case 8:return n=null===window\|\|void 0===window?void 0:window.setTimeout((function(){D(!1)}),300),mn.current.push(n),[7];case 9:return[2]}}))}))};function Un(){return W?"Submitting":k===(null==ln?void 0:ln.length)-1?"Submit":"Next"}return x?null:o("div",{className:Mn,children:[n(Z,{theme:h,targetClass:Mn}),o("div",{className:Tn,style:"rtl"==g?{direction:"rtl"}:{},children:[o("div",{className:Bn,children:[o("h3",{className:Fn,children:["Questions: ",k+1,"/",(null==ln?void 0:ln.length)\|\|0]}),o("div",{className:Qn,children:[!hn&&n(oo,{languages:_\|\|[],selectedLanguage:tn,onChange:Sn}),n(Cn,{markQuizComplete:Jn,duration:(null==N?void 0:N.duration)\|\|0,isEndScreenOpen:R}),v&&n("button",{className:Nn,onClick:function(){return on(!0)},children:"×"})]})]}),n("div",{className:Pn,children:ln.slice(k).map((function(e,t){var i,r,a=t,l=0===a;return o("div",{className:"".concat(En," ").concat(Ln),style:{zIndex:ln.length-a,transform:"translateX(-50%) translateY(".concat(-11a,"px) scale(").concat(1-.025a,")"),width:"calc(100% - ".concat(24a,"px)"),opacity:l?1:.75-.15a,filter:l?"none":"blur(".concat(.8a,"px)"),backgroundColor:l?"#fff":"#f8f9fa",pointerEvents:l?"auto":"none",top:ln.length>4?"50px":"25px",paddingBottom:"80px"},ref:_n,children:[hn&&n(oo,{languages:_\|\|[],selectedLanguage:tn,onChange:Sn}),n("div",{className:On,children:n(vn,{question:(null===(i=ln[k])\|\|void 0===i?void 0:i.text)\|\|""})}),o("div",{className:In,children:[n("div",{className:Hn,children:n("div",{className:An,children:n("button",{className:jn,disabled:!M\|\|W\|\|!N,onClick:Yn,children:Un()})})}),n(wn,{loading:W,options:(null===(r=ln[k])\|\|void 0===r?void 0:r.options)\|\|[],selectedOption:M,onSelect:T,direction:g})]})]},k+t)}))})]}),M&&n("div",{className:Rn,children:n("button",{className:jn,disabled:!M\|\|W\|\|!N,onClick:Yn,children:Un()})}),n(Q,{open:L,onClose:Wn}),n(H,{open:R,onClose:v,message:X}),n(Xn,{open:nn,message:"Are you sure you want to exit the quiz?",onConfirm:v\|\|Dn,onCancel:Wn})]})};export{eo as FrontlineQuizPlayer,hn as default};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "wizr-quiz",
-  "version": "3.0.6",
+  "version": "3.0.7",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",