@abtasty/widget-quality 0.4.22 → 0.4.23

package/dist/main.js

@@ -1 +1,2699 @@
-!function(){"use strict";const e=()=>Object.prototype.hasOwnProperty.call(top,"ABTastyEditor"),t=()=>{const e=!!document.getElementById("ABTastyPreviewBar"),t=location.href.includes("ab_project=preview");return e||t},n=e=>new Function(`try {\n\t\t${e}\n\t} catch (error) {\n\t\treturn null;\n\t}`)(),i=()=>encodeURIComponent(DATA.spNoTrim?window.location.href.replace(window.location.origin,""):`${window.location.pathname}`),s=()=>!e()&&(t()||!!window.ABTasty.getTestsOnPage()[TEST_ID]),r=()=>window.ABTasty&&!0===window.ABTasty.consentReady,o=()=>{const{type:e}=DATA;return`${PACKAGE.replace("@abtasty/","")}${e?`_${e}`:""}`},a=()=>{const e=o();return`${e.charAt(0).toUpperCase()}${e.slice(1)}`.split("-").join(" ")},c=()=>`${PLUGIN_ID.split("-")[0]}_${TEST_ID}`,l=n=>{const i=(()=>{if(e()||t())return!1;const n=ABTasty.getTestsOnPage()[TEST_ID];return!!n&&Object.keys(n.targetings.qaParameters).length>0})(),s=window.document.cookie.includes("abTastyDebug=")||!0===window.abTastyDebug;if(i||s){const e=a();window.console.log(`%c${e} - ${i?"QA":"Debug"} Mode for campaign ${TEST_ID} %c ${n}`,"background-color: #D6FF01; color: #3100be; padding: 3px 0 3px 10px; border-radius: 5px 0 0 5px; font-weight: bold;","background-color: #3100be; color: white; padding: 3px 10px 3px 0; border-radius: 0 5px 5px 0;")}},h=e=>{const t={promise:null,resolve:null,reject:null,name:e};return t.promise=new Promise((e,n)=>{t.resolve=e,t.reject=n}),t},d=(e,t)=>{const n=t?[]:null;if("string"!=typeof e||!e.trim().length)return n;const[i,s,r]=e.split("[]").map(e=>e.trim()),o=Boolean(r)?r:e,a=s?document.querySelector(i)?.[s]:document;return a?t?[...a.querySelectorAll(o)]:a.querySelector(o):n},u=e=>d(e,!1),g=e=>d(e,!0),m=(e,t)=>{const n={childList:!0,subtree:!0,attributes:!0},i=()=>s.disconnect(),s=new MutationObserver(()=>{const n=u(t);return n&&!i()&&e(n)});return{clear:i,observe:e=>{const t=document.querySelector("body")||document.documentElement,i=e??t;s.observe(i,n)}}},p=()=>{},v=(t,n)=>{const i=u(t),s={selector:t,clear:p,observe:p};if(i)return setTimeout(()=>n(i),0),s;if(e())return setTimeout(()=>v(t,n),1e3),s;if(t.includes("[]"))return((e,t)=>{const[n,i]=t.split("[]").map(e=>e.trim()),s=u(n),r=s?.[i],{clear:o,observe:a}=m(e,t),c=()=>{const n=u(t);return n&&!l()&&e(n)},l=()=>{o(),s?.removeEventListener("load",c)},h=()=>{a(r),"iframe"===s?.localName&&s.addEventListener("load",c)};return h(),{selector:t,clear:l,observe:h}})(n,t);const{clear:r,observe:o}=m(n,t);return o(),{selector:t,clear:r,observe:o}};function f(e,t){const n=e.parentElement||e.getRootNode().host;return t(e)||!n?e:f(n,t)}const y=t=>{e()||(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())},b=(e,t)=>[...g(t)].some(n=>{const[i,,s]=t.split("[]"),r=s??i;return n===e||!!e.closest(r)});let w=!1;class T{constructor(){this.targets=[],this.existingTargets=[],this.inViewportTargets=[],this.visibilityObserver=null,this.mutationObserver=null,this.mouseOverEvent=null,this.scrollEvent=null,this.onTransitionEnd=null,this.onIframeLoad=null}transitionOverHandler(e){const t=[e,"transitionend",this.checkElements.bind(this),!0];return this.getEvents(...t)}intersectionHandler(e){e.forEach(e=>{e.isIntersecting?(this.existingTargets.forEach(t=>{t.element.isSameNode(e.target)&&(this.inViewportTargets.push(t),this.mouseOverEvent.start(),this.scrollEvent.start(),this.onTransitionEnd.start())}),this.checkElements()):this.inViewportTargets=this.inViewportTargets.filter(t=>!t.element.isSameNode(e.target)||(this.mouseOverEvent.clear(),this.scrollEvent.clear(),this.onTransitionEnd.clear(),!1))})}startVisibilityObserver(e){const t={root:e,rootMargin:"0px",threshold:.01};return this.visibilityObserver??=new IntersectionObserver(this.intersectionHandler.bind(this),t),this.visibilityObserver}startMutationObserver(e){return this.mutationObserver??=new MutationObserver(this.checkElements.bind(this)),this.mutationObserver.observe(e,{attributes:!0,childList:!0,subtree:!0}),this.mutationObserver}onMouseOver({target:e,path:t}){const n=this.inViewportTargets.find(({element:n,selector:i})=>{if(n.isSameNode(e))return!0;const[s,,r]=i.split("[]"),o=r??s,a=[...e.querySelectorAll(o)];if(a.length&&a.includes(n))return!0;if(t.includes(n))return!0;if(!e.parentElement?.children?.length)return;const c=[...e.parentElement.children],l=c.findIndex(t=>t.isSameNode(e)),h=c.filter((e,t)=>t>l);if(h.length){if(h.includes(n))return!0;if(h.some(e=>[...e.querySelectorAll(o)].includes(n)))return!0}return!1});if(n&&this.isElementVisible(n.element)){const{selector:e,element:t,uniqueId:i}=n,s=this.targets.find(t=>t.selector===e&&t.uniqueId===i);s&&s.resolve(t),this.clear(e,i)}}getEvents(e,...t){return{start:()=>e?.addEventListener(...t),clear:()=>e?.removeEventListener(...t)}}mouseOverHandler(e){const t=[e,"ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0?"touchmove":"mouseover",e=>{const t=e.composedPath(),{target:n}=e;setTimeout(()=>this.onMouseOver({target:n,path:t}),50)},!0];return this.getEvents(...t)}scrollEventHandler(e){const t=[e,"scroll",(n=this.checkElements.bind(this),()=>{w||(w=!0,setTimeout(()=>{n(),w=!1},100))}),{passive:!0}];var n;return this.getEvents(...t)}isElementVisible(e){return this.isElementOpaque(e)&&this.isElementTopmost(e)}isElementOpaque(e){return"HTML"===f(e,e=>"0"===window.getComputedStyle(e).opacity).nodeName}isElementTopmost(e){const t=e.getBoundingClientRect(),n=[[t.left,t.top],[t.right,t.top],[t.left,t.bottom],[t.right,t.bottom],[t.left+t.width/2,t.top],[t.left+t.width/2,t.bottom],[t.left,t.height/2],[t.right,t.height/2],[t.left+t.left/2,t.height/2]];let i=!1,s=0;for(;!i&&s<n.length;){const t=e.getRootNode()?.elementFromPoint(...n[s]);i=e===t||t?.contains(e)||e.contains(t),s+=1}return i}checkElements(){this.targets.forEach(({selector:e,uniqueId:t})=>{const n=u(e),[i,,s]=e.split("[]"),r=s??i;n&&!this.existingTargets.find(e=>e.element.matches(r)&&e.uniqueId===t)&&(this.existingTargets.push({element:n,selector:e,uniqueId:t}),this.visibilityObserver.observe(n))}),this.existingTargets=this.existingTargets.filter(({selector:e,element:t})=>!(!u(e)||!t.isConnected)||(t&&this.visibilityObserver.unobserve(t),!1)),this.inViewportTargets=this.inViewportTargets.filter(({selector:e,element:t,uniqueId:n})=>{const[i,,s]=e.split("[]"),r=s??i;if(t.matches(r)&&this.isElementVisible(t)){const i=this.targets.find(t=>t.selector===e&&t.uniqueId===n);return i&&i.resolve(t),this.clear(e,n),!1}return!0})}onLoadIframe(e){const t=[e.defaultView.frameElement,"load",()=>this.watch(selector,resolve,uniqueId).bind(this),{passive:!0}];return this.getEvents(...t)}watch(e,t,n){this.targets.push({selector:e,resolve:t,uniqueId:n});const{clear:i}=v(e,e=>{i();const t=e.getRootNode({composed:!0}),n="body"in t?t.body:document;this.mouseOverEvent=this.mouseOverHandler(t),this.scrollEvent=this.scrollEventHandler(t),this.onTransitionEnd=this.transitionOverHandler(t),t.defaultView?.frameElement&&(this.onIframeLoad=this.onLoadIframe(t),this.onIframeLoad.start()),this.startVisibilityObserver(t),this.startMutationObserver(n),this.checkElements()})}clear(e,t){[this.targets,this.existingTargets,this.inViewportTargets]=[this.targets,this.existingTargets,this.inViewportTargets].map(n=>n.filter(({selector:n,uniqueId:i})=>n!==e&&i!==t));const n=u(e);n&&this.visibilityObserver?.unobserve(n),0===this.targets.length&&(this.mutationObserver?.disconnect(),this.onIframeLoad?.clear()),0===this.inViewportTargets.length&&(this.mouseOverEvent?.clear(),this.scrollEvent?.clear(),this.onTransitionEnd?.clear())}}const E="remove",C="rebuild",S="update",A="ABTastyData";class x{constructor({triggerEvent:e,triggerSelector:t,triggerDelay:n,triggerTarget:i}){this.event=e,this.selector=Boolean(t)?t:"body",this.target="string"==typeof i?u(t):i,this.delay=1e3*n,this.triggerElements=[],this.eventsListeners=[],this.timeouts=[],this.intervals=[],this.promises=[],this.visibilityObservers=[],this.socialProofStore={},this.elementWaiters=[]}async onElementVisible({promise:e,resolve:t}){const n=h(`${this.event}DomReady`);this.promises.push(n);const{clear:i}=v(this.selector,()=>{const e=new T;this.visibilityObservers.push(e),e.watch(this.selector,t,c())});return this.elementWaiters.push(i),e}onPageLoad({promise:e,resolve:t}){const n=()=>"complete"===document.readyState;if(!n()){const i=["readystatechange",()=>n()&&t(!0),{passive:!0}];return this.eventsListeners.push([document,...i]),document.addEventListener(...i),e}return t(!0),e}onClick({promise:e,resolve:t}){const n=({isTrusted:e,target:n})=>{if(e)return(n.isEqualNode(this.target)||b(n,this.selector))&&t(!0)},{clear:i}=v(this.selector,e=>{i();const t=document.createElement("style");t.id=`Click_${c()}`;const[s,,r]=this.selector.split("[]"),o=r??s;t.innerHTML=`${o} {\n\t\t\t\tcursor: pointer !important;\n\t\t\t\tpointer-events: all !important;\n\t\t\t}`;const a=e.getRootNode();("head"in a?a.head:a).appendChild(t),this.triggerElements.push(t);const l=["click",n,{passive:!0,capture:!0}];this.eventsListeners.push([a,...l]),a.addEventListener(...l)});return this.elementWaiters.push(i),e}onHover({promise:e,resolve:t}){const n=({isTrusted:e,target:n})=>{if(e)return(this.target?n.isEqualNode(this.target):b(n,this.selector))&&t(!0)},{clear:i}=v(this.selector,e=>{const t=e.getRootNode(),i="body"in t?t.body:[...t.childNodes].find(t=>t.contains(e)),s=["mouseenter",n,{passive:!0,capture:!0}];this.eventsListeners.push([i,...s]),i.addEventListener(...s)});return this.elementWaiters.push(i),e}onExitIntent({promise:e,resolve:t}){const n=["mouseleave",({isTrusted:e,clientY:n})=>{e&&n<=0&&t(!0)},{passive:!0}],{clear:i}=v("html",e=>{i(),this.eventsListeners.push([e,...n]),e.addEventListener(...n)});return e}onReengage({promise:e,resolve:t}){const n=this.delay;let i=n;const s=[...document.querySelectorAll("*:empty")].map(e=>e.contentDocument||e.shadowRoot).filter(e=>e),r=[({isTrusted:e})=>{e&&(i=n)},{passive:!0}];["click","mousemove","scroll","keypress"].forEach(e=>{[document,...s].forEach(t=>{this.eventsListeners.push([t,e,...r]),t.addEventListener(e,...r)})});const o=setInterval(()=>{i<=0?t(!0):i-=100},100);return this.intervals.push(o),e}onCustomTrigger({promise:e,resolve:t}){const{triggerEventCustomScript:n}=DATA,i="undefined"!=typeof DATA_JS&&DATA_JS?.triggerEventCustomScript,s="function"==typeof i?()=>new Promise(e=>i(e)):new Function(`return new Promise(async resolve => {${n}})`);return s().then(e=>e&&t(!0)),e}onScrollUp({promise:e,resolve:t}){let n=0;const i=["scroll",({isTrusted:e})=>{e&&(window.scrollY<n?t(!0):n=window.scrollY)},{passive:!0,capture:!0}];return this.eventsListeners.push([document,...i]),document.addEventListener(...i),e}onScrollPercentReached({promise:e,resolve:t}){const{triggerEventScrollPercent:n}=DATA,i=["scroll",({isTrusted:e})=>{if(!e)return;const i=(()=>{const{documentElement:e,body:t}=document,n=e.scrollTop||t.scrollTop,i=e.scrollHeight||t.scrollHeight;return Math.trunc(n/(i-e.clientHeight)*100,10)})();n<i&&t(!0)},{passive:!0,capture:!0}];return this.eventsListeners.push([document,...i]),document.addEventListener(...i),e}checkSocialProofConditions(e,t,n,i){const s=(()=>{let e;return window.ABTasty||window.ABTASTY_S?(window.ABTASTY_S?.USER?.accountIdentifier?.length?e=window.ABTASTY_S.USER.accountIdentifier:"function"==typeof window.ABTasty?.getAccountSettings?e=window.ABTasty.getAccountSettings().identifier:window.ABTasty?.accountSettings&&(e=window.ABTasty.accountSettings.identifier),e):e})(),{viewInterval:r,spNoTrim:o}=DATA;if(this.socialProofStore.hasOwnProperty(e))n(this.socialProofStore[e])?i(`${this.socialProofStore[e][r]}`):i(!1);else if(e&&s){const a=t=>(this.socialProofStore[e]=t,i(!!n(t)&&`${t[r]}`));fetch(`https://api-social-proof.abtasty.com/clients/${s}/metrics/${t}?key=${e}${o?"&noTrim=true":""}`).then(e=>e.ok&&e.json()).then(a).catch(()=>l("Failed to fetch datas from server."))}else i(!1)}getSocialProofDatas({promise:e,resolve:t},s,r=!1){const{productKey:o,keyType:a}=(()=>{const{socialProofContentType:e,productKeyProvider:t,pathToProductKey:s,customJSProductKey:r,productSKU:o}=DATA,{pathToProductKey:a,customJSProductKey:c}="undefined"!=typeof DATA_JS?DATA_JS:{};if(2===e)return{productKey:i(),keyType:"url"};{let l=null,h="sku";switch(t){case"ABTastyProductKey":l=window.ABTastyProductKey;break;case"pathToProductKey":l="function"==typeof a?a():n(`return ${s};`);break;case"customJSProductKey":l="function"==typeof c?c():n(r);break;case"productSKU":l=o}return l||3!==e||(l=i(),h="url"),{productKey:l,keyType:h}}})(),{viewInterval:c,triggerSocialProofMinVisitors:h,triggerSocialProofMinPurchases:d,triggerSocialProofMinPageViews:u}=DATA,g={pv:u,i:d,"v-pv":h}[s];return[typeof c,typeof g].includes("undefined")&&t(!1),r&&!o&&(l("Not able to find ABTastyProductKey, impossible to call the API, read documentation for more informations:\n\t\t\t\thttps://support.abtasty.com/hc/en-us/articles/4710919241628-Widgets-List#h_84c04344-c655-4e5e-b9ab-d26a798ad9b0"),t(!1)),this.checkSocialProofConditions(o,"v-pv"===s&&"sku"===a?"v-i":s,e=>{const t=void 0!==e[c]&&e[c]>=g;return t||l(`Widget will not be shown, Social Proof API returned ${e[c]} while ${g} are required`),t},t),e}onConsent({promise:e,resolve:t}){if(!r()){const n=["abtasty_consentValid",()=>t(!0)];return this.eventsListeners.push(n),window.addEventListener(...n),e}return t(!0),e}onTrackingSent({promise:e,resolve:t}){const{triggerEventTrackingSent:n}=DATA;let i=localStorage.getItem(A);const s=()=>JSON.parse(i)?.ActionTracking?.some(({name:e})=>e===n),r=["storage",({key:e,newValue:n})=>{e===A&&(i=n,s()&&t(!0))},{passive:!0,capture:!0}];return i&&s()?t(!0):(()=>{this.eventsListeners.push([window,...r]),window.addEventListener(...r)})(),e}onMinPagesViewed({promise:e,resolve:t}){const{triggerEventMinPagesViewed:n}=DATA;let i=localStorage.getItem(A);const s=()=>n<=(i?JSON.parse(i)?.VisitedPages?.length:0),r=["storage",({key:e,newValue:n})=>{e===A&&(i=n,s()&&t(!0))},{passive:!0,capture:!0}];return i&&s()?t(!0):(()=>{this.eventsListeners.push([window,...r]),window.addEventListener(...r)})(),e}onRageClick({promise:e,resolve:t}){const{triggerEventRageClickQuantity:n,triggerEventRageClickDelay:i}=DATA;let s=0,r=!1;const o=["click",({isTrusted:e})=>{if(e&&(s+=1,s>=n&&t(!0),!r)){r=!0;const e=setTimeout(()=>{s=0,r=!1},i);this.timeouts.push(e)}},{passive:!0,capture:!0}],a=e=>{this.eventsListeners.push([e,...o]),e.addEventListener(...o)},{clear:c}=v("iframe []contentDocument[] body > *",()=>{const e=document.getElementsByTagName("iframe");for(const t of e){"contentDocument"in t&&"body"in t.contentDocument&&a(t.contentDocument);const e=()=>a(t.contentDocument);t.addEventListener("load",e),this.eventsListeners.push([t,"onIframeLoad",e])}});return this.elementWaiters.push(c),a(document),e}clear(){this.triggerElements=this.triggerElements.filter(e=>(e.remove(),!1)),this.eventsListeners=this.eventsListeners.filter(e=>{const[t,...n]=e;return t&&n.length>1&&t.removeEventListener(...n),!1}),this.timeouts=this.timeouts.filter(e=>(clearTimeout(e),!1)),this.intervals=this.intervals.filter(e=>(clearInterval(e),!1));const e=c();return this.visibilityObservers=this.visibilityObservers.filter(t=>(t.clear(this.selector,e),!1)),this.promises=this.promises.filter(e=>(e.resolve(!1),!1)),this.elementWaiters=this.elementWaiters.filter(e=>(e(),!1)),this}async isTriggered(){this.clear();const e=h(this.event);this.promises.push(e);const t={consent:()=>this.onConsent(e),direct:()=>!0,pageLoad:()=>this.onPageLoad(e),click:()=>this.onClick(e),exitIntent:()=>this.onExitIntent(e),reengage:()=>this.onReengage(e),elementVisible:()=>this.onElementVisible(e),script:()=>this.onCustomTrigger(e),hover:()=>this.onHover(e),scrollUp:()=>this.onScrollUp(e),scrollPercent:()=>this.onScrollPercentReached(e),rageClick:()=>this.onRageClick(e),minPagesViewed:()=>this.onMinPagesViewed(e),trackingSent:()=>this.onTrackingSent(e),socialProofPurchases:()=>this.getSocialProofDatas(e,"i",!0),socialProofPageViews:()=>this.getSocialProofDatas(e,"pv"),socialProofVisitors:()=>this.getSocialProofDatas(e,"v-pv")},n=!Object.prototype.hasOwnProperty.call(t,this.event)||await t[this.event]();return n&&this.clear(),"reengage"!==this.event&&this.delay?n&&await(async()=>{const e=h(`${this.event}Delay`);this.promises.push(e);const t=setTimeout(()=>{e.resolve(!0),this.clear()},this.delay);return this.timeouts.push(t),e.promise})():n}}const k="display",P="closing",I="validation",N="ABTastyWidgets",L=`${N}Temporary`;class R{constructor({displayRecurrence:e,closingRecurrence:t,validationRecurrence:n},i){this.displayRecurrence=parseFloat(e),this.closingRecurrence=parseFloat(t),this.validationRecurrence=parseFloat(n),this.onSetCallback=i,this.widgetName=o(),this.uniqueId=c(),this.recurrenceKey=`${this.widgetName}_${this.uniqueId}`,this.isListeningStorageEvent=this.listenStorageEvent(),this.pendingRecurrence=!1,this.pendingRecurrenceValue={}}onStorage({key:e}){const t=localStorage.getItem(L),n=sessionStorage.getItem(N);"ABTastyData"===e&&!t&&n&&localStorage.setItem(L,n)}listenStorageEvent(){return this.isListeningStorageEvent||window.addEventListener("storage",this.onStorage.bind(this)),!0}getGivenRecurrenceStorageParsed(e){try{const t=e.getItem(N);return JSON.parse(t)}catch(t){return e.removeItem(N),!1}}getSessionRecurrenceStorageParsed(){return this.getGivenRecurrenceStorageParsed(window.sessionStorage)}getLocalRecurrenceStorageParsed(){return this.getGivenRecurrenceStorageParsed(window.localStorage)}removeGivenStorage(e,t){const{[this.recurrenceKey]:n,...i}=t;return Object.entries(i).length?(e.setItem(N,JSON.stringify(i)),i):(e.removeItem(N),!1)}removeSessionRecurrenceStorage(){const e=this.getSessionRecurrenceStorageParsed();return!!e&&this.removeGivenStorage(window.sessionStorage,e)}removeLocalRecurrenceStorage(){const e=this.getLocalRecurrenceStorageParsed();return!!e&&this.removeGivenStorage(window.localStorage,e)}getSessionRecurrence(){const e=this.getSessionRecurrenceStorageParsed();return!!e&&e[this.recurrenceKey]}getLocalRecurrence(){const e=this.getLocalRecurrenceStorageParsed();return!!e&&e[this.recurrenceKey]}getCurrentRecurrence(){if(this.pendingRecurrence)return this.pendingRecurrenceValue;const e=this.getSessionRecurrence(),t=this.getLocalRecurrence();return e||t||{type:!1}}isOver(){const e=localStorage.getItem(L),t=!(!e||!e.includes(this.recurrenceKey))||this.getSessionRecurrence();e&&(sessionStorage.setItem(N,e),localStorage.removeItem(L));const n=this.getLocalRecurrence(),i=(n?parseFloat(n.stamp):0)<(new Date).getTime();return i&&this.removeLocalRecurrenceStorage(),!this.pendingRecurrence&&i&&!this.getLocalRecurrence()&&!t}setRecurrence(e,n){0!==e&&(window.removeEventListener("storage",this.onStorage.bind(this)),this.isListeningStorageEvent=!1);const i=this.getTypeOfStorage(e);if(t()||!i&&"object"!=typeof i)return!1;const{storageString:s,storageMethod:o}=i,a=this.getStamp(e),c={type:n,stamp:a},{type:l}=this.getCurrentRecurrence(),h=async()=>{if(!r()){this.pendingRecurrence=!0,this.pendingRecurrenceValue=c;const e=new x({triggerEvent:"consent"});await e.isTriggered(),this.pendingRecurrence=!1,this.pendingRecurrenceValue={}}const e=this.getSessionRecurrence(),t=this.getLocalRecurrence();let n;"session"===s?e?n=this.removeSessionRecurrenceStorage():(this.removeLocalRecurrenceStorage(),n=this.getSessionRecurrenceStorageParsed()):"local"===s&&(t?n=this.removeLocalRecurrenceStorage():(this.removeSessionRecurrenceStorage(),n=this.getLocalRecurrenceStorageParsed()));const i=n?{[this.recurrenceKey]:c,...n}:{[this.recurrenceKey]:c};o.setItem(N,JSON.stringify(i)),this.onSetCallback&&"function"==typeof this.onSetCallback&&this.onSetCallback()};if(!o)return!1;if(l&&n!==I)if(n===P&&l!==I)h();else{if(n!==k||l===I||l===P)return!1;h()}else h();return a}setDisplayRecurrence(){const e=k;this.setRecurrence(this.displayRecurrence,e)}setClosingRecurrence(){const e=P;this.setRecurrence(this.closingRecurrence,e)}setValidationRecurrence(){const e=I;this.setRecurrence(this.validationRecurrence,e)}getStamp(e){return(new Date).getTime()+864e5*e}getTypeOfStorage(e){return!(isNaN(e)||e<0||0!==e&&!e)&&(e>0?{storageString:"local",storageMethod:window.localStorage}:0===e&&{storageString:"session",storageMethod:window.sessionStorage})}}class D{constructor(e,t,n){this.isWidgetApplied=e,this.callback=t,this.shouldUpdate=n,this.triggerIframeTarget=null,this.observer=new MutationObserver(this.observerHandler.bind(this)),this.tagRollbackEventParams=["abtasty_resetActionTracking",this.onTagRollback.bind(this)],this.onCampaignLaunchedEventParams=["abtasty_executedCampaign",this.onCampaignLaunched.bind(this)]}decisionHandler(e){const t=!e&&this.isWidgetApplied(),n=t?this.shouldUpdate&&S:C;return n?(this.clearWatcher(),this.callback(n,!e,t),this.watch(),this):this}onCampaignLaunched({detail:{campaignId:e}}){e===TEST_ID&&(this.callback(C,!1),this.watch())}onTagRollback({target:e}){return this.clearWatcher(e),this.callback(E,!1,!0),window.addEventListener(...this.onCampaignLaunchedEventParams),this}observerHandler(e){return s()?e.some(e=>["removedNodes","addedNodes"].some(t=>e[t]&&e[t].length))?this.decisionHandler():this:this.callback(E,!1)}watch(t,n){if(e())return this;if(this.clearWatcher(t),window.removeEventListener(...this.onCampaignLaunchedEventParams),document.addEventListener(...this.tagRollbackEventParams),n?.includes("[]contentDocument[]")){const e=n.split("[]")[0].trim(),{clear:t}=v(e,e=>{t(),this.triggerIframeTarget=e,e.addEventListener("load",this.decisionHandler.bind(this))})}const i=t?.defaultView?.frameElement;i&&this.triggerIframeTarget!==i&&i.addEventListener("load",this.decisionHandler.bind(this));const{clear:s}=v("body",e=>{s();const n=t?.body||t||e;this.observer.observe(n,{childList:!0,subtree:!0})});return this}clearTriggerElementWatcher(){this.triggerIframeTarget?.removeEventListener("load",this.decisionHandler.bind(this))}clearWatcher(e){return document.removeEventListener(...this.tagRollbackEventParams),this.observer.disconnect(),this.clearTriggerElementWatcher(),e?.defaultView?.frameElement?.removeEventListener("load",this.decisionHandler.bind(this)),this}}const B=/.+\/([^.]+)\.(otf|ttf)$/,O=["socialProofPurchases","socialProofPageViews","socialProofVisitors"];class _{constructor(t,n){this.children=void 0,this.uniqueId=`${c()}${n?`_${n}`:""}`,this.widgetName=o(),this.prettyName=a(),this.recurrenceParams=(()=>{const{displayRecurrence:t,closingRecurrence:n,validationRecurrence:i}=DATA,s=!t&&!n&&!i;if(e()||s)return!1;const r={everytime:()=>-1,session:()=>0,once:()=>395,day:e=>DATA[`${e}_day`],week:e=>7*DATA[`${e}_week`],month:e=>30.5*DATA[`${e}_month`]},o={};return t&&(o.displayRecurrence=r[t]("displayRecurrence")),n&&(o.closingRecurrence=r[n]("closingRecurrence")),i&&(o.validationRecurrence=r[i]("validationRecurrence")),o})(),this.triggerParams=(t=>{let{triggerEvent:n}=DATA;const{triggerEventClick:i,triggerEventHover:s,triggerEventReengageDelay:r,socialProofContentType:o,triggerEventElementVisible:a,triggerEventDelay:c}=DATA;if(e()||!n&&!o)return!1;const l={click:()=>i,hover:()=>s,elementVisible:()=>a},h=Object.prototype.hasOwnProperty.call(l,n)?l[n]():"body",d="reengage"===n?r:c;return o&&(n=[,"socialProofPurchases","socialProofPageViews","socialProofVisitors"][o]),{triggerEvent:n,triggerSelector:h,triggerDelay:d,triggerTarget:t}})(t),this.recurrence=!!this.recurrenceParams&&new R(this.recurrenceParams,this.clearGivenClearables.bind(this)),this.trigger=!!this.triggerParams&&new x(this.triggerParams),this.shouldUpdate=!!this.triggerParams&&O.includes(this.triggerParams.triggerEvent),this.pageWatcher=new D(this.isWidgetApplied.bind(this),this.onPageChange.bind(this)),this.hasOncePerPageTrigger=(()=>{const{isOncePerPageTrigger:e,triggerEvent:t}=DATA;return!t||!["click","hover","scrollUp","script"].includes(t)||e})(),this.basicClassName=`ab_widget_container_${this.widgetName}`,this.widgetContainerId=`${this.basicClassName}_${this.uniqueId}`,this.contentClassName=`${this.basicClassName}_content`,this.overlayClassName=`${this.basicClassName}_overlay`,this.closeButtonClassName=`${this.basicClassName}_close_button`,this.hideClassName=`ab_hide_${this.uniqueId}`,this.rootElement=null,this.domElement=this.getDom(),this.hasBeenShown=!1,this.closedByUser=!1,this.websiteFocusedElement=null,this.elementsWaiters=[]}clearGivenClearables(){for(const e of this.elementsWaiters)e.clear();this.elementsWaiters=[]}isWidgetApplied(){return this.domElement?.isConnected&&this.domElement.ownerDocument?.defaultView}removeOldDomElement(){const e=this.rootElement?.getElementById(this.widgetContainerId);return e?.remove(),this}async insert(){if(this.isWidgetApplied())return!1;const e=["free"];"drawer"===DATA.layout&&DATA.customTarget&&e.push("drawer");const t=e.includes(DATA.layout);return new Promise(e=>{const{elementReferrer:n="body",referrerInsertType:i="beforeend"}=t?DATA:{},s=v(n,t=>{this.elementsWaiters=this.elementsWaiters.filter(e=>e.selector!==n),this.rootElement=t.getRootNode(),this.removeOldDomElement(),this.domElement.appendChild(this.styleElement),e(t.insertAdjacentElement(i,this.domElement))});this.elementsWaiters.push(s)}).then(()=>this)}remove(){this.trigger&&this.trigger.clear(),this.pageWatcher.clearWatcher(this.rootElement);for(const e of this.elementsWaiters)[DATA.elementReferrer,"body"].includes(e.selector)&&e.clear();return this.domElement?.isConnected&&this.domElement.remove(),this.hasOncePerPageTrigger?this.pageWatcher.watch(this.rootElement):e()||this.init().then(({response:e})=>e?this.show():this),this}show(){const{layout:t,overlay:n=!0}=DATA;return e()||this.hasBeenShown&&this.hasOncePerPageTrigger||window.ABTastyEvent(`${this.prettyName} displayed`,null,TEST_ID),this.closedByUser=!1,this.websiteFocusedElement=document.activeElement,setTimeout(()=>{this.domElement.classList.remove(this.hideClassName),e()||"popin"!==t||!0!==n||this.domElement.querySelector('input[type="text"], textarea, a, button')?.focus()},50),this.recurrence&&this.recurrence.setDisplayRecurrence(),this.hasBeenShown=!0,this.pageWatcher.watch(this.rootElement),this}hide(t=!0){return!e()&&this.hasBeenShown&&t&&window.ABTastyEvent(`${this.prettyName} closed`,null,TEST_ID),t&&(this.pageWatcher.clearWatcher(this.rootElement),this.closedByUser=!0),this.domElement.classList.add(this.hideClassName),!e()&&this.websiteFocusedElement?.isConnected&&this.websiteFocusedElement.focus(),this}async init(t){const n=e(),i=s(),r=this.trigger?.promises?.length,o=!this.recurrence||this.recurrence.isOver();if(!n&&!i||r||!o)return{container:this,response:!1};this.pageWatcher.watch(this.rootElement||document,this.triggerParams.triggerSelector);const a=n||!this.trigger||this.trigger&&await this.trigger.isTriggered();this.pageWatcher.clearTriggerElementWatcher();const c={container:this,response:a};return a?(await this.insert(),this.addCloseEvent(),n||t||this.hasBeenShown||void 0===this.children||"function"!=typeof this.children.refreshContent||this.children.refreshContent(a),c):c}onPageChange(e,t,n){const i=()=>this.init().then(({response:e})=>{e?this.show():this.hide(!1)});t||(this.hasBeenShown=!1,n&&this.domElement.remove(),this.trigger&&this.trigger.clear());const s={[E]:()=>n?this.remove():this.pageWatcher.watch(this.rootElement),[C]:()=>{this.hasBeenShown?this.closedByUser?this.pageWatcher.watch(this.rootElement):n||this.insert().then(e=>e.show()).catch(this.pageWatcher.watch):i()},[S]:()=>{this.hasBeenShown?this.pageWatcher.watch():i()}};"function"==typeof s[e]&&s[e]()}addCloseEvent(...t){const{closeButton:n,overlay:i,overlayClickable:s,layout:r,animationDuration:o=1e3}=DATA,a=[];if(void 0!==i&&!0!==i||!0!==s||"popin"!==r||a.push(`.${this.overlayClassName}`),void 0!==n&&n&&a.push(`.${this.closeButtonClassName}`),!a.length)return this;const c=this.domElement.querySelectorAll(a.join(", "));if(!c.length)return this;const l=e=>{const t="click"===e.type,n="keyup"===e.type&&"Escape"===e.code&&e.isTrusted;(t||n)&&(y(e),this.recurrence&&this.recurrence.setClosingRecurrence(),this.hide(!0),setTimeout(()=>this.remove(),1.05*o))},h=["click",l,{once:!0,capture:!0}];t.push(...c);for(const n of t)e()&&(n.dataset.abtastyActionnable="true"),n.removeEventListener(...h),n.addEventListener(...h);return window.removeEventListener("keyup",l,{once:!0}),window.addEventListener("keyup",l,{once:!0}),this}getDom(){const{closeButton:e,layout:t,overlayClickable:n,overlay:i=!0}=DATA,s=document.createElement("div");return s.className=`${this.basicClassName} ${this.hideClassName}`,s.id=this.widgetContainerId,["popin","bannerTop","bannerBottom"].includes(t)&&(s.role="dialog","popin"===t&&!0===i&&(s.ariaModal="true")),s.innerHTML=`\n\t\t\t${"popin"===t&&!0===i?`<div ${n?'aria-label="Close dialog"':""} class="${this.overlayClassName}"></div>`:""}\n\t\t\t<div class="${this.contentClassName}">\n\t\t\t${e?`<button class="${this.closeButtonClassName}" aria-label="Close dialog"><svg viewBox="0 0 16 16">\n\t<defs><path id="prefix__a" d="M12 4.991L11.009 4 8 7.009 4.991 4 4 4.991 7.009 8 4 11.009 4.991 12 8 8.991 11.009 12 12 11.009 8.991 8z"></path></defs>\n\t<g><use xlink:href="#prefix__a"></use></g>\n</svg></button>`:""}\n\t\t\t</div>`,s}loadFont(e,t){if(!e||"inherit"===e||!/otf|ttf/g.test(t))return;const n=document.createElement("style"),i=t.match(B)?t.match(B)[1]:"";n.innerHTML=`@font-face { font-family: '${e}_${i}'; src: url('${t}'); font-display: swap; }`;const s=this.rootElement?.head||document.head;s?.appendChild(n)}getStyleTag(t="",n=DATA){const{noStyles:i,layout:s}=n,{backgroundColor:r,isBackgroundImage:o,backgroundImage:a,backgroundSize:c,backgroundPosition:l,backgroundRepeat:h,borderColor:d,borderRadius:u,borderWidth:g,textColor:m,textAlign:p,fontName:v,fontStyle:f,fontSize:y,isTitle:b,titleTextAlign:w,titleTextColor:T,titleFontName:E,titleFontStyle:C,titleFontSize:S,overlay:A,overlayColor:x,dropShadow:k,dropShadowColor:P,dropShadowBlur:I,containerMargin:N,containerPadding:L,closeButton:R,closeButtonPosition:D,closeButtonSize:O,closeButtonBorderRadius:_,closeButtonBorderWidth:V,closeButtonBorderColor:W,closeButtonColor:j,closeButtonBackgroundColor:H,buttonsAlign:q,buttonsBorderWidth:M,buttonsBorderColor:F,buttonsBorderRadius:z,buttonsBackgroundColor:K,buttonsTextColor:U,buttonsFontName:J,buttonsFontStyle:G,buttonsFontSize:Y,secondLink:Q,secondLinkBorderWidth:X,secondLinkBorderColor:Z,secondLinkBorderRadius:ee,secondLinkBackgroundColor:te,secondLinkTextColor:ne,secondLinkFontName:ie,secondLinkFontStyle:se,secondLinkFontSize:re,animation:oe,animationDuration:ae,animationBehaviour:ce,animationSlideDirection:le}=i?{}:n,he=document.createElement("style");e()&&he.setAttribute("abtasty-script-added","true"),this.loadFont(v,f),this.loadFont(E,C),this.loadFont(J,G),this.loadFont(ie,se);const de=`background: ${["string"==typeof r?r:"rgba(255, 255, 255, 1)",o&&"string"==typeof a&&a.length?`url(${a})`:"",o&&"string"==typeof l&&"100% 100%"!==c?l:"0 0",o&&"string"==typeof c?`/ ${c}`:"/ auto",o&&h&&!["cover","100% 100%"].includes(c)?"repeat":"no-repeat"].join(" ").trim()};`,ue="number"==typeof g&&g>0,ge=`border: ${[ue?`${g}px`:"unset",ue?"solid":"",ue&&"string"==typeof d&&d.length?d:""].join(" ").trim()};`,me=void 0!==u?`border-radius: ${u}px;`:"",pe=void 0!==m?`color: ${m}; fill: ${m}; -webkit-text-fill-color: ${m};`:"",ve=void 0!==p?`text-align: ${p};`:"",fe=v&&"inherit"!==v?`font-family:${v}_${f.match(B)?f.match(B)[1]:""};`:f||"",ye=y?`font-size: ${y}px;`:"",be=void 0!==k&&k?`box-shadow: 0 5px ${I}px 0 ${P};`:"",we=N instanceof Array&&1===N.length&&N[0],$e=we?`margin: ${we.top}px ${we.right}px ${we.bottom}px ${we.left}px;`:"",Te=we?`margin: calc(${we.top}px * 0.5) calc(${we.right}px * 0.5) calc(${we.bottom}px * 0.5) calc(${we.left}px * 0.5);`:"",Ee=L instanceof Array&&1===L.length&&L[0],Ce=Ee?`padding: ${Ee.top}px ${Ee.right}px ${Ee.bottom}px ${Ee.left}px;`:"",Se=Ee?`padding: calc(${Ee.top}px * 0.5) calc(${Ee.right}px * 0.5) calc(${Ee.bottom}px * 0.5) calc(${Ee.left}px * 0.5);`:"",Ae=void 0!==M&&M?`border-width: ${M}px; border-style: solid;`:"",xe=[F,M].every(e=>void 0!==e)&&M?`border-color: ${F};`:"",ke=void 0!==z?`border-radius: ${z}px;`:"",Pe=void 0!==K?`background-color: ${K};`:"",Ie=void 0!==U?`color: ${U}; fill: ${U}; -webkit-text-fill-color: ${U};`:"",Ne=J&&"inherit"!==J?`font-family:${J}_${G.match(B)?G.match(B)[1]:""};`:G||"",Le=Y?`font-size: ${Y}px;`:"",Re="number"==typeof X?`border-width: ${X}px; border-style: solid;`:"",De=[Z,X].every(e=>void 0!==e)&&X?`border-color: ${Z};`:"",Be=void 0!==ee?`border-radius: ${ee}px;`:"",Oe=void 0!==te?`background-color: ${te};`:"",_e=void 0!==ne?`color: ${ne}; fill: ${ne}; -webkit-text-fill-color: ${ne};`:"",Ve=ie&&"inherit"!==ie?`font-family:${ie}_${se.match(B)?se.match(B)[1]:""};`:se||"",We=re?`font-size: ${re}px;`:"",je="popin"!==s||void 0!==A&&!0!==A?"":[`#${this.widgetContainerId} .${this.overlayClassName} {`,`background-color: ${void 0!==x?x:"rgba(0, 0, 0, 0.6)"};`,"}"].join(""),He="number"==typeof O?O:16,qe=He/2,Me=i||void 0!==R&&R?[`#${this.widgetContainerId} .${this.contentClassName} .${this.closeButtonClassName} {`,"position: absolute;",("out"===D?`bottom: calc(100% + ${qe}px)`:`top: ${qe}px`)+";",`right: ${qe}px;`,"width: auto;","height: auto;","background: none;","border: none;","cursor: pointer;","padding: 0;","margin: 0;","line-height: 0;","z-index: 9;","number"==typeof _?`border-radius: ${_}px;`:"","number"==typeof V&&V>0?`border: ${V}px solid ${void 0!==W?W:"rgba(57, 57, 57, 1)"};`:"","string"==typeof H?`background-color: ${H};`:"","}",`#${this.widgetContainerId} .${this.contentClassName} .${this.closeButtonClassName} svg {`,"pointer-events: none;",`width: ${He}px;`,`height: ${He}px;`,"string"==typeof j?`fill: ${j};`:"","}"].join(""):"",Fe=b&&"string"==typeof T?[`#${this.widgetContainerId} .${this.contentClassName} > * h1, `,`#${this.widgetContainerId} .${this.contentClassName} > * h2, `,`#${this.widgetContainerId} .${this.contentClassName} > * h3, `,`#${this.widgetContainerId} .${this.contentClassName} > * h4, `,`#${this.widgetContainerId} .${this.contentClassName} > * h5, `,`#${this.widgetContainerId} .${this.contentClassName} > * h6 {`,`color: ${T}; fill: ${T}; -webkit-text-fill-color: ${T};`,void 0!==w?`text-align: ${w};`:"",E&&"inherit"!==E?`font-family:${E}_${C.match(B)?C.match(B)[1]:""};`:C||"",S?`font-size: ${S}px;`:"","}"].join(""):"";let ze="";if("string"==typeof oe){const t=(ae/1e3).toFixed(2),n=["top","bottom"].includes(le),i=Number(n),s=[(["top","left"].includes(le)?"-":"")+"100vmax",this.translateValues?this.translateValues[i]:"0"];n&&s.reverse(),ze={none:[`.${this.hideClassName} {`,"opacity: 0 !important;","}"],fade:[`.${this.hideClassName} {`,"opacity: 0 !important;","}",`#${this.widgetContainerId} {`,`transition: opacity ${t}s ${ce};`,"}","@media (prefers-reduced-motion: reduce) {",`#${this.widgetContainerId} {`,"transition: unset;","}","}"],slide:[`.${this.hideClassName} .${this.overlayClassName} {`,"opacity: 0 !important;","}",`#${this.widgetContainerId} .${this.overlayClassName} {`,`transition: opacity ${t}s ${ce};`,"}",`.${this.hideClassName} .${this.contentClassName} {`,`transform: translate(${s.join(", ")}) !important;`,"}",`#${this.widgetContainerId} .${this.contentClassName} {`,`transition: transform ${t}s ${ce};`,"}","@media (prefers-reduced-motion: reduce) {",`#${this.widgetContainerId} .${this.overlayClassName},`,`.${this.hideClassName} .${this.contentClassName},`,`#${this.widgetContainerId} .${this.contentClassName} {`,"transition: unset;","}","}"]}[e()&&!ABTASTY_S.WIDGETS.animationChanged?"none":oe].join("")}const Ke=[`#${this.widgetContainerId} .${this.contentClassName} .buttons_container .second_link {`,`margin-${"fill"===q?"top":"left"}: 8px;`,Re,De,Be,Oe,_e,Ve,We,"}",`#${this.widgetContainerId} .${this.contentClassName} .buttons_container .second_link {`,_e,Ve,We,"}"];return he.textContent=[`#${this.widgetContainerId} style { display: none; }`,`.${this.hideClassName} {`,"pointer-events: none;","}",`#${this.widgetContainerId} {`,"opacity: 1;","}",`#${this.widgetContainerId} .${this.contentClassName} {`,de,me,ge,pe,ve,be,$e,fe,ye,"}",`#${this.widgetContainerId} .${this.contentClassName} p {`,pe,ve,fe,ye,"}",`#${this.widgetContainerId} .${this.contentClassName} > * {`,"display: block;","line-height: 1;","text-indent: unset;",Ce,fe,ye,"}",`#${this.widgetContainerId} .${this.contentClassName} a {`,"text-decoration: underline;","}",`#${this.widgetContainerId} .${this.contentClassName} div.buttons_container a, `,`#${this.widgetContainerId} .${this.contentClassName} button {`,"text-decoration: none;","box-sizing: border-box;","display: inline-block;",Ae,xe,ke,Pe,Ie,Ne,Le,"}",`#${this.widgetContainerId} .${this.contentClassName} div.buttons_container a *:not(.second_link span), `,`#${this.widgetContainerId} .${this.contentClassName} button:not([class*="close_button"], [class*="csatEmojiButton"]) * {`,Ie,Ne,Le,"}",...Q?Ke:[],"@media screen and (max-width: 579px) {",`#${this.widgetContainerId} .${this.contentClassName} {`,Te,"}",`#${this.widgetContainerId} .${this.contentClassName} > * {`,Se,"}","}",je,Me,Fe,ze,`${t}`].join(""),he}}const V=["top: 0;","top: 50%;","bottom: 0;"],W=["left: 0;","left: 50%;","right: 0;"],j=e=>1===e?"-50%":0,H=()=>{if(Array.isArray(DATA.popinPosition)){const{popinPosition:[{x:e,y:t}]}=DATA,n=`translate(${j(t)}, ${j(e)});`;return`${V[e]}${W[t]}transform: ${n}`}return"left: 50%;top: 50%;transform: translate(-50%, -50%);"},q=()=>"autoWidth"in DATA&&!0===DATA.autoWidth,M=()=>{if(q())return"width: auto; height: auto; min-width: fit-content;";const{popinPercentWidth:e,popinPixelsWidth:t,widthUnit:n,autoHeight:i,popinPercentHeight:s,popinPixelsHeight:r,heightUnit:o}=DATA;return`width: ${"px"===n?t:e}${n};height: ${i?"auto":`${"px"===o?r:s}${o}`};`};class F extends _{constructor(){super(),this.translateValues=Object.values(DATA.popinPosition[0]).map(e=>j(e)),this.stringStyles=this.getStyles(),this.styleElement=this.getStyleTag(this.stringStyles)}getStyles(){const{zindex:e,zindexCustom:t,widthUnit:n}=DATA,i="string"!=typeof DATA.overlay&&DATA.overlay;return[`#${this.widgetContainerId} {`,"position: fixed;","top: 0;","left: 0;","width: 100%;","height: 100%;",`z-index: ${"custom"===e?t:e};`,"background: none;","pointer-events: "+(i?"all":"none"),"}",`#${this.widgetContainerId} .${this.overlayClassName} {`,"position: absolute;","z-index: -1;","top: 0;","left: 0;","width: 100%;","height: 100%;","}",`#${this.widgetContainerId} .${this.contentClassName} {`,"position: absolute;",H(),M(),"pointer-events: all","}",`${q()?"":[`#${this.widgetContainerId} .${this.contentClassName} > div {`,"height: 100%;","overflow: auto;","box-sizing: border-box;","}"].join("")}`,`${!q()&&["px","em"].includes(n)?["@media screen and (max-width: 579px) {",`#${this.widgetContainerId} .${this.contentClassName} {`,"max-width: 94vw;","}","}"].join(""):""}`].join("")}}class z extends _{constructor(){super(),this.position="string"==typeof DATA.layout&&"bannerTop"===DATA.layout?"top":"bottom",this.stringStyles=this.getStyles(),this.styleElement=this.getStyleTag(this.stringStyles)}getStyles(){const{zindex:e,zindexCustom:t}=DATA;return[`#${this.widgetContainerId} {`,"position: fixed;",`${this.position}: 0;`,"left: 0;","width: 100%;","height: auto;",`z-index: ${"custom"===e?t:e};`,"background: none;","}",`#${this.widgetContainerId} .${this.contentClassName} {`,"position: relative;","}"].join("")}}class K extends _{constructor(e,t){super(e,t),this.stringStyles=this.getStyles(),this.styleElement=this.getStyleTag(this.stringStyles)}getStyles(){return[`#${this.widgetContainerId} {`,"width: auto;","height: auto;","margin: 0;","padding: 0;","background: none;","}",`#${this.widgetContainerId} .${this.contentClassName} {`,"position: relative;","}"].join("")}}function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function J(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,G(i.key),i)}}function G(e){var t=function(e){if("object"!=U(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==U(t)?t:t+""}var Y=function(){function t(e){var n=e.parentContainer;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),this.parentContainer=n,this.baseClassName="qualitywidget_container",this.className="".concat(this.baseClassName,"_").concat(n.uniqueId),this.contentElement=this.getContentElement()}return n=t,s=[{key:"getVariableText",value:function(){var e=DATA,t=e.textVariables,n=e.date,i=e.time,s=e.datetime,r=e.datetimeTimezone,o=new Date(n),a=new Date(s),c="".concat(o.getDate()),l="".concat(o.getMonth()+1),h="".concat(o.getFullYear()),d="".concat(a.getHours()),u="".concat(a.getMinutes()),g="".concat(a.getDate()),m="".concat(a.getMonth()+1),p="".concat(a.getFullYear()),v="".concat(c.length<2?"0".concat(c):c,"/").concat(l.length<2?"0".concat(l):l,"/").concat(h),f="".concat(d.length<2?"0".concat(d):d,":").concat(u.length<2?"0".concat(u):u),y="".concat(g.length<2?"0".concat(g):g,"/").concat(m.length<2?"0".concat(m):m,"/").concat(p),b=r.raw,w=b.followTheSun,T=b.timezone,E=b.previewTimezone,C=b.timedef,S=C.minute,A=C.hour,x=C.day,k=C.month,P=C.year,I="".concat("".concat(A).length<2?"0".concat(A):A,":").concat("".concat(S).length<2?"0".concat(S):S),N="".concat("".concat(x).length<2?"0".concat(x):x,"/").concat("".concat(k).length<2?"0".concat(k):k,"/").concat(P);return t.replace("!time!",'<code class="time">'.concat(JSON.stringify(i,null,0),"</code>")).replace("!date!",'<span class="date">'.concat(v,"</span>")).replace("!timedate!",'<span class="timedate">'.concat(f,"</span>")).replace("!datetime!",'<span class="datetime">'.concat(y,"</span>")).replace("!timeTimezone!",'<span class="timeTimezone">'.concat(I,"</span>")).replace("!dateTimezone!",'<span class="dateTimezone">'.concat(N,"</span>")).replace("!timezone!",'<span class="timezone">'.concat(w?E:T,"</span>"))}}],(i=[{key:"insertIn",value:function(e,t){return this.setStyles(),e.insertAdjacentElement(t,this.contentElement),this}},{key:"addCloseEvent",value:function(t){var n=this;t&&t.addEventListener("click",function(t){y(t),e()||n.parentContainer.recurrence.setClosingRecurrence(),n.parentContainer.hide(),setTimeout(function(){return n.parentContainer.remove()},1e3)},{capture:!0,passive:!1})}},{key:"addRedirectionEvent",value:function(t){var n=this;!e()&&t&&t.addEventListener("click",function(){var t=DATA,i=t.autoHide,s=t.timeHide;i&&setTimeout(function(){return n.parentContainer.hide()},1e3*s),e()||n.parentContainer.recurrence.setValidationRecurrence()},{capture:!0,passive:!0})}},{key:"getButton",value:function(){var e=DATA,t=e.linkType,n=e.buttonText,i=e.redirectionUrl,s=e.openInNewTab,r=document.createElement("a");return r.ariaLabel=n,r.className="popin_link",r.innerHTML="<span>".concat(n,"</span>"),"button"===t?(r.href=i,r.target=s?"_blank":"_self",this.addRedirectionEvent(r)):(r.href="#",r.dataset.abtastyActionnable="true",this.addCloseEvent(r)),r}},{key:"getContentElement",value:function(){var e=DATA,n=e.isTitle,i=e.isText,s=e.linkType,r=e.buttonText,o=e.iconPicker,a="string"==typeof s&&s.includes("widget")?"a":"div",c=document.createElement(a);if(c.className=this.className,""!==(null==o?void 0:o.src)){var l=document.createElement("img");l.setAttribute("src",o.src),l.setAttribute("alt",o.alt),l.classList.add("iconPicker"),c.appendChild(l)}if("widget"===s){var h=DATA,d=h.redirectionUrl,u=h.openInNewTab;c.href=d,c.target=u?"_blank":"_self",this.addRedirectionEvent(c)}else"widgetClose"===s&&(c.href="#",c.dataset.abtastyActionnable="true",this.addCloseEvent(c));if(n){var g=DATA.title,m=document.createElement("h4");m.textContent=g,c.appendChild(m)}if(i){var p=DATA,v=p.text,f=p.includeVariables,y=document.createElement("p"),b=f?t.getVariableText():v;y.innerHTML=b,c.appendChild(y)}if([s,r].every(function(e){return"string"==typeof e})&&s.includes("button")&&r.length){var w=this.getButton(),T=document.createElement("div");T.className="buttons_container",T.appendChild(w),c.appendChild(T)}return c}},{key:"setStyles",value:function(){var e=this.parentContainer,t=e.styleElement,n=e.widgetContainerId,i=DATA,s=i.textColor,r=i.textAlign,o=i.buttonsAlign,a="#".concat(n," .").concat(this.className),c=void 0!==s?"color: ".concat(s,";"):"",l=void 0!==r?"text-align: ".concat(r,";"):"",h=void 0!==o&&"fill"!==o?"text-align: ".concat(o,";"):"",d=["".concat(a," > * {"),"display: inline-block;","vertical-align: middle;","}","".concat(a," .iconPicker {"),"width: 26px;","height: 26px;","}","".concat(a," h4 {"),"margin-bottom: 24px;","display: inline-block;","width: 100%","}","".concat(a," p {"),"width: 100%;","margin: 0;","white-space: pre-line;",c,l,"}","".concat(a," .buttons_container {"),"display: inline-block;","width: 100%;",h,"}","".concat(a," a {"),"margin-top: 24px;","padding: 6px 16px;","width: ".concat("fill"===o?"100%":"auto",";"),"}","@media screen and (min-width: 1024px) {","}","@media screen and (max-width: 1023px) {","}"].join("");return t.insertAdjacentText("beforeend",d),t}}])&&J(n.prototype,i),s&&J(n,s),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,i,s}();!function(){l("Widget launch");var e=(()=>{const{layout:e}=DATA;let t;switch(e){case"popin":t=new F;break;case"bannerTop":case"bannerBottom":t=new z;break;case"free":t=new K;break;default:t=new _}return t})(),t=e.domElement.querySelector(".".concat(e.contentClassName)),n=new Y({parentContainer:e});e.children=n,n.insertIn(t,"beforeend"),e.init(!0).then(function(t){t.response&&e.show()})}()}();
+(function () {
+	'use strict';
+
+	const getAccountIdentifier = () => {
+		let identifier;
+		if (!window.ABTasty && !window.ABTASTY_S) return identifier;
+
+		if (
+			window.ABTASTY_S?.USER?.accountIdentifier?.length
+		) {
+			identifier = window.ABTASTY_S.USER.accountIdentifier;
+		} else if (
+			typeof window.ABTasty?.getAccountSettings === 'function'
+		) {
+			identifier = window.ABTasty.getAccountSettings().identifier;
+		} else if (window.ABTasty?.accountSettings) {
+			identifier = window.ABTasty.accountSettings.identifier;
+		}
+		return identifier;
+	};
+
+	const isOnEditor = () => Object.prototype.hasOwnProperty.call(top, 'ABTastyEditor');
+
+	const isOnPreview = () => {
+		const previewBarExist = !!document.getElementById('ABTastyPreviewBar');
+		const urlContainsPreview = location.href.includes('ab_project=preview');
+		return previewBarExist || urlContainsPreview;
+	};
+
+	const getCustomSKU = (code) => {
+		return new Function(`try {
+		${code}
+	} catch (error) {
+		return null;
+	}`)();
+	};
+
+	const getSKUWithPath = (path) => getCustomSKU(`return ${path};`);
+
+	const getSKUWithCustomJS = (code) => getCustomSKU(code);
+
+	const getEncodedUrl = () => encodeURIComponent(
+		DATA.spNoTrim
+			? window.location.href.replace(window.location.origin, "")
+			: `${window.location.pathname}`
+	);
+
+	const getProductKey = () => {
+		const {
+	    socialProofContentType,
+	    productKeyProvider,
+	    pathToProductKey,
+	    customJSProductKey,
+	    productSKU,
+	  } = DATA;
+
+		const {
+			pathToProductKey: pathToProductKeyFunction,
+			customJSProductKey: customJSProductKeyFunction,
+		} = typeof DATA_JS !== 'undefined' ? DATA_JS : {};
+
+		if (socialProofContentType === 2) {
+			return {
+				productKey: getEncodedUrl(),
+				keyType: 'url',
+			};
+		} else {
+			let productKey = null;
+			let keyType = 'sku';
+			switch (productKeyProvider) {
+				case "ABTastyProductKey":
+					productKey = window.ABTastyProductKey;
+					break;
+				case "pathToProductKey":
+					productKey = typeof pathToProductKeyFunction === 'function'
+						? pathToProductKeyFunction()
+						: getSKUWithPath(pathToProductKey);
+					break;
+				case "customJSProductKey":
+					productKey =
+						typeof customJSProductKeyFunction === 'function'
+							? customJSProductKeyFunction()
+							: getSKUWithCustomJS(customJSProductKey);
+					break;
+				case "productSKU":
+					productKey = productSKU;
+					break;
+			}
+			if (!productKey && socialProofContentType === 3) {
+				productKey = getEncodedUrl();
+				keyType = 'url';
+			}
+			return { productKey, keyType };
+	  }
+	};
+
+	const isAffected = () => !isOnEditor() && (isOnPreview() || !!window.ABTasty.getTestsOnPage()[TEST_ID]);
+
+	const isInQaMode = () => {
+		if (isOnEditor() || isOnPreview()) return false;
+		const campaign = ABTasty.getTestsOnPage()[TEST_ID];
+		if (campaign) return Object.keys(campaign.targetings.qaParameters).length > 0;
+		return false;
+	};
+
+	const isConsentReady = () => window.ABTasty && window.ABTasty.consentReady === true;
+
+	const getWidgetName = () => {
+		const { type } = DATA;
+		return `${PACKAGE.replace('@abtasty/', '')}${type ? `_${type}` : ''}`;
+	};
+
+	const getPrettyWidgetName = () => {
+		const name = getWidgetName();
+		const prettyName = `${name.charAt(0).toUpperCase()}${name.slice(1)}`;
+		return prettyName.split('-').join(' ');
+	};
+
+	const getUniqueId = () => `${PLUGIN_ID.split('-')[0]}_${TEST_ID}`;
+
+	const getRecurrenceParams = () => {
+		const { displayRecurrence, closingRecurrence, validationRecurrence } = DATA;
+		const noRecurrence = !displayRecurrence && !closingRecurrence && !validationRecurrence;
+
+		if (isOnEditor() || noRecurrence) return false;
+
+		const recurrenceGetters = {
+			everytime: () => -1,
+			session: () => 0,
+			once: () => 395,
+			day: (key) => DATA[`${key}_day`],
+			week: (key) => (DATA[`${key}_week`] * 7),
+			month: (key) => (DATA[`${key}_month`] * 30.5),
+		};
+		
+		const recurrenceParams = {};
+
+		if (displayRecurrence) recurrenceParams.displayRecurrence = recurrenceGetters[displayRecurrence]('displayRecurrence');
+
+		if (closingRecurrence) recurrenceParams.closingRecurrence = recurrenceGetters[closingRecurrence]('closingRecurrence');
+
+		if (validationRecurrence) recurrenceParams.validationRecurrence = recurrenceGetters[validationRecurrence]('validationRecurrence');
+
+		return recurrenceParams;
+	};
+
+	const getTriggerParams = (target) => {
+		let { triggerEvent } = DATA;
+
+		const {
+			triggerEventClick,
+			triggerEventHover,
+			triggerEventReengageDelay,
+			socialProofContentType,
+			triggerEventElementVisible,
+			triggerEventDelay,
+		} = DATA;
+
+		if (isOnEditor() || (!triggerEvent && !socialProofContentType)) return false;
+
+		const triggerSelectorGetters = {
+			click: () => triggerEventClick,
+			hover: () => triggerEventHover,
+			elementVisible: () => triggerEventElementVisible,
+		};
+
+		const triggerSelector = Object.prototype.hasOwnProperty.call(triggerSelectorGetters, triggerEvent)
+			? triggerSelectorGetters[triggerEvent]()
+			: 'body';
+
+		const triggerDelay = triggerEvent === 'reengage' ? triggerEventReengageDelay : triggerEventDelay;
+
+		if (socialProofContentType) {
+			triggerEvent = [, 'socialProofPurchases', 'socialProofPageViews', 'socialProofVisitors'][socialProofContentType];
+		}
+
+		const triggerParams = { triggerEvent, triggerSelector, triggerDelay, triggerTarget: target };
+		return triggerParams;
+	};
+
+	const isTriggerOncePerPage = () => {
+		const { isOncePerPageTrigger, triggerEvent } = DATA;
+
+		if (!triggerEvent) return true;
+
+		const canBeTriggeredMoreThanOnce = ['click', 'hover', 'scrollUp', 'script'].includes(triggerEvent);
+		return canBeTriggeredMoreThanOnce ? isOncePerPageTrigger : true;
+	};
+
+	const isInDebugMode = () => window.document.cookie.includes('abTastyDebug=') || window.abTastyDebug === true;
+
+	const widgetLog = message => {
+		const inQaMode = isInQaMode();
+		const inDebugMode = isInDebugMode();
+		if (inQaMode || inDebugMode) {
+			const widgetName = getPrettyWidgetName();
+			window.console.log(
+				`%c${widgetName} - ${inQaMode ? 'QA' : 'Debug'} Mode for campaign ${TEST_ID} %c ${message}`,
+				`background-color: #D6FF01; color: #3100be; padding: 3px 0 3px 10px; border-radius: 5px 0 0 5px; font-weight: bold;`,
+				`background-color: #3100be; color: white; padding: 3px 10px 3px 0; border-radius: 0 5px 5px 0;`
+			);
+		}
+	};
+
+	const promiseDeferrer = name => {
+		const deferred = {
+			promise: null,
+			resolve: null,
+			reject: null,
+			name
+		};
+
+		deferred.promise = new Promise((resolve, reject) => {
+			deferred.resolve = resolve;
+			deferred.reject = reject;
+		});
+
+		return deferred;
+	};
+
+	/**
+	 *
+	 * @param {string} selector
+	 * @param {boolean} all
+	 * @returns {null | Element | NodeListOf<Element> | Element[]}
+	 */
+	const getElementBySelector = (selector, all) => {
+		const defaultReturn = all ? [] : null;
+		if (typeof selector !== 'string' || !selector.trim().length)
+			return defaultReturn;
+
+		const [outerSelector, accessMethod, innerSelector] = selector.split('[]').map(s => s.trim());
+		const contextSelector = Boolean(innerSelector) ? innerSelector : selector;
+
+		const rootElement = accessMethod
+			? document.querySelector(outerSelector)?.[accessMethod]
+			: document;
+
+		if (!rootElement) return defaultReturn;
+
+		return all
+			? [...rootElement.querySelectorAll(contextSelector)]
+			: rootElement.querySelector(contextSelector);
+	};
+
+	/**
+	 *
+	 * @param {string} selector
+	 * @returns {Element | null}
+	 */
+	const getElement = (selector) => getElementBySelector(selector, false);
+	/**
+	 *
+	 * @param {string} selector
+	 * @returns {Element[]}
+	 */
+	const getElements = (selector) => getElementBySelector(selector, true);
+
+	const observers = {};
+
+	const setObserver = (callback, selector) => {
+		const observerParams = {
+			childList: true,
+			subtree: true,
+			attributes: true,
+		};
+
+		const clear = () => observer.disconnect();
+		const observe = (target) => {
+			const defaultObserverTarget = document.querySelector('body') || document.documentElement;
+			const currentTarget = target ?? defaultObserverTarget;
+			observer.observe(currentTarget, observerParams);
+		};
+		const observerCallback = () => {
+			const element = getElement(selector);
+			return element && !clear() && callback(element);
+		};
+		const observer = observers[selector] ?? new MutationObserver(observerCallback);
+		observers[selector] ??= observer;
+		return { clear, observe };
+	};
+
+	const fakeReturn = () => {};
+
+	const watchForNestedElement = (callback, selector) => {
+		const [outerSelector, accessMethod] = selector.split('[]').map((s) => s.trim());
+		const outerElement = getElement(outerSelector);
+		const rootElement = outerElement?.[accessMethod];
+
+		const { clear: clearObserver, observe: launchObserver } = setObserver(callback, selector);
+
+		const onIframeLoad = () => {
+			const element = getElement(selector);
+			return element && !clear() && callback(element);
+		};
+
+		const clear = () => {
+			clearObserver();
+			outerElement?.removeEventListener('load', onIframeLoad);
+		};
+
+		const observe = () => {
+			launchObserver(rootElement);
+			if (outerElement?.localName === 'iframe') {
+				outerElement.addEventListener('load', onIframeLoad);
+			}
+		};
+
+		observe();
+		return { selector, clear, observe };
+	};
+
+	const waitForElement = (selector, callback) => {
+		const element = getElement(selector);
+
+		const defaultReturn = {
+			selector,
+			clear: fakeReturn,
+			observe: fakeReturn,
+		};
+
+		if (element) {
+			setTimeout(() => callback(element), 0);
+			return defaultReturn;
+		}
+
+		if (isOnEditor()) {
+			setTimeout(() =>  waitForElement(selector, callback), 1000);
+			return defaultReturn;
+		}
+
+		const isNestedRootTarget = selector.includes('[]');
+		if (isNestedRootTarget) return watchForNestedElement(callback, selector);
+
+		const { clear, observe } = setObserver(callback, selector);
+		observe();
+		return { selector, clear, observe };
+	};
+
+	function findParent(element, cb) {
+		const parentElement = element.parentElement || element.getRootNode().host;
+		if (cb(element) || !parentElement) {
+			return element;
+		}
+		return findParent(parentElement, cb);
+	}
+
+	const avoidEventDetection = event => {
+		if (isOnEditor()) return;
+		event.preventDefault();
+		event.stopPropagation();
+		event.stopImmediatePropagation();
+	};
+
+	const isTargetValid = (eventTarget, selector) => {
+		const userTargets = [...getElements(selector)];
+		return userTargets.some(element => {
+			const [outerSelector, , innerSelector] = selector.split('[]');
+			const closestSelector = innerSelector ?? outerSelector;
+			const isTarget = element === eventTarget || !!eventTarget.closest(closestSelector);
+			return isTarget;
+		});
+	};
+
+	let throttleInProgress = false;
+	const throttle = (fn, delay) => {
+		return () => {
+			if (throttleInProgress) return;
+			throttleInProgress = true;
+			setTimeout(() => {
+				fn();
+				throttleInProgress = false;
+			}, delay);
+		}
+	};
+
+	// VisibilityTrigger
+
+
+	class VisibilityObserver {
+		constructor() {
+			// step 1. targets we want to watch:
+			this.targets = [];
+			// step 2. targets that exist in the DOM:
+			this.existingTargets = [];
+			// step 3. targets that are in the viewport:
+			this.inViewportTargets = [];
+
+			this.visibilityObserver = null;
+			this.mutationObserver = null;
+			this.mouseOverEvent = null;
+			this.scrollEvent = null;
+			this.onTransitionEnd = null;
+			this.onIframeLoad = null;
+		}
+
+		transitionOverHandler(root) {
+			const listenerParams = [
+				root,
+				'transitionend',
+				this.checkElements.bind(this),
+				true
+			];
+			return this.getEvents(...listenerParams);
+		}
+
+		intersectionHandler(entries) {
+			entries.forEach(entry => {
+				if (entry.isIntersecting) {
+					this.existingTargets.forEach(target => {
+						if (target.element.isSameNode(entry.target)) {
+							this.inViewportTargets.push(target);
+							this.mouseOverEvent.start();
+							this.scrollEvent.start();
+							this.onTransitionEnd.start();
+						}
+					});
+					this.checkElements();
+				} else {
+					this.inViewportTargets = this.inViewportTargets.filter(target => {
+						if (target.element.isSameNode(entry.target)) {
+							this.mouseOverEvent.clear();
+							this.scrollEvent.clear();
+							this.onTransitionEnd.clear();
+							return false;
+						}
+						return true;
+					});
+				}
+			});
+		}
+
+		startVisibilityObserver(rootElement) {
+			const options = {
+				root: rootElement,
+				rootMargin: '0px',
+				threshold: 0.01
+			};
+			this.visibilityObserver ??= new IntersectionObserver(this.intersectionHandler.bind(this), options);
+			return this.visibilityObserver;
+		}
+
+		startMutationObserver(rootElement) {
+			this.mutationObserver ??= new MutationObserver(this.checkElements.bind(this));
+			this.mutationObserver.observe(rootElement, {
+				attributes: true,
+				childList: true,
+				subtree: true,
+			});
+			return this.mutationObserver;
+		}
+
+		onMouseOver({ target: eventTarget, path }) {
+			const inViewportEventTarget = this.inViewportTargets.find(({ element, selector }) => {
+				if (element.isSameNode(eventTarget)) {
+					// Check if the target is the viewport element we're looking for (cover case for css "eventTarget:hover")
+					return true;
+				}
+
+				const [outerSelector, , innerSelector] = selector.split('[]');
+				const toTestSelector = innerSelector ?? outerSelector;
+
+				// Find matching children of event target (cover case for css "eventTarget:hover *")
+				const eventTargetMatchingChildren = [...eventTarget.querySelectorAll(toTestSelector)];
+				if (eventTargetMatchingChildren.length) {
+					// Check if one matching children of event target is the viewport element we're looking for
+					const visibleTargetElementIsChild = eventTargetMatchingChildren.includes(element);
+					if (visibleTargetElementIsChild) return true;
+				}
+
+				if (path.includes(element)) {
+					// (cover case for css "eventTarget:hover *")
+					// Check if one parent of event target is the viewport element we're looking for
+					return true;
+				}
+
+				// (cover case for css "eventTarget:hover ~ *")
+				if (!eventTarget.parentElement?.children?.length) return;
+
+				const eventTargetParentChildren = [...eventTarget.parentElement.children];
+				const eventTargetIndex = eventTargetParentChildren.findIndex(child =>
+					child.isSameNode(eventTarget)
+				);
+				const eventTargetNextBrothers = eventTargetParentChildren.filter(
+					(children, index) => index > eventTargetIndex
+				);
+
+				if (eventTargetNextBrothers.length) {
+					// Check if one of the following event target brother is the viewport element we're looking for
+					const visibleTargetElementIsBrother = eventTargetNextBrothers.includes(element);
+					if (visibleTargetElementIsBrother) return true;
+					// Check if one of the following event target brother children is the viewport element we're looking for
+					const visibleTargetElementIsBrotherChildren = eventTargetNextBrothers.some(brother =>
+						[...brother.querySelectorAll(toTestSelector)].includes(element)
+					);
+					if (visibleTargetElementIsBrotherChildren) return true;
+				}
+
+				return false;
+			});
+
+			if (inViewportEventTarget && this.isElementVisible(inViewportEventTarget.element)) {
+				const { selector, element, uniqueId } = inViewportEventTarget;
+				const currentTarget = this.targets.find(
+					target => target.selector === selector && target.uniqueId === uniqueId
+				);
+				if (currentTarget) currentTarget.resolve(element);
+				this.clear(selector, uniqueId);
+			}
+		}
+
+		getEvents(root, ...listenerParams) {
+			const start = () => root?.addEventListener(...listenerParams);
+			const clear = () => root?.removeEventListener(...listenerParams);
+			return { start, clear };
+		}
+
+		mouseOverHandler(root) {
+			const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+			const eventType = isTouchDevice ? 'touchmove' : 'mouseover';
+
+			const listenerParams = [
+				root,
+				eventType,
+				event => {
+					const path = event.composedPath();
+					const { target } = event;
+					setTimeout(() => this.onMouseOver({ target, path }), 50);
+				},
+				true
+			];
+			return this.getEvents(...listenerParams);
+		}
+
+		scrollEventHandler(root) {
+			const listenerParams = [
+				root,
+				'scroll',
+				throttle(this.checkElements.bind(this), 100),
+				{ passive: true },
+			];
+			return this.getEvents(...listenerParams);
+		}
+
+		isElementVisible(element) {
+			return this.isElementOpaque(element) && this.isElementTopmost(element);
+		}
+
+		isElementOpaque(element) {
+			const transparencyRoot = findParent(
+				element,
+				elem => window.getComputedStyle(elem).opacity === '0'
+			);
+			return transparencyRoot.nodeName === 'HTML';
+		}
+
+		isElementTopmost(element) {
+			const elementCorners = element.getBoundingClientRect();
+			const corners = [
+				[elementCorners.left, elementCorners.top],
+				[elementCorners.right, elementCorners.top],
+				[elementCorners.left, elementCorners.bottom],
+				[elementCorners.right, elementCorners.bottom],
+				[elementCorners.left + elementCorners.width / 2, elementCorners.top],
+				[elementCorners.left + elementCorners.width / 2, elementCorners.bottom],
+				[elementCorners.left, elementCorners.height / 2],
+				[elementCorners.right, elementCorners.height / 2],
+				[elementCorners.left + elementCorners.left / 2, elementCorners.height / 2]
+			];
+			let istopmost = false;
+			let i = 0;
+			while (!istopmost && i < corners.length) {
+				const topmostelem = element.getRootNode()?.elementFromPoint(...corners[i]);
+				istopmost =
+					element === topmostelem ||
+					topmostelem?.contains(element) ||
+					element.contains(topmostelem);
+				i += 1;
+			}
+			return istopmost;
+		}
+
+		checkElements() {
+			this.targets.forEach(({ selector, uniqueId }) => {
+				const element = getElement(selector);
+
+				const [outerSelector, , innerSelector] = selector.split('[]');
+				const toMatchSelector = innerSelector ?? outerSelector;
+
+				if (
+					element &&
+					!this.existingTargets.find(
+						existingTarget =>
+							existingTarget.element.matches(toMatchSelector) && existingTarget.uniqueId === uniqueId
+					)
+				) {
+					this.existingTargets.push({ element, selector, uniqueId });
+					this.visibilityObserver.observe(element);
+				}
+			});
+
+			this.existingTargets = this.existingTargets.filter(({ selector, element }) => {
+				if (getElement(selector) && element.isConnected) return true;
+
+				if (element) this.visibilityObserver.unobserve(element);
+				return false;
+			});
+
+			this.inViewportTargets = this.inViewportTargets.filter(({ selector, element, uniqueId }) => {
+				const [outerSelector, , innerSelector] = selector.split('[]');
+				const toMatchSelector = innerSelector ?? outerSelector;
+				const elementMatchesSelector = element.matches(toMatchSelector);
+				const elementIsVisible = elementMatchesSelector && this.isElementVisible(element);
+				if (elementIsVisible) {
+					const currentTarget = this.targets.find(
+						target => target.selector === selector && target.uniqueId === uniqueId
+					);
+					if (currentTarget) currentTarget.resolve(element);
+					this.clear(selector, uniqueId);
+					return false;
+				}
+				return true;
+			});
+		}
+
+		onLoadIframe(root) {
+			const listenerParams = [
+				root.defaultView.frameElement,
+				'load',
+				() => this.watch(selector, resolve, uniqueId).bind(this),
+				{ passive: true },
+			];
+			return this.getEvents(...listenerParams);
+		}
+
+		watch(selector, resolve, uniqueId) {
+			this.targets.push({ selector, resolve, uniqueId });
+			const { clear } = waitForElement(selector, (target) => {
+				clear();
+				const rootNode = target.getRootNode({ composed: true });
+				const rootElement = 'body' in rootNode ? rootNode.body : document;
+
+				this.mouseOverEvent = this.mouseOverHandler(rootNode);
+				this.scrollEvent = this.scrollEventHandler(rootNode);
+				this.onTransitionEnd = this.transitionOverHandler(rootNode);
+
+				if (rootNode.defaultView?.frameElement) {
+					this.onIframeLoad = this.onLoadIframe(rootNode);
+					this.onIframeLoad.start();
+				}
+
+				this.startVisibilityObserver(rootNode);
+				this.startMutationObserver(rootElement);
+				this.checkElements();
+			});
+		}
+
+		clear(toClearSelector, id) {
+			[this.targets, this.existingTargets, this.inViewportTargets] = [
+				this.targets,
+				this.existingTargets,
+				this.inViewportTargets
+			].map(targetsList =>
+				targetsList.filter(
+					({ selector, uniqueId }) => selector !== toClearSelector && uniqueId !== id
+				)
+			);
+
+			const clearElement = getElement(toClearSelector);
+
+			if (clearElement) this.visibilityObserver?.unobserve(clearElement);
+
+			if (this.targets.length === 0) {
+				this.mutationObserver?.disconnect();
+				this.onIframeLoad?.clear();
+			}
+			if (this.inViewportTargets.length === 0) {
+				this.mouseOverEvent?.clear();
+				this.scrollEvent?.clear();
+				this.onTransitionEnd?.clear();
+			}
+		}
+	}
+
+	// Categories
+	const TAG_RESET_EVENT = 'abtasty_resetActionTracking';
+	const TAG_CAMPAIGN_LAUNCHED_EVENT = 'abtasty_executedCampaign';
+
+	// PAGE WATCHER ACTIONS
+	const REMOVE_WIDGET = 'remove';
+	const REBUILD_WIDGET = 'rebuild';
+	const UPDATE_WIDGET = 'update';
+
+	// COLORS
+	const WHITE = 'rgba(255, 255, 255, 1)'; // #FFF
+	const DARK_GRAY = 'rgba(57, 57, 57, 1)'; // #393939
+
+	const SOCIAL_PROOF_API_BASE = 'https://api-social-proof.abtasty.com/clients/';
+
+	const abtastyDataStorageName = 'ABTastyData';
+
+	class Trigger {
+		constructor({ triggerEvent, triggerSelector, triggerDelay, triggerTarget }) {
+			this.event = triggerEvent;
+			this.selector = Boolean(triggerSelector) ? triggerSelector : 'body';
+			this.target = typeof triggerTarget === 'string' ? getElement(triggerSelector) : triggerTarget;
+			this.delay = triggerDelay * 1000;
+			this.triggerElements = []; // [Element, Element]
+			this.eventsListeners =
+				[]; /* [['event1', callback, params], [element, 'event2', callback, params]]
+											It can have 3 or 4 items depending on target is document or not
+											No given element means target is document */
+			this.timeouts = []; // [timeout1, timeout2]
+			this.intervals = []; // [interval1, interval2]
+			this.promises = []; // [promise1, promise2]
+			this.visibilityObservers = []; // [visibilityObserver1, visibilityObserver2]
+			this.socialProofStore = {};
+			this.elementWaiters = [];
+		}
+
+		async onElementVisible({ promise, resolve }) {
+			const defferedPromise = promiseDeferrer(`${this.event}DomReady`);
+			this.promises.push(defferedPromise);
+
+			const { clear } = waitForElement(this.selector, () => {
+				const visibilityObserver = new VisibilityObserver();
+				this.visibilityObservers.push(visibilityObserver);
+				visibilityObserver.watch(this.selector, resolve, getUniqueId());
+			});
+
+			this.elementWaiters.push(clear);
+			return promise;
+		}
+
+		onPageLoad({ promise, resolve }) {
+			const isDomLoadComplete = () => document.readyState === 'complete';
+
+			if (!isDomLoadComplete()) {
+				const onDomStateChange = () => isDomLoadComplete() && resolve(true);
+				const listenerParams = ['readystatechange', onDomStateChange, { passive: true }];
+
+				this.eventsListeners.push([document, ...listenerParams]);
+				document.addEventListener(...listenerParams);
+				return promise;
+			}
+
+			resolve(true);
+			return promise;
+		}
+
+		onClick({ promise, resolve }) {
+			const onClickTarget = ({ isTrusted, target }) => {
+				if (!isTrusted) return;
+				const targetValid = target.isEqualNode(this.target) || isTargetValid(target, this.selector);
+				return targetValid && resolve(true);
+			};
+
+			const { clear } = waitForElement(this.selector, (target) => {
+				clear();
+				const styleElement = document.createElement('style');
+				styleElement.id = `Click_${getUniqueId()}`;
+				const [outerSelector, , innerSelector] = this.selector.split('[]');
+				const modificationSelector = innerSelector ?? outerSelector;
+				styleElement.innerHTML = `${modificationSelector} {
+				cursor: pointer !important;
+				pointer-events: all !important;
+			}`;
+
+				const rootElement = target.getRootNode();
+				const stylesTarget = 'head' in rootElement ? rootElement.head : rootElement;
+
+				stylesTarget.appendChild(styleElement);
+				this.triggerElements.push(styleElement);
+		
+				const listenerParams = ['click', onClickTarget, { passive: true, capture: true }];
+				this.eventsListeners.push([rootElement, ...listenerParams]);
+				rootElement.addEventListener(...listenerParams);
+			});
+
+			this.elementWaiters.push(clear);
+
+			return promise;
+		}
+
+		onHover({ promise, resolve }) {
+			const onHoverTarget = ({ isTrusted, target }) => {
+				if (!isTrusted) return;
+				const targetValid = this.target ? target.isEqualNode(this.target) : isTargetValid(target, this.selector);
+				return targetValid && resolve(true);
+			};
+
+			const { clear } = waitForElement(this.selector, (target) => {
+				const rootElement = target.getRootNode();
+				const eventTarget =
+					'body' in rootElement
+						? rootElement.body
+						: [...rootElement.childNodes].find((child) => child.contains(target));
+				const listenerParams = ['mouseenter', onHoverTarget, { passive: true, capture: true }];
+				this.eventsListeners.push([eventTarget, ...listenerParams]);
+				eventTarget.addEventListener(...listenerParams);
+			});
+
+			this.elementWaiters.push(clear);
+
+			return promise;
+		}
+
+		onExitIntent({ promise, resolve }) {
+			const onMouseLeave = ({ isTrusted, clientY }) => {
+				if (isTrusted && clientY <= 0) resolve(true);
+			};
+
+			const listenerParams = ['mouseleave', onMouseLeave, { passive: true }];
+			const { clear } = waitForElement('html', (documentElement) => {
+				clear();
+				this.eventsListeners.push([documentElement, ...listenerParams]);
+				documentElement.addEventListener(...listenerParams);
+			});
+			return promise;
+		}
+
+		onReengage({ promise, resolve }) {
+			const originalTimer = this.delay;
+			let timer = originalTimer;
+			const onUserActivity = ({ isTrusted }) => {
+				if (isTrusted) timer = originalTimer;
+			};
+
+			const trackActivityTargets = [...document.querySelectorAll('*:empty')]
+				.map((element) => element.contentDocument || element.shadowRoot)
+				.filter((element) => element);
+			const eventsType = ['click', 'mousemove', 'scroll', 'keypress'];
+			const listenerParams = [onUserActivity, { passive: true }];
+			eventsType.forEach((event) => {
+				[document, ...trackActivityTargets].forEach(rootElement => {
+					this.eventsListeners.push([rootElement, event, ...listenerParams]);
+					rootElement.addEventListener(event, ...listenerParams);
+				});
+			});
+
+			const interval = setInterval(() => {
+				if (timer <= 0) {
+					resolve(true);
+				} else {
+					timer -= 100;
+				}
+			}, 100);
+			this.intervals.push(interval);
+
+			return promise;
+		}
+
+		onCustomTrigger({ promise, resolve }) {
+			const { triggerEventCustomScript } = DATA;
+			const triggerEventCustomScriptFunction =
+				typeof DATA_JS !== 'undefined' && DATA_JS?.triggerEventCustomScript;
+			/* eslint-disable no-new-func */
+			const customFunction =
+				typeof triggerEventCustomScriptFunction === 'function'
+					? () =>
+							new Promise((resolve) => triggerEventCustomScriptFunction(resolve))
+					: new Function(
+							`return new Promise(async resolve => {${triggerEventCustomScript}})`
+					  );
+			/* eslint-enable no-new-func */
+			customFunction().then((response) => response && resolve(true));
+			return promise;
+		}
+
+		onScrollUp({ promise, resolve }) {
+			let scrollPosition = 0;
+			const onScroll = ({ isTrusted }) => {
+				if (!isTrusted) return;
+				if (window.scrollY < scrollPosition) resolve(true);
+				else scrollPosition = window.scrollY;
+			};
+			const listenerParams = ['scroll', onScroll, { passive: true, capture: true }];
+			this.eventsListeners.push([document, ...listenerParams]);
+			document.addEventListener(...listenerParams);
+			return promise;
+		}
+
+		onScrollPercentReached({ promise, resolve }) {
+			const { triggerEventScrollPercent } = DATA;
+
+			const getScrollPercent = () => {
+				const { documentElement, body } = document;
+				const scrollTop = documentElement.scrollTop || body.scrollTop;
+				const scrollHeight = documentElement.scrollHeight || body.scrollHeight;
+				return Math.trunc((scrollTop / (scrollHeight - documentElement.clientHeight)) * 100, 10);
+			};
+
+			const onScroll = ({ isTrusted }) => {
+				if (!isTrusted) return;
+				const scrollPercent = getScrollPercent();
+				if (triggerEventScrollPercent < scrollPercent) resolve(true);
+			};
+
+			const listenerParams = ['scroll', onScroll, { passive: true, capture: true }];
+			this.eventsListeners.push([document, ...listenerParams]);
+			document.addEventListener(...listenerParams);
+			return promise;
+		}
+
+		checkSocialProofConditions(key, urlKey, compareFunction, resolve) {
+			const accountId = getAccountIdentifier();
+			const { viewInterval, spNoTrim } = DATA;
+
+			if (this.socialProofStore.hasOwnProperty(key)) {
+				if (compareFunction(this.socialProofStore[key])) {
+					resolve(`${this.socialProofStore[key][viewInterval]}`);
+				} else {
+					resolve(false);
+				}
+			} else if (key && accountId) {
+				const url = `${SOCIAL_PROOF_API_BASE}${accountId}/metrics/${urlKey}?key=${key}${
+				spNoTrim ? '&noTrim=true' : ''
+			}`;
+
+				const onJsonResponse = (response) => {
+					this.socialProofStore[key] = response;
+					return resolve(compareFunction(response) ? `${response[viewInterval]}` : false);
+				};
+
+				fetch(url)
+					.then((response) => response.ok && response.json())
+					.then(onJsonResponse)
+					.catch(() => widgetLog('Failed to fetch datas from server.'));
+			} else {
+				resolve(false);
+			}
+		};
+
+		getSocialProofDatas({ promise, resolve }, metric, requiresProductKey = false) {
+			const { productKey, keyType } = getProductKey();
+			const { viewInterval, triggerSocialProofMinVisitors, triggerSocialProofMinPurchases, triggerSocialProofMinPageViews } = DATA;
+
+			const metricValue = {
+				pv: triggerSocialProofMinPageViews,
+				i: triggerSocialProofMinPurchases,
+				'v-pv': triggerSocialProofMinVisitors,
+			}[metric];
+
+			const cannotCheck = [
+				typeof viewInterval,
+				typeof metricValue,
+			].includes("undefined");
+
+			if (cannotCheck) resolve(false);
+
+			const isMetricHigherThanValue = (response) => {
+				const metricHigherThanValue =
+						typeof response[viewInterval] !== 'undefined' &&
+						response[viewInterval] >= metricValue;
+
+				if (!metricHigherThanValue)
+					widgetLog(
+						`Widget will not be shown, Social Proof API returned ${response[viewInterval]} while ${metricValue} are required`
+					);
+
+				return metricHigherThanValue;
+			};
+
+			if (requiresProductKey && !productKey) {
+				widgetLog(
+					`Not able to find ABTastyProductKey, impossible to call the API, read documentation for more informations:
+				https://support.abtasty.com/hc/en-us/articles/4710919241628-Widgets-List#h_84c04344-c655-4e5e-b9ab-d26a798ad9b0`
+				);
+				resolve(false);
+			}
+
+			this.checkSocialProofConditions(productKey, metric === 'v-pv' && keyType === 'sku' ? 'v-i' : metric, isMetricHigherThanValue, resolve);
+			return promise;
+		}
+
+		onConsent({ promise, resolve }) {
+			if (!isConsentReady()) {
+				const onConsentValid = () => resolve(true);
+				const listenerParams = ['abtasty_consentValid', onConsentValid];
+				this.eventsListeners.push(listenerParams);
+				window.addEventListener(...listenerParams);
+				return promise;
+			}
+
+			resolve(true);
+			return promise;
+		}
+
+		onTrackingSent({ promise, resolve }) {
+			const { triggerEventTrackingSent } = DATA;
+			let ABTastyData = localStorage.getItem(abtastyDataStorageName);
+
+			const isActionTrackingSent = () =>
+				JSON.parse(ABTastyData)?.ActionTracking?.some(
+					({ name }) => name === triggerEventTrackingSent
+				);
+
+			const onStorage = ({ key, newValue }) => {
+				if (key !== abtastyDataStorageName) return; 
+				ABTastyData = newValue;
+				if (isActionTrackingSent()) resolve(true);
+			};
+
+			const listenerParams = ['storage', onStorage, { passive: true, capture: true }];
+			const setEvent = () => {
+				this.eventsListeners.push([window, ...listenerParams]);
+				window.addEventListener(...listenerParams);
+			};
+
+			if (!ABTastyData || !isActionTrackingSent()) setEvent();
+			else resolve(true);
+
+			return promise;
+		}
+
+		onMinPagesViewed({ promise, resolve }) {
+			const { triggerEventMinPagesViewed } = DATA;
+			let ABTastyData = localStorage.getItem(abtastyDataStorageName);
+
+			const getNumberOfPagesViewed = () =>
+				ABTastyData ? JSON.parse(ABTastyData)?.VisitedPages?.length : 0;
+
+			const isGoalReached = () => triggerEventMinPagesViewed <= getNumberOfPagesViewed();
+
+			const onStorage = ({ key, newValue }) => {
+				if (key !== abtastyDataStorageName) return;
+				ABTastyData = newValue;
+				if (isGoalReached()) resolve(true);
+			};
+
+			const listenerParams = ['storage', onStorage, { passive: true, capture: true }];
+			const setEvent = () => {
+				this.eventsListeners.push([window, ...listenerParams]);
+				window.addEventListener(...listenerParams);
+			};
+
+			if (!ABTastyData || !isGoalReached()) setEvent();
+			else resolve(true);
+
+			return promise;
+		}
+
+		onRageClick({ promise, resolve }) {
+			const { triggerEventRageClickQuantity, triggerEventRageClickDelay } = DATA;
+			let clicksCount = 0;
+			let countInProgress = false;
+
+			const onClick = ({ isTrusted }) => {
+				if (!isTrusted) return;
+
+				clicksCount += 1;
+
+				if (clicksCount >= triggerEventRageClickQuantity) resolve(true);
+
+				if (!countInProgress) {
+					countInProgress = true;
+					const rageClickTimeout = setTimeout(() => {
+						clicksCount = 0;
+						countInProgress = false;
+					}, triggerEventRageClickDelay);
+					this.timeouts.push(rageClickTimeout);
+				}
+			};
+
+			const listenerParams = ['click', onClick, { passive: true, capture: true }];
+
+			const setRageCLickListener = (target) => {
+				this.eventsListeners.push([target, ...listenerParams]);
+				target.addEventListener(...listenerParams);
+			};
+
+			const { clear } = waitForElement('iframe []contentDocument[] body > *', () => {
+				const iframes = document.getElementsByTagName('iframe');
+				for (const iframe of iframes) {
+					if ('contentDocument' in iframe && 'body' in iframe.contentDocument) {
+						setRageCLickListener(iframe.contentDocument);
+					}
+					const onIframeLoad = () => setRageCLickListener(iframe.contentDocument);
+					iframe.addEventListener('load', onIframeLoad);
+					this.eventsListeners.push([iframe, 'onIframeLoad', onIframeLoad]);
+				}
+			});
+
+			this.elementWaiters.push(clear);
+			setRageCLickListener(document);
+
+			return promise;
+		}
+
+		clear() {
+			this.triggerElements = this.triggerElements.filter((element) => {
+				element.remove();
+				return false;
+			});
+
+			this.eventsListeners = this.eventsListeners.filter((event) => {
+				const [target, ...eventParams] = event;
+				if (target && eventParams.length > 1) target.removeEventListener(...eventParams);
+				return false;
+			});
+
+			this.timeouts = this.timeouts.filter((timeout) => {
+				clearTimeout(timeout);
+				return false;
+			});
+
+			this.intervals = this.intervals.filter((interval) => {
+				clearInterval(interval);
+				return false
+			});
+
+			const uniqueId = getUniqueId();
+			this.visibilityObservers = this.visibilityObservers.filter((visibilityObserver) => {
+				visibilityObserver.clear(this.selector, uniqueId);
+				return false;
+			});
+
+			this.promises = this.promises.filter((promise) => {
+				promise.resolve(false);
+				return false;
+			});
+
+			this.elementWaiters = this.elementWaiters.filter((clearElementWaiter) => {
+				clearElementWaiter();
+				return false;
+			});
+			
+			return this;
+		}
+
+		async isTriggered() {
+			this.clear();
+
+			const defferedPromise = promiseDeferrer(this.event);
+			this.promises.push(defferedPromise);
+
+			const triggersLauncher = {
+				consent: () => this.onConsent(defferedPromise),
+				direct: () => true,
+				pageLoad: () => this.onPageLoad(defferedPromise),
+				click: () => this.onClick(defferedPromise),
+				exitIntent: () => this.onExitIntent(defferedPromise),
+				reengage: () => this.onReengage(defferedPromise),
+				elementVisible: () => this.onElementVisible(defferedPromise),
+				script: () => this.onCustomTrigger(defferedPromise),
+				hover: () => this.onHover(defferedPromise),
+				scrollUp: () => this.onScrollUp(defferedPromise),
+				scrollPercent: () => this.onScrollPercentReached(defferedPromise),
+				rageClick: () => this.onRageClick(defferedPromise),
+				minPagesViewed: () => this.onMinPagesViewed(defferedPromise),
+				trackingSent: () => this.onTrackingSent(defferedPromise),
+				socialProofPurchases: () => this.getSocialProofDatas(defferedPromise, 'i', true),
+				socialProofPageViews: () => this.getSocialProofDatas(defferedPromise, 'pv'),
+				socialProofVisitors: () => this.getSocialProofDatas(defferedPromise, 'v-pv'),
+			};
+
+			const eventTrigered = Object.prototype.hasOwnProperty.call(triggersLauncher, this.event)
+				? await triggersLauncher[this.event]()
+				: true;
+
+			if (eventTrigered) this.clear();
+
+			const waitDelay = async () => {
+				const defferedDelayPromise = promiseDeferrer(`${this.event}Delay`);
+				this.promises.push(defferedDelayPromise);
+				const delayTimeout = setTimeout(() => {
+					defferedDelayPromise.resolve(true);
+					this.clear();
+				}, this.delay);
+				this.timeouts.push(delayTimeout);
+				return defferedDelayPromise.promise;
+			};
+
+			const isTrigger =
+				this.event !== 'reengage' && this.delay
+					? eventTrigered && (await waitDelay())
+					: eventTrigered;
+			return isTrigger;
+		}
+	}
+
+	const DISPLAY = 'display';
+	const CLOSING = 'closing';
+	const VALIDATION = 'validation';
+	const WIDGETS_STORAGE = 'ABTastyWidgets';
+	const TEMPORARY_STORAGE = `${WIDGETS_STORAGE}Temporary`;
+
+	class Recurrence {
+		constructor({ displayRecurrence, closingRecurrence, validationRecurrence }, onSetCallback) {
+			this.displayRecurrence = parseFloat(displayRecurrence);
+			this.closingRecurrence = parseFloat(closingRecurrence);
+			this.validationRecurrence = parseFloat(validationRecurrence);
+			this.onSetCallback = onSetCallback;
+			this.widgetName = getWidgetName();
+			this.uniqueId = getUniqueId();
+			this.recurrenceKey = `${this.widgetName}_${this.uniqueId}`;
+			this.isListeningStorageEvent = this.listenStorageEvent();
+			this.pendingRecurrence = false;
+			this.pendingRecurrenceValue = {};
+		}
+
+		onStorage({ key }) {
+			const temporaryStorage = localStorage.getItem(TEMPORARY_STORAGE);
+			const sessionStoredRecurrence = sessionStorage.getItem(WIDGETS_STORAGE);
+
+			if (key === 'ABTastyData' && !temporaryStorage && sessionStoredRecurrence)
+				localStorage.setItem(TEMPORARY_STORAGE, sessionStoredRecurrence);
+		}
+
+		listenStorageEvent() {
+			if (!this.isListeningStorageEvent)
+				window.addEventListener('storage', this.onStorage.bind(this));
+			return true;
+		}
+
+		getGivenRecurrenceStorageParsed(storageType) {
+			try {
+				const storage = storageType.getItem(WIDGETS_STORAGE);
+				return JSON.parse(storage);
+			} catch (error) {
+				storageType.removeItem(WIDGETS_STORAGE);
+				return false;
+			}
+		}
+
+		getSessionRecurrenceStorageParsed() {
+			return this.getGivenRecurrenceStorageParsed(window.sessionStorage);
+		}
+
+		getLocalRecurrenceStorageParsed() {
+			return this.getGivenRecurrenceStorageParsed(window.localStorage);
+		}
+
+		removeGivenStorage(storageType, currentParsedStorage) {
+			const { [this.recurrenceKey]: removedStorage, ...newStorage } = currentParsedStorage;
+
+			if (!Object.entries(newStorage).length) {
+				storageType.removeItem(WIDGETS_STORAGE);
+				return false;
+			}
+
+			storageType.setItem(WIDGETS_STORAGE, JSON.stringify(newStorage));
+			return newStorage;
+		}
+
+		removeSessionRecurrenceStorage() {
+			const sessionWidgetsRecurrence = this.getSessionRecurrenceStorageParsed();
+			if (!sessionWidgetsRecurrence) return false;
+			return this.removeGivenStorage(window.sessionStorage, sessionWidgetsRecurrence);
+		}
+
+		removeLocalRecurrenceStorage() {
+			const localWidgetsRecurrence = this.getLocalRecurrenceStorageParsed();
+			if (!localWidgetsRecurrence) return false;
+			return this.removeGivenStorage(window.localStorage, localWidgetsRecurrence);
+		}
+
+		getSessionRecurrence() {
+			const sessionRecurrence = this.getSessionRecurrenceStorageParsed();
+			return !!sessionRecurrence && sessionRecurrence[this.recurrenceKey];
+		}
+
+		getLocalRecurrence() {
+			const localRecurrence = this.getLocalRecurrenceStorageParsed();
+			return !!localRecurrence && localRecurrence[this.recurrenceKey];
+		}
+
+		getCurrentRecurrence() {
+			if (this.pendingRecurrence) return this.pendingRecurrenceValue;
+
+			const sessionRecurrence = this.getSessionRecurrence();
+			const localRecurrence = this.getLocalRecurrence();
+			return sessionRecurrence || localRecurrence || { type: false };
+		}
+
+		isOver() {
+			const temporaryStorage = localStorage.getItem(TEMPORARY_STORAGE);
+			const sessionRecurrence =
+				temporaryStorage && temporaryStorage.includes(this.recurrenceKey)
+					? true
+					: this.getSessionRecurrence();
+
+			if (temporaryStorage) {
+				sessionStorage.setItem(WIDGETS_STORAGE, temporaryStorage);
+				localStorage.removeItem(TEMPORARY_STORAGE);
+			}
+
+			const localRecurrence = this.getLocalRecurrence();
+			const localRecurrenceStamp = localRecurrence ? parseFloat(localRecurrence.stamp) : 0;
+			const now = new Date().getTime();
+			const stampIsDone = localRecurrenceStamp < now;
+
+			if (stampIsDone) {
+				this.removeLocalRecurrenceStorage();
+			}
+			
+			return (
+				!this.pendingRecurrence && stampIsDone && !this.getLocalRecurrence() && !sessionRecurrence
+			);
+		}
+
+		setRecurrence(recurrence, type) {
+			if (recurrence !== 0) {
+				window.removeEventListener('storage', this.onStorage.bind(this));
+				this.isListeningStorageEvent = false;
+			}
+
+			const neededStorageInfos = this.getTypeOfStorage(recurrence);
+			if (isOnPreview() || (!neededStorageInfos && typeof neededStorageInfos !== 'object'))
+				return false;
+
+			const { storageString, storageMethod } = neededStorageInfos;
+			const stamp = this.getStamp(recurrence);
+			const storeObject = { type, stamp };
+			const { type: currentType } = this.getCurrentRecurrence();
+
+			const store = async () => {
+				if (!isConsentReady()) {
+					this.pendingRecurrence = true;
+					this.pendingRecurrenceValue = storeObject;
+					const waitForConsent = new Trigger({ triggerEvent: 'consent' });
+					await waitForConsent.isTriggered();
+					this.pendingRecurrence = false;
+					this.pendingRecurrenceValue = {};
+				}
+
+				const sessionRecurrence = this.getSessionRecurrence();
+				const localRecurrence = this.getLocalRecurrence();
+				let storageWithoutCurrent;
+
+				if (storageString === 'session') {
+					if (sessionRecurrence) {
+						storageWithoutCurrent = this.removeSessionRecurrenceStorage();
+					} else {
+						this.removeLocalRecurrenceStorage();
+						storageWithoutCurrent = this.getSessionRecurrenceStorageParsed();
+					}
+				} else if (storageString === 'local') {
+					if (localRecurrence) {
+						storageWithoutCurrent = this.removeLocalRecurrenceStorage();
+					} else {
+						this.removeSessionRecurrenceStorage();
+						storageWithoutCurrent = this.getLocalRecurrenceStorageParsed();
+					}
+				}
+
+				const newStorage = storageWithoutCurrent
+					? { [this.recurrenceKey]: storeObject, ...storageWithoutCurrent }
+					: { [this.recurrenceKey]: storeObject };
+
+				storageMethod.setItem(WIDGETS_STORAGE, JSON.stringify(newStorage));
+				if (this.onSetCallback && typeof this.onSetCallback === 'function') this.onSetCallback();
+			};
+
+			if (!storageMethod) return false;
+
+			if (!currentType || type === VALIDATION) {
+				store();
+			} else if (type === CLOSING && currentType !== VALIDATION) {
+				store();
+			} else if (type === DISPLAY && currentType !== VALIDATION && currentType !== CLOSING) {
+				store();
+			} else {
+				return false;
+			}
+
+			return stamp;
+		}
+
+		setDisplayRecurrence() {
+			const type = DISPLAY;
+			this.setRecurrence(this.displayRecurrence, type);
+		}
+
+		setClosingRecurrence() {
+			const type = CLOSING;
+			this.setRecurrence(this.closingRecurrence, type);
+		}
+
+		setValidationRecurrence() {
+			const type = VALIDATION;
+			this.setRecurrence(this.validationRecurrence, type);
+		}
+
+		getStamp(recurrence) {
+			const day = 86400000;
+			const now = new Date().getTime();
+			return now + day * recurrence;
+		}
+
+		getTypeOfStorage(recurrence) {
+			if (isNaN(recurrence) || recurrence < 0 || (recurrence !== 0 && !recurrence)) {
+				return false;
+			}
+
+			if (recurrence > 0) {
+				return { storageString: 'local', storageMethod: window.localStorage };
+			}
+			if (recurrence === 0) {
+				return { storageString: 'session', storageMethod: window.sessionStorage };
+			}
+			return false;
+		}
+	}
+
+	/*  Params :
+	    recurrence : as initiated recurrence
+	    isWidgetApplied : as a function that return true or false depending on widget specificities and allow us to callback or not in case all other native actions are true
+	    callback : as a function that is called when you need to do any action to your widget / params : as a string 'remove' or 'rebuild'
+	*/
+
+	class PageWatcher {
+		constructor(isWidgetApplied, callback, shouldUpdate) {
+			this.isWidgetApplied = isWidgetApplied;
+			this.callback = callback;
+			this.shouldUpdate = shouldUpdate;
+			this.triggerIframeTarget = null;
+			this.observer = new MutationObserver(this.observerHandler.bind(this));
+			this.tagRollbackEventParams = [TAG_RESET_EVENT, this.onTagRollback.bind(this)];
+			this.onCampaignLaunchedEventParams = [TAG_CAMPAIGN_LAUNCHED_EVENT, this.onCampaignLaunched.bind(this)];
+		}
+
+		decisionHandler(event) {
+			const widgetApplied = !event && this.isWidgetApplied();
+			const action = widgetApplied ? this.shouldUpdate && UPDATE_WIDGET : REBUILD_WIDGET;
+			if (!action) return this;
+
+			this.clearWatcher();
+			this.callback(action, !event, widgetApplied);
+			this.watch();
+
+			return this;
+		}
+
+		onCampaignLaunched({ detail: { campaignId } }) {
+			if (campaignId !== TEST_ID) return;
+			this.callback(REBUILD_WIDGET, false);
+			this.watch();
+		}
+
+		onTagRollback({ target }) {
+			this.clearWatcher(target);
+			this.callback(REMOVE_WIDGET, false, true);
+			window.addEventListener(...this.onCampaignLaunchedEventParams);
+			return this;
+		}
+
+		observerHandler(mutations) {
+			if (!isAffected()) return this.callback(REMOVE_WIDGET, false);
+
+			const domChanges = mutations.some(mutation => ['removedNodes', 'addedNodes'].some(prop => mutation[prop] && mutation[prop].length));
+			if (domChanges) return this.decisionHandler();
+			
+			return this;
+		}
+
+		watch(rootElement, triggerSelector) {
+			if (isOnEditor()) return this;
+			this.clearWatcher(rootElement);
+
+			window.removeEventListener(...this.onCampaignLaunchedEventParams);
+			document.addEventListener(...this.tagRollbackEventParams);
+
+			if (triggerSelector?.includes('[]contentDocument[]')) {
+				const iframeSelector = triggerSelector.split('[]')[0].trim();
+				const { clear } = waitForElement(iframeSelector, (iframeTargetElement) => {
+					clear();
+					this.triggerIframeTarget = iframeTargetElement;
+					iframeTargetElement.addEventListener('load', this.decisionHandler.bind(this));
+				});
+			}
+
+			const iframeContainer = rootElement?.defaultView?.frameElement;
+			if (iframeContainer && this.triggerIframeTarget !== iframeContainer) {
+				iframeContainer.addEventListener('load', this.decisionHandler.bind(this));
+			}
+
+			const { clear } = waitForElement('body', (body) => {
+				clear();
+				const observerTarget = rootElement?.body || rootElement || body;
+				this.observer.observe(observerTarget, { childList: true, subtree: true });
+			});
+
+			return this;
+		}
+
+		clearTriggerElementWatcher() {
+			this.triggerIframeTarget?.removeEventListener('load', this.decisionHandler.bind(this));
+		}
+
+		clearWatcher(rootElement) {
+			document.removeEventListener(...this.tagRollbackEventParams);
+			this.observer.disconnect();
+			this.clearTriggerElementWatcher();
+			rootElement?.defaultView?.frameElement?.removeEventListener('load', this.decisionHandler.bind(this));
+			return this;
+		}
+	}
+
+	const fontHashRegex = /.+\/([^.]+)\.(otf|ttf)$/;
+	const svgClosingCross = `<svg viewBox="0 0 16 16">
+	<defs><path id="prefix__a" d="M12 4.991L11.009 4 8 7.009 4.991 4 4 4.991 7.009 8 4 11.009 4.991 12 8 8.991 11.009 12 12 11.009 8.991 8z"></path></defs>
+	<g><use xlink:href="#prefix__a"></use></g>
+</svg>`;
+
+	const shouldUpdateOnPageChange = [
+		'socialProofPurchases',
+		'socialProofPageViews',
+		'socialProofVisitors',
+	];
+
+	class WidgetContainer {
+		constructor(target, index) {
+			this.children = undefined;
+			this.uniqueId = `${getUniqueId()}${index ? `_${index}` : ''}`;
+			this.widgetName = getWidgetName();
+			this.prettyName = getPrettyWidgetName();
+			this.recurrenceParams = getRecurrenceParams();
+			this.triggerParams = getTriggerParams(target);
+			this.recurrence = this.recurrenceParams
+				? new Recurrence(
+						this.recurrenceParams,
+						this.clearGivenClearables.bind(this)
+				  )
+				: false;
+			this.trigger = this.triggerParams ? new Trigger(this.triggerParams) : false;
+			this.shouldUpdate = this.triggerParams
+				? shouldUpdateOnPageChange.includes(this.triggerParams.triggerEvent)
+				: false;
+			this.pageWatcher = new PageWatcher(
+				this.isWidgetApplied.bind(this),
+				this.onPageChange.bind(this)
+			);
+			this.hasOncePerPageTrigger = isTriggerOncePerPage();
+			this.basicClassName = `ab_widget_container_${this.widgetName}`;
+			this.widgetContainerId = `${this.basicClassName}_${this.uniqueId}`;
+			this.contentClassName = `${this.basicClassName}_content`;
+			this.overlayClassName = `${this.basicClassName}_overlay`;
+			this.closeButtonClassName = `${this.basicClassName}_close_button`;
+			this.hideClassName = `ab_hide_${this.uniqueId}`;
+
+			this.rootElement = null;
+			this.domElement = this.getDom();
+			this.hasBeenShown = false;
+			this.closedByUser = false;
+			this.websiteFocusedElement = null;
+			this.elementsWaiters = [];
+		}
+
+		clearGivenClearables() {
+			for (const elementWaiter of this.elementsWaiters) {
+				elementWaiter.clear();
+			}
+			this.elementsWaiters = [];
+		}
+
+		isWidgetApplied() {
+			return (
+				this.domElement?.isConnected && this.domElement.ownerDocument?.defaultView
+			);
+		}
+
+		removeOldDomElement() {
+			const oldElement = this.rootElement?.getElementById(this.widgetContainerId);
+			oldElement?.remove();
+			return this;
+		}
+
+		async insert() {
+			if (this.isWidgetApplied()) return false;
+
+			const inElementLayouts = ['free'];
+			if (DATA.layout === 'drawer' && DATA.customTarget)
+				inElementLayouts.push('drawer');
+
+			const widgetHaveTargetLayout = inElementLayouts.includes(DATA.layout);
+
+			const waitForReferrenceElementPromise = new Promise((resolve) => {
+				const { elementReferrer = 'body', referrerInsertType = 'beforeend' } =
+					widgetHaveTargetLayout ? DATA : {};
+
+				const waitForReferrenceElement = waitForElement(
+					elementReferrer,
+					(element) => {
+						this.elementsWaiters = this.elementsWaiters.filter(
+							(waiter) => waiter.selector !== elementReferrer
+						);
+						this.rootElement = element.getRootNode();
+						this.removeOldDomElement();
+						this.domElement.appendChild(this.styleElement);
+						resolve(
+							element.insertAdjacentElement(referrerInsertType, this.domElement)
+						);
+					}
+				);
+				this.elementsWaiters.push(waitForReferrenceElement);
+			});
+
+			return waitForReferrenceElementPromise.then(() => this);
+		}
+
+		remove() {
+			if (this.trigger) this.trigger.clear();
+			this.pageWatcher.clearWatcher(this.rootElement);
+			for (const elementWaiter of this.elementsWaiters) {
+				if (![DATA.elementReferrer, 'body'].includes(elementWaiter.selector))
+					continue;
+				elementWaiter.clear();
+			}
+			this.domElement?.isConnected && this.domElement.remove();
+
+			if (this.hasOncePerPageTrigger) {
+				this.pageWatcher.watch(this.rootElement);
+			} else if (!isOnEditor()) {
+				this.init().then(({ response }) => (response ? this.show() : this));
+			}
+			return this;
+		}
+
+		show() {
+			const { layout, overlay = true } = DATA;
+			if (!isOnEditor() && (!this.hasBeenShown || !this.hasOncePerPageTrigger)) {
+				window.ABTastyEvent(`${this.prettyName} displayed`, null, TEST_ID);
+			}
+			this.closedByUser = false;
+			this.websiteFocusedElement = document.activeElement;
+			setTimeout(() => {
+				this.domElement.classList.remove(this.hideClassName);
+				if (!isOnEditor() && layout === 'popin' && overlay === true) {
+					this.domElement
+						.querySelector('input[type="text"], textarea, a, button')
+						?.focus();
+				}
+			}, 50);
+			if (this.recurrence) this.recurrence.setDisplayRecurrence();
+			this.hasBeenShown = true;
+			this.pageWatcher.watch(this.rootElement);
+			return this;
+		}
+
+		hide(hideByUser = true) {
+			if (!isOnEditor() && this.hasBeenShown && hideByUser) {
+				window.ABTastyEvent(`${this.prettyName} closed`, null, TEST_ID);
+			}
+			if (hideByUser) {
+				this.pageWatcher.clearWatcher(this.rootElement);
+				this.closedByUser = true;
+			}
+			this.domElement.classList.add(this.hideClassName);
+			if (!isOnEditor() && this.websiteFocusedElement?.isConnected) {
+				this.websiteFocusedElement.focus();
+			}
+			return this;
+		}
+
+		async init(firstInit) {
+			const onEditor = isOnEditor();
+			const affected = isAffected();
+
+			const alreadyAwaitingTrigger = this.trigger?.promises?.length;
+			const recurrenceDone = this.recurrence ? this.recurrence.isOver() : true;
+
+			if ((!onEditor && !affected) || alreadyAwaitingTrigger || !recurrenceDone) {
+				return { container: this, response: false };
+			}
+
+			this.pageWatcher.watch(
+				this.rootElement || document,
+				this.triggerParams.triggerSelector
+			);
+
+			const canLaunch =
+				onEditor ||
+				!this.trigger ||
+				(this.trigger && (await this.trigger.isTriggered()));
+			this.pageWatcher.clearTriggerElementWatcher();
+			const returnValue = { container: this, response: canLaunch };
+
+			if (!canLaunch) return returnValue;
+
+			await this.insert();
+			this.addCloseEvent();
+
+			if (
+				!onEditor &&
+				!firstInit &&
+				!this.hasBeenShown &&
+				typeof this.children !== 'undefined' &&
+				typeof this.children.refreshContent === 'function'
+			) {
+				this.children.refreshContent(canLaunch);
+			}
+
+			return returnValue;
+		}
+
+		onPageChange(changeType, isDomModif, widgetApplied) {
+			const relaunch = () =>
+				this.init().then(({ response }) => {
+					response ? this.show() : this.hide(false);
+				});
+
+			if (!isDomModif) {
+				this.hasBeenShown = false;
+				if (widgetApplied) this.domElement.remove();
+				if (this.trigger) this.trigger.clear();
+			}
+
+			const cases = {
+				[REMOVE_WIDGET]: () =>
+					widgetApplied
+						? this.remove()
+						: this.pageWatcher.watch(this.rootElement),
+				[REBUILD_WIDGET]: () => {
+					if (this.hasBeenShown) {
+						if (this.closedByUser) {
+							this.pageWatcher.watch(this.rootElement);
+						} else if (!widgetApplied) {
+							this.insert()
+								.then((self) => self.show())
+								.catch(this.pageWatcher.watch);
+						}
+					} else {
+						relaunch();
+					}
+				},
+				[UPDATE_WIDGET]: () => {
+					if (this.hasBeenShown) {
+						this.pageWatcher.watch();
+						return;
+					}
+					relaunch();
+				},
+			};
+
+			if (typeof cases[changeType] === 'function') cases[changeType]();
+		}
+
+		addCloseEvent(...closeElements) {
+			const {
+				closeButton,
+				overlay,
+				overlayClickable,
+				layout,
+				animationDuration = 1000,
+			} = DATA;
+
+			const closeElementsSelectors = [];
+			if (
+				(typeof overlay === 'undefined' || overlay === true) &&
+				overlayClickable === true &&
+				layout === 'popin'
+			) {
+				closeElementsSelectors.push(`.${this.overlayClassName}`);
+			}
+			if (typeof closeButton !== 'undefined' && closeButton) {
+				closeElementsSelectors.push(`.${this.closeButtonClassName}`);
+			}
+
+			if (!closeElementsSelectors.length) return this;
+
+			const nativeCloseElements = this.domElement.querySelectorAll(
+				closeElementsSelectors.join(', ')
+			);
+
+			if (!nativeCloseElements.length) return this;
+
+			const onUserClose = (event) => {
+				const isClick = event.type === 'click';
+				const isEscape = event.type === 'keyup' && event.code === 'Escape' && event.isTrusted;
+
+				if (!isClick && !isEscape) return;
+
+				avoidEventDetection(event);
+				if (this.recurrence) this.recurrence.setClosingRecurrence();
+				this.hide(true);
+				setTimeout(() => this.remove(), animationDuration * 1.05);
+			};
+
+			const onCloseParams = [
+				'click',
+				onUserClose,
+				{ once: true, capture: true },
+			];
+
+			closeElements.push(...nativeCloseElements);
+
+			for (const closeElement of closeElements) {
+				if (isOnEditor()) {
+					// eslint-disable-next-line no-param-reassign
+					closeElement.dataset.abtastyActionnable = 'true';
+				}
+				closeElement.removeEventListener(...onCloseParams);
+				closeElement.addEventListener(...onCloseParams);
+			}
+			
+			window.removeEventListener('keyup', onUserClose, { once: true });
+			window.addEventListener('keyup', onUserClose, { once: true });
+			return this;
+		}
+
+		getDom() {
+			const { closeButton, layout, overlayClickable, overlay = true } = DATA;
+			const widgetContainerElement = document.createElement('div');
+			widgetContainerElement.className = `${this.basicClassName} ${this.hideClassName}`;
+			widgetContainerElement.id = this.widgetContainerId;
+
+			if (['popin', 'bannerTop', 'bannerBottom'].includes(layout)){
+				widgetContainerElement.role = 'dialog';
+				if (layout === 'popin' && overlay === true) widgetContainerElement.ariaModal = "true";
+			}
+
+			widgetContainerElement.innerHTML = `
+			${
+				layout === 'popin' && overlay === true
+					? `<div ${
+							overlayClickable ? 'aria-label="Close dialog"' : ''
+					  } class="${this.overlayClassName}"></div>`
+					: ''
+			}
+			<div class="${this.contentClassName}">
+			${
+				closeButton
+					? `<button class="${this.closeButtonClassName}" aria-label="Close dialog">${svgClosingCross}</button>`
+					: ''
+			}
+			</div>`;
+			return widgetContainerElement;
+		}
+
+		loadFont(name, styleSrc) {
+			if (!name || name === 'inherit' || !/otf|ttf/g.test(styleSrc)) return;
+			const newStyle = document.createElement('style');
+			const styleHash = styleSrc.match(fontHashRegex)
+				? styleSrc.match(fontHashRegex)[1]
+				: '';
+			newStyle.innerHTML = `@font-face { font-family: '${name}_${styleHash}'; src: url('${styleSrc}'); font-display: swap; }`;
+
+			const stylesContainer = this.rootElement?.head || document.head;
+			stylesContainer?.appendChild(newStyle);
+		}
+
+		getStyleTag(uniqueStyles = '', widgetData = DATA) {
+			const { noStyles, layout } = widgetData;
+			const {
+				backgroundColor,
+				isBackgroundImage,
+				backgroundImage,
+				backgroundSize,
+				backgroundPosition,
+				backgroundRepeat,
+				borderColor,
+				borderRadius,
+				borderWidth,
+				textColor,
+				textAlign,
+				fontName,
+				fontStyle,
+				fontSize,
+				isTitle,
+				titleTextAlign,
+				titleTextColor,
+				titleFontName,
+				titleFontStyle,
+				titleFontSize,
+				overlay,
+				overlayColor,
+				dropShadow,
+				dropShadowColor,
+				dropShadowBlur,
+				containerMargin,
+				containerPadding,
+				closeButton,
+				closeButtonPosition,
+				closeButtonSize,
+				closeButtonBorderRadius,
+				closeButtonBorderWidth,
+				closeButtonBorderColor,
+				closeButtonColor,
+				closeButtonBackgroundColor,
+				buttonsAlign,
+				buttonsBorderWidth,
+				buttonsBorderColor,
+				buttonsBorderRadius,
+				buttonsBackgroundColor,
+				buttonsTextColor,
+				buttonsFontName,
+				buttonsFontStyle,
+				buttonsFontSize,
+				secondLink: hasSecondLink,
+				secondLinkBorderWidth,
+				secondLinkBorderColor,
+				secondLinkBorderRadius,
+				secondLinkBackgroundColor,
+				secondLinkTextColor,
+				secondLinkFontName,
+				secondLinkFontStyle,
+				secondLinkFontSize,
+				animation,
+				animationDuration,
+				animationBehaviour,
+				animationSlideDirection,
+			} = noStyles ? {} : widgetData;
+			const styleDomElement = document.createElement('style');
+			if (isOnEditor())
+				styleDomElement.setAttribute('abtasty-script-added', 'true');
+			this.loadFont(fontName, fontStyle);
+			this.loadFont(titleFontName, titleFontStyle);
+			this.loadFont(buttonsFontName, buttonsFontStyle);
+			this.loadFont(secondLinkFontName, secondLinkFontStyle);
+
+			const backgroundProps = [
+				typeof backgroundColor === 'string' ? backgroundColor : WHITE,
+				isBackgroundImage &&
+				typeof backgroundImage === 'string' &&
+				backgroundImage.length
+					? `url(${backgroundImage})`
+					: '',
+				isBackgroundImage &&
+				typeof backgroundPosition === 'string' &&
+				backgroundSize !== '100% 100%'
+					? backgroundPosition
+					: '0 0',
+				isBackgroundImage && typeof backgroundSize === 'string'
+					? `/ ${backgroundSize}`
+					: '/ auto',
+				isBackgroundImage &&
+				backgroundRepeat &&
+				!['cover', '100% 100%'].includes(backgroundSize)
+					? 'repeat'
+					: 'no-repeat',
+			];
+			const backgroundStyle = `background: ${backgroundProps.join(' ').trim()};`;
+
+			const isBorderWithMoreThanZero =
+				typeof borderWidth === 'number' && borderWidth > 0;
+			const borderProps = [
+				isBorderWithMoreThanZero ? `${borderWidth}px` : 'unset',
+				isBorderWithMoreThanZero ? `solid` : '',
+				isBorderWithMoreThanZero &&
+				typeof borderColor === 'string' &&
+				borderColor.length
+					? borderColor
+					: '',
+			];
+			const borderStyle = `border: ${borderProps.join(' ').trim()};`;
+			const borderRadiusStyle =
+				typeof borderRadius !== 'undefined'
+					? `border-radius: ${borderRadius}px;`
+					: '';
+
+			const textColorStyle =
+				typeof textColor !== 'undefined'
+					? `color: ${textColor}; fill: ${textColor}; -webkit-text-fill-color: ${textColor};`
+					: '';
+			const textAlignStyle =
+				typeof textAlign !== 'undefined' ? `text-align: ${textAlign};` : '';
+			const fontNameStyle =
+				fontName && fontName !== 'inherit'
+					? `font-family:${fontName}_${
+						fontStyle.match(fontHashRegex)
+							? fontStyle.match(fontHashRegex)[1]
+							: ''
+				  };`
+					: fontStyle || '';
+			const fontSizeStyle = fontSize ? `font-size: ${fontSize}px;` : '';
+
+			const dropShadowStyle =
+				typeof dropShadow !== 'undefined' && dropShadow
+					? `box-shadow: 0 5px ${dropShadowBlur}px 0 ${dropShadowColor};`
+					: '';
+
+			const margin =
+				containerMargin instanceof Array &&
+				containerMargin.length === 1 &&
+				containerMargin[0];
+			const marginsStyle = margin
+				? `margin: ${margin.top}px ${margin.right}px ${margin.bottom}px ${margin.left}px;`
+				: '';
+			const marginSmallScreens = margin
+				? `margin: calc(${margin.top}px * 0.5) calc(${margin.right}px * 0.5) calc(${margin.bottom}px * 0.5) calc(${margin.left}px * 0.5);`
+				: '';
+			const padding =
+				containerPadding instanceof Array &&
+				containerPadding.length === 1 &&
+				containerPadding[0];
+			const paddingsStyle = padding
+				? `padding: ${padding.top}px ${padding.right}px ${padding.bottom}px ${padding.left}px;`
+				: '';
+			const paddingSmallScreens = padding
+				? `padding: calc(${padding.top}px * 0.5) calc(${padding.right}px * 0.5) calc(${padding.bottom}px * 0.5) calc(${padding.left}px * 0.5);`
+				: '';
+
+			const buttonsBorderWidthStyle =
+				typeof buttonsBorderWidth !== 'undefined' && buttonsBorderWidth
+					? `border-width: ${buttonsBorderWidth}px; border-style: solid;`
+					: '';
+			const buttonsBorderColorStyle =
+				[buttonsBorderColor, buttonsBorderWidth].every(
+					(prop) => typeof prop !== 'undefined'
+				) && buttonsBorderWidth
+					? `border-color: ${buttonsBorderColor};`
+					: '';
+			const buttonsBorderRadiusStyle =
+				typeof buttonsBorderRadius !== 'undefined'
+					? `border-radius: ${buttonsBorderRadius}px;`
+					: '';
+			const buttonsBackgroundColorStyle =
+				typeof buttonsBackgroundColor !== 'undefined'
+					? `background-color: ${buttonsBackgroundColor};`
+					: '';
+			const buttonsTextColorStyle =
+				typeof buttonsTextColor !== 'undefined'
+					? `color: ${buttonsTextColor}; fill: ${buttonsTextColor}; -webkit-text-fill-color: ${buttonsTextColor};`
+					: '';
+			const buttonsFontNameStyle =
+				buttonsFontName && buttonsFontName !== 'inherit'
+					? `font-family:${buttonsFontName}_${
+						buttonsFontStyle.match(fontHashRegex)
+							? buttonsFontStyle.match(fontHashRegex)[1]
+							: ''
+				  };`
+					: buttonsFontStyle || '';
+			const buttonsFontSizeStyle = buttonsFontSize
+				? `font-size: ${buttonsFontSize}px;`
+				: '';
+
+			const secondLinkBorderWidthStyle =
+				typeof secondLinkBorderWidth === 'number'
+					? `border-width: ${secondLinkBorderWidth}px; border-style: solid;`
+					: '';
+			const secondLinkBorderColorStyle =
+				[secondLinkBorderColor, secondLinkBorderWidth].every(
+					(prop) => typeof prop !== 'undefined'
+				) && secondLinkBorderWidth
+					? `border-color: ${secondLinkBorderColor};`
+					: '';
+			const secondLinkBorderRadiusStyle =
+				typeof secondLinkBorderRadius !== 'undefined'
+					? `border-radius: ${secondLinkBorderRadius}px;`
+					: '';
+			const secondLinkBackgroundColorStyle =
+				typeof secondLinkBackgroundColor !== 'undefined'
+					? `background-color: ${secondLinkBackgroundColor};`
+					: '';
+			const secondLinkTextColorStyle =
+				typeof secondLinkTextColor !== 'undefined'
+					? `color: ${secondLinkTextColor}; fill: ${secondLinkTextColor}; -webkit-text-fill-color: ${secondLinkTextColor};`
+					: '';
+			const secondLinkFontNameStyle =
+				secondLinkFontName && secondLinkFontName !== 'inherit'
+					? `font-family:${secondLinkFontName}_${
+						secondLinkFontStyle.match(fontHashRegex)
+							? secondLinkFontStyle.match(fontHashRegex)[1]
+							: ''
+				  };`
+					: secondLinkFontStyle || '';
+			const secondLinkFontSizeStyle = secondLinkFontSize
+				? `font-size: ${secondLinkFontSize}px;`
+				: '';
+
+			const overlayRules =
+				layout === 'popin' && (typeof overlay === 'undefined' || overlay === true)
+					? [
+							`#${this.widgetContainerId} .${this.overlayClassName} {`,
+							`background-color: ${
+							typeof overlayColor !== 'undefined'
+								? overlayColor
+								: 'rgba(0, 0, 0, 0.6)'
+						};`,
+							'}',
+					  ].join('')
+					: '';
+
+			const closeButtonSizeNumber =
+				typeof closeButtonSize === 'number' ? closeButtonSize : 16;
+			const halfCloseButtonSize = closeButtonSizeNumber / 2;
+			const closeButtonRules =
+				noStyles || (typeof closeButton !== 'undefined' && closeButton)
+					? [
+							`#${this.widgetContainerId} .${this.contentClassName} .${this.closeButtonClassName} {`,
+							'position: absolute;',
+							`${
+							closeButtonPosition === 'out'
+								? `bottom: calc(100% + ${halfCloseButtonSize}px)`
+								: `top: ${halfCloseButtonSize}px`
+						};`,
+							`right: ${halfCloseButtonSize}px;`,
+							'width: auto;',
+							'height: auto;',
+							'background: none;',
+							'border: none;',
+							'cursor: pointer;',
+							'padding: 0;',
+							'margin: 0;',
+							'line-height: 0;',
+							'z-index: 9;',
+							`${
+							typeof closeButtonBorderRadius === 'number'
+								? `border-radius: ${closeButtonBorderRadius}px;`
+								: ''
+						}`,
+							`${
+							typeof closeButtonBorderWidth === 'number' &&
+							closeButtonBorderWidth > 0
+								? `border: ${closeButtonBorderWidth}px solid ${
+										typeof closeButtonBorderColor !== 'undefined'
+											? closeButtonBorderColor
+											: DARK_GRAY
+								  };`
+								: ''
+						}`,
+							`${
+							typeof closeButtonBackgroundColor === 'string'
+								? `background-color: ${closeButtonBackgroundColor};`
+								: ''
+						}`,
+							'}',
+							`#${this.widgetContainerId} .${this.contentClassName} .${this.closeButtonClassName} svg {`,
+							'pointer-events: none;',
+							`width: ${closeButtonSizeNumber}px;`,
+							`height: ${closeButtonSizeNumber}px;`,
+							`${
+							typeof closeButtonColor === 'string'
+								? `fill: ${closeButtonColor};`
+								: ''
+						}`,
+							'}',
+					  ].join('')
+					: '';
+
+			const titleRules =
+				isTitle && typeof titleTextColor === 'string'
+					? [
+							`#${this.widgetContainerId} .${this.contentClassName} > * h1, `,
+							`#${this.widgetContainerId} .${this.contentClassName} > * h2, `,
+							`#${this.widgetContainerId} .${this.contentClassName} > * h3, `,
+							`#${this.widgetContainerId} .${this.contentClassName} > * h4, `,
+							`#${this.widgetContainerId} .${this.contentClassName} > * h5, `,
+							`#${this.widgetContainerId} .${this.contentClassName} > * h6 {`,
+							`color: ${titleTextColor}; fill: ${titleTextColor}; -webkit-text-fill-color: ${titleTextColor};`,
+							typeof titleTextAlign !== 'undefined'
+								? `text-align: ${titleTextAlign};`
+								: '',
+							titleFontName && titleFontName !== 'inherit'
+								? `font-family:${titleFontName}_${
+									titleFontStyle.match(fontHashRegex)
+										? titleFontStyle.match(fontHashRegex)[1]
+										: ''
+							  };`
+								: titleFontStyle || '',
+							titleFontSize ? `font-size: ${titleFontSize}px;` : '',
+							'}',
+					  ].join('')
+					: '';
+
+			let animationRules = '';
+
+			if (typeof animation === 'string') {
+				const millisecondsDuration = (animationDuration / 1000).toFixed(2);
+				const slideFromTopOrBottom = ['top', 'bottom'].includes(
+					animationSlideDirection
+				);
+				const translateAxisPopin = Number(slideFromTopOrBottom);
+				const translateParams = [
+					`${
+					['top', 'left'].includes(animationSlideDirection) ? '-' : ''
+				}100vmax`,
+					this.translateValues ? this.translateValues[translateAxisPopin] : '0',
+				];
+
+				if (slideFromTopOrBottom) translateParams.reverse();
+
+				animationRules = {
+					none: [`.${this.hideClassName} {`, 'opacity: 0 !important;', '}'],
+					fade: [
+						`.${this.hideClassName} {`,
+						'opacity: 0 !important;',
+						'}',
+						`#${this.widgetContainerId} {`,
+						`transition: opacity ${millisecondsDuration}s ${animationBehaviour};`,
+						'}',
+						`@media (prefers-reduced-motion: reduce) {`,
+							`#${this.widgetContainerId} {`,
+								'transition: unset;',
+							'}',
+						'}',
+					],
+					slide: [
+						`.${this.hideClassName} .${this.overlayClassName} {`,
+						'opacity: 0 !important;',
+						'}',
+						`#${this.widgetContainerId} .${this.overlayClassName} {`,
+						`transition: opacity ${millisecondsDuration}s ${animationBehaviour};`,
+						'}',
+						`.${this.hideClassName} .${this.contentClassName} {`,
+						`transform: translate(${translateParams.join(', ')}) !important;`,
+						'}',
+						`#${this.widgetContainerId} .${this.contentClassName} {`,
+						`transition: transform ${millisecondsDuration}s ${animationBehaviour};`,
+						'}',
+						`@media (prefers-reduced-motion: reduce) {`,
+							`#${this.widgetContainerId} .${this.overlayClassName},`,
+							`.${this.hideClassName} .${this.contentClassName},`,
+							`#${this.widgetContainerId} .${this.contentClassName} {`,
+								'transition: unset;',
+							'}',
+						'}',
+					],
+				}[
+					isOnEditor() && !ABTASTY_S.WIDGETS.animationChanged ? 'none' : animation
+				].join('');
+			}
+
+			const secondLinkStyles = [
+				`#${this.widgetContainerId} .${this.contentClassName} .buttons_container .second_link {`,
+				`margin-${buttonsAlign === 'fill' ? 'top' : 'left'}: 8px;`,
+				secondLinkBorderWidthStyle,
+				secondLinkBorderColorStyle,
+				secondLinkBorderRadiusStyle,
+				secondLinkBackgroundColorStyle,
+				secondLinkTextColorStyle,
+				secondLinkFontNameStyle,
+				secondLinkFontSizeStyle,
+				'}',
+				`#${this.widgetContainerId} .${this.contentClassName} .buttons_container .second_link {`,
+				secondLinkTextColorStyle,
+				secondLinkFontNameStyle,
+				secondLinkFontSizeStyle,
+				'}',
+			];
+
+			styleDomElement.textContent = [
+				`#${this.widgetContainerId} style { display: none; }`,
+				`.${this.hideClassName} {`,
+				'pointer-events: none;',
+				'}',
+				`#${this.widgetContainerId} {`,
+				'opacity: 1;',
+				'}',
+				`#${this.widgetContainerId} .${this.contentClassName} {`,
+				backgroundStyle,
+				borderRadiusStyle,
+				borderStyle,
+				textColorStyle,
+				textAlignStyle,
+				dropShadowStyle,
+				marginsStyle,
+				fontNameStyle,
+				fontSizeStyle,
+				'}',
+				`#${this.widgetContainerId} .${this.contentClassName} p {`,
+				textColorStyle,
+				textAlignStyle,
+				fontNameStyle,
+				fontSizeStyle,
+				'}',
+				`#${this.widgetContainerId} .${this.contentClassName} > * {`,
+				'display: block;',
+				'line-height: 1;',
+				'text-indent: unset;',
+				paddingsStyle,
+				fontNameStyle,
+				fontSizeStyle,
+				'}',
+				`#${this.widgetContainerId} .${this.contentClassName} a {`,
+				'text-decoration: underline;',
+				'}',
+				`#${this.widgetContainerId} .${this.contentClassName} div.buttons_container a, `,
+				`#${this.widgetContainerId} .${this.contentClassName} button {`,
+				'text-decoration: none;',
+				'box-sizing: border-box;',
+				'display: inline-block;',
+				buttonsBorderWidthStyle,
+				buttonsBorderColorStyle,
+				buttonsBorderRadiusStyle,
+				buttonsBackgroundColorStyle,
+				buttonsTextColorStyle,
+				buttonsFontNameStyle,
+				buttonsFontSizeStyle,
+				'}',
+				`#${this.widgetContainerId} .${this.contentClassName} div.buttons_container a *:not(.second_link span), `,
+				`#${this.widgetContainerId} .${this.contentClassName} button:not([class*="close_button"], [class*="csatEmojiButton"]) * {`,
+				buttonsTextColorStyle,
+				buttonsFontNameStyle,
+				buttonsFontSizeStyle,
+				'}',
+				...(hasSecondLink ? secondLinkStyles : []),
+				'@media screen and (max-width: 579px) {',
+				`#${this.widgetContainerId} .${this.contentClassName} {`,
+				marginSmallScreens,
+				'}',
+				`#${this.widgetContainerId} .${this.contentClassName} > * {`,
+				paddingSmallScreens,
+				'}',
+				'}',
+				overlayRules,
+				closeButtonRules,
+				titleRules,
+				animationRules,
+				`${uniqueStyles}`,
+			].join('');
+
+			return styleDomElement;
+		}
+	}
+
+	const xPosition = ['top: 0;', 'top: 50%;', 'bottom: 0;'];
+	const yPosition = ['left: 0;', 'left: 50%;', 'right: 0;'];
+	const getTranslatePercent = (axis) => (axis === 1 ? '-50%' : 0);
+
+	const getPopinPosition = () => {
+		if (Array.isArray(DATA.popinPosition)) {
+			const {
+				popinPosition: [{ x, y }],
+			} = DATA;
+			const translateValue = `translate(${getTranslatePercent(y)}, ${getTranslatePercent(x)});`;
+			return `${xPosition[x]}${yPosition[y]}transform: ${translateValue}`;
+		}
+		return 'left: 50%;top: 50%;transform: translate(-50%, -50%);';
+	};
+
+	const useDimensionsAuto = () => 'autoWidth' in DATA && DATA.autoWidth === true;
+
+	const getPopinDimensions = () => {
+		if (useDimensionsAuto()) return `width: auto; height: auto; min-width: fit-content;`;
+
+		const {
+			popinPercentWidth,
+			popinPixelsWidth,
+			widthUnit,
+			autoHeight,
+			popinPercentHeight,
+			popinPixelsHeight,
+			heightUnit,
+		} = DATA;
+		const width = widthUnit === 'px' ? popinPixelsWidth : popinPercentWidth;
+		const height = heightUnit === 'px' ? popinPixelsHeight : popinPercentHeight;
+		return `width: ${width}${widthUnit};height: ${autoHeight ? 'auto' : `${height}${heightUnit}`};`;
+	};
+
+	class Popin extends WidgetContainer {
+		constructor() {
+			super();
+			this.translateValues = Object.values(DATA.popinPosition[0]).map(value => getTranslatePercent(value));
+			this.stringStyles = this.getStyles();
+			this.styleElement = this.getStyleTag(this.stringStyles);
+		}
+
+		getStyles() {
+			const { zindex, zindexCustom, widthUnit } = DATA;
+			const overlay = typeof DATA.overlay === 'string' ? false : DATA.overlay;
+
+			return [
+				`#${this.widgetContainerId} {`,
+					'position: fixed;',
+					'top: 0;',
+					'left: 0;',
+					'width: 100%;',
+					'height: 100%;',
+					`z-index: ${zindex === 'custom' ? zindexCustom : zindex};`,
+					'background: none;',
+					`pointer-events: ${overlay ? 'all' : 'none'}`,
+				'}',
+				`#${this.widgetContainerId} .${this.overlayClassName} {`,
+					'position: absolute;',
+					'z-index: -1;',
+					'top: 0;',
+					'left: 0;',
+					'width: 100%;',
+					'height: 100%;',
+				'}',
+				`#${this.widgetContainerId} .${this.contentClassName} {`,
+					'position: absolute;',
+					getPopinPosition(),
+					getPopinDimensions(),
+					'pointer-events: all',
+				'}',
+				`${
+				!useDimensionsAuto()
+					? [
+							`#${this.widgetContainerId} .${this.contentClassName} > div {`,
+								'height: 100%;',
+								'overflow: auto;',
+								'box-sizing: border-box;',
+							'}',
+					  ].join('')
+					: ''
+			}`,
+				`${
+				!useDimensionsAuto() && ['px', 'em'].includes(widthUnit)
+					? [
+							'@media screen and (max-width: 579px) {',
+								`#${this.widgetContainerId} .${this.contentClassName} {`,
+									'max-width: 94vw;',
+								'}',
+							'}',
+						].join('')
+						: ''
+				}`,
+			].join('');
+		}
+	}
+
+	class Banner extends WidgetContainer {
+		constructor() {
+			super();
+			this.position =
+				typeof DATA.layout === 'string' && DATA.layout === 'bannerTop' ? 'top' : 'bottom';
+			this.stringStyles = this.getStyles();
+			this.styleElement = this.getStyleTag(this.stringStyles);
+		}
+
+		getStyles() {
+			const { zindex, zindexCustom } = DATA;
+			return [
+				`#${this.widgetContainerId} {`,
+					'position: fixed;',
+					`${this.position}: 0;`,
+					'left: 0;',
+					'width: 100%;',
+					'height: auto;',
+					`z-index: ${zindex === 'custom' ? zindexCustom : zindex};`,
+					'background: none;',
+				'}',
+				`#${this.widgetContainerId} .${this.contentClassName} {`,
+					'position: relative;',
+				'}'
+			].join('');
+		}
+	}
+
+	class Free extends WidgetContainer {
+		constructor(target, index) {
+			super(target, index);
+			this.stringStyles = this.getStyles();
+			this.styleElement = this.getStyleTag(this.stringStyles);
+		}
+
+		getStyles() {
+			return [
+				`#${this.widgetContainerId} {`,
+					'width: auto;',
+					'height: auto;',
+					'margin: 0;',
+					'padding: 0;',
+					'background: none;',
+				'}',
+				`#${this.widgetContainerId} .${this.contentClassName} {`,
+					'position: relative;',
+				'}'
+			].join('');
+		}
+	}
+
+	const getWidgetContainer = () => {
+		const { layout } = DATA;
+
+		let parentContainer;
+
+		switch (layout) {
+			case 'popin':
+				parentContainer = new Popin();
+				break;
+			case 'bannerTop':
+			case 'bannerBottom':
+				parentContainer = new Banner();
+				break;
+			case 'free':
+				parentContainer = new Free();
+				break;
+			default:
+				parentContainer = new WidgetContainer();
+				break;
+		}
+
+		return parentContainer;
+	};
+
+	function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+	function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+	function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || false, o.configurable = true, "value" in o && (o.writable = true), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+	function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: false }), e; }
+	function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+	function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return (String )(t); }
+	var Widget = /*#__PURE__*/function () {
+	  function Widget(_ref) {
+	    var parentContainer = _ref.parentContainer;
+	    _classCallCheck(this, Widget);
+	    this.parentContainer = parentContainer;
+	    this.baseClassName = "qualitywidget_container";
+	    this.className = "".concat(this.baseClassName, "_").concat(parentContainer.uniqueId);
+	    this.contentElement = this.getContentElement();
+	  }
+	  return _createClass(Widget, [{
+	    key: "insertIn",
+	    value: function insertIn(element, position) {
+	      this.setStyles();
+	      element.insertAdjacentElement(position, this.contentElement);
+	      return this;
+	    }
+	  }, {
+	    key: "addCloseEvent",
+	    value: function addCloseEvent(closeElement) {
+	      var _this = this;
+	      if (closeElement) closeElement.addEventListener('click', function onClose(event) {
+	        avoidEventDetection(event);
+	        if (!isOnEditor()) _this.parentContainer.recurrence.setClosingRecurrence();
+	        _this.parentContainer.hide();
+	        setTimeout(function () {
+	          return _this.parentContainer.remove();
+	        }, 1000);
+	      }, {
+	        capture: true,
+	        passive: false
+	      });
+	    }
+	  }, {
+	    key: "addRedirectionEvent",
+	    value: function addRedirectionEvent(element) {
+	      var _this2 = this;
+	      if (!isOnEditor() && element) element.addEventListener('click', function onRedirect() {
+	        var _DATA = DATA,
+	          autoHide = _DATA.autoHide,
+	          timeHide = _DATA.timeHide;
+	        if (autoHide) setTimeout(function () {
+	          return _this2.parentContainer.hide();
+	        }, timeHide * 1000);
+	        if (!isOnEditor()) _this2.parentContainer.recurrence.setValidationRecurrence();
+	      }, {
+	        capture: true,
+	        passive: true
+	      });
+	    }
+	  }, {
+	    key: "getButton",
+	    value: function getButton() {
+	      var _DATA2 = DATA,
+	        linkType = _DATA2.linkType,
+	        buttonText = _DATA2.buttonText,
+	        redirectionUrl = _DATA2.redirectionUrl,
+	        openInNewTab = _DATA2.openInNewTab;
+	      var button = document.createElement('a');
+	      button.ariaLabel = buttonText;
+	      button.className = 'popin_link';
+	      button.innerHTML = "<span>".concat(buttonText, "</span>");
+	      if (linkType === 'button') {
+	        button.href = redirectionUrl;
+	        button.target = openInNewTab ? '_blank' : '_self';
+	        this.addRedirectionEvent(button);
+	      } else {
+	        button.href = '#';
+	        button.dataset.abtastyActionnable = 'true';
+	        this.addCloseEvent(button);
+	      }
+	      return button;
+	    }
+	  }, {
+	    key: "getContentElement",
+	    value: function getContentElement() {
+	      var _DATA3 = DATA,
+	        isTitle = _DATA3.isTitle,
+	        isText = _DATA3.isText,
+	        linkType = _DATA3.linkType,
+	        buttonText = _DATA3.buttonText,
+	        iconPicker = _DATA3.iconPicker;
+	      var elementType = typeof linkType === 'string' && linkType.includes('widget') ? 'a' : 'div';
+	      var contentElement = document.createElement(elementType);
+	      contentElement.className = this.className;
+	      if ((iconPicker === null || iconPicker === void 0 ? void 0 : iconPicker.src) !== '') {
+	        var imgElement = document.createElement('img');
+	        imgElement.setAttribute('src', iconPicker.src);
+	        imgElement.setAttribute('alt', iconPicker.alt);
+	        imgElement.classList.add('iconPicker');
+	        contentElement.appendChild(imgElement);
+	      }
+	      if (linkType === 'widget') {
+	        var _DATA4 = DATA,
+	          redirectionUrl = _DATA4.redirectionUrl,
+	          openInNewTab = _DATA4.openInNewTab;
+	        contentElement.href = redirectionUrl;
+	        contentElement.target = openInNewTab ? '_blank' : '_self';
+	        this.addRedirectionEvent(contentElement);
+	      } else if (linkType === 'widgetClose') {
+	        contentElement.href = '#';
+	        contentElement.dataset.abtastyActionnable = 'true';
+	        this.addCloseEvent(contentElement);
+	      }
+	      if (isTitle) {
+	        var _DATA5 = DATA,
+	          title = _DATA5.title;
+	        var titleElement = document.createElement('h4');
+	        titleElement.textContent = title;
+	        contentElement.appendChild(titleElement);
+	      }
+	      if (isText) {
+	        var _DATA6 = DATA,
+	          text = _DATA6.text,
+	          includeVariables = _DATA6.includeVariables;
+	        var textElement = document.createElement('p');
+	        var textContent = includeVariables ? Widget.getVariableText() : text;
+	        textElement.innerHTML = textContent;
+	        contentElement.appendChild(textElement);
+	      }
+	      if ([linkType, buttonText].every(function (prop) {
+	        return typeof prop === 'string';
+	      }) && linkType.includes('button') && buttonText.length) {
+	        var button = this.getButton();
+	        var buttonsContainer = document.createElement('div');
+	        buttonsContainer.className = 'buttons_container';
+	        buttonsContainer.appendChild(button);
+	        contentElement.appendChild(buttonsContainer);
+	      }
+	      return contentElement;
+	    }
+	  }, {
+	    key: "setStyles",
+	    value: function setStyles() {
+	      var _this$parentContainer = this.parentContainer,
+	        styleElement = _this$parentContainer.styleElement,
+	        widgetContainerId = _this$parentContainer.widgetContainerId;
+	      var _DATA7 = DATA,
+	        textColor = _DATA7.textColor,
+	        textAlign = _DATA7.textAlign,
+	        buttonsAlign = _DATA7.buttonsAlign;
+	      var baseSelector = "#".concat(widgetContainerId, " .").concat(this.className);
+	      var textColorValue = typeof textColor !== 'undefined' ? "color: ".concat(textColor, ";") : '';
+	      var textAlignValue = typeof textAlign !== 'undefined' ? "text-align: ".concat(textAlign, ";") : '';
+	      var buttonsAlignValue = typeof buttonsAlign !== 'undefined' && buttonsAlign !== 'fill' ? "text-align: ".concat(buttonsAlign, ";") : '';
+	      var stylesTextContent = ["".concat(baseSelector, " > * {"), 'display: inline-block;', 'vertical-align: middle;', '}', "".concat(baseSelector, " .iconPicker {"), 'width: 26px;', 'height: 26px;', '}', "".concat(baseSelector, " h4 {"), 'margin-bottom: 24px;', 'display: inline-block;', 'width: 100%', '}', "".concat(baseSelector, " p {"), 'width: 100%;', 'margin: 0;', 'white-space: pre-line;', textColorValue, textAlignValue, '}', "".concat(baseSelector, " .buttons_container {"), 'display: inline-block;', 'width: 100%;', buttonsAlignValue, '}', "".concat(baseSelector, " a {"), 'margin-top: 24px;', 'padding: 6px 16px;', "width: ".concat(buttonsAlign === 'fill' ? '100%' : 'auto', ";"), '}', '@media screen and (min-width: 1024px) {', '}', '@media screen and (max-width: 1023px) {', '}'].join('');
+	      styleElement.insertAdjacentText('beforeend', stylesTextContent);
+	      return styleElement;
+	    }
+	  }], [{
+	    key: "getVariableText",
+	    value: function getVariableText() {
+	      var _DATA8 = DATA,
+	        textVariables = _DATA8.textVariables,
+	        date = _DATA8.date,
+	        time = _DATA8.time,
+	        datetime = _DATA8.datetime,
+	        datetimeTimezone = _DATA8.datetimeTimezone;
+
+	      // const jsTime = new Date(datetime);
+	      var jsDate = new Date(date);
+	      var jsDateTime = new Date(datetime);
+
+	      // const hours = `${jsTime.getHours()}`;
+	      // const minutes = `${jsTime.getMinutes()}`;
+	      var jsDateDay = "".concat(jsDate.getDate());
+	      var jsDateMonth = "".concat(jsDate.getMonth() + 1);
+	      var jsDateYear = "".concat(jsDate.getFullYear());
+	      var jsDateTimeHours = "".concat(jsDateTime.getHours());
+	      var jsDateTimeMinutes = "".concat(jsDateTime.getMinutes());
+	      var jsDateTimeDay = "".concat(jsDateTime.getDate());
+	      var jsDateTimeMonth = "".concat(jsDateTime.getMonth() + 1);
+	      var jsDateTimeYear = "".concat(jsDateTime.getFullYear());
+	      var formatedDate = "".concat(jsDateDay.length < 2 ? "0".concat(jsDateDay) : jsDateDay, "/").concat(jsDateMonth.length < 2 ? "0".concat(jsDateMonth) : jsDateMonth, "/").concat(jsDateYear);
+	      var formatedTimeDate = "".concat(jsDateTimeHours.length < 2 ? "0".concat(jsDateTimeHours) : jsDateTimeHours, ":").concat(jsDateTimeMinutes.length < 2 ? "0".concat(jsDateTimeMinutes) : jsDateTimeMinutes);
+	      var formatedDateTime = "".concat(jsDateTimeDay.length < 2 ? "0".concat(jsDateTimeDay) : jsDateTimeDay, "/").concat(jsDateTimeMonth.length < 2 ? "0".concat(jsDateTimeMonth) : jsDateTimeMonth, "/").concat(jsDateTimeYear);
+	      var _datetimeTimezone$raw = datetimeTimezone.raw,
+	        followTheSun = _datetimeTimezone$raw.followTheSun,
+	        timezone = _datetimeTimezone$raw.timezone,
+	        previewTimezone = _datetimeTimezone$raw.previewTimezone,
+	        _datetimeTimezone$raw2 = _datetimeTimezone$raw.timedef,
+	        minute = _datetimeTimezone$raw2.minute,
+	        hour = _datetimeTimezone$raw2.hour,
+	        day = _datetimeTimezone$raw2.day,
+	        month = _datetimeTimezone$raw2.month,
+	        year = _datetimeTimezone$raw2.year;
+	      var formatedTimeTimezone = "".concat("".concat(hour).length < 2 ? "0".concat(hour) : hour, ":").concat("".concat(minute).length < 2 ? "0".concat(minute) : minute);
+	      var formatedDateTimezone = "".concat("".concat(day).length < 2 ? "0".concat(day) : day, "/").concat("".concat(month).length < 2 ? "0".concat(month) : month, "/").concat(year);
+	      var outputText = textVariables.replace('!time!', "<code class=\"time\">".concat(JSON.stringify(time, null, 0), "</code>")).replace('!date!', "<span class=\"date\">".concat(formatedDate, "</span>")).replace('!timedate!', "<span class=\"timedate\">".concat(formatedTimeDate, "</span>")).replace('!datetime!', "<span class=\"datetime\">".concat(formatedDateTime, "</span>")).replace('!timeTimezone!', "<span class=\"timeTimezone\">".concat(formatedTimeTimezone, "</span>")).replace('!dateTimezone!', "<span class=\"dateTimezone\">".concat(formatedDateTimezone, "</span>")).replace('!timezone!', "<span class=\"timezone\">".concat(followTheSun ? previewTimezone : timezone, "</span>"));
+	      return outputText;
+	    }
+	  }]);
+	}();
+
+	function start() {
+	  widgetLog('Widget launch');
+	  var parentContainer = getWidgetContainer();
+	  var containerElement = parentContainer.domElement.querySelector(".".concat(parentContainer.contentClassName));
+	  var widget = new Widget({
+	    parentContainer: parentContainer
+	  });
+	  parentContainer.children = widget;
+	  widget.insertIn(containerElement, 'beforeend');
+	  parentContainer.init(true).then(function (_ref) {
+	    var response = _ref.response;
+	    if (response) parentContainer.show();
+	  });
+	  return {
+	    parentContainer: parentContainer,
+	    widget: widget
+	  };
+	}
+	start();
+
+})();