@lanaco/lnc-react-ui 4.0.150 → 4.0.152

package/dist/LocationFinderSection.cjs

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),l=require("react"),p=require("./index-GxCvHDwv.cjs"),d=l.forwardRef((e,t)=>{const{locationFinderTitle:n,locationFinderPlaceholder:o,openMapText:i,onOpenMap:r=()=>{},mapFilters:c,inputComponent:a}=e;return s.jsx(p.LocationFinder,{ref:t,title:n,placeholderText:o,onOpenMap:r,openMapText:i,mapFilters:c,inputComponent:a})});module.exports=d;
+"use strict";const s=require("react/jsx-runtime"),l=require("react"),p=require("./index-ELUMKl0N.cjs"),d=l.forwardRef((e,t)=>{const{locationFinderTitle:n,locationFinderPlaceholder:o,openMapText:i,onOpenMap:r=()=>{},mapFilters:c,inputComponent:a}=e;return s.jsx(p.LocationFinder,{ref:t,title:n,placeholderText:o,onOpenMap:r,openMapText:i,mapFilters:c,inputComponent:a})});module.exports=d;

package/dist/LocationFinderSection.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
-import { L as d } from "./index-Djw_s9eq.js";
+import { L as d } from "./index-C0SKNFzP.js";
 const F = c((o, e) => {
   const {
     locationFinderTitle: t,

package/dist/{Mixcloud-DvH0vfg5.js → Mixcloud-Bb8MTclI.js}

@@ -1,6 +1,6 @@
 import { g as y } from "./_commonjsHelpers-BkfeUUK-.js";
 import f from "react";
-import { u as m, p as g } from "./SearchSection-CsfURtvf.js";
+import { u as m, p as g } from "./SearchSection-DDQ_K98T.js";
 function v(t, e) {
   for (var r = 0; r < e.length; r++) {
     const s = e[r];

package/dist/{Mixcloud-CP9Zq_TX.cjs → Mixcloud-nG_VyBNt.cjs}

@@ -1 +1 @@
-"use strict";const f=require("./_commonjsHelpers-DwTZ_eVU.cjs"),m=require("react"),c=require("./SearchSection-BGK1Fxaj.cjs");function g(t,e){for(var r=0;r<e.length;r++){const s=e[r];if(typeof s!="string"&&!Array.isArray(s)){for(const o in s)if(o!=="default"&&!(o in t)){const i=Object.getOwnPropertyDescriptor(s,o);i&&Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>s[o]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var v=Object.create,a=Object.defineProperty,P=Object.getOwnPropertyDescriptor,O=Object.getOwnPropertyNames,b=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty,x=(t,e,r)=>e in t?a(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,w=(t,e)=>{for(var r in e)a(t,r,{get:e[r],enumerable:!0})},d=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of O(e))!M.call(t,o)&&o!==r&&a(t,o,{get:()=>e[o],enumerable:!(s=P(e,o))||s.enumerable});return t},j=(t,e,r)=>(r=t!=null?v(b(t)):{},d(!t||!t.__esModule?a(r,"default",{value:t,enumerable:!0}):r,t)),S=t=>d(a({},"__esModule",{value:!0}),t),n=(t,e,r)=>(x(t,typeof e!="symbol"?e+"":e,r),r),h={};w(h,{default:()=>l});var y=S(h),p=j(m),u=c.utils,_=c.patterns;const D="https://widget.mixcloud.com/media/js/widgetApi.js",L="Mixcloud";class l extends p.Component{constructor(){super(...arguments),n(this,"callPlayer",u.callPlayer),n(this,"duration",null),n(this,"currentTime",null),n(this,"secondsLoaded",null),n(this,"mute",()=>{}),n(this,"unmute",()=>{}),n(this,"ref",e=>{this.iframe=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){(0,u.getSDK)(D,L).then(r=>{this.player=r.PlayerWidget(this.iframe),this.player.ready.then(()=>{this.player.events.play.on(this.props.onPlay),this.player.events.pause.on(this.props.onPause),this.player.events.ended.on(this.props.onEnded),this.player.events.error.on(this.props.error),this.player.events.progress.on((s,o)=>{this.currentTime=s,this.duration=o}),this.props.onReady()})},this.props.onError)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){}getDuration(){return this.duration}getCurrentTime(){return this.currentTime}getSecondsLoaded(){return null}render(){const{url:e,config:r}=this.props,s=e.match(_.MATCH_URL_MIXCLOUD)[1],o={width:"100%",height:"100%"},i=(0,u.queryString)({...r.options,feed:`/${s}/`});return p.default.createElement("iframe",{key:s,ref:this.ref,style:o,src:`https://player-widget.mixcloud.com/widget/iframe/?${i}`,frameBorder:"0",allow:"autoplay"})}}n(l,"displayName","Mixcloud");n(l,"canPlay",_.canPlay.mixcloud);n(l,"loopOnEnded",!0);const T=f.getDefaultExportFromCjs(y),C=g({__proto__:null,default:T},[y]);exports.Mixcloud=C;
+"use strict";const f=require("./_commonjsHelpers-DwTZ_eVU.cjs"),m=require("react"),c=require("./SearchSection-BcbHP6QF.cjs");function g(t,e){for(var r=0;r<e.length;r++){const s=e[r];if(typeof s!="string"&&!Array.isArray(s)){for(const o in s)if(o!=="default"&&!(o in t)){const i=Object.getOwnPropertyDescriptor(s,o);i&&Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>s[o]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var v=Object.create,a=Object.defineProperty,P=Object.getOwnPropertyDescriptor,O=Object.getOwnPropertyNames,b=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty,x=(t,e,r)=>e in t?a(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,w=(t,e)=>{for(var r in e)a(t,r,{get:e[r],enumerable:!0})},d=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of O(e))!M.call(t,o)&&o!==r&&a(t,o,{get:()=>e[o],enumerable:!(s=P(e,o))||s.enumerable});return t},j=(t,e,r)=>(r=t!=null?v(b(t)):{},d(!t||!t.__esModule?a(r,"default",{value:t,enumerable:!0}):r,t)),S=t=>d(a({},"__esModule",{value:!0}),t),n=(t,e,r)=>(x(t,typeof e!="symbol"?e+"":e,r),r),h={};w(h,{default:()=>l});var y=S(h),p=j(m),u=c.utils,_=c.patterns;const D="https://widget.mixcloud.com/media/js/widgetApi.js",L="Mixcloud";class l extends p.Component{constructor(){super(...arguments),n(this,"callPlayer",u.callPlayer),n(this,"duration",null),n(this,"currentTime",null),n(this,"secondsLoaded",null),n(this,"mute",()=>{}),n(this,"unmute",()=>{}),n(this,"ref",e=>{this.iframe=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){(0,u.getSDK)(D,L).then(r=>{this.player=r.PlayerWidget(this.iframe),this.player.ready.then(()=>{this.player.events.play.on(this.props.onPlay),this.player.events.pause.on(this.props.onPause),this.player.events.ended.on(this.props.onEnded),this.player.events.error.on(this.props.error),this.player.events.progress.on((s,o)=>{this.currentTime=s,this.duration=o}),this.props.onReady()})},this.props.onError)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){}getDuration(){return this.duration}getCurrentTime(){return this.currentTime}getSecondsLoaded(){return null}render(){const{url:e,config:r}=this.props,s=e.match(_.MATCH_URL_MIXCLOUD)[1],o={width:"100%",height:"100%"},i=(0,u.queryString)({...r.options,feed:`/${s}/`});return p.default.createElement("iframe",{key:s,ref:this.ref,style:o,src:`https://player-widget.mixcloud.com/widget/iframe/?${i}`,frameBorder:"0",allow:"autoplay"})}}n(l,"displayName","Mixcloud");n(l,"canPlay",_.canPlay.mixcloud);n(l,"loopOnEnded",!0);const T=f.getDefaultExportFromCjs(y),C=g({__proto__:null,default:T},[y]);exports.Mixcloud=C;

package/dist/{Mux-BlblTeid.cjs → Mux-BgB2a8kM.cjs}

@@ -1 +1 @@
-"use strict";const P=require("./_commonjsHelpers-DwTZ_eVU.cjs"),g=require("react"),E=require("./SearchSection-BGK1Fxaj.cjs");function b(r,e){for(var t=0;t<e.length;t++){const i=e[t];if(typeof i!="string"&&!Array.isArray(i)){for(const s in i)if(s!=="default"&&!(s in r)){const o=Object.getOwnPropertyDescriptor(i,s);o&&Object.defineProperty(r,s,o.get?o:{enumerable:!0,get:()=>i[s]})}}}return Object.freeze(Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}))}var _=Object.create,a=Object.defineProperty,L=Object.getOwnPropertyDescriptor,k=Object.getOwnPropertyNames,I=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty,M=(r,e,t)=>e in r?a(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,x=(r,e)=>{for(var t in e)a(r,t,{get:e[t],enumerable:!0})},f=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of k(e))!O.call(r,s)&&s!==t&&a(r,s,{get:()=>e[s],enumerable:!(i=L(e,s))||i.enumerable});return r},R=(r,e,t)=>(t=r!=null?_(I(r)):{},f(!r||!r.__esModule?a(t,"default",{value:r,enumerable:!0}):t,r)),w=r=>f(a({},"__esModule",{value:!0}),r),n=(r,e,t)=>(M(r,typeof e!="symbol"?e+"":e,t),t),y={};x(y,{default:()=>l});var m=w(y),v=R(g),p=E.patterns;const S="https://cdn.jsdelivr.net/npm/@mux/mux-player@VERSION/dist/mux-player.mjs";class l extends v.Component{constructor(){super(...arguments),n(this,"onReady",(...e)=>this.props.onReady(...e)),n(this,"onPlay",(...e)=>this.props.onPlay(...e)),n(this,"onBuffer",(...e)=>this.props.onBuffer(...e)),n(this,"onBufferEnd",(...e)=>this.props.onBufferEnd(...e)),n(this,"onPause",(...e)=>this.props.onPause(...e)),n(this,"onEnded",(...e)=>this.props.onEnded(...e)),n(this,"onError",(...e)=>this.props.onError(...e)),n(this,"onPlayBackRateChange",e=>this.props.onPlaybackRateChange(e.target.playbackRate)),n(this,"onEnablePIP",(...e)=>this.props.onEnablePIP(...e)),n(this,"onSeek",e=>{this.props.onSeek(e.target.currentTime)}),n(this,"onDurationChange",()=>{const e=this.getDuration();this.props.onDuration(e)}),n(this,"mute",()=>{this.player.muted=!0}),n(this,"unmute",()=>{this.player.muted=!1}),n(this,"ref",e=>{this.player=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this),this.addListeners(this.player);const e=this.getPlaybackId(this.props.url);e&&(this.player.playbackId=e)}componentWillUnmount(){this.player.playbackId=null,this.removeListeners(this.player)}addListeners(e){const{playsinline:t}=this.props;e.addEventListener("play",this.onPlay),e.addEventListener("waiting",this.onBuffer),e.addEventListener("playing",this.onBufferEnd),e.addEventListener("pause",this.onPause),e.addEventListener("seeked",this.onSeek),e.addEventListener("ended",this.onEnded),e.addEventListener("error",this.onError),e.addEventListener("ratechange",this.onPlayBackRateChange),e.addEventListener("enterpictureinpicture",this.onEnablePIP),e.addEventListener("leavepictureinpicture",this.onDisablePIP),e.addEventListener("webkitpresentationmodechanged",this.onPresentationModeChange),e.addEventListener("canplay",this.onReady),t&&e.setAttribute("playsinline","")}removeListeners(e){e.removeEventListener("canplay",this.onReady),e.removeEventListener("play",this.onPlay),e.removeEventListener("waiting",this.onBuffer),e.removeEventListener("playing",this.onBufferEnd),e.removeEventListener("pause",this.onPause),e.removeEventListener("seeked",this.onSeek),e.removeEventListener("ended",this.onEnded),e.removeEventListener("error",this.onError),e.removeEventListener("ratechange",this.onPlayBackRateChange),e.removeEventListener("enterpictureinpicture",this.onEnablePIP),e.removeEventListener("leavepictureinpicture",this.onDisablePIP),e.removeEventListener("canplay",this.onReady)}async load(e){var t;const{onError:i,config:s}=this.props;if(!((t=globalThis.customElements)!=null&&t.get("mux-player")))try{await import(`${S.replace("VERSION",s.version)}`),this.props.onLoaded()}catch(u){i(u)}const[,o]=e.match(p.MATCH_URL_MUX);this.player.playbackId=o}play(){const e=this.player.play();e&&e.catch(this.props.onError)}pause(){this.player.pause()}stop(){this.player.playbackId=null}seekTo(e,t=!0){this.player.currentTime=e,t||this.pause()}setVolume(e){this.player.volume=e}enablePIP(){this.player.requestPictureInPicture&&document.pictureInPictureElement!==this.player&&this.player.requestPictureInPicture()}disablePIP(){document.exitPictureInPicture&&document.pictureInPictureElement===this.player&&document.exitPictureInPicture()}setPlaybackRate(e){try{this.player.playbackRate=e}catch(t){this.props.onError(t)}}getDuration(){if(!this.player)return null;const{duration:e,seekable:t}=this.player;return e===1/0&&t.length>0?t.end(t.length-1):e}getCurrentTime(){return this.player?this.player.currentTime:null}getSecondsLoaded(){if(!this.player)return null;const{buffered:e}=this.player;if(e.length===0)return 0;const t=e.end(e.length-1),i=this.getDuration();return t>i?i:t}getPlaybackId(e){const[,t]=e.match(p.MATCH_URL_MUX);return t}render(){const{url:e,playing:t,loop:i,controls:s,muted:o,config:u,width:c,height:h}=this.props,d={width:c==="auto"?c:"100%",height:h==="auto"?h:"100%"};return s===!1&&(d["--controls"]="none"),v.default.createElement("mux-player",{ref:this.ref,"playback-id":this.getPlaybackId(e),style:d,preload:"auto",autoPlay:t||void 0,muted:o?"":void 0,loop:i?"":void 0,...u.attributes})}}n(l,"displayName","Mux");n(l,"canPlay",p.canPlay.mux);const j=P.getDefaultExportFromCjs(m),D=b({__proto__:null,default:j},[m]);exports.Mux=D;
+"use strict";const P=require("./_commonjsHelpers-DwTZ_eVU.cjs"),g=require("react"),E=require("./SearchSection-BcbHP6QF.cjs");function b(r,e){for(var t=0;t<e.length;t++){const i=e[t];if(typeof i!="string"&&!Array.isArray(i)){for(const s in i)if(s!=="default"&&!(s in r)){const o=Object.getOwnPropertyDescriptor(i,s);o&&Object.defineProperty(r,s,o.get?o:{enumerable:!0,get:()=>i[s]})}}}return Object.freeze(Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}))}var _=Object.create,a=Object.defineProperty,L=Object.getOwnPropertyDescriptor,k=Object.getOwnPropertyNames,I=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty,M=(r,e,t)=>e in r?a(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,x=(r,e)=>{for(var t in e)a(r,t,{get:e[t],enumerable:!0})},f=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of k(e))!O.call(r,s)&&s!==t&&a(r,s,{get:()=>e[s],enumerable:!(i=L(e,s))||i.enumerable});return r},R=(r,e,t)=>(t=r!=null?_(I(r)):{},f(!r||!r.__esModule?a(t,"default",{value:r,enumerable:!0}):t,r)),w=r=>f(a({},"__esModule",{value:!0}),r),n=(r,e,t)=>(M(r,typeof e!="symbol"?e+"":e,t),t),y={};x(y,{default:()=>l});var m=w(y),v=R(g),p=E.patterns;const S="https://cdn.jsdelivr.net/npm/@mux/mux-player@VERSION/dist/mux-player.mjs";class l extends v.Component{constructor(){super(...arguments),n(this,"onReady",(...e)=>this.props.onReady(...e)),n(this,"onPlay",(...e)=>this.props.onPlay(...e)),n(this,"onBuffer",(...e)=>this.props.onBuffer(...e)),n(this,"onBufferEnd",(...e)=>this.props.onBufferEnd(...e)),n(this,"onPause",(...e)=>this.props.onPause(...e)),n(this,"onEnded",(...e)=>this.props.onEnded(...e)),n(this,"onError",(...e)=>this.props.onError(...e)),n(this,"onPlayBackRateChange",e=>this.props.onPlaybackRateChange(e.target.playbackRate)),n(this,"onEnablePIP",(...e)=>this.props.onEnablePIP(...e)),n(this,"onSeek",e=>{this.props.onSeek(e.target.currentTime)}),n(this,"onDurationChange",()=>{const e=this.getDuration();this.props.onDuration(e)}),n(this,"mute",()=>{this.player.muted=!0}),n(this,"unmute",()=>{this.player.muted=!1}),n(this,"ref",e=>{this.player=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this),this.addListeners(this.player);const e=this.getPlaybackId(this.props.url);e&&(this.player.playbackId=e)}componentWillUnmount(){this.player.playbackId=null,this.removeListeners(this.player)}addListeners(e){const{playsinline:t}=this.props;e.addEventListener("play",this.onPlay),e.addEventListener("waiting",this.onBuffer),e.addEventListener("playing",this.onBufferEnd),e.addEventListener("pause",this.onPause),e.addEventListener("seeked",this.onSeek),e.addEventListener("ended",this.onEnded),e.addEventListener("error",this.onError),e.addEventListener("ratechange",this.onPlayBackRateChange),e.addEventListener("enterpictureinpicture",this.onEnablePIP),e.addEventListener("leavepictureinpicture",this.onDisablePIP),e.addEventListener("webkitpresentationmodechanged",this.onPresentationModeChange),e.addEventListener("canplay",this.onReady),t&&e.setAttribute("playsinline","")}removeListeners(e){e.removeEventListener("canplay",this.onReady),e.removeEventListener("play",this.onPlay),e.removeEventListener("waiting",this.onBuffer),e.removeEventListener("playing",this.onBufferEnd),e.removeEventListener("pause",this.onPause),e.removeEventListener("seeked",this.onSeek),e.removeEventListener("ended",this.onEnded),e.removeEventListener("error",this.onError),e.removeEventListener("ratechange",this.onPlayBackRateChange),e.removeEventListener("enterpictureinpicture",this.onEnablePIP),e.removeEventListener("leavepictureinpicture",this.onDisablePIP),e.removeEventListener("canplay",this.onReady)}async load(e){var t;const{onError:i,config:s}=this.props;if(!((t=globalThis.customElements)!=null&&t.get("mux-player")))try{await import(`${S.replace("VERSION",s.version)}`),this.props.onLoaded()}catch(u){i(u)}const[,o]=e.match(p.MATCH_URL_MUX);this.player.playbackId=o}play(){const e=this.player.play();e&&e.catch(this.props.onError)}pause(){this.player.pause()}stop(){this.player.playbackId=null}seekTo(e,t=!0){this.player.currentTime=e,t||this.pause()}setVolume(e){this.player.volume=e}enablePIP(){this.player.requestPictureInPicture&&document.pictureInPictureElement!==this.player&&this.player.requestPictureInPicture()}disablePIP(){document.exitPictureInPicture&&document.pictureInPictureElement===this.player&&document.exitPictureInPicture()}setPlaybackRate(e){try{this.player.playbackRate=e}catch(t){this.props.onError(t)}}getDuration(){if(!this.player)return null;const{duration:e,seekable:t}=this.player;return e===1/0&&t.length>0?t.end(t.length-1):e}getCurrentTime(){return this.player?this.player.currentTime:null}getSecondsLoaded(){if(!this.player)return null;const{buffered:e}=this.player;if(e.length===0)return 0;const t=e.end(e.length-1),i=this.getDuration();return t>i?i:t}getPlaybackId(e){const[,t]=e.match(p.MATCH_URL_MUX);return t}render(){const{url:e,playing:t,loop:i,controls:s,muted:o,config:u,width:c,height:h}=this.props,d={width:c==="auto"?c:"100%",height:h==="auto"?h:"100%"};return s===!1&&(d["--controls"]="none"),v.default.createElement("mux-player",{ref:this.ref,"playback-id":this.getPlaybackId(e),style:d,preload:"auto",autoPlay:t||void 0,muted:o?"":void 0,loop:i?"":void 0,...u.attributes})}}n(l,"displayName","Mux");n(l,"canPlay",p.canPlay.mux);const j=P.getDefaultExportFromCjs(m),D=b({__proto__:null,default:j},[m]);exports.Mux=D;

package/dist/{Mux--JeF6dPG.js → Mux-DfYpGTiP.js}

@@ -1,6 +1,6 @@
 import { g as P } from "./_commonjsHelpers-BkfeUUK-.js";
 import g from "react";
-import { p as E } from "./SearchSection-CsfURtvf.js";
+import { p as E } from "./SearchSection-DDQ_K98T.js";
 function b(r, e) {
   for (var t = 0; t < e.length; t++) {
     const i = e[t];

package/dist/OverlayGeneralCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),d=require("react"),t=require("./index-BpbMKBf_.cjs"),u=require("./Button.cjs"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),_=f.styled.div`
+"use strict";const n=require("react/jsx-runtime"),d=require("react"),t=require("./index-BpbMKBf_.cjs"),u=require("./Button.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),_=g.styled.div`
   display: flex;
   height: 28.75rem;
   padding: 2.25rem;
@@ -60,7 +60,7 @@
     }
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
     padding: 2rem;
     min-height: 17.5rem;
     width: 100%;
@@ -83,7 +83,7 @@
       }
     }
   }
-`,h=d.forwardRef(({title:r,description:o,buttonText:i,imageUrl:s,backgroundColor:c="none",handleSelectCard:e=()=>{},handleButtonAction:l=()=>{}},m)=>n.jsxs(_,{backgroundImage:s,backgroundColor:c,onClick:e,children:[n.jsxs("div",{className:"section__text",children:[r&&n.jsx("div",{className:"section__title",children:r}),o&&n.jsx("div",{className:"section__description",children:o})]}),n.jsx(u,{text:i,onClick:a=>{a==null||a.stopPropagation(),l()},borderRadius:"regular",color:"gray",className:"section__action"})]}));h.propTypes={title:t.PropTypes.string,description:t.PropTypes.string,buttonText:t.PropTypes.string,imageUrl:t.PropTypes.string,backgroundColor:t.PropTypes.string,handleSelectCard:t.PropTypes.func,handleButtonAction:t.PropTypes.func};const x=f.styled.div`
+`,h=d.forwardRef(({title:r,description:o,buttonText:i,imageUrl:s,backgroundColor:l="none",handleSelectCard:e=()=>{},handleButtonAction:a=()=>{}},m)=>n.jsxs(_,{backgroundImage:s,backgroundColor:l,onClick:e,children:[n.jsxs("div",{className:"section__text",children:[r&&n.jsx("div",{className:"section__title",children:r}),o&&n.jsx("div",{className:"section__description",children:o})]}),n.jsx(u,{text:i,onClick:c=>{c==null||c.stopPropagation(),a()},borderRadius:"regular",color:"gray",className:"section__action"})]}));h.propTypes={title:t.PropTypes.string,description:t.PropTypes.string,buttonText:t.PropTypes.string,imageUrl:t.PropTypes.string,backgroundColor:t.PropTypes.string,handleSelectCard:t.PropTypes.func,handleButtonAction:t.PropTypes.func};const x=g.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -122,7 +122,7 @@
     }
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
     & .section__title {
       font-size: 1.375rem;
       line-height: 1.75rem;
@@ -132,4 +132,4 @@
       flex-direction: column;
     }
   }
-`,p=d.forwardRef(({title:r,items:o,onSelectCard:i=()=>{},onButtonAction:s=()=>{}},c)=>n.jsxs(x,{children:[n.jsx("div",{className:"section__title",children:r}),n.jsx("div",{className:"section__items",children:o==null?void 0:o.map((e,l)=>n.jsx(h,{title:e==null?void 0:e.title,description:e==null?void 0:e.description,imageUrl:e==null?void 0:e.imageUrl,buttonText:e==null?void 0:e.buttonText,backgroundColor:e==null?void 0:e.backgroundColor,handleSelectCard:()=>i(e),handleButtonAction:()=>s(e)},`overlay-general-card__${l+1}`))})]}));module.exports=p;
+`,p=d.forwardRef(({title:r,items:o,onSelectCard:i=()=>{},onButtonAction:s=()=>{}},l)=>n.jsxs(x,{ref:l,children:[n.jsx("div",{className:"section__title",children:r}),n.jsx("div",{className:"section__items",children:o==null?void 0:o.map((e,a)=>n.jsx(h,{title:e==null?void 0:e.title,description:e==null?void 0:e.description,imageUrl:e==null?void 0:e.imageUrl,buttonText:e==null?void 0:e.buttonText,backgroundColor:e==null?void 0:e.backgroundColor,handleSelectCard:()=>i(e),handleButtonAction:()=>s(e)},`overlay-general-card__${a+1}`))})]}));module.exports=p;

package/dist/OverlayGeneralCardsSection.js

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import { P as t } from "./index-CblbdqjE.js";
 import _ from "./Button.js";
@@ -95,19 +95,19 @@ const u = g.div`
     description: n,
     buttonText: i,
     imageUrl: a,
-    backgroundColor: d = "none",
+    backgroundColor: l = "none",
     handleSelectCard: e = () => {
     },
-    handleButtonAction: l = () => {
+    handleButtonAction: s = () => {
     }
-  }, p) => /* @__PURE__ */ c(
+  }, p) => /* @__PURE__ */ d(
     u,
     {
       backgroundImage: a,
-      backgroundColor: d,
+      backgroundColor: l,
       onClick: e,
       children: [
-        /* @__PURE__ */ c("div", { className: "section__text", children: [
+        /* @__PURE__ */ d("div", { className: "section__text", children: [
           r && /* @__PURE__ */ o("div", { className: "section__title", children: r }),
           n && /* @__PURE__ */ o("div", { className: "section__description", children: n })
         ] }),
@@ -115,8 +115,8 @@ const u = g.div`
           _,
           {
             text: i,
-            onClick: (s) => {
-              s == null || s.stopPropagation(), l();
+            onClick: (c) => {
+              c == null || c.stopPropagation(), s();
             },
             borderRadius: "regular",
             color: "gray",
@@ -188,9 +188,9 @@ const x = g.div`
 `, z = f(
   ({ title: r, items: n, onSelectCard: i = () => {
   }, onButtonAction: a = () => {
-  } }, d) => /* @__PURE__ */ c(x, { children: [
+  } }, l) => /* @__PURE__ */ d(x, { ref: l, children: [
     /* @__PURE__ */ o("div", { className: "section__title", children: r }),
-    /* @__PURE__ */ o("div", { className: "section__items", children: n == null ? void 0 : n.map((e, l) => /* @__PURE__ */ o(
+    /* @__PURE__ */ o("div", { className: "section__items", children: n == null ? void 0 : n.map((e, s) => /* @__PURE__ */ o(
       m,
       {
         title: e == null ? void 0 : e.title,
@@ -201,7 +201,7 @@ const x = g.div`
         handleSelectCard: () => i(e),
         handleButtonAction: () => a(e)
       },
-      `overlay-general-card__${l + 1}`
+      `overlay-general-card__${s + 1}`
     )) })
   ] })
 );

package/dist/ProductsWithBannerSection.cjs

@@ -81,4 +81,4 @@
       object-fit: cover;
     }
   }
-`,N=a.forwardRef((t,o)=>{const{uuid:n,title:i,image:s,sellerUuid:g,onSelectCard:d=()=>{},imageComponent:c}=t;return r.jsxs(b,{className:"product-card",onClick:d,children:[l.isDefined(c)?c:r.jsx(y.ProductImageWrapper,{src:s}),r.jsx("div",{className:"card-title",children:i})]})}),$=a.forwardRef(({},t)=>r.jsxs(b,{className:"product-card",children:[r.jsx("img",{className:"skeleton-img"}),r.jsx("div",{className:"skeleton-title"})]})),q=({limit:t=4,isLoading:o=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,s)=>r.jsx($,{isLoading:o},`${n}-skeleton-product-card-${s}`))}),I=({children:t,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:i,keyPrefix:s})=>r.jsx(a.Suspense,{fallbackComponent:o,children:n===!0?r.jsx(q,{isLoading:n,limit:i,keyPrefix:s}):t}),f=a.memo(N),U=a.forwardRef((t,o)=>{const{icon:n,items:i,limit:s=4,imageUrl:g,onSelectCard:d=()=>{},title:c="Season inspiration",isLoading:w=!1,getImage:p=()=>{}}=t,h=k.useDetectMobile(),S=a.useMemo(()=>r.jsx(r.Fragment,{children:h===!0?i==null?void 0:i.map((e,m)=>r.jsx(f,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>d({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m)):i==null?void 0:i.slice(0,s).map((e,m)=>r.jsx(f,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>d({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m))}),[i,h,s]);return r.jsxs(v.RegulatTitleSectionWrapper,{ref:o,children:[r.jsx("div",{className:"regular-title",children:r.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(n)&&r.jsx("i",{className:n}),r.jsx("span",{children:c})]})}),r.jsx(C,{className:"products-banner",children:r.jsx("img",{src:g})}),r.jsx(P,{limit:s,children:r.jsx(I,{isLoading:w,limit:s,keyPrefix:"explore-landing",children:S})})]})});module.exports=U;
+`,N=a.forwardRef((t,o)=>{const{uuid:n,title:i,image:s,sellerUuid:g,onSelectCard:d=()=>{},imageComponent:c}=t;return r.jsxs(b,{ref:o,className:"product-card",onClick:d,children:[l.isDefined(c)?c:r.jsx(y.ProductImageWrapper,{src:s}),r.jsx("div",{className:"card-title",children:i})]})}),$=a.forwardRef(({},t)=>r.jsxs(b,{className:"product-card",children:[r.jsx("img",{className:"skeleton-img"}),r.jsx("div",{className:"skeleton-title"})]})),q=({limit:t=4,isLoading:o=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,s)=>r.jsx($,{isLoading:o},`${n}-skeleton-product-card-${s}`))}),I=({children:t,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:i,keyPrefix:s})=>r.jsx(a.Suspense,{fallbackComponent:o,children:n===!0?r.jsx(q,{isLoading:n,limit:i,keyPrefix:s}):t}),f=a.memo(N),U=a.forwardRef((t,o)=>{const{icon:n,items:i,limit:s=4,imageUrl:g,onSelectCard:d=()=>{},title:c="Season inspiration",isLoading:w=!1,getImage:p=()=>{}}=t,h=k.useDetectMobile(),S=a.useMemo(()=>r.jsx(r.Fragment,{children:h===!0?i==null?void 0:i.map((e,m)=>r.jsx(f,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>d({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m)):i==null?void 0:i.slice(0,s).map((e,m)=>r.jsx(f,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>d({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m))}),[i,h,s]);return r.jsxs(v.RegulatTitleSectionWrapper,{ref:o,children:[r.jsx("div",{className:"regular-title",children:r.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(n)&&r.jsx("i",{className:n}),r.jsx("span",{children:c})]})}),r.jsx(C,{className:"products-banner",children:r.jsx("img",{src:g})}),r.jsx(P,{limit:s,children:r.jsx(I,{isLoading:w,limit:s,keyPrefix:"explore-landing",children:S})})]})});module.exports=U;

package/dist/ProductsWithBannerSection.js

@@ -99,7 +99,7 @@ const E = p.div`
     },
     imageComponent: d
   } = t;
-  return /* @__PURE__ */ s(k, { className: "product-card", onClick: n, children: [
+  return /* @__PURE__ */ s(k, { ref: l, className: "product-card", onClick: n, children: [
     M(d) ? d : /* @__PURE__ */ r(j, { src: a }),
     /* @__PURE__ */ r("div", { className: "card-title", children: i })
   ] });

package/dist/QuattroCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("react"),d=require("./utils-Dl9xPH4c.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),g=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),u=require("./styled-components.browser.esm-CvykQBGY.cjs"),_=c.styled.div`
+"use strict";const e=require("react/jsx-runtime"),n=require("react"),l=require("./utils-Dl9xPH4c.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),g=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),u=require("./styled-components.browser.esm-CvykQBGY.cjs"),_=c.styled.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -79,7 +79,7 @@
       font-style: normal;
       font-weight: 600;
       line-height: 1.75rem;
-      ${d.truncateText()}
+      ${l.truncateText()}
     }
 
     & .quattro-card__description {
@@ -87,7 +87,7 @@
       font-style: normal;
       font-weight: 500;
       line-height: 1.25rem;
-      ${d.truncateTextInRows(2)}
+      ${l.truncateTextInRows(2)}
     }
   }
 
@@ -108,7 +108,7 @@
       display: block;
     }
   }
-`,h=n.forwardRef(({title:o,description:r,imageUrl:i,onSelectCard:s=()=>{}},l)=>{const{theme:a}=g.useTheme();return e.jsxs(f,{theme:a,onClick:s,children:[e.jsx("img",{loading:"lazy",src:i}),e.jsx(_,{theme:a,className:"quattro-card__gradient",children:e.jsxs("div",{className:"quattro-card__text",children:[e.jsx("div",{className:"quattro-card__title",children:o}),e.jsx("div",{className:"quattro-card__description",children:r})]})})]})}),b=u.qe.div`
+`,h=n.forwardRef(({title:o,description:r,imageUrl:i,onSelectCard:s=()=>{}},d)=>{const{theme:a}=g.useTheme();return e.jsxs(f,{ref:d,theme:a,onClick:s,children:[e.jsx("img",{loading:"lazy",src:i}),e.jsx(_,{theme:a,className:"quattro-card__gradient",children:e.jsxs("div",{className:"quattro-card__text",children:[e.jsx("div",{className:"quattro-card__title",children:o}),e.jsx("div",{className:"quattro-card__description",children:r})]})})]})}),b=u.qe.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -160,4 +160,4 @@
       gap: 1rem;
     }
   }
-`,w=n.memo(h),x=n.forwardRef(({title:o,items:r,onSelectCard:i=()=>{}},s)=>{const l=n.useMemo(()=>{var a;return(a=r==null?void 0:r.slice(0,4))==null?void 0:a.map((t,p)=>e.jsx(w,{title:t==null?void 0:t.title,description:t==null?void 0:t.description,imageUrl:t==null?void 0:t.imageUrl,onSelectCard:()=>i==null?void 0:i(t)},`quattro-card__${p+1}`))},[r]);return e.jsxs(b,{ref:s,children:[e.jsx("div",{className:"wrapper__heading",children:e.jsx("div",{className:"wrapper__title",children:d.isDefinedNotEmptyString(o)&&e.jsx("div",{className:"title__text",children:e.jsx("span",{children:o})})})}),e.jsx("div",{className:"wrapper__cards",children:l})]})});module.exports=x;
+`,w=n.memo(h),x=n.forwardRef(({title:o,items:r,onSelectCard:i=()=>{}},s)=>{const d=n.useMemo(()=>{var a;return(a=r==null?void 0:r.slice(0,4))==null?void 0:a.map((t,p)=>e.jsx(w,{title:t==null?void 0:t.title,description:t==null?void 0:t.description,imageUrl:t==null?void 0:t.imageUrl,onSelectCard:()=>i==null?void 0:i(t)},`quattro-card__${p+1}`))},[r]);return e.jsxs(b,{ref:s,children:[e.jsx("div",{className:"wrapper__heading",children:e.jsx("div",{className:"wrapper__title",children:l.isDefinedNotEmptyString(o)&&e.jsx("div",{className:"title__text",children:e.jsx("span",{children:o})})})}),e.jsx("div",{className:"wrapper__cards",children:d})]})});module.exports=x;

package/dist/QuattroCardsSection.js

@@ -1,4 +1,4 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { forwardRef as l, memo as g, useMemo as f } from "react";
 import { t as h, p as u, k as _ } from "./utils-BdsZgOUE.js";
 import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
@@ -117,11 +117,11 @@ const y = c.div`
   }
 `, x = l(
   ({ title: o, description: e, imageUrl: i, onSelectCard: n = () => {
-  } }, s) => {
+  } }, d) => {
     const { theme: a } = b();
-    return /* @__PURE__ */ d(v, { theme: a, onClick: n, children: [
+    return /* @__PURE__ */ s(v, { ref: d, theme: a, onClick: n, children: [
       /* @__PURE__ */ r("img", { loading: "lazy", src: i }),
-      /* @__PURE__ */ r(y, { theme: a, className: "quattro-card__gradient", children: /* @__PURE__ */ d("div", { className: "quattro-card__text", children: [
+      /* @__PURE__ */ r(y, { theme: a, className: "quattro-card__gradient", children: /* @__PURE__ */ s("div", { className: "quattro-card__text", children: [
         /* @__PURE__ */ r("div", { className: "quattro-card__title", children: o }),
         /* @__PURE__ */ r("div", { className: "quattro-card__description", children: e })
       ] }) })
@@ -182,7 +182,7 @@ const y = c.div`
 `, k = g(x), I = l(
   ({ title: o, items: e, onSelectCard: i = () => {
   } }, n) => {
-    const s = f(() => {
+    const d = f(() => {
       var a;
       return (a = e == null ? void 0 : e.slice(0, 4)) == null ? void 0 : a.map((t, p) => /* @__PURE__ */ r(
         k,
@@ -195,9 +195,9 @@ const y = c.div`
         `quattro-card__${p + 1}`
       ));
     }, [e]);
-    return /* @__PURE__ */ d(q, { ref: n, children: [
+    return /* @__PURE__ */ s(q, { ref: n, children: [
       /* @__PURE__ */ r("div", { className: "wrapper__heading", children: /* @__PURE__ */ r("div", { className: "wrapper__title", children: _(o) && /* @__PURE__ */ r("div", { className: "title__text", children: /* @__PURE__ */ r("span", { children: o }) }) }) }),
-      /* @__PURE__ */ r("div", { className: "wrapper__cards", children: s })
+      /* @__PURE__ */ r("div", { className: "wrapper__cards", children: d })
     ] });
   }
 );

package/dist/QuizSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),i=require("react"),N=require("./utils-Dl9xPH4c.cjs"),k=require("./Button.cjs"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),_=require("./consts-goSZX3xP.cjs"),M=require("./Icon.cjs"),K=require("./ProgressBar.cjs"),V=T.styled.div`
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),N=require("./utils-Dl9xPH4c.cjs"),k=require("./Button.cjs"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),M=require("./Icon.cjs"),K=require("./ProgressBar.cjs"),V=T.styled.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -49,7 +49,7 @@
     }
   }
 
-  @media (max-width: ${_.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__title {
       font-size: 1.375rem;
       line-height: 1.75rem;
@@ -250,7 +250,7 @@
     }
   }
 
-  @media (max-width: ${_.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__content {
       & .wrapper__item {
         & .wrapper__answers {
@@ -349,7 +349,7 @@
     }
   }
 
-  @media (max-width: ${_.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     width: 100%;
 
     & .wrapper__actions {
@@ -359,7 +359,7 @@
       }
     }
   }
-`,ee=i.forwardRef(({title:g,description:c,startQuizText:f="Start quiz",onStartQuiz:x=()=>{}},h)=>e.jsxs(V,{children:[e.jsxs("div",{className:"wrapper__content",children:[e.jsx("div",{className:"wrapper__title",children:g}),e.jsx("div",{className:"wrapper__description",children:c})]}),e.jsx(k,{text:f,size:"medium",className:"wrapper__action",onClick:x})]})),re=i.forwardRef(({questionNoText:g,questionNo:c,totalQuestions:f,text:x,options:h,correctAnswerIndex:n,selectedAnswer:r,secondsPerQuestion:C,nextText:z="Next",giveUpText:Q="Give up",nextDisabled:U=!0,onSelectAnswer:Z=()=>{},onGiveUp:L=()=>{},onNext:$=()=>{},selectedAnswerIndex:o},R)=>{const[p,b]=i.useState(C),[u,E]=i.useState(!0),w=i.useRef(null);i.useEffect(()=>(u&&p>0&&(w.current=setInterval(()=>{b(d=>d>0?d-1:0)},1e3)),()=>clearInterval(w.current)),[u,p]);const W=p>0?p/C*_.CIRCLE_CIRCUMFERENCE:0;return e.jsxs(Y,{ref:R,children:[e.jsxs("div",{className:"wrapper__headline",children:[e.jsxs("div",{className:"wrapper__question-no",children:[e.jsx("div",{className:"question-no__text",children:`${g} ${c} / ${f}`}),e.jsx(K,{progressPercentage:c/f*100,className:"question-no__progress-bar"})]}),e.jsxs("div",{className:"wrapper__timer",children:[e.jsxs("svg",{className:"timer__ring",width:"60",height:"60",children:[e.jsx("circle",{className:"ring__progres-background",cx:"30",cy:"30",r:_.CIRCLE_RADIUS,stroke:"#e0e0e0",strokeWidth:"4",fill:"transparent"}),e.jsx("circle",{className:"ring__progres",cx:"30",cy:"30",r:_.CIRCLE_RADIUS,stroke:"#d97706",strokeWidth:"4",fill:"transparent",strokeLinecap:"round",transform:"rotate(-90 30 30)",strokeDasharray:_.CIRCLE_CIRCUMFERENCE,strokeDashoffset:_.CIRCLE_CIRCUMFERENCE-W})]}),e.jsx("div",{className:"timer__display",children:e.jsx("span",{className:"timer__text",children:N.formatTimerText(p)})})]})]}),e.jsxs("div",{className:"wrapper__content",children:[e.jsxs("div",{className:"wrapper__item",children:[e.jsx("div",{className:"wrapper__text",children:x}),e.jsx("div",{className:"wrapper__answers",children:h==null?void 0:h.map((d,a)=>e.jsxs("div",{className:`wrapper__answer ${n===a&&n===o?"active":N.isDefinedNotEmptyString(r)&&n!==o&&o===a?"incorrect":""}`,onClick:()=>Z(d,a),children:[`${String.fromCharCode(65+a)}: ${d}`,n===a&&n===o&&e.jsx(M,{icon:" mng-lnc-checkmark--filled",sizeInUnits:"1.25rem",className:"wrapper__icon"}),o>=0&&n!==o&&o===a&&e.jsx(M,{icon:" mng-lnc-close--filled",sizeInUnits:"1.25rem",className:"wrapper__icon__incorrect"})]},`quiz-answer__${a+1}`))})]}),e.jsxs("div",{className:"wrapper__actions",children:[e.jsx(k,{text:Q,borderRadius:"curved",size:"medium",className:"wrapper__action action__give-up",onClick:L}),e.jsx(k,{text:z,borderRadius:"curved",size:"medium",className:"wrapper__action action__next",disabled:U,onClick:$})]})]})]})}),te=i.forwardRef(({title:g,description:c,continueText:f="Continue",endQuizText:x="End quiz",onContinue:h=()=>{},onEndQuiz:n=()=>{}},r)=>e.jsxs(q,{children:[e.jsxs("div",{className:"wrapper__content",children:[e.jsx(M,{icon:" mng-lnc-checkmark--outline",color:"success",sizeInUnits:"4rem",className:"wrapper__icon"}),e.jsxs("div",{className:"wrapper__info",children:[g&&e.jsx("div",{className:"wrapper__title",children:g}),c&&e.jsx("div",{className:"wrapper__description",children:c})]})]}),e.jsxs("div",{className:"wrapper__actions",children:[e.jsx(k,{text:f,borderRadius:"curved",size:"medium",className:"wrapper__action action__continue",onClick:h}),e.jsx(k,{text:x,borderRadius:"curved",size:"medium",className:"wrapper__action action__end-quiz",onClick:n})]})]})),l={START_QUIZ:0,QUIZ:1,CORRECT_ANSWER:2},ae=T.styled.div`
+`,ee=i.forwardRef(({title:f,description:c,startQuizText:h="Start quiz",onStartQuiz:x=()=>{}},o)=>e.jsxs(V,{ref:o,children:[e.jsxs("div",{className:"wrapper__content",children:[e.jsx("div",{className:"wrapper__title",children:f}),e.jsx("div",{className:"wrapper__description",children:c})]}),e.jsx(k,{text:h,size:"medium",className:"wrapper__action",onClick:x})]})),re=i.forwardRef(({questionNoText:f,questionNo:c,totalQuestions:h,text:x,options:o,correctAnswerIndex:n,selectedAnswer:r,secondsPerQuestion:C,nextText:z="Next",giveUpText:Q="Give up",nextDisabled:U=!0,onSelectAnswer:Z=()=>{},onGiveUp:L=()=>{},onNext:$=()=>{},selectedAnswerIndex:p},R)=>{const[d,b]=i.useState(C),[u,E]=i.useState(!0),w=i.useRef(null);i.useEffect(()=>(u&&d>0&&(w.current=setInterval(()=>{b(m=>m>0?m-1:0)},1e3)),()=>clearInterval(w.current)),[u,d]);const W=d>0?d/C*g.CIRCLE_CIRCUMFERENCE:0;return e.jsxs(Y,{ref:R,children:[e.jsxs("div",{className:"wrapper__headline",children:[e.jsxs("div",{className:"wrapper__question-no",children:[e.jsx("div",{className:"question-no__text",children:`${f} ${c} / ${h}`}),e.jsx(K,{progressPercentage:c/h*100,className:"question-no__progress-bar"})]}),e.jsxs("div",{className:"wrapper__timer",children:[e.jsxs("svg",{className:"timer__ring",width:"60",height:"60",children:[e.jsx("circle",{className:"ring__progres-background",cx:"30",cy:"30",r:g.CIRCLE_RADIUS,stroke:"#e0e0e0",strokeWidth:"4",fill:"transparent"}),e.jsx("circle",{className:"ring__progres",cx:"30",cy:"30",r:g.CIRCLE_RADIUS,stroke:"#d97706",strokeWidth:"4",fill:"transparent",strokeLinecap:"round",transform:"rotate(-90 30 30)",strokeDasharray:g.CIRCLE_CIRCUMFERENCE,strokeDashoffset:g.CIRCLE_CIRCUMFERENCE-W})]}),e.jsx("div",{className:"timer__display",children:e.jsx("span",{className:"timer__text",children:N.formatTimerText(d)})})]})]}),e.jsxs("div",{className:"wrapper__content",children:[e.jsxs("div",{className:"wrapper__item",children:[e.jsx("div",{className:"wrapper__text",children:x}),e.jsx("div",{className:"wrapper__answers",children:o==null?void 0:o.map((m,a)=>e.jsxs("div",{className:`wrapper__answer ${n===a&&n===p?"active":N.isDefinedNotEmptyString(r)&&n!==p&&p===a?"incorrect":""}`,onClick:()=>Z(m,a),children:[`${String.fromCharCode(65+a)}: ${m}`,n===a&&n===p&&e.jsx(M,{icon:" mng-lnc-checkmark--filled",sizeInUnits:"1.25rem",className:"wrapper__icon"}),p>=0&&n!==p&&p===a&&e.jsx(M,{icon:" mng-lnc-close--filled",sizeInUnits:"1.25rem",className:"wrapper__icon__incorrect"})]},`quiz-answer__${a+1}`))})]}),e.jsxs("div",{className:"wrapper__actions",children:[e.jsx(k,{text:Q,borderRadius:"curved",size:"medium",className:"wrapper__action action__give-up",onClick:L}),e.jsx(k,{text:z,borderRadius:"curved",size:"medium",className:"wrapper__action action__next",disabled:U,onClick:$})]})]})]})}),te=i.forwardRef(({title:f,description:c,continueText:h="Continue",endQuizText:x="End quiz",onContinue:o=()=>{},onEndQuiz:n=()=>{}},r)=>e.jsxs(q,{ref:r,children:[e.jsxs("div",{className:"wrapper__content",children:[e.jsx(M,{icon:" mng-lnc-checkmark--outline",color:"success",sizeInUnits:"4rem",className:"wrapper__icon"}),e.jsxs("div",{className:"wrapper__info",children:[f&&e.jsx("div",{className:"wrapper__title",children:f}),c&&e.jsx("div",{className:"wrapper__description",children:c})]})]}),e.jsxs("div",{className:"wrapper__actions",children:[e.jsx(k,{text:h,borderRadius:"curved",size:"medium",className:"wrapper__action action__continue",onClick:o}),e.jsx(k,{text:x,borderRadius:"curved",size:"medium",className:"wrapper__action action__end-quiz",onClick:n})]})]})),l={START_QUIZ:0,QUIZ:1,CORRECT_ANSWER:2},ae=T.styled.div`
   display: flex;
   width: 100%;
   align-items: center;
@@ -383,7 +383,7 @@
     border-radius: 0.75rem;
   }
 
-  @media (max-width: ${_.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__outlet {
       padding: 0;
     }
@@ -392,4 +392,4 @@
       display: none;
     }
   }
-`,ie=i.forwardRef(({title:g,subtitle:c,endTitle:f,endDescription:x,imageUrl:h,imageComponent:n,questions:r,secondsPerQuestion:C,numberOfCredits:z,startQuizText:Q="Start quiz",nextText:U="Next",giveUpText:Z="Give up",questionNoText:L="Question",continueText:$="Continue",endQuizText:o="End quiz",onStartQuiz:R=()=>{},onSelectAnswer:p=()=>{},onGiveUp:b=()=>{},onNext:u=()=>{},onContinue:E=()=>{},onEndQuiz:w=()=>{}},W)=>{const[d,a]=i.useState(l.START_QUIZ),[m,v]=i.useState(0),[t,D]=i.useState(null),[O,y]=i.useState(null),[P,j]=i.useState(null),A=i.useRef([]),I=i.useRef(0),B=()=>{var s;a(l.QUIZ),D((s=r==null?void 0:r.at)==null?void 0:s.call(r,m)),R==null||R()},X=(s,S)=>{j(S),y(s),p==null||p()},F=()=>{a(l.START_QUIZ),v(0),y(null),j(null),b==null||b()},G=()=>{var S;const s=P===(t==null?void 0:t.correctAnswerIndex);s?(a(l.CORRECT_ANSWER),I.current+=z||(t==null?void 0:t.numberOfCredits)):m===(r==null?void 0:r.length)-1?(a(l.START_QUIZ),v(0),y(null),j(null)):(v(m+1),D((S=r==null?void 0:r.at)==null?void 0:S.call(r,m+1)),y(null),j(null)),A.current=[...A.current,{question:t,selectedAnswer:O,isCorrect:s}],u==null||u()},H=()=>{var s;m===(r==null?void 0:r.length)-1?(a(l.START_QUIZ),v(0)):(a(l.QUIZ),v(m+1),D((s=r==null?void 0:r.at)==null?void 0:s.call(r,m+1))),y(null),j(null),E==null||E(I==null?void 0:I.current)},J=()=>{a(l.START_QUIZ),v(0),y(null),j(null),w==null||w()};return e.jsxs(ae,{ref:W,children:[e.jsxs("div",{className:"wrapper__outlet",children:[d===l.START_QUIZ&&e.jsx(ee,{title:g,description:c,startQuizText:Q,onStartQuiz:B}),d===l.QUIZ&&t&&e.jsx(re,{questionNoText:L,questionNo:m,totalQuestions:(r==null?void 0:r.length)||0,text:t==null?void 0:t.questionText,options:t==null?void 0:t.options,secondsPerQuestion:C||(t==null?void 0:t.secondsPerQuestion),correctAnswerIndex:t==null?void 0:t.correctAnswerIndex,selectedAnswer:O,nextText:U,giveUpText:Z,nextDisabled:!N.isDefined(O),onSelectAnswer:X,onGiveUp:F,onNext:G,selectedAnswerIndex:P},`quiz-question__${m}`),d===l.CORRECT_ANSWER&&e.jsx(te,{title:f,description:N.formatString(x,z||(t==null?void 0:t.numberOfCredits)),continueText:$,endQuizText:o,onContinue:H,onEndQuiz:J})]}),N.isDefined(n)?n:e.jsx("img",{src:h,className:"wrapper__image"})]})});module.exports=ie;
+`,ie=i.forwardRef(({title:f,subtitle:c,endTitle:h,endDescription:x,imageUrl:o,imageComponent:n,questions:r,secondsPerQuestion:C,numberOfCredits:z,startQuizText:Q="Start quiz",nextText:U="Next",giveUpText:Z="Give up",questionNoText:L="Question",continueText:$="Continue",endQuizText:p="End quiz",onStartQuiz:R=()=>{},onSelectAnswer:d=()=>{},onGiveUp:b=()=>{},onNext:u=()=>{},onContinue:E=()=>{},onEndQuiz:w=()=>{}},W)=>{const[m,a]=i.useState(l.START_QUIZ),[_,v]=i.useState(0),[t,D]=i.useState(null),[O,y]=i.useState(null),[P,j]=i.useState(null),A=i.useRef([]),I=i.useRef(0),B=()=>{var s;a(l.QUIZ),D((s=r==null?void 0:r.at)==null?void 0:s.call(r,_)),R==null||R()},X=(s,S)=>{j(S),y(s),d==null||d()},F=()=>{a(l.START_QUIZ),v(0),y(null),j(null),b==null||b()},G=()=>{var S;const s=P===(t==null?void 0:t.correctAnswerIndex);s?(a(l.CORRECT_ANSWER),I.current+=z||(t==null?void 0:t.numberOfCredits)):_===(r==null?void 0:r.length)-1?(a(l.START_QUIZ),v(0),y(null),j(null)):(v(_+1),D((S=r==null?void 0:r.at)==null?void 0:S.call(r,_+1)),y(null),j(null)),A.current=[...A.current,{question:t,selectedAnswer:O,isCorrect:s}],u==null||u()},H=()=>{var s;_===(r==null?void 0:r.length)-1?(a(l.START_QUIZ),v(0)):(a(l.QUIZ),v(_+1),D((s=r==null?void 0:r.at)==null?void 0:s.call(r,_+1))),y(null),j(null),E==null||E(I==null?void 0:I.current)},J=()=>{a(l.START_QUIZ),v(0),y(null),j(null),w==null||w()};return e.jsxs(ae,{ref:W,children:[e.jsxs("div",{className:"wrapper__outlet",children:[m===l.START_QUIZ&&e.jsx(ee,{title:f,description:c,startQuizText:Q,onStartQuiz:B}),m===l.QUIZ&&t&&e.jsx(re,{questionNoText:L,questionNo:_,totalQuestions:(r==null?void 0:r.length)||0,text:t==null?void 0:t.questionText,options:t==null?void 0:t.options,secondsPerQuestion:C||(t==null?void 0:t.secondsPerQuestion),correctAnswerIndex:t==null?void 0:t.correctAnswerIndex,selectedAnswer:O,nextText:U,giveUpText:Z,nextDisabled:!N.isDefined(O),onSelectAnswer:X,onGiveUp:F,onNext:G,selectedAnswerIndex:P},`quiz-question__${_}`),m===l.CORRECT_ANSWER&&e.jsx(te,{title:h,description:N.formatString(x,z||(t==null?void 0:t.numberOfCredits)),continueText:$,endQuizText:p,onContinue:H,onEndQuiz:J})]}),N.isDefined(n)?n:e.jsx("img",{src:o,className:"wrapper__image"})]})});module.exports=ie;