wizr-quiz 3.0.3 → 3.0.5
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.
- package/dist/index.d.ts +9 -1
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/dist/assets/patron-bold.woff2 +0 -0
- package/dist/assets/patron-light.woff2 +0 -0
- package/dist/assets/patron-medium.woff2 +0 -0
- package/dist/assets/patron-regular.woff2 +0 -0
- package/dist/assets/patron-thin.woff2 +0 -0
- package/dist/index.css +0 -1222
- package/dist/index.js.map +0 -1
- package/dist/index.mjs.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -10,6 +10,14 @@ interface IQuizProps {
|
|
|
10
10
|
theme?: QuizTheme;
|
|
11
11
|
direction?: string;
|
|
12
12
|
handleClose?: () => void;
|
|
13
|
+
languages: Language[];
|
|
14
|
+
defaultLanguage: Language;
|
|
15
|
+
}
|
|
16
|
+
interface Language {
|
|
17
|
+
label: string;
|
|
18
|
+
code: string;
|
|
19
|
+
icon: string;
|
|
20
|
+
name: string;
|
|
13
21
|
}
|
|
14
22
|
interface QuizTheme {
|
|
15
23
|
colors?: {
|
|
@@ -112,6 +120,6 @@ interface QuizTheme {
|
|
|
112
120
|
|
|
113
121
|
declare const Quiz: ({ quizId, userId, tabSwitchLimit, onQuizComplete, baseURL, token, theme, direction, handleClose, }: IQuizProps) => react_jsx_runtime.JSX.Element | null;
|
|
114
122
|
|
|
115
|
-
declare const FrontlineQuiz: ({ quizId, userId, tabSwitchLimit, onQuizComplete, baseURL, token, theme, direction, handleClose, }: IQuizProps) => react_jsx_runtime.JSX.Element | null;
|
|
123
|
+
declare const FrontlineQuiz: ({ quizId, userId, tabSwitchLimit, onQuizComplete, baseURL, token, theme, direction, handleClose, languages, defaultLanguage, }: IQuizProps) => react_jsx_runtime.JSX.Element | null;
|
|
116
124
|
|
|
117
125
|
export { FrontlineQuiz as FrontlineQuizPlayer, Quiz as default };
|
package/dist/index.js
CHANGED
|
@@ -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",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 v(){return v=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},v.apply(null,arguments)}var g=function(n){return t.createElement("svg",v({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"})))},z="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 b=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:z,children:[n.jsx(g,{}),n.jsx("span",{children:(s=l,c=Math.floor(s/60),m=s%60,"".concat(c,":").concat(m<10?"0":"").concat(m))})]})},_=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",k="tabSwitchModal-module_modalHeader__-RsEI",S="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:k,children:[n.jsx("span",{className:S,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 H,I=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),H||(H=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,v,g,z,b,_,q,w,y,k,S,C,j,M,E,T,B,Q,N,P,O,L,R,H,I,F,A,W,D,V,J,Y,U,G,Z,X,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===(v=n.typography.fontSize)||void 0===v?void 0:v.xlarge)&&(K["--quiz-font-size-xlarge"]=n.typography.fontSize.xlarge),(null===(g=n.typography.fontWeight)||void 0===g?void 0:g.normal)&&(K["--quiz-font-weight-normal"]=n.typography.fontWeight.normal),(null===(z=n.typography.fontWeight)||void 0===z?void 0:z.medium)&&(K["--quiz-font-weight-medium"]=n.typography.fontWeight.medium),(null===(b=n.typography.fontWeight)||void 0===b?void 0:b.bold)&&(K["--quiz-font-weight-bold"]=n.typography.fontWeight.bold),(null===(_=n.typography.lineHeight)||void 0===_?void 0:_.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===(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===(H=n.tabSwitchModal)||void 0===H?void 0:H.buttonTextColor)&&(K["--quiz-tab-switch-modal-button-text-color"]=n.tabSwitchModal.buttonTextColor),(null===(I=n.tabSwitchModal)||void 0===I?void 0:I.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===(Z=n.tabSwitchModal)||void 0===Z?void 0:Z.buttonBorderRadius)&&(K["--quiz-tab-switch-modal-button-border-radius"]=n.tabSwitchModal.buttonBorderRadius),(null===(X=n.tabSwitchModal)||void 0===X?void 0:X.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 ")})},Z="quiz-module_quizPage__VGbhc",X="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",vn="options-module_selected__Pukyd",gn="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 zn,bn=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&&vn),style:"rtl"===a?{textAlign:"unset"}:{},onClick:function(){return i(e.id)},children:e.text&&n.jsx("span",{className:gn,children:e.text})},e.id)}))})};function _n(){return _n=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},_n.apply(null,arguments)}var qn=function(n){return t.createElement("svg",_n({xmlns:"http://www.w3.org/2000/svg",width:18,height:18,fill:"none"},n),zn||(zn=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))})]})},kn="frontlineQuiz-module_quizPage__20qsB",Sn="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",Hn="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 In="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:In,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};exports.FrontlineQuizPlayer=function(o){var t=o.quizId,i=o.userId,l=o.tabSwitchLimit,u=o.onQuizComplete,d=o.baseURL,s=o.token,c=o.theme,m=o.direction,f=o.handleClose,p=e.useState(!1),h=p[0],x=p[1],v=e.useState(0),g=v[0],z=v[1],b=e.useState(null),q=b[0],w=b[1],y=e.useState(null),k=y[0],S=y[1],C=e.useState(!1),j=C[0],E=C[1],T=e.useState(!1),B=T[0],Q=T[1],N=e.useState(!0),P=N[0],R=N[1],H=_(l),I=H.isLimitReached,F=H.switchCount,A=e.useState(""),W=A[0],D=A[1],J=e.useState(!1),Y=J[0],U=J[1],Z=e.useRef([]),X=e.useRef(null);L(),e.useEffect((function(){if(!(t&&i&&d&&s))return R(!1),D("Missing required parameters to load quiz."),void Q(!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]),R(!0),[4,fetch("".concat(d,"/user-assessment/").concat(t,"/").concat(i,"/get-session-data"),{headers:{Authorization:"Bearer ".concat(s)}})];case 1:return(n=o.sent()).ok?[4,n.json()]:[3,3];case 2:return e=o.sent(),S(e),[3,4];case 3:D("Something went wrong. Please try again."),Q(!0),o.label=4;case 4:return[3,7];case 5:return o.sent(),D("Something went wrong. Please try again."),Q(!0),[3,7];case 6:return R(!1),[7];case 7:return[2]}}))}))}),[t,i,d,s]);var K=e.useRef(null),$=e.useState(!1);$[0];var nn=$[1],en=e.useState(!1),on=en[0],tn=en[1];if(e.useEffect((function(){if(k){var n=K.current;if(n){var e=function(){var e=n.scrollHeight>n.clientHeight,o=n.scrollTop+n.clientHeight>=n.scrollHeight-15;e?(o&&tn(!0),nn(!o&&!on)):(nn(!1),tn(!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)}}}}),[k,g,on]),e.useEffect((function(){F>0&&F<l&&E(!0)}),[F]),e.useEffect((function(){I&&(D("Your quiz has ended due to switching tabs too many times."),Q(!0))}),[I]),e.useEffect((function(){return function(){Z.current.forEach((function(n){return clearTimeout(n)})),Z.current=[]}}),[]),!k&&P)return n.jsxs("div",{className:kn,style:"rtl"==m?{direction:"rtl"}:{},ref:X,children:[n.jsx(G,{theme:c,targetClass:kn}),n.jsx(V,{})]});function rn(){E(!1),U(!1),Q(!1),D("")}function an(){x(!0)}var ln=(null==k?void 0:k.questions)||[],un=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(s)},body:JSON.stringify({optionIds:[t]})})];case 1:return i.sent().ok||(D("Something went wrong. Please try again."),Q(!0)),[3,3];case 2:return i.sent(),[3,3];case 3:return[2]}}))}))},dn=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(i,"/mark-quiz-complete"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(s)}})];case 1:return n.sent().ok?(an(),[4,u()]):[3,3];case 2:return n.sent(),[3,4];case 3:D("Quiz completed, but there was an issue saving your progress."),Q(!0),n.label=4;case 4:return[3,6];case 5:return n.sent(),D("Quiz completed, but there was a network error. Please check your connection."),Q(!0),[3,6];case 6:return[2]}}))}))},sn=function(){return r(void 0,void 0,void 0,(function(){var n;return a(this,(function(e){switch(e.label){case 0:if(!k||!ln.length)return D("Quiz data is not available. Please try again."),Q(!0),[2];R(!0),e.label=1;case 1:return e.trys.push([1,,6,7]),[4,un(t,ln[g].id,i,q)];case 2:return e.sent(),g!==(null==ln?void 0:ln.length)-1?[3,4]:[4,dn()];case 3:return e.sent(),[3,5];case 4:w(null),n=null===window||void 0===window?void 0:window.setTimeout((function(){z((function(n){return n+1}));var n=window.setTimeout((function(){tn(!1)}),150);Z.current.push(n)}),300),Z.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(){R(!1)}),300),Z.current.push(n),[7];case 7:return[2]}}))}))};function cn(){return P?"Submitting":g===(null==ln?void 0:ln.length)-1?"Submit":"Next"}return h?null:n.jsxs("div",{className:kn,children:[n.jsx(G,{theme:c,targetClass:kn}),n.jsxs("div",{className:Sn,style:"rtl"==m?{direction:"rtl"}:{},children:[n.jsxs("div",{className:Cn,children:[n.jsxs("h3",{className:On,children:["Questions: ",g+1,"/",(null==ln?void 0:ln.length)||0]}),n.jsxs("div",{className:jn,children:[n.jsx(yn,{markQuizComplete:dn,duration:(null==k?void 0:k.duration)||0,isEndScreenOpen:B}),f&&n.jsx("button",{className:Mn,onClick:function(){return U(!0)},children:"×"})]})]}),n.jsx("div",{className:Tn,children:ln.slice(g).map((function(e,o){var t,i,r=o,a=0===r;return n.jsxs("div",{className:"".concat(En," ").concat(Bn),style:{zIndex:ln.length-r,transform:"translateX(-50%) translateY(".concat(-11*r,"px) scale(").concat(1-.025*r,")"),width:"calc(100% - ".concat(24*r,"px)"),opacity:a?1:.75-.15*r,filter:a?"none":"blur(".concat(.8*r,"px)"),backgroundColor:a?"#fff":"#f8f9fa",pointerEvents:a?"auto":"none",top:ln.length>4?"50px":"25px",paddingBottom:"80px"},ref:K,children:[n.jsx("div",{className:Qn,children:n.jsx(pn,{question:(null===(t=ln[g])||void 0===t?void 0:t.text)||""})}),n.jsxs("div",{className:Nn,children:[n.jsx("div",{className:Pn,children:n.jsx("div",{className:Hn,children:n.jsx("button",{className:Rn,disabled:!q||P||!k,onClick:sn,children:cn()})})}),n.jsx(bn,{loading:P,options:(null===(i=ln[g])||void 0===i?void 0:i.options)||[],selectedOption:q,onSelect:w,direction:m})]})]},g+o)}))})]}),q&&n.jsx("div",{className:Ln,children:n.jsx("button",{className:Rn,disabled:!q||P||!k,onClick:sn,children:cn()})}),n.jsx(M,{open:j,onClose:rn}),n.jsx(O,{open:B,onClose:f,message:W}),n.jsx(Yn,{open:Y,message:"Are you sure you want to exit the quiz?",onConfirm:f||an,onCancel:rn})]})},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,v=o.handleClose,g=e.useState(!1),z=g[0],q=g[1],w=e.useState(0),y=w[0],k=w[1],S=e.useState(null),C=S[0],j=S[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),H=R[0],F=R[1],W=e.useState(!0),D=W[0],J=W[1],Y=_(d),U=Y.isLimitReached,fn=Y.switchCount,pn=e.useState(""),hn=pn[0],xn=pn[1],vn=e.useRef([]),gn=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 zn=e.useRef(null),bn=e.useState(!1),_n=bn[0],qn=bn[1],wn=e.useState(!1),yn=wn[0],kn=wn[1];e.useEffect((function(){if(T){var n=zn.current;if(n){var e=function(){var e=n.scrollHeight>n.clientHeight,o=n.scrollTop+n.clientHeight>=n.scrollHeight-15;e?(o&&kn(!0),qn(!o&&!yn)):(qn(!1),kn(!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(){vn.current.forEach((function(n){return clearTimeout(n)})),vn.current=[]}}),[]),!T&&D)return n.jsxs("div",{className:Z,style:"rtl"==h?{direction:"rtl"}:{},ref:gn,children:[n.jsx(G,{theme:p,targetClass:Z}),n.jsx(V,{})]});var Sn=(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||!Sn.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,Sn[y].id,u,C)];case 2:return e.sent(),y!==(null==Sn?void 0:Sn.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(){k((function(n){return n+1}));var n=window.setTimeout((function(){kn(!1)}),150);vn.current.push(n)}),300),vn.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),vn.current.push(n),[7];case 7:return[2]}}))}))};function En(){return D?"Submitting":y===(null==Sn?void 0:Sn.length)-1?"Submit":"Next"}return z?null:n.jsxs("div",{className:Z,children:[n.jsx(G,{theme:p,targetClass:Z}),n.jsxs("div",{className:X,style:"rtl"==h?{direction:"rtl"}:{},children:[n.jsxs("div",{className:K,children:[n.jsxs("h3",{className:ln,children:["Questions: ",y+1,"/",(null==Sn?void 0:Sn.length)||0]}),n.jsxs("div",{className:$,children:[n.jsx(b,{markQuizComplete:jn,duration:(null==T?void 0:T.duration)||0,isEndScreenOpen:H}),v&&n.jsx("button",{className:nn,onClick:v,children:n.jsx(A,{})})]})]}),n.jsxs("div",{className:en,ref:zn,children:[n.jsx("div",{className:on,children:n.jsx(s,{question:(null===(t=Sn[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:Mn,children:En()})}),n.jsx("div",{className:un,children:n.jsx("button",{className:dn,disabled:!C||D||!T,onClick:Mn,children:En()})})]}),n.jsx(x,{loading:D,options:(null===(i=Sn[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:H,onClose:v,message:hn}),_n&&n.jsx("button",{className:sn+" "+cn,onClick:function(){var n=zn.current;n&&(n.scrollTo({top:n.scrollHeight+10,behavior:"smooth"}),kn(!0),qn(!1))},children:n.jsx(I,{})})]})};
|
|
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=o.languages,r=o.selectedLanguage,a=o.onChange;if(2!==i.length)return null;if((null===(t=i[0])||void 0===t?void 0:t.name)===(null==r?void 0:r.name))return null;var l=e.useState(!1),u=l[0],s=l[1],d=i.find((function(n){return(null==n?void 0:n.name)!==(null==r?void 0:r.name)}));return n.jsxs("div",{className:"".concat(Un," ").concat(u?Gn:""),onClick:function(){s((function(n){return!n})),d&&a(d)},children:[n.jsx("span",{className:Xn,children:null==d?void 0:d.icon}),n.jsx("span",{className:Zn,children:(null==d?void 0:d.name)?null==d?void 0:d.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(-11*r,"px) scale(").concat(1-.025*r,")"),width:"calc(100% - ".concat(24*r,"px)"),opacity:a?1:.75-.15*r,filter:a?"none":"blur(".concat(.8*r,"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,{})})]})};
|