npm - wizr-quiz - Versions diffs - 3.0.3 → 3.0.5 - Mend

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.

Files changed (12) hide show

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.mjs CHANGED Viewed

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

package/package.json CHANGED Viewed

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

package/dist/assets/patron-bold.woff2 DELETED Viewed

Binary file

package/dist/assets/patron-light.woff2 DELETED Viewed

Binary file

package/dist/assets/patron-medium.woff2 DELETED Viewed

Binary file

package/dist/assets/patron-regular.woff2 DELETED Viewed

Binary file

package/dist/assets/patron-thin.woff2 DELETED Viewed

Binary file