@abtasty/drawer 0.0.29 → 0.0.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/main.js +1 -1
  2. package/package.json +1 -1
package/dist/main.js CHANGED
@@ -1 +1 @@
1
- !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},i=e=>new Function(`try {\n\t\t${e}\n\t} catch (error) {\n\t\treturn null;\n\t}`)(),n=()=>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=i=>{const n=(()=>{if(e()||t())return!1;const i=ABTasty.getTestsOnPage()[TEST_ID];return!!i&&Object.keys(i.targetings.qaParameters).length>0})(),s=window.document.cookie.includes("abTastyDebug=")||!0===window.abTastyDebug;if(n||s){const e=a();window.console.log(`%c${e} - ${n?"QA":"Debug"} Mode for campaign ${TEST_ID} %c ${i}`,"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,i)=>{t.resolve=e,t.reject=i}),t},d=(e,t)=>{const i=t?[]:null;if("string"!=typeof e||!e.trim().length)return i;const[n,s,r]=e.split("[]").map(e=>e.trim()),o=Boolean(r)?r:e,a=s?document.querySelector(n)?.[s]:document;return a?t?[...a.querySelectorAll(o)]:a.querySelector(o):i},u=e=>d(e,!1),g=e=>d(e,!0),m=(e,t)=>{const i=document.querySelector("body")||document.documentElement,n={childList:!0,subtree:!0,attributes:!0},s=()=>r.disconnect(),r=new MutationObserver(()=>{const i=u(t);return i&&!s()&&e(i)});return{clear:s,observe:(e=i)=>r.observe(e,n)}},p=()=>{},v=(t,i)=>{const n=u(t),s={selector:t,clear:p,observe:p};if(n)return setTimeout(()=>i(n),0),s;if(e())return setTimeout(()=>v(t,i),1e3),s;if(t.includes("[]"))return((e,t)=>{const[i,n]=t.split("[]").map(e=>e.trim()),s=u(i),r=s?.[n],{clear:o,observe:a}=m(e,t),c=()=>{const i=u(t);return i&&!l()&&e(i)},l=()=>{o(),s?.removeEventListener("load",c)},h=()=>{a(r),"iframe"===s?.localName&&s.addEventListener("load",c)};return h(),{selector:t,clear:l,observe:h}})(i,t);const{clear:r,observe:o}=m(i,t);return o(),{selector:t,clear:r,observe:o}};function y(e,t){const i=e.parentElement||e.getRootNode().host;return t(e)||!i?e:y(i,t)}const f=t=>{e()||(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())},$=(e,t)=>[...g(t)].some(i=>{const[n,,s]=t.split("[]"),r=s??n;return i===e||!!e.closest(r)});let w=!1;class b{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:0};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 i=this.inViewportTargets.find(({element:i,selector:n})=>{if(i.isSameNode(e))return!0;const[s,,r]=n.split("[]"),o=r??s,a=[...e.querySelectorAll(o)];if(a.length&&a.includes(i))return!0;if(t.includes(i))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(i))return!0;if(h.some(e=>[...e.querySelectorAll(o)].includes(i)))return!0}return!1});if(i&&this.isElementVisible(i.element)){const{selector:e,element:t,uniqueId:n}=i,s=this.targets.find(t=>t.selector===e&&t.uniqueId===n);s&&s.resolve(t),this.clear(e,n)}}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:i}=e;setTimeout(()=>this.onMouseOver({target:i,path:t}),50)},!0];return this.getEvents(...t)}scrollEventHandler(e){const t=[e,"scroll",(i=this.checkElements.bind(this),()=>{w||(w=!0,setTimeout(()=>{i(),w=!1},100))}),{passive:!0}];var i;return this.getEvents(...t)}isElementVisible(e){return this.isElementOpaque(e)&&this.isElementTopmost(e)}isElementOpaque(e){return"HTML"===y(e,e=>"0"===window.getComputedStyle(e).opacity).nodeName}isElementTopmost(e){const t=e.getBoundingClientRect(),i=[[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 n=!1,s=0;for(;!n&&s<i.length;){const t=e.getRootNode()?.elementFromPoint(...i[s]);n=e===t||t?.contains(e)||e.contains(t),s+=1}return n}checkElements(){this.targets.forEach(({selector:e,uniqueId:t})=>{const i=u(e),[n,,s]=e.split("[]"),r=s??n;i&&!this.existingTargets.find(e=>e.element.matches(r)&&e.uniqueId===t)&&(this.existingTargets.push({element:i,selector:e,uniqueId:t}),this.visibilityObserver.observe(i))}),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:i})=>{const[n,,s]=e.split("[]"),r=s??n;if(t.matches(r)&&this.isElementVisible(t)){const n=this.targets.find(t=>t.selector===e&&t.uniqueId===i);return n&&n.resolve(t),this.clear(e,i),!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,i){this.targets.push({selector:e,resolve:t,uniqueId:i});const{clear:n}=v(e,e=>{n();const t=e.getRootNode(),i="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(i),this.checkElements()})}clear(e,t){[this.targets,this.existingTargets,this.inViewportTargets]=[this.targets,this.existingTargets,this.inViewportTargets].map(i=>i.filter(({selector:i,uniqueId:n})=>i!==e&&n!==t));const i=u(e);i&&this.visibilityObserver?.unobserve(i),0===this.targets.length&&(this.mutationObserver?.disconnect(),this.onIframeLoad?.clear()),0===this.inViewportTargets.length&&(this.mouseOverEvent?.clear(),this.scrollEvent?.clear(),this.onTransitionEnd?.clear())}}const T="remove",E="rebuild",C="update",S="ABTastyData";class x{constructor({triggerEvent:e,triggerSelector:t,triggerDelay:i,triggerTarget:n}){this.event=e,this.selector=Boolean(t)?t:"body",this.target="string"==typeof n?u(t):n,this.delay=1e3*i,this.triggerElements=[],this.eventsListeners=[],this.timeouts=[],this.intervals=[],this.promises=[],this.visibilityObservers=[],this.socialProofStore={},this.elementWaiters=[]}async onElementVisible({promise:e,resolve:t}){const i=h(`${this.event}DomReady`);this.promises.push(i);const{clear:n}=v(this.selector,()=>{const e=new b;this.visibilityObservers.push(e),e.watch(this.selector,t,c())});return this.elementWaiters.push(n),e}onPageLoad({promise:e,resolve:t}){const i=()=>"complete"===document.readyState;if(!i()){const n=["readystatechange",()=>i()&&t(!0),{passive:!0}];return this.eventsListeners.push([document,...n]),document.addEventListener(...n),e}return t(!0),e}onClick({promise:e,resolve:t}){const i=({isTrusted:e,target:i})=>{if(e)return(i.isEqualNode(this.target)||$(i,this.selector))&&t(!0)},{clear:n}=v(this.selector,e=>{n();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",i,{passive:!0,capture:!0}];this.eventsListeners.push([a,...l]),a.addEventListener(...l)});return this.elementWaiters.push(n),e}onHover({promise:e,resolve:t}){const i=({isTrusted:e,target:i})=>{if(e)return(this.target?i.isEqualNode(this.target):$(i,this.selector))&&t(!0)},{clear:n}=v(this.selector,e=>{const t=e.getRootNode(),n="body"in t?t.body:[...t.childNodes].find(t=>t.contains(e)),s=["mouseenter",i,{passive:!0,capture:!0}];this.eventsListeners.push([n,...s]),n.addEventListener(...s)});return this.elementWaiters.push(n),e}onExitIntent({promise:e,resolve:t}){const i=["mouseleave",({isTrusted:e,clientY:i})=>{e&&i<=0&&t(!0)},{passive:!0}],{clear:n}=v("html",e=>{n(),this.eventsListeners.push([e,...i]),e.addEventListener(...i)});return e}onReengage({promise:e,resolve:t}){const i=this.delay;let n=i;const s=[...document.querySelectorAll("*:empty")].map(e=>e.contentDocument||e.shadowRoot).filter(e=>e),r=[({isTrusted:e})=>{e&&(n=i)},{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(()=>{n<=0?t(!0):n-=100},100);return this.intervals.push(o),e}onCustomTrigger({promise:e,resolve:t}){const{triggerEventCustomScript:i,tagIsSafeEval:n}=DATA,s=n&&DATA_JS?.triggerEventCustomScript,r="function"==typeof s?()=>new Promise(e=>s(e)):new Function(`return new Promise(async resolve => {${i}})`);return r().then(e=>e&&t(!0)),e}onScrollUp({promise:e,resolve:t}){let i=0;const n=["scroll",({isTrusted:e})=>{e&&(window.scrollY<i?t(!0):i=window.scrollY)},{passive:!0,capture:!0}];return this.eventsListeners.push([document,...n]),document.addEventListener(...n),e}onScrollPercentReached({promise:e,resolve:t}){const{triggerEventScrollPercent:i}=DATA,n=["scroll",({isTrusted:e})=>{if(!e)return;const n=(()=>{const{documentElement:e,body:t}=document,i=e.scrollTop||t.scrollTop,n=e.scrollHeight||t.scrollHeight;return Math.trunc(i/(n-e.clientHeight)*100,10)})();i<n&&t(!0)},{passive:!0,capture:!0}];return this.eventsListeners.push([document,...n]),document.addEventListener(...n),e}checkSocialProofConditions(e,t,i,n){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))i(this.socialProofStore[e])?n(`${this.socialProofStore[e][r]}`):n(!1);else if(e&&s){const a=t=>(this.socialProofStore[e]=t,n(!!i(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 n(!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,tagIsSafeEval:a}=DATA,{pathToProductKey:c,customJSProductKey:l}=a&&DATA_JS||{};if(2===e)return{productKey:n(),keyType:"url"};{let a=null,h="sku";switch(t){case"ABTastyProductKey":a=window.ABTastyProductKey;break;case"pathToProductKey":a="function"==typeof c?c():i(`return ${s};`);break;case"customJSProductKey":a="function"==typeof l?l():i(r);break;case"productSKU":a=o}return a||3!==e||(a=n(),h="url"),{productKey:a,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 i=["abtasty_consentValid",()=>t(!0)];return this.eventsListeners.push(i),window.addEventListener(...i),e}return t(!0),e}onTrackingSent({promise:e,resolve:t}){const{triggerEventTrackingSent:i}=DATA;let n=localStorage.getItem(S);const s=()=>JSON.parse(n)?.ActionTracking?.some(({name:e})=>e===i),r=["storage",({key:e,newValue:i})=>{e===S&&(n=i,s()&&t(!0))},{passive:!0,capture:!0}];return n&&s()?t(!0):(()=>{this.eventsListeners.push([window,...r]),window.addEventListener(...r)})(),e}onMinPagesViewed({promise:e,resolve:t}){const{triggerEventMinPagesViewed:i}=DATA;let n=localStorage.getItem(S);const s=()=>i<=(n?JSON.parse(n)?.VisitedPages?.length:0),r=["storage",({key:e,newValue:i})=>{e===S&&(n=i,s()&&t(!0))},{passive:!0,capture:!0}];return n&&s()?t(!0):(()=>{this.eventsListeners.push([window,...r]),window.addEventListener(...r)})(),e}onRageClick({promise:e,resolve:t}){const{triggerEventRageClickQuantity:i,triggerEventRageClickDelay:n}=DATA;let s=0,r=!1;const o=["click",({isTrusted:e})=>{if(e&&(s+=1,s>=i&&t(!0),!r)){r=!0;const e=setTimeout(()=>{s=0,r=!1},n);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,...i]=e;return t&&i.length>1&&t.removeEventListener(...i),!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")},i=!Object.prototype.hasOwnProperty.call(t,this.event)||await t[this.event]();return i&&this.clear(),"reengage"!==this.event&&this.delay?i&&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})():i}}const k="display",A="closing",I="validation",P="ABTastyWidgets",B=`${P}Temporary`;class L{constructor({displayRecurrence:e,closingRecurrence:t,validationRecurrence:i},n){this.displayRecurrence=parseFloat(e),this.closingRecurrence=parseFloat(t),this.validationRecurrence=parseFloat(i),this.onSetCallback=n,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(B),i=sessionStorage.getItem(P);"ABTastyData"===e&&!t&&i&&localStorage.setItem(B,i)}listenStorageEvent(){return this.isListeningStorageEvent||window.addEventListener("storage",this.onStorage.bind(this)),!0}getGivenRecurrenceStorageParsed(e){try{const t=e.getItem(P);return JSON.parse(t)}catch(t){return e.removeItem(P),!1}}getSessionRecurrenceStorageParsed(){return this.getGivenRecurrenceStorageParsed(window.sessionStorage)}getLocalRecurrenceStorageParsed(){return this.getGivenRecurrenceStorageParsed(window.localStorage)}removeGivenStorage(e,t){const{[this.recurrenceKey]:i,...n}=t;return Object.entries(n).length?(e.setItem(P,JSON.stringify(n)),n):(e.removeItem(P),!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(B),t=!(!e||!e.includes(this.recurrenceKey))||this.getSessionRecurrence();e&&(sessionStorage.setItem(P,e),localStorage.removeItem(B));const i=this.getLocalRecurrence(),n=(i?parseFloat(i.stamp):0)<(new Date).getTime();return n&&this.removeLocalRecurrenceStorage(),!this.pendingRecurrence&&n&&!this.getLocalRecurrence()&&!t}setRecurrence(e,i){0!==e&&(window.removeEventListener("storage",this.onStorage.bind(this)),this.isListeningStorageEvent=!1);const n=this.getTypeOfStorage(e);if(t()||!n&&"object"!=typeof n)return!1;const{storageString:s,storageMethod:o}=n,a=this.getStamp(e),c={type:i,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 i;"session"===s?e?i=this.removeSessionRecurrenceStorage():(this.removeLocalRecurrenceStorage(),i=this.getSessionRecurrenceStorageParsed()):"local"===s&&(t?i=this.removeLocalRecurrenceStorage():(this.removeSessionRecurrenceStorage(),i=this.getLocalRecurrenceStorageParsed()));const n=i?{[this.recurrenceKey]:c,...i}:{[this.recurrenceKey]:c};o.setItem(P,JSON.stringify(n)),this.onSetCallback&&"function"==typeof this.onSetCallback&&this.onSetCallback()};if(!o)return!1;if(l&&i!==I)if(i===A&&l!==I)h();else{if(i!==k||l===I||l===A)return!1;h()}else h();return a}setDisplayRecurrence(){const e=k;this.setRecurrence(this.displayRecurrence,e)}setClosingRecurrence(){const e=A;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 N{constructor(e,t,i){this.isWidgetApplied=e,this.callback=t,this.shouldUpdate=i,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(),i=t?this.shouldUpdate&&C:E;return i?(this.clearWatcher(),this.callback(i,!e,t),this.watch(),this):this}onCampaignLaunched({detail:{campaignId:e}}){e===TEST_ID&&(this.callback(E,!1),this.watch())}onTagRollback({target:e}){return this.clearWatcher(e),this.callback(T,!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(T,!1)}watch(t,i){if(e())return this;if(this.clearWatcher(t),window.removeEventListener(...this.onCampaignLaunchedEventParams),document.addEventListener(...this.tagRollbackEventParams),i?.includes("[]contentDocument[]")){const e=i.split("[]")[0].trim(),{clear:t}=v(e,e=>{t(),this.triggerIframeTarget=e,e.addEventListener("load",this.decisionHandler.bind(this))})}const n=t?.defaultView?.frameElement;n&&this.triggerIframeTarget!==n&&n.addEventListener("load",this.decisionHandler.bind(this));const{clear:s}=v("body",e=>{s();const i=t?.body||t||e;this.observer.observe(i,{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 R=/.+\/([^.]+)\.(otf|ttf)$/,D=["socialProofPurchases","socialProofPageViews","socialProofVisitors"];class _{constructor(t,i){this.children=void 0,this.uniqueId=`${c()}${i?`_${i}`:""}`,this.widgetName=o(),this.prettyName=a(),this.recurrenceParams=(()=>{const{displayRecurrence:t,closingRecurrence:i,validationRecurrence:n}=DATA,s=!t&&!i&&!n;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")),i&&(o.closingRecurrence=r[i]("closingRecurrence")),n&&(o.validationRecurrence=r[n]("validationRecurrence")),o})(),this.triggerParams=(t=>{let{triggerEvent:i}=DATA;const{triggerEventClick:n,triggerEventHover:s,triggerEventReengageDelay:r,socialProofContentType:o,triggerEventElementVisible:a,triggerEventDelay:c}=DATA;if(e()||!i&&!o)return!1;const l={click:()=>n,hover:()=>s,elementVisible:()=>a},h=Object.prototype.hasOwnProperty.call(l,i)?l[i]():"body",d="reengage"===i?r:c;return o&&(i=[,"socialProofPurchases","socialProofPageViews","socialProofVisitors"][o]),{triggerEvent:i,triggerSelector:h,triggerDelay:d,triggerTarget:t}})(t),this.recurrence=!!this.recurrenceParams&&new L(this.recurrenceParams,this.clearGivenClearables.bind(this)),this.trigger=!!this.triggerParams&&new x(this.triggerParams),this.shouldUpdate=!!this.triggerParams&&D.includes(this.triggerParams.triggerEvent),this.pageWatcher=new N(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.elementsWaiters=[]}clearGivenClearables(){this.elementsWaiters.forEach(e=>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:i="body",referrerInsertType:n="beforeend"}=t?DATA:{},s=v(i,t=>{this.elementsWaiters=this.elementsWaiters.filter(e=>e.selector!==i),this.rootElement=t.getRootNode(),this.removeOldDomElement(),this.domElement.appendChild(this.styleElement),e(t.insertAdjacentElement(n,this.domElement))});this.elementsWaiters.push(s)}).then(()=>this)}remove(){return this.trigger&&this.trigger.clear(),this.pageWatcher.clearWatcher(this.rootElement),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(){return e()||this.hasBeenShown&&this.hasOncePerPageTrigger||window.ABTastyEvent(`${this.prettyName} displayed`,null,TEST_ID),this.closedByUser=!1,setTimeout(()=>this.domElement.classList.remove(this.hideClassName),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),this}async init(t){const i=e(),n=s(),r=this.trigger?.promises?.length,o=!this.recurrence||this.recurrence.isOver();if(!i&&!n||r||!o)return{container:this,response:!1};this.pageWatcher.watch(this.rootElement||document,this.triggerParams.triggerSelector);const a=i||!this.trigger||this.trigger&&await this.trigger.isTriggered();this.pageWatcher.clearTriggerElementWatcher();const c={container:this,response:a};return a?(await this.insert(),this.addCloseEvent(),i||t||this.hasBeenShown||void 0===this.children||"function"!=typeof this.children.refreshContent||this.children.refreshContent(a),c):c}onPageChange(e,t,i){const n=()=>this.init().then(({response:e})=>{e?this.show():this.hide(!1)});t||(this.hasBeenShown=!1,i&&this.domElement.remove(),this.trigger&&this.trigger.clear());const s={[T]:()=>i?this.remove():this.pageWatcher.watch(this.rootElement),[E]:()=>{this.hasBeenShown?this.closedByUser?this.pageWatcher.watch(this.rootElement):i||this.insert().then(e=>e.show()).catch(this.pageWatcher.watch):n()},[C]:()=>{this.hasBeenShown?this.pageWatcher.watch():n()}};"function"==typeof s[e]&&s[e]()}addCloseEvent(...t){const{closeButton:i,overlay:n,overlayClickable:s,layout:r,animationDuration:o=1e3}=DATA,a=[];if(void 0!==n&&!0!==n||!0!==s||"popin"!==r||a.push(`.${this.overlayClassName}`),void 0!==i&&i&&a.push(`.${this.closeButtonClassName}`),!a.length)return this;const c=this.domElement.querySelectorAll(a.join(", "));if(!c.length)return this;const l=["click",e=>{f(e),this.recurrence&&this.recurrence.setClosingRecurrence(),this.hide(!0),setTimeout(()=>this.remove(),1.05*o)},{once:!0,capture:!0}];return t.push(...c),t.forEach(t=>{e()&&(t.dataset.abtastyActionnable="true"),t.removeEventListener(...l),t.addEventListener(...l)}),this}getDom(){const{closeButton:e,layout:t,overlayClickable:i,overlay:n=!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"),s.innerHTML=`\n\t\t\t${"popin"===t&&!0===n?`<div ${i?'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 i=document.createElement("style"),n=t.match(R)?t.match(R)[1]:"";i.innerHTML=`@font-face { font-family: '${e}_${n}'; src: url('${t}'); font-display: swap; }`;const s=this.rootElement?.head||document.head;s?.appendChild(i)}getStyleTag(t="",i=DATA){const{noStyles:n,layout:s}=i,{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:y,fontSize:f,isTitle:$,titleTextAlign:w,titleTextColor:b,titleFontName:T,titleFontStyle:E,titleFontSize:C,overlay:S,overlayColor:x,dropShadow:k,dropShadowColor:A,dropShadowBlur:I,containerMargin:P,containerPadding:B,closeButton:L,closeButtonPosition:N,closeButtonSize:D,closeButtonBorderRadius:_,closeButtonBorderWidth:O,closeButtonBorderColor:W,closeButtonColor:V,closeButtonBackgroundColor:j,buttonsAlign:H,buttonsBorderWidth:M,buttonsBorderColor:q,buttonsBorderRadius:F,buttonsBackgroundColor:K,buttonsTextColor:U,buttonsFontName:z,buttonsFontStyle:Y,buttonsFontSize:G,secondLink:J,secondLinkBorderWidth:X,secondLinkBorderColor:Q,secondLinkBorderRadius:Z,secondLinkBackgroundColor:ee,secondLinkTextColor:te,secondLinkFontName:ie,secondLinkFontStyle:ne,secondLinkFontSize:se,animation:re,animationDuration:oe,animationBehaviour:ae,animationSlideDirection:ce}=n?{}:i,le=document.createElement("style");e()&&le.setAttribute("abtasty-script-added","true"),this.loadFont(v,y),this.loadFont(T,E),this.loadFont(z,Y),this.loadFont(ie,ne);const he=`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()};`,de="number"==typeof g&&g>0,ue=`border: ${[de?`${g}px`:"unset",de?"solid":"",de&&"string"==typeof d&&d.length?d:""].join(" ").trim()};`,ge=void 0!==u?`border-radius: ${u}px;`:"",me=void 0!==m?`color: ${m}; fill: ${m}; -webkit-text-fill-color: ${m};`:"",pe=void 0!==p?`text-align: ${p};`:"",ve=v&&"inherit"!==v?`font-family:${v}_${y.match(R)?y.match(R)[1]:""};`:y||"",ye=f?`font-size: ${f}px;`:"",fe=void 0!==k&&k?`box-shadow: 0 5px ${I}px 0 ${A};`:"",$e=P instanceof Array&&1===P.length&&P[0],we=$e?`margin: ${$e.top}px ${$e.right}px ${$e.bottom}px ${$e.left}px;`:"",be=$e?`margin: calc(${$e.top}px * 0.5) calc(${$e.right}px * 0.5) calc(${$e.bottom}px * 0.5) calc(${$e.left}px * 0.5);`:"",Te=B instanceof Array&&1===B.length&&B[0],Ee=Te?`padding: ${Te.top}px ${Te.right}px ${Te.bottom}px ${Te.left}px;`:"",Ce=Te?`padding: calc(${Te.top}px * 0.5) calc(${Te.right}px * 0.5) calc(${Te.bottom}px * 0.5) calc(${Te.left}px * 0.5);`:"",Se=void 0!==M&&M?`border-width: ${M}px; border-style: solid;`:"",xe=[q,M].every(e=>void 0!==e)&&M?`border-color: ${q};`:"",ke=void 0!==F?`border-radius: ${F}px;`:"",Ae=void 0!==K?`background-color: ${K};`:"",Ie=void 0!==U?`color: ${U}; fill: ${U}; -webkit-text-fill-color: ${U};`:"",Pe=z&&"inherit"!==z?`font-family:${z}_${Y.match(R)?Y.match(R)[1]:""};`:Y||"",Be=G?`font-size: ${G}px;`:"",Le="number"==typeof X?`border-width: ${X}px; border-style: solid;`:"",Ne=[Q,X].every(e=>void 0!==e)&&X?`border-color: ${Q};`:"",Re=void 0!==Z?`border-radius: ${Z}px;`:"",De=void 0!==ee?`background-color: ${ee};`:"",_e=void 0!==te?`color: ${te}; fill: ${te}; -webkit-text-fill-color: ${te};`:"",Oe=ie&&"inherit"!==ie?`font-family:${ie}_${ne.match(R)?ne.match(R)[1]:""};`:ne||"",We=se?`font-size: ${se}px;`:"",Ve="popin"!==s||void 0!==S&&!0!==S?"":[`#${this.widgetContainerId} .${this.overlayClassName} {`,`background-color: ${void 0!==x?x:"rgba(0, 0, 0, 0.6)"};`,"}"].join(""),je="number"==typeof D?D:16,He=je/2,Me=n||void 0!==L&&L?[`#${this.widgetContainerId} .${this.contentClassName} .${this.closeButtonClassName} {`,"position: absolute;",("out"===N?`bottom: calc(100% + ${He}px)`:`top: ${He}px`)+";",`right: ${He}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 O&&O>0?`border: ${O}px solid ${void 0!==W?W:"rgba(57, 57, 57, 1)"};`:"","string"==typeof j?`background-color: ${j};`:"","}",`#${this.widgetContainerId} .${this.contentClassName} .${this.closeButtonClassName} svg {`,"pointer-events: none;",`width: ${je}px;`,`height: ${je}px;`,"string"==typeof V?`fill: ${V};`:"","}"].join(""):"",qe=$&&"string"==typeof b?[`#${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: ${b}; fill: ${b}; -webkit-text-fill-color: ${b};`,void 0!==w?`text-align: ${w};`:"",T&&"inherit"!==T?`font-family:${T}_${E.match(R)?E.match(R)[1]:""};`:E||"",C?`font-size: ${C}px;`:"","}"].join(""):"";let Fe="";if("string"==typeof re){const t=(oe/1e3).toFixed(2),i=["top","bottom"].includes(ce),n=Number(i),s=[(["top","left"].includes(ce)?"-":"")+"100vmax",this.translateValues?this.translateValues[n]:"0"];i&&s.reverse(),Fe={none:[`.${this.hideClassName} {`,"opacity: 0 !important;","}"],fade:[`.${this.hideClassName} {`,"opacity: 0 !important;","}",`#${this.widgetContainerId} {`,`transition: opacity ${t}s ${ae};`,"}"],slide:[`.${this.hideClassName} .${this.overlayClassName} {`,"opacity: 0 !important;","}",`#${this.widgetContainerId} .${this.overlayClassName} {`,`transition: opacity ${t}s ${ae};`,"}",`.${this.hideClassName} .${this.contentClassName} {`,`transform: translate(${s.join(", ")}) !important;`,"}",`#${this.widgetContainerId} .${this.contentClassName} {`,`transition: transform ${t}s ${ae};`,"}"]}[e()&&!ABTASTY_S.WIDGETS.animationChanged?"none":re].join("")}const Ke=[`#${this.widgetContainerId} .${this.contentClassName} .buttons_container .second_link {`,`margin-${"fill"===H?"top":"left"}: 8px;`,Le,Ne,Re,De,_e,Oe,We,"}",`#${this.widgetContainerId} .${this.contentClassName} .buttons_container .second_link {`,_e,Oe,We,"}"];return le.textContent=[`#${this.widgetContainerId} style { display: none; }`,`.${this.hideClassName} {`,"pointer-events: none;","}",`#${this.widgetContainerId} {`,"opacity: 1;","}",`#${this.widgetContainerId} .${this.contentClassName} {`,he,ge,ue,me,pe,fe,we,ve,ye,"}",`#${this.widgetContainerId} .${this.contentClassName} p {`,me,pe,ve,ye,"}",`#${this.widgetContainerId} .${this.contentClassName} > * {`,"display: block;","line-height: 1;","text-indent: unset;",Ee,ve,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;",Se,xe,ke,Ae,Ie,Pe,Be,"}",`#${this.widgetContainerId} .${this.contentClassName} div.buttons_container a *, `,`#${this.widgetContainerId} .${this.contentClassName} button:not(class*="close_button") * {`,Ie,Pe,Be,"}",...J?Ke:[],"@media screen and (max-width: 579px) {",`#${this.widgetContainerId} .${this.contentClassName} {`,be,"}",`#${this.widgetContainerId} .${this.contentClassName} > * {`,Ce,"}","}",Ve,Me,qe,Fe,`${t}`].join(""),le}}const O={top:{top:0,left:50,translateX:-50,translateY:-100,translateOpenX:-50,translateOpenY:0},bottom:{top:100,left:50,translateX:-50,translateY:0,translateOpenX:-50,translateOpenY:-100},left:{top:50,left:0,translateX:-100,translateY:-50,translateOpenX:0,translateOpenY:-50},right:{top:50,right:0,translateX:100,translateY:-50,translateOpenX:0,translateOpenY:-50}},W={top:[!1,!1,!0,!0],bottom:[!0,!0,!1,!1],left:[!1,!0,!0,!1],right:[!0,!1,!1,!0]};class V extends _{constructor(){super(),this.button=this.setButton(),this.stringStyles=this.getStyles(),this.styleElement=this.getStyleTag(this.stringStyles),this.open=!1}toggleDrawer(){this.open=this.domElement.classList.toggle("drawer_open")}setButton(){const{mainButtonText:t,hasMainButtonIcon:i,mainButtonIcon:n,mainButtonIconAlt:s}=DATA,r=document.createElement("button");return r.className=`drawer_button_${this.uniqueId}`,e()&&(r.dataset.abtastyActionnable="true"),r.innerHTML=`<span>${t}</span>${i?`<img src="${n}" alt="${s}">`:""}`,e()&&top.document.documentElement.classList.contains("widget-react-form-opened")&&this.domElement.classList.add("drawer_open"),r.addEventListener("click",this.toggleDrawer.bind(this),!0),this.domElement.insertAdjacentElement("beforeend",r),r}getStyles(){const{buttonLayout:e,customTarget:t,elementReferrer:i,zindex:n,zindexCustom:s,styckyButtonBackgroundColor:r,styckyButtonIsBackgroundImage:o,styckyButtonBackgroundImage:a,styckyButtonBackgroundPosition:c,styckyButtonBackgroundRepeat:l,styckyButtonBackgroundSize:h,styckyButtonButtonsAlign:d,styckyButtonContainerMargin:u,styckyButtonContainerPadding:g,styckyButtonButtonsBorderWidth:m,styckyButtonButtonsBorderColor:p,styckyButtonButtonsBorderRadius:v,styckyButtonDropShadow:y,styckyButtonDropShadowBlur:f,styckyButtonDropShadowColor:$,styckyButtonTitleFontName:w,styckyButtonTitleFontStyle:b,styckyButtonTitleFontSize:T,styckyButtonTitleTextAlign:E,styckyButtonTitleTextColor:C,autoWidth:S,drawerLayout:x,hasMainButtonIcon:k,animationDuration:A,animationBehaviour:I}=DATA,{top:P,left:B,right:L,translateX:N,translateY:R,translateOpenX:D,translateOpenY:_}=O[e],V=["left","right"].includes(e),[{top:j,bottom:H,left:M,right:q}]=u,[{top:F,bottom:K,left:U,right:z}]=g,Y=W[e].map(e=>e?`${v}px`:"0").join(" "),G=`background: ${[r,o&&a.length?`url(${a})`:"",o&&"100% 100%"!==h?c:"0 0",o&&"string"==typeof h?`/ ${h}`:"/ auto",o&&l&&!["cover","100% 100%"].includes(h)?"repeat":"no-repeat"].join(" ").trim()};`,J=y?`box-shadow: 0 5px ${f}px 0 ${$};`:"",X=`border: ${m>0?`${m}px solid ${p}`:"unset"};`,Q=/.+\/([^.]+)\.(otf|ttf)$/;this.loadFont(w,b);const Z=[`color: ${C}; fill: ${C}; -webkit-text-fill-color: ${C};`,`text-align: ${E};`,"inherit"!==w?`font-family:${w}_${b.match(Q)?b.match(Q)[1]:""};`:b||"",T?`font-size: ${T}px;`:""].join(""),ee={left:"start",center:"center",right:"end"}[E],te=t?i:"body",[ie,ne,se]=te.split("[]"),re=se??ie,oe="shadowRoot"===ne?":host":`${re.trimEnd()}:not(:has(.fixed-drawer))`;return[`${re} {`,"position: relative;","}",t?[`${oe} {`,`overflow-${V?"x":"y"}: hidden;`,"}"].join(""):"",`#${this.widgetContainerId} {`,"position: absolute;",`top: ${P}%;`,"number"==typeof B?`left: ${B}%;`:"","number"==typeof L?`right: ${L}%;`:"",`transform: translate(${N}%, ${R}%);`,`transition: transform ${(A/1e3).toFixed(2)}s ${I};`,"margin: 0;","padding: 0;","background: none;",`z-index: ${"custom"===n?s:n};`,(()=>{if(S)return t?`width: auto; height: auto; max-width: calc(100% - ${V?`${U+z+1.5*T}px`:`${F+K+1.5*T}px`});`:`width: auto; height: auto; min-width: 30vw; max-width: ${["left","right"].includes(x)?"80vw":"40vw"};`;const{popinPercentWidth:e,popinPixelsWidth:i,widthUnit:n,autoHeight:s,popinPercentHeight:r,popinPixelsHeight:o,heightUnit:a}=DATA;return`width: ${"px"===n?i:e}${n};height: ${s?"auto":`${"px"===a?o:r}${a}`};`})(),"}",`#${this.widgetContainerId}.fixed-drawer {`,"position: fixed;","}",`#${this.widgetContainerId} .${this.contentClassName} {`,"position: relative;","width: 100%;","height: 100%;","}",`#${this.widgetContainerId}.drawer_open {`,`transform: translate(${D}%, ${_}%);`,"}",`.${this.button.className} {`,"position: absolute;",`${e}: 100%;`,["top","bottom"].includes(e)?[`${"right"===d?"right":"left"}: ${["left","right"].includes(d)?"0":"50%"};`,`transform: translate(${["left","right"].includes(d)?"0":"-50%"}, 0);`,`width: ${"fill"===d?"100%":"auto"};`].join(""):"",V?[`${"right"===d?"bottom":"top"}: ${["center","fill"].includes(d)?"50%":"0"};`,`transform: translate(0, ${["left","right"].includes(d)?"0":"-50%"});`,`height: ${"fill"===d?"100%":"auto"};`].join(""):"",`margin: ${j}px ${q}px ${H}px ${M}px;`,`padding: ${F}px ${z}px ${K}px ${U}px;`,"text-wrap: nowrap;",G,X,`border-radius: ${Y};`,"display: flex;",`flex-direction: ${V?"column":"row"};`,"align-items: center;",`justify-content: ${ee};`,J,"}",`.${this.button.className} span {`,V?["writing-mode: vertical-rl;","text-orientation: sideways;"].join(""):"","right"===e?"transform: rotate(180deg);":"","width: auto;",Z,"}",k?[`.${this.button.className} img {`,V?`transform: rotate(${e.includes("right")?"-":""}90deg);`:"",`min-width: ${2*T}px;`,`max-height: ${2*T}px;`,`margin-${V?"top":"left"}: ${T}px`,"}"].join(""):"","@media screen and (max-width: 579px) {",`#${this.widgetContainerId} .${this.contentClassName} {`,S?"min-width: 40vw; max-width: 60vw;":"","}","}"].join("")}}class j{constructor(e){let{parentContainer:t}=e;this.parentContainer=t,this.className=`drawer_container_${t.uniqueId}`,this.domElement=this.getElement()}insertIn(e,t){this.setStyles(),e.insertAdjacentElement(t,this.domElement)}addRedirectionEvent(t){!e()&&t&&t.addEventListener("click",()=>{const{autoHide:t,timeHide:i}=DATA;t&&setTimeout(()=>{this.parentContainer.hide(),this.remove()},1e3*i),e()||this.parentContainer.recurrence.setValidationRecurrence()},{capture:!0,passive:!0})}addCloseEvent(t){t&&t.addEventListener("click",t=>{f(t),e()||this.parentContainer.recurrence.setClosingRecurrence(),this.parentContainer.hide(),setTimeout(()=>this.parentContainer.remove(),1e3)},{capture:!0,passive:!1})}buttonBuilder(e,t,i,n){let s=arguments.length>4&&void 0!==arguments[4]&&arguments[4];const r=document.createElement("a");return r.ariaLabel=e,r.innerHTML=`<span>${e}</span>`,r.href="button"===t?i:"#",s&&(r.className="second_link"),"button"===t?(r.target=n?"_blank":"_self",this.addRedirectionEvent(r)):(r.dataset.abtastyActionnable="true",this.addCloseEvent(r)),r}getButtons(){const{linkType:e,buttonText:t,redirectionUrl:i,openInNewTab:n,secondLink:s,secondLinkText:r,secondLinkType:o,secondLinkURL:a,secondLinkOpenInNewTab:c}=DATA,l=[this.buttonBuilder(t,e,i,n)];if(s){const e=this.buttonBuilder(r,o,a,c,s);l.push(e)}return l}getElement(){const{linkType:e,buttonText:t,redirectionUrl:i,isTitle:n,title:s,textContent:r,openInNewTab:o,drawerLayout:a,drawerImage:c}=DATA,l=document.createElement(e&&e.includes("widget")?"a":"div");l.className=this.className,"widget"===e?(l.href=i,l.target=o?"_blank":"_self",this.addRedirectionEvent(l)):"widgetClose"===e&&(l.href="#",l.dataset.abtastyActionnable="true",this.addCloseEvent(l)),l.innerHTML="textOnly"!==a?`<img src="${c}">`:"";const h=document.createElement("div");if(h.className="drawer_text_container","imageOnly"!==a&&(h.innerHTML=`\n\t\t\t${n?`<h2 class="drawer_title">${s}</h2>`:""}\n\t\t\t<p class="drawer_text">${r}</p>`),[e,t].every(e=>"string"==typeof e)&&e.includes("button")&&t.length){const e=this.getButtons(),t=document.createElement("div");t.className="buttons_container",e.forEach(e=>t.appendChild(e)),h.appendChild(t)}return l.appendChild(h),l}setStyles(){const{styleElement:e,widgetContainerId:t,contentClassName:i}=this.parentContainer,{linkType:n,buttonsAlign:s,drawerLayout:r}=DATA,o=`#${t} .${i}`,a=`${["left","right"].includes(r)?"row":"column"}${["right","bottom"].includes(r)?"-reverse":""}`,c=[`${o} .buttons_container {`,"display: inline-block;","width: 100%;",void 0!==s&&"fill"!==s?`text-align: ${s};`:"","}",`${o} .buttons_container a {`,"margin: 25px 0 0 0;","padding: 10px 22px;","line-height: 1;","max-width: 100%;",`width: ${"fill"===s?"100%":"auto"};`,"text-align: center;","}"].join(""),l=[`${o} .${this.className} {`,"display: flex;",`flex-direction: ${a};`,"justify-content: space-around;","align-items: center;","}",`.${this.className} > img {`,"max-width: 100%;","width: 100%;","height: auto;","}",["left","right"].includes(r)?[`${o} .${this.className} > * {`,"max-width: 46%;","}"].join(""):"",`${o} .drawer_title {`,"margin: 0 0 25px 0;","display: inline-block;","width: 100%;","}",`${o} .drawer_text_container {`,"line-height: 0;","white-space: pre-line;","display: inline-block;","vertical-align: middle;","width: 100%;","margin: 2vh 0;","}",`${o} .drawer_text_container * {`,"line-height: 1;","}",`${o} .drawer_text_container p {`,"margin: 0;","}"];n&&n.includes("button")&&l.push(c);const h=l.join("");return e.insertAdjacentText("beforeend",h),e}}!function(){l("Widget launch");const e=new V,t=e.domElement.querySelector(`.${e.contentClassName}`),i=new j({parentContainer:e});e.children=i,i.insertIn(t,"beforeend"),e.init(!0).then(t=>{let{response:i}=t;i&&(e.show(),(!0!==DATA.customTarget||u(DATA.elementReferrer).matches("body"))&&e.domElement.classList.add("fixed-drawer"))})}()}();
1
+ !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},i=e=>new Function(`try {\n\t\t${e}\n\t} catch (error) {\n\t\treturn null;\n\t}`)(),n=()=>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=i=>{const n=(()=>{if(e()||t())return!1;const i=ABTasty.getTestsOnPage()[TEST_ID];return!!i&&Object.keys(i.targetings.qaParameters).length>0})(),s=window.document.cookie.includes("abTastyDebug=")||!0===window.abTastyDebug;if(n||s){const e=a();window.console.log(`%c${e} - ${n?"QA":"Debug"} Mode for campaign ${TEST_ID} %c ${i}`,"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,i)=>{t.resolve=e,t.reject=i}),t},d=(e,t)=>{const i=t?[]:null;if("string"!=typeof e||!e.trim().length)return i;const[n,s,r]=e.split("[]").map(e=>e.trim()),o=Boolean(r)?r:e,a=s?document.querySelector(n)?.[s]:document;return a?t?[...a.querySelectorAll(o)]:a.querySelector(o):i},u=e=>d(e,!1),g=e=>d(e,!0),m=(e,t)=>{const i={childList:!0,subtree:!0,attributes:!0},n=()=>s.disconnect(),s=new MutationObserver(()=>{const i=u(t);return i&&!n()&&e(i)});return{clear:n,observe:e=>{const t=document.querySelector("body")||document.documentElement,n=e??t;s.observe(n,i)}}},p=()=>{},v=(t,i)=>{const n=u(t),s={selector:t,clear:p,observe:p};if(n)return setTimeout(()=>i(n),0),s;if(e())return setTimeout(()=>v(t,i),1e3),s;if(t.includes("[]"))return((e,t)=>{const[i,n]=t.split("[]").map(e=>e.trim()),s=u(i),r=s?.[n],{clear:o,observe:a}=m(e,t),c=()=>{const i=u(t);return i&&!l()&&e(i)},l=()=>{o(),s?.removeEventListener("load",c)},h=()=>{a(r),"iframe"===s?.localName&&s.addEventListener("load",c)};return h(),{selector:t,clear:l,observe:h}})(i,t);const{clear:r,observe:o}=m(i,t);return o(),{selector:t,clear:r,observe:o}};function y(e,t){const i=e.parentElement||e.getRootNode().host;return t(e)||!i?e:y(i,t)}const f=t=>{e()||(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())},$=(e,t)=>[...g(t)].some(i=>{const[n,,s]=t.split("[]"),r=s??n;return i===e||!!e.closest(r)});let b=!1;class w{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:0};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 i=this.inViewportTargets.find(({element:i,selector:n})=>{if(i.isSameNode(e))return!0;const[s,,r]=n.split("[]"),o=r??s,a=[...e.querySelectorAll(o)];if(a.length&&a.includes(i))return!0;if(t.includes(i))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(i))return!0;if(h.some(e=>[...e.querySelectorAll(o)].includes(i)))return!0}return!1});if(i&&this.isElementVisible(i.element)){const{selector:e,element:t,uniqueId:n}=i,s=this.targets.find(t=>t.selector===e&&t.uniqueId===n);s&&s.resolve(t),this.clear(e,n)}}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:i}=e;setTimeout(()=>this.onMouseOver({target:i,path:t}),50)},!0];return this.getEvents(...t)}scrollEventHandler(e){const t=[e,"scroll",(i=this.checkElements.bind(this),()=>{b||(b=!0,setTimeout(()=>{i(),b=!1},100))}),{passive:!0}];var i;return this.getEvents(...t)}isElementVisible(e){return this.isElementOpaque(e)&&this.isElementTopmost(e)}isElementOpaque(e){return"HTML"===y(e,e=>"0"===window.getComputedStyle(e).opacity).nodeName}isElementTopmost(e){const t=e.getBoundingClientRect(),i=[[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 n=!1,s=0;for(;!n&&s<i.length;){const t=e.getRootNode()?.elementFromPoint(...i[s]);n=e===t||t?.contains(e)||e.contains(t),s+=1}return n}checkElements(){this.targets.forEach(({selector:e,uniqueId:t})=>{const i=u(e),[n,,s]=e.split("[]"),r=s??n;i&&!this.existingTargets.find(e=>e.element.matches(r)&&e.uniqueId===t)&&(this.existingTargets.push({element:i,selector:e,uniqueId:t}),this.visibilityObserver.observe(i))}),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:i})=>{const[n,,s]=e.split("[]"),r=s??n;if(t.matches(r)&&this.isElementVisible(t)){const n=this.targets.find(t=>t.selector===e&&t.uniqueId===i);return n&&n.resolve(t),this.clear(e,i),!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,i){this.targets.push({selector:e,resolve:t,uniqueId:i});const{clear:n}=v(e,e=>{n();const t=e.getRootNode({composed:!0}),i="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(i),this.checkElements()})}clear(e,t){[this.targets,this.existingTargets,this.inViewportTargets]=[this.targets,this.existingTargets,this.inViewportTargets].map(i=>i.filter(({selector:i,uniqueId:n})=>i!==e&&n!==t));const i=u(e);i&&this.visibilityObserver?.unobserve(i),0===this.targets.length&&(this.mutationObserver?.disconnect(),this.onIframeLoad?.clear()),0===this.inViewportTargets.length&&(this.mouseOverEvent?.clear(),this.scrollEvent?.clear(),this.onTransitionEnd?.clear())}}const T="remove",E="rebuild",C="update",S="ABTastyData";class x{constructor({triggerEvent:e,triggerSelector:t,triggerDelay:i,triggerTarget:n}){this.event=e,this.selector=Boolean(t)?t:"body",this.target="string"==typeof n?u(t):n,this.delay=1e3*i,this.triggerElements=[],this.eventsListeners=[],this.timeouts=[],this.intervals=[],this.promises=[],this.visibilityObservers=[],this.socialProofStore={},this.elementWaiters=[]}async onElementVisible({promise:e,resolve:t}){const i=h(`${this.event}DomReady`);this.promises.push(i);const{clear:n}=v(this.selector,()=>{const e=new w;this.visibilityObservers.push(e),e.watch(this.selector,t,c())});return this.elementWaiters.push(n),e}onPageLoad({promise:e,resolve:t}){const i=()=>"complete"===document.readyState;if(!i()){const n=["readystatechange",()=>i()&&t(!0),{passive:!0}];return this.eventsListeners.push([document,...n]),document.addEventListener(...n),e}return t(!0),e}onClick({promise:e,resolve:t}){const i=({isTrusted:e,target:i})=>{if(e)return(i.isEqualNode(this.target)||$(i,this.selector))&&t(!0)},{clear:n}=v(this.selector,e=>{n();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",i,{passive:!0,capture:!0}];this.eventsListeners.push([a,...l]),a.addEventListener(...l)});return this.elementWaiters.push(n),e}onHover({promise:e,resolve:t}){const i=({isTrusted:e,target:i})=>{if(e)return(this.target?i.isEqualNode(this.target):$(i,this.selector))&&t(!0)},{clear:n}=v(this.selector,e=>{const t=e.getRootNode(),n="body"in t?t.body:[...t.childNodes].find(t=>t.contains(e)),s=["mouseenter",i,{passive:!0,capture:!0}];this.eventsListeners.push([n,...s]),n.addEventListener(...s)});return this.elementWaiters.push(n),e}onExitIntent({promise:e,resolve:t}){const i=["mouseleave",({isTrusted:e,clientY:i})=>{e&&i<=0&&t(!0)},{passive:!0}],{clear:n}=v("html",e=>{n(),this.eventsListeners.push([e,...i]),e.addEventListener(...i)});return e}onReengage({promise:e,resolve:t}){const i=this.delay;let n=i;const s=[...document.querySelectorAll("*:empty")].map(e=>e.contentDocument||e.shadowRoot).filter(e=>e),r=[({isTrusted:e})=>{e&&(n=i)},{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(()=>{n<=0?t(!0):n-=100},100);return this.intervals.push(o),e}onCustomTrigger({promise:e,resolve:t}){const{triggerEventCustomScript:i,tagIsSafeEval:n}=DATA,s=n&&DATA_JS?.triggerEventCustomScript,r="function"==typeof s?()=>new Promise(e=>s(e)):new Function(`return new Promise(async resolve => {${i}})`);return r().then(e=>e&&t(!0)),e}onScrollUp({promise:e,resolve:t}){let i=0;const n=["scroll",({isTrusted:e})=>{e&&(window.scrollY<i?t(!0):i=window.scrollY)},{passive:!0,capture:!0}];return this.eventsListeners.push([document,...n]),document.addEventListener(...n),e}onScrollPercentReached({promise:e,resolve:t}){const{triggerEventScrollPercent:i}=DATA,n=["scroll",({isTrusted:e})=>{if(!e)return;const n=(()=>{const{documentElement:e,body:t}=document,i=e.scrollTop||t.scrollTop,n=e.scrollHeight||t.scrollHeight;return Math.trunc(i/(n-e.clientHeight)*100,10)})();i<n&&t(!0)},{passive:!0,capture:!0}];return this.eventsListeners.push([document,...n]),document.addEventListener(...n),e}checkSocialProofConditions(e,t,i,n){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))i(this.socialProofStore[e])?n(`${this.socialProofStore[e][r]}`):n(!1);else if(e&&s){const a=t=>(this.socialProofStore[e]=t,n(!!i(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 n(!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,tagIsSafeEval:a}=DATA,{pathToProductKey:c,customJSProductKey:l}=a&&DATA_JS||{};if(2===e)return{productKey:n(),keyType:"url"};{let a=null,h="sku";switch(t){case"ABTastyProductKey":a=window.ABTastyProductKey;break;case"pathToProductKey":a="function"==typeof c?c():i(`return ${s};`);break;case"customJSProductKey":a="function"==typeof l?l():i(r);break;case"productSKU":a=o}return a||3!==e||(a=n(),h="url"),{productKey:a,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 i=["abtasty_consentValid",()=>t(!0)];return this.eventsListeners.push(i),window.addEventListener(...i),e}return t(!0),e}onTrackingSent({promise:e,resolve:t}){const{triggerEventTrackingSent:i}=DATA;let n=localStorage.getItem(S);const s=()=>JSON.parse(n)?.ActionTracking?.some(({name:e})=>e===i),r=["storage",({key:e,newValue:i})=>{e===S&&(n=i,s()&&t(!0))},{passive:!0,capture:!0}];return n&&s()?t(!0):(()=>{this.eventsListeners.push([window,...r]),window.addEventListener(...r)})(),e}onMinPagesViewed({promise:e,resolve:t}){const{triggerEventMinPagesViewed:i}=DATA;let n=localStorage.getItem(S);const s=()=>i<=(n?JSON.parse(n)?.VisitedPages?.length:0),r=["storage",({key:e,newValue:i})=>{e===S&&(n=i,s()&&t(!0))},{passive:!0,capture:!0}];return n&&s()?t(!0):(()=>{this.eventsListeners.push([window,...r]),window.addEventListener(...r)})(),e}onRageClick({promise:e,resolve:t}){const{triggerEventRageClickQuantity:i,triggerEventRageClickDelay:n}=DATA;let s=0,r=!1;const o=["click",({isTrusted:e})=>{if(e&&(s+=1,s>=i&&t(!0),!r)){r=!0;const e=setTimeout(()=>{s=0,r=!1},n);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,...i]=e;return t&&i.length>1&&t.removeEventListener(...i),!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")},i=!Object.prototype.hasOwnProperty.call(t,this.event)||await t[this.event]();return i&&this.clear(),"reengage"!==this.event&&this.delay?i&&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})():i}}const k="display",A="closing",I="validation",P="ABTastyWidgets",B=`${P}Temporary`;class L{constructor({displayRecurrence:e,closingRecurrence:t,validationRecurrence:i},n){this.displayRecurrence=parseFloat(e),this.closingRecurrence=parseFloat(t),this.validationRecurrence=parseFloat(i),this.onSetCallback=n,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(B),i=sessionStorage.getItem(P);"ABTastyData"===e&&!t&&i&&localStorage.setItem(B,i)}listenStorageEvent(){return this.isListeningStorageEvent||window.addEventListener("storage",this.onStorage.bind(this)),!0}getGivenRecurrenceStorageParsed(e){try{const t=e.getItem(P);return JSON.parse(t)}catch(t){return e.removeItem(P),!1}}getSessionRecurrenceStorageParsed(){return this.getGivenRecurrenceStorageParsed(window.sessionStorage)}getLocalRecurrenceStorageParsed(){return this.getGivenRecurrenceStorageParsed(window.localStorage)}removeGivenStorage(e,t){const{[this.recurrenceKey]:i,...n}=t;return Object.entries(n).length?(e.setItem(P,JSON.stringify(n)),n):(e.removeItem(P),!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(B),t=!(!e||!e.includes(this.recurrenceKey))||this.getSessionRecurrence();e&&(sessionStorage.setItem(P,e),localStorage.removeItem(B));const i=this.getLocalRecurrence(),n=(i?parseFloat(i.stamp):0)<(new Date).getTime();return n&&this.removeLocalRecurrenceStorage(),!this.pendingRecurrence&&n&&!this.getLocalRecurrence()&&!t}setRecurrence(e,i){0!==e&&(window.removeEventListener("storage",this.onStorage.bind(this)),this.isListeningStorageEvent=!1);const n=this.getTypeOfStorage(e);if(t()||!n&&"object"!=typeof n)return!1;const{storageString:s,storageMethod:o}=n,a=this.getStamp(e),c={type:i,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 i;"session"===s?e?i=this.removeSessionRecurrenceStorage():(this.removeLocalRecurrenceStorage(),i=this.getSessionRecurrenceStorageParsed()):"local"===s&&(t?i=this.removeLocalRecurrenceStorage():(this.removeSessionRecurrenceStorage(),i=this.getLocalRecurrenceStorageParsed()));const n=i?{[this.recurrenceKey]:c,...i}:{[this.recurrenceKey]:c};o.setItem(P,JSON.stringify(n)),this.onSetCallback&&"function"==typeof this.onSetCallback&&this.onSetCallback()};if(!o)return!1;if(l&&i!==I)if(i===A&&l!==I)h();else{if(i!==k||l===I||l===A)return!1;h()}else h();return a}setDisplayRecurrence(){const e=k;this.setRecurrence(this.displayRecurrence,e)}setClosingRecurrence(){const e=A;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 N{constructor(e,t,i){this.isWidgetApplied=e,this.callback=t,this.shouldUpdate=i,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(),i=t?this.shouldUpdate&&C:E;return i?(this.clearWatcher(),this.callback(i,!e,t),this.watch(),this):this}onCampaignLaunched({detail:{campaignId:e}}){e===TEST_ID&&(this.callback(E,!1),this.watch())}onTagRollback({target:e}){return this.clearWatcher(e),this.callback(T,!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(T,!1)}watch(t,i){if(e())return this;if(this.clearWatcher(t),window.removeEventListener(...this.onCampaignLaunchedEventParams),document.addEventListener(...this.tagRollbackEventParams),i?.includes("[]contentDocument[]")){const e=i.split("[]")[0].trim(),{clear:t}=v(e,e=>{t(),this.triggerIframeTarget=e,e.addEventListener("load",this.decisionHandler.bind(this))})}const n=t?.defaultView?.frameElement;n&&this.triggerIframeTarget!==n&&n.addEventListener("load",this.decisionHandler.bind(this));const{clear:s}=v("body",e=>{s();const i=t?.body||t||e;this.observer.observe(i,{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 R=/.+\/([^.]+)\.(otf|ttf)$/,D=["socialProofPurchases","socialProofPageViews","socialProofVisitors"];class _{constructor(t,i){this.children=void 0,this.uniqueId=`${c()}${i?`_${i}`:""}`,this.widgetName=o(),this.prettyName=a(),this.recurrenceParams=(()=>{const{displayRecurrence:t,closingRecurrence:i,validationRecurrence:n}=DATA,s=!t&&!i&&!n;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")),i&&(o.closingRecurrence=r[i]("closingRecurrence")),n&&(o.validationRecurrence=r[n]("validationRecurrence")),o})(),this.triggerParams=(t=>{let{triggerEvent:i}=DATA;const{triggerEventClick:n,triggerEventHover:s,triggerEventReengageDelay:r,socialProofContentType:o,triggerEventElementVisible:a,triggerEventDelay:c}=DATA;if(e()||!i&&!o)return!1;const l={click:()=>n,hover:()=>s,elementVisible:()=>a},h=Object.prototype.hasOwnProperty.call(l,i)?l[i]():"body",d="reengage"===i?r:c;return o&&(i=[,"socialProofPurchases","socialProofPageViews","socialProofVisitors"][o]),{triggerEvent:i,triggerSelector:h,triggerDelay:d,triggerTarget:t}})(t),this.recurrence=!!this.recurrenceParams&&new L(this.recurrenceParams,this.clearGivenClearables.bind(this)),this.trigger=!!this.triggerParams&&new x(this.triggerParams),this.shouldUpdate=!!this.triggerParams&&D.includes(this.triggerParams.triggerEvent),this.pageWatcher=new N(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.elementsWaiters=[]}clearGivenClearables(){this.elementsWaiters.forEach(e=>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:i="body",referrerInsertType:n="beforeend"}=t?DATA:{},s=v(i,t=>{this.elementsWaiters=this.elementsWaiters.filter(e=>e.selector!==i),this.rootElement=t.getRootNode(),this.removeOldDomElement(),this.domElement.appendChild(this.styleElement),e(t.insertAdjacentElement(n,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(){return e()||this.hasBeenShown&&this.hasOncePerPageTrigger||window.ABTastyEvent(`${this.prettyName} displayed`,null,TEST_ID),this.closedByUser=!1,setTimeout(()=>this.domElement.classList.remove(this.hideClassName),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),this}async init(t){const i=e(),n=s(),r=this.trigger?.promises?.length,o=!this.recurrence||this.recurrence.isOver();if(!i&&!n||r||!o)return{container:this,response:!1};this.pageWatcher.watch(this.rootElement||document,this.triggerParams.triggerSelector);const a=i||!this.trigger||this.trigger&&await this.trigger.isTriggered();this.pageWatcher.clearTriggerElementWatcher();const c={container:this,response:a};return a?(await this.insert(),this.addCloseEvent(),i||t||this.hasBeenShown||void 0===this.children||"function"!=typeof this.children.refreshContent||this.children.refreshContent(a),c):c}onPageChange(e,t,i){const n=()=>this.init().then(({response:e})=>{e?this.show():this.hide(!1)});t||(this.hasBeenShown=!1,i&&this.domElement.remove(),this.trigger&&this.trigger.clear());const s={[T]:()=>i?this.remove():this.pageWatcher.watch(this.rootElement),[E]:()=>{this.hasBeenShown?this.closedByUser?this.pageWatcher.watch(this.rootElement):i||this.insert().then(e=>e.show()).catch(this.pageWatcher.watch):n()},[C]:()=>{this.hasBeenShown?this.pageWatcher.watch():n()}};"function"==typeof s[e]&&s[e]()}addCloseEvent(...t){const{closeButton:i,overlay:n,overlayClickable:s,layout:r,animationDuration:o=1e3}=DATA,a=[];if(void 0!==n&&!0!==n||!0!==s||"popin"!==r||a.push(`.${this.overlayClassName}`),void 0!==i&&i&&a.push(`.${this.closeButtonClassName}`),!a.length)return this;const c=this.domElement.querySelectorAll(a.join(", "));if(!c.length)return this;const l=["click",e=>{f(e),this.recurrence&&this.recurrence.setClosingRecurrence(),this.hide(!0),setTimeout(()=>this.remove(),1.05*o)},{once:!0,capture:!0}];return t.push(...c),t.forEach(t=>{e()&&(t.dataset.abtastyActionnable="true"),t.removeEventListener(...l),t.addEventListener(...l)}),this}getDom(){const{closeButton:e,layout:t,overlayClickable:i,overlay:n=!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"),s.innerHTML=`\n\t\t\t${"popin"===t&&!0===n?`<div ${i?'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 i=document.createElement("style"),n=t.match(R)?t.match(R)[1]:"";i.innerHTML=`@font-face { font-family: '${e}_${n}'; src: url('${t}'); font-display: swap; }`;const s=this.rootElement?.head||document.head;s?.appendChild(i)}getStyleTag(t="",i=DATA){const{noStyles:n,layout:s}=i,{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:y,fontSize:f,isTitle:$,titleTextAlign:b,titleTextColor:w,titleFontName:T,titleFontStyle:E,titleFontSize:C,overlay:S,overlayColor:x,dropShadow:k,dropShadowColor:A,dropShadowBlur:I,containerMargin:P,containerPadding:B,closeButton:L,closeButtonPosition:N,closeButtonSize:D,closeButtonBorderRadius:_,closeButtonBorderWidth:O,closeButtonBorderColor:W,closeButtonColor:V,closeButtonBackgroundColor:j,buttonsAlign:H,buttonsBorderWidth:M,buttonsBorderColor:q,buttonsBorderRadius:F,buttonsBackgroundColor:K,buttonsTextColor:U,buttonsFontName:z,buttonsFontStyle:Y,buttonsFontSize:G,secondLink:J,secondLinkBorderWidth:X,secondLinkBorderColor:Q,secondLinkBorderRadius:Z,secondLinkBackgroundColor:ee,secondLinkTextColor:te,secondLinkFontName:ie,secondLinkFontStyle:ne,secondLinkFontSize:se,animation:re,animationDuration:oe,animationBehaviour:ae,animationSlideDirection:ce}=n?{}:i,le=document.createElement("style");e()&&le.setAttribute("abtasty-script-added","true"),this.loadFont(v,y),this.loadFont(T,E),this.loadFont(z,Y),this.loadFont(ie,ne);const he=`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()};`,de="number"==typeof g&&g>0,ue=`border: ${[de?`${g}px`:"unset",de?"solid":"",de&&"string"==typeof d&&d.length?d:""].join(" ").trim()};`,ge=void 0!==u?`border-radius: ${u}px;`:"",me=void 0!==m?`color: ${m}; fill: ${m}; -webkit-text-fill-color: ${m};`:"",pe=void 0!==p?`text-align: ${p};`:"",ve=v&&"inherit"!==v?`font-family:${v}_${y.match(R)?y.match(R)[1]:""};`:y||"",ye=f?`font-size: ${f}px;`:"",fe=void 0!==k&&k?`box-shadow: 0 5px ${I}px 0 ${A};`:"",$e=P instanceof Array&&1===P.length&&P[0],be=$e?`margin: ${$e.top}px ${$e.right}px ${$e.bottom}px ${$e.left}px;`:"",we=$e?`margin: calc(${$e.top}px * 0.5) calc(${$e.right}px * 0.5) calc(${$e.bottom}px * 0.5) calc(${$e.left}px * 0.5);`:"",Te=B instanceof Array&&1===B.length&&B[0],Ee=Te?`padding: ${Te.top}px ${Te.right}px ${Te.bottom}px ${Te.left}px;`:"",Ce=Te?`padding: calc(${Te.top}px * 0.5) calc(${Te.right}px * 0.5) calc(${Te.bottom}px * 0.5) calc(${Te.left}px * 0.5);`:"",Se=void 0!==M&&M?`border-width: ${M}px; border-style: solid;`:"",xe=[q,M].every(e=>void 0!==e)&&M?`border-color: ${q};`:"",ke=void 0!==F?`border-radius: ${F}px;`:"",Ae=void 0!==K?`background-color: ${K};`:"",Ie=void 0!==U?`color: ${U}; fill: ${U}; -webkit-text-fill-color: ${U};`:"",Pe=z&&"inherit"!==z?`font-family:${z}_${Y.match(R)?Y.match(R)[1]:""};`:Y||"",Be=G?`font-size: ${G}px;`:"",Le="number"==typeof X?`border-width: ${X}px; border-style: solid;`:"",Ne=[Q,X].every(e=>void 0!==e)&&X?`border-color: ${Q};`:"",Re=void 0!==Z?`border-radius: ${Z}px;`:"",De=void 0!==ee?`background-color: ${ee};`:"",_e=void 0!==te?`color: ${te}; fill: ${te}; -webkit-text-fill-color: ${te};`:"",Oe=ie&&"inherit"!==ie?`font-family:${ie}_${ne.match(R)?ne.match(R)[1]:""};`:ne||"",We=se?`font-size: ${se}px;`:"",Ve="popin"!==s||void 0!==S&&!0!==S?"":[`#${this.widgetContainerId} .${this.overlayClassName} {`,`background-color: ${void 0!==x?x:"rgba(0, 0, 0, 0.6)"};`,"}"].join(""),je="number"==typeof D?D:16,He=je/2,Me=n||void 0!==L&&L?[`#${this.widgetContainerId} .${this.contentClassName} .${this.closeButtonClassName} {`,"position: absolute;",("out"===N?`bottom: calc(100% + ${He}px)`:`top: ${He}px`)+";",`right: ${He}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 O&&O>0?`border: ${O}px solid ${void 0!==W?W:"rgba(57, 57, 57, 1)"};`:"","string"==typeof j?`background-color: ${j};`:"","}",`#${this.widgetContainerId} .${this.contentClassName} .${this.closeButtonClassName} svg {`,"pointer-events: none;",`width: ${je}px;`,`height: ${je}px;`,"string"==typeof V?`fill: ${V};`:"","}"].join(""):"",qe=$&&"string"==typeof w?[`#${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: ${w}; fill: ${w}; -webkit-text-fill-color: ${w};`,void 0!==b?`text-align: ${b};`:"",T&&"inherit"!==T?`font-family:${T}_${E.match(R)?E.match(R)[1]:""};`:E||"",C?`font-size: ${C}px;`:"","}"].join(""):"";let Fe="";if("string"==typeof re){const t=(oe/1e3).toFixed(2),i=["top","bottom"].includes(ce),n=Number(i),s=[(["top","left"].includes(ce)?"-":"")+"100vmax",this.translateValues?this.translateValues[n]:"0"];i&&s.reverse(),Fe={none:[`.${this.hideClassName} {`,"opacity: 0 !important;","}"],fade:[`.${this.hideClassName} {`,"opacity: 0 !important;","}",`#${this.widgetContainerId} {`,`transition: opacity ${t}s ${ae};`,"}"],slide:[`.${this.hideClassName} .${this.overlayClassName} {`,"opacity: 0 !important;","}",`#${this.widgetContainerId} .${this.overlayClassName} {`,`transition: opacity ${t}s ${ae};`,"}",`.${this.hideClassName} .${this.contentClassName} {`,`transform: translate(${s.join(", ")}) !important;`,"}",`#${this.widgetContainerId} .${this.contentClassName} {`,`transition: transform ${t}s ${ae};`,"}"]}[e()&&!ABTASTY_S.WIDGETS.animationChanged?"none":re].join("")}const Ke=[`#${this.widgetContainerId} .${this.contentClassName} .buttons_container .second_link {`,`margin-${"fill"===H?"top":"left"}: 8px;`,Le,Ne,Re,De,_e,Oe,We,"}",`#${this.widgetContainerId} .${this.contentClassName} .buttons_container .second_link {`,_e,Oe,We,"}"];return le.textContent=[`#${this.widgetContainerId} style { display: none; }`,`.${this.hideClassName} {`,"pointer-events: none;","}",`#${this.widgetContainerId} {`,"opacity: 1;","}",`#${this.widgetContainerId} .${this.contentClassName} {`,he,ge,ue,me,pe,fe,be,ve,ye,"}",`#${this.widgetContainerId} .${this.contentClassName} p {`,me,pe,ve,ye,"}",`#${this.widgetContainerId} .${this.contentClassName} > * {`,"display: block;","line-height: 1;","text-indent: unset;",Ee,ve,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;",Se,xe,ke,Ae,Ie,Pe,Be,"}",`#${this.widgetContainerId} .${this.contentClassName} div.buttons_container a *, `,`#${this.widgetContainerId} .${this.contentClassName} button:not(class*="close_button") * {`,Ie,Pe,Be,"}",...J?Ke:[],"@media screen and (max-width: 579px) {",`#${this.widgetContainerId} .${this.contentClassName} {`,we,"}",`#${this.widgetContainerId} .${this.contentClassName} > * {`,Ce,"}","}",Ve,Me,qe,Fe,`${t}`].join(""),le}}const O={top:{top:0,left:50,translateX:-50,translateY:-100,translateOpenX:-50,translateOpenY:0},bottom:{top:100,left:50,translateX:-50,translateY:0,translateOpenX:-50,translateOpenY:-100},left:{top:50,left:0,translateX:-100,translateY:-50,translateOpenX:0,translateOpenY:-50},right:{top:50,right:0,translateX:100,translateY:-50,translateOpenX:0,translateOpenY:-50}},W={top:[!1,!1,!0,!0],bottom:[!0,!0,!1,!1],left:[!1,!0,!0,!1],right:[!0,!1,!1,!0]};class V extends _{constructor(){super(),this.button=this.setButton(),this.stringStyles=this.getStyles(),this.styleElement=this.getStyleTag(this.stringStyles),this.open=!1}toggleDrawer(){this.open=this.domElement.classList.toggle("drawer_open")}setButton(){const{mainButtonText:t,hasMainButtonIcon:i,mainButtonIcon:n,mainButtonIconAlt:s}=DATA,r=document.createElement("button");return r.className=`drawer_button_${this.uniqueId}`,e()&&(r.dataset.abtastyActionnable="true"),r.innerHTML=`<span>${t}</span>${i?`<img src="${n}" alt="${s}">`:""}`,e()&&top.document.documentElement.classList.contains("widget-react-form-opened")&&this.domElement.classList.add("drawer_open"),r.addEventListener("click",this.toggleDrawer.bind(this),!0),this.domElement.insertAdjacentElement("beforeend",r),r}getStyles(){const{buttonLayout:e,customTarget:t,elementReferrer:i,zindex:n,zindexCustom:s,styckyButtonBackgroundColor:r,styckyButtonIsBackgroundImage:o,styckyButtonBackgroundImage:a,styckyButtonBackgroundPosition:c,styckyButtonBackgroundRepeat:l,styckyButtonBackgroundSize:h,styckyButtonButtonsAlign:d,styckyButtonContainerMargin:u,styckyButtonContainerPadding:g,styckyButtonButtonsBorderWidth:m,styckyButtonButtonsBorderColor:p,styckyButtonButtonsBorderRadius:v,styckyButtonDropShadow:y,styckyButtonDropShadowBlur:f,styckyButtonDropShadowColor:$,styckyButtonTitleFontName:b,styckyButtonTitleFontStyle:w,styckyButtonTitleFontSize:T,styckyButtonTitleTextAlign:E,styckyButtonTitleTextColor:C,autoWidth:S,drawerLayout:x,hasMainButtonIcon:k,animationDuration:A,animationBehaviour:I}=DATA,{top:P,left:B,right:L,translateX:N,translateY:R,translateOpenX:D,translateOpenY:_}=O[e],V=["left","right"].includes(e),[{top:j,bottom:H,left:M,right:q}]=u,[{top:F,bottom:K,left:U,right:z}]=g,Y=W[e].map(e=>e?`${v}px`:"0").join(" "),G=`background: ${[r,o&&a.length?`url(${a})`:"",o&&"100% 100%"!==h?c:"0 0",o&&"string"==typeof h?`/ ${h}`:"/ auto",o&&l&&!["cover","100% 100%"].includes(h)?"repeat":"no-repeat"].join(" ").trim()};`,J=y?`box-shadow: 0 5px ${f}px 0 ${$};`:"",X=`border: ${m>0?`${m}px solid ${p}`:"unset"};`,Q=/.+\/([^.]+)\.(otf|ttf)$/;this.loadFont(b,w);const Z=[`color: ${C}; fill: ${C}; -webkit-text-fill-color: ${C};`,`text-align: ${E};`,"inherit"!==b?`font-family:${b}_${w.match(Q)?w.match(Q)[1]:""};`:w||"",T?`font-size: ${T}px;`:""].join(""),ee={left:"start",center:"center",right:"end"}[E],te=t?i:"body",[ie,ne,se]=te.split("[]"),re=se??ie,oe="shadowRoot"===ne?":host":`${re.trimEnd()}:not(:has(.fixed-drawer))`;return[`${re} {`,"position: relative;","}",t?[`${oe} {`,`overflow-${V?"x":"y"}: hidden;`,"}"].join(""):"",`#${this.widgetContainerId} {`,"position: absolute;",`top: ${P}%;`,"number"==typeof B?`left: ${B}%;`:"","number"==typeof L?`right: ${L}%;`:"",`transform: translate(${N}%, ${R}%);`,`transition: transform ${(A/1e3).toFixed(2)}s ${I};`,"margin: 0;","padding: 0;","background: none;",`z-index: ${"custom"===n?s:n};`,(()=>{if(S)return t?`width: auto; height: auto; max-width: calc(100% - ${V?`${U+z+1.5*T}px`:`${F+K+1.5*T}px`});`:`width: auto; height: auto; min-width: 30vw; max-width: ${["left","right"].includes(x)?"80vw":"40vw"};`;const{popinPercentWidth:e,popinPixelsWidth:i,widthUnit:n,autoHeight:s,popinPercentHeight:r,popinPixelsHeight:o,heightUnit:a}=DATA;return`width: ${"px"===n?i:e}${n};height: ${s?"auto":`${"px"===a?o:r}${a}`};`})(),"}",`#${this.widgetContainerId}.fixed-drawer {`,"position: fixed;","}",`#${this.widgetContainerId} .${this.contentClassName} {`,"position: relative;","width: 100%;","height: 100%;","}",`#${this.widgetContainerId}.drawer_open {`,`transform: translate(${D}%, ${_}%);`,"}",`.${this.button.className} {`,"position: absolute;",`${e}: 100%;`,["top","bottom"].includes(e)?[`${"right"===d?"right":"left"}: ${["left","right"].includes(d)?"0":"50%"};`,`transform: translate(${["left","right"].includes(d)?"0":"-50%"}, 0);`,`width: ${"fill"===d?"100%":"auto"};`].join(""):"",V?[`${"right"===d?"bottom":"top"}: ${["center","fill"].includes(d)?"50%":"0"};`,`transform: translate(0, ${["left","right"].includes(d)?"0":"-50%"});`,`height: ${"fill"===d?"100%":"auto"};`].join(""):"",`margin: ${j}px ${q}px ${H}px ${M}px;`,`padding: ${F}px ${z}px ${K}px ${U}px;`,"text-wrap: nowrap;",G,X,`border-radius: ${Y};`,"display: flex;",`flex-direction: ${V?"column":"row"};`,"align-items: center;",`justify-content: ${ee};`,J,"}",`.${this.button.className} span {`,V?["writing-mode: vertical-rl;","text-orientation: sideways;"].join(""):"","right"===e?"transform: rotate(180deg);":"","width: auto;",Z,"}",k?[`.${this.button.className} img {`,V?`transform: rotate(${e.includes("right")?"-":""}90deg);`:"",`min-width: ${2*T}px;`,`max-height: ${2*T}px;`,`margin-${V?"top":"left"}: ${T}px`,"}"].join(""):"","@media screen and (max-width: 579px) {",`#${this.widgetContainerId} .${this.contentClassName} {`,S?"min-width: 40vw; max-width: 60vw;":"","}","}"].join("")}}class j{constructor(e){let{parentContainer:t}=e;this.parentContainer=t,this.className=`drawer_container_${t.uniqueId}`,this.domElement=this.getElement()}insertIn(e,t){this.setStyles(),e.insertAdjacentElement(t,this.domElement)}addRedirectionEvent(t){!e()&&t&&t.addEventListener("click",()=>{const{autoHide:t,timeHide:i}=DATA;t&&setTimeout(()=>{this.parentContainer.hide(),this.remove()},1e3*i),e()||this.parentContainer.recurrence.setValidationRecurrence()},{capture:!0,passive:!0})}addCloseEvent(t){t&&t.addEventListener("click",t=>{f(t),e()||this.parentContainer.recurrence.setClosingRecurrence(),this.parentContainer.hide(),setTimeout(()=>this.parentContainer.remove(),1e3)},{capture:!0,passive:!1})}buttonBuilder(e,t,i,n){let s=arguments.length>4&&void 0!==arguments[4]&&arguments[4];const r=document.createElement("a");return r.ariaLabel=e,r.innerHTML=`<span>${e}</span>`,r.href="button"===t?i:"#",s&&(r.className="second_link"),"button"===t?(r.target=n?"_blank":"_self",this.addRedirectionEvent(r)):(r.dataset.abtastyActionnable="true",this.addCloseEvent(r)),r}getButtons(){const{linkType:e,buttonText:t,redirectionUrl:i,openInNewTab:n,secondLink:s,secondLinkText:r,secondLinkType:o,secondLinkURL:a,secondLinkOpenInNewTab:c}=DATA,l=[this.buttonBuilder(t,e,i,n)];if(s){const e=this.buttonBuilder(r,o,a,c,s);l.push(e)}return l}getElement(){const{linkType:e,buttonText:t,redirectionUrl:i,isTitle:n,title:s,textContent:r,openInNewTab:o,drawerLayout:a,drawerImage:c}=DATA,l=document.createElement(e&&e.includes("widget")?"a":"div");l.className=this.className,"widget"===e?(l.href=i,l.target=o?"_blank":"_self",this.addRedirectionEvent(l)):"widgetClose"===e&&(l.href="#",l.dataset.abtastyActionnable="true",this.addCloseEvent(l)),l.innerHTML="textOnly"!==a?`<img src="${c}">`:"";const h=document.createElement("div");if(h.className="drawer_text_container","imageOnly"!==a&&(h.innerHTML=`\n\t\t\t${n?`<h2 class="drawer_title">${s}</h2>`:""}\n\t\t\t<p class="drawer_text">${r}</p>`),[e,t].every(e=>"string"==typeof e)&&e.includes("button")&&t.length){const e=this.getButtons(),t=document.createElement("div");t.className="buttons_container",e.forEach(e=>t.appendChild(e)),h.appendChild(t)}return l.appendChild(h),l}setStyles(){const{styleElement:e,widgetContainerId:t,contentClassName:i}=this.parentContainer,{linkType:n,buttonsAlign:s,drawerLayout:r}=DATA,o=`#${t} .${i}`,a=`${["left","right"].includes(r)?"row":"column"}${["right","bottom"].includes(r)?"-reverse":""}`,c=[`${o} .buttons_container {`,"display: inline-block;","width: 100%;",void 0!==s&&"fill"!==s?`text-align: ${s};`:"","}",`${o} .buttons_container a {`,"margin: 25px 0 0 0;","padding: 10px 22px;","line-height: 1;","max-width: 100%;",`width: ${"fill"===s?"100%":"auto"};`,"text-align: center;","}"].join(""),l=[`${o} .${this.className} {`,"display: flex;",`flex-direction: ${a};`,"justify-content: space-around;","align-items: center;","}",`.${this.className} > img {`,"max-width: 100%;","width: 100%;","height: auto;","}",["left","right"].includes(r)?[`${o} .${this.className} > * {`,"max-width: 46%;","}"].join(""):"",`${o} .drawer_title {`,"margin: 0 0 25px 0;","display: inline-block;","width: 100%;","}",`${o} .drawer_text_container {`,"line-height: 0;","white-space: pre-line;","display: inline-block;","vertical-align: middle;","width: 100%;","margin: 2vh 0;","}",`${o} .drawer_text_container * {`,"line-height: 1;","}",`${o} .drawer_text_container p {`,"margin: 0;","}"];n&&n.includes("button")&&l.push(c);const h=l.join("");return e.insertAdjacentText("beforeend",h),e}}!function(){l("Widget launch");const e=new V,t=e.domElement.querySelector(`.${e.contentClassName}`),i=new j({parentContainer:e});e.children=i,i.insertIn(t,"beforeend"),e.init(!0).then(t=>{let{response:i}=t;i&&(e.show(),(!0!==DATA.customTarget||u(DATA.elementReferrer).matches("body"))&&e.domElement.classList.add("fixed-drawer"))})}()}();
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@abtasty/drawer",
3
3
  "description": "Drawer widget",
4
- "version": "0.0.29",
4
+ "version": "0.0.30",
5
5
  "form": "dist/form.js",
6
6
  "main": "dist/main.js",
7
7
  "type": "module",