@abtasty/popin-video 1.2.0 → 1.2.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/form.js +1 -1
- package/dist/main.js +1 -1
- package/package.json +2 -2
- package/README.md +0 -44
package/dist/main.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(){"use strict";const e=()=>Object.prototype.hasOwnProperty.call(window,"ABTastyEditor"),t=()=>{let e;return window.ABTasty||window.ABTASTY_S?(window.ABTASTY_S&&window.ABTASTY_S.USER&&window.ABTASTY_S.USER.accountIdentifier&&window.ABTASTY_S.USER.accountIdentifier.length?e=window.ABTASTY_S.USER.accountIdentifier:window.ABTasty&&window.ABTasty.getAccountSettings&&"function"==typeof window.ABTasty.getAccountSettings?e=window.ABTasty.getAccountSettings().identifier:window.ABTasty&&window.ABTasty.accountSettings&&(e=window.ABTasty.accountSettings.identifier),e):e},i=()=>{const e=!!document.getElementById("ABTastyPreviewBar"),t=location.href.includes("ab_project=preview");return e||t},n=()=>i()||!!window.ABTasty.getTestsOnPage()[TEST_ID],o=()=>["consentReady","cnilReady"].some(e=>window.ABTasty&&Object.prototype.hasOwnProperty.call(window.ABTasty,e)&&!0===window.ABTasty[e]),r="style",s="layout",a="colorpicker",c="number",l="switch",h="remove",d="rebuild",u="rgba(57, 57, 57, 1)",p="https://social-proof-api.abtasty.com/clients/",m=()=>{const{type:e}=DATA;return`${PACKAGE.replace("@abtasty/","")}${e?"_"+e:""}`},g=()=>{const e=m();return`${e.charAt(0).toUpperCase()}${e.slice(1)}`.split("-").join(" ")},v=()=>`${PLUGIN_ID.split("-")[0]}_${TEST_ID}`,y=t=>{if((()=>{if(e()||i())return!1;const t=ABTasty.getTestsOnPage()[TEST_ID];return!!t&&Object.keys(t.targetings.qaParameters).length>0})()){const e=g();window.console.log(`%c${e} - QA Mode for campaign ${TEST_ID}\n${t}`,"background-color: rgba(0, 127, 145, 1); color: rgba(247, 247, 247, 1)")}},f=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},b=(e,t,i)=>{let n=0,o=0;try{document.querySelector(e)}catch(t){const n=`Selector «${e}» not valid.`;return y(n),"function"==typeof i&&i(n)}function r(){clearInterval(o),clearTimeout(n)}return n=setTimeout(()=>{r();const t=`Can't find element «${e}».`;return y(t),"function"==typeof i&&i(t)},1e4),o=setInterval(()=>{const i=document.querySelector(e);return null!==i?(r(),"function"==typeof t&&t(i)):i},200),{clear:r}};function w(e,t){return t(e)||!e.parentElement?e:w(e.parentElement,t)}const _=t=>{e()||(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())};function T(){return"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype||(e="https://polyfill.io/v3/polyfill.min.js?flags=gated&features=IntersectionObserver",new Promise((t,i)=>{const n=window.document.getElementsByTagName("script")[0],o=window.document.createElement("script");o.src=e,n.parentNode.insertBefore(o,n),o.onload=t,o.onerror=i}));var e}class C{constructor(){this.targets=[],this.existingTargets=[],this.inViewportTargets=[],this.visibilityObserver=this.startVisibilityObserver(),this.mutationObserver=this.startMutationObserver(),this.mouseOverEvent=this.mouseOverHandler()}intersectionHandler(e){e.forEach(e=>{e.isIntersecting?(this.existingTargets.forEach(t=>{t.element.isSameNode(e.target)&&(this.inViewportTargets.push(t),this.mouseOverEvent.start())}),this.checkElements()):this.inViewportTargets=this.inViewportTargets.filter(t=>!t.element.isSameNode(e.target)||(this.mouseOverEvent.clear(),!1))})}startVisibilityObserver(){return new IntersectionObserver(this.intersectionHandler.bind(this),{root:null,rootMargin:"0px",threshold:0})}startMutationObserver(){const e=this.mutationObserver||new MutationObserver(this.checkElements.bind(this));return document.body&&e.observe(document.body,{attributes:!0,childList:!0,subtree:!0}),e}onMouseOver({target:e,path:t}){const i=this.inViewportTargets.find(({element:i,selector:n})=>{if(i.isSameNode(e))return!0;const o=[...e.querySelectorAll(n)];if(o.length){if(o.includes(i))return!0}if(t.includes(i))return!0;const r=[...e.parentElement.children],s=r.findIndex(t=>t.isSameNode(e)),a=r.filter((e,t)=>t>s);if(a.length){if(a.includes(i))return!0;if(a.some(e=>[...e.querySelectorAll(n)].includes(i)))return!0}return!1});if(i&&this.isElementVisible(i.element)){const{selector:e,element:t,uniqueId:n}=i,o=this.targets.find(t=>t.selector===e&&t.uniqueId===n);o&&o.resolve(t),this.clear(e,n)}}mouseOverHandler(){const e=["mouseover",e=>setTimeout(()=>this.onMouseOver(e),50),!0];return{start:()=>document.addEventListener(...e),clear:()=>document.removeEventListener(...e)}}isElementVisible(e){return this.isElementTopmost(e)&&this.isElementOpaque(e)}isElementOpaque(e){return"HTML"===w(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,o=0;for(;!n&&o<i.length;){const t=document.elementFromPoint(...i[o]);n=e===t||e.contains(t),o+=1}return n}checkElements(){this.targets.forEach(({selector:e,uniqueId:t})=>{const i=document.querySelector(e);i&&!this.existingTargets.find(i=>i.element.matches(e)&&i.uniqueId===t)&&(this.existingTargets.push({element:i,selector:e,uniqueId:t}),this.visibilityObserver.observe(i))}),this.existingTargets=this.existingTargets.filter(({selector:e,element:t})=>!!document.querySelector(e)||(t&&this.visibilityObserver.unobserve(t),!1)),this.inViewportTargets=this.inViewportTargets.filter(({selector:e,element:t,uniqueId:i})=>{if(t.matches(e)&&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})}watch(e,t,i){this.targets.push({selector:e,resolve:t,uniqueId:i});const n=()=>{this.startMutationObserver(),this.checkElements()};document.body?n():b("body",n)}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=document.querySelector(e);i&&this.visibilityObserver.unobserve(i),0===this.targets.length&&this.mutationObserver.disconnect(),0===this.inViewportTargets.length&&this.mouseOverEvent.clear()}}class S{constructor({triggerEvent:e,triggerSelector:t,triggerDelay:i}){this.event=e,this.selector=t&&t.length?t:"body",this.delay=1e3*i,this.elementsSelectors=[],this.eventsListeners=[],this.timeouts=[],this.intervals=[],this.observers=[],this.promises=[],this.visibilityObservers=[],this.elementsWaiters=[]}async onElementVisible({promise:e,resolve:t}){const i=f(this.event+"DomReady");this.promises.push(i);const n=await this.onPageLoad(i),o=await async function(e){let t;switch(e){case"IntersectionObserver":t=await T();break;default:t=!0}return t}("IntersectionObserver"),r=new C;if(this.visibilityObservers.push(r),o&&n){const e=v();r.watch(this.selector,t,e)}return 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(n),document.addEventListener(...n),e}return t(!0),e}onClick({promise:e,resolve:t}){const i=document.createElement("style");i.type="text/css",i.id="Click_"+v(),i.innerHTML=this.selector+" {\n\t\t\tcursor: pointer !important;\n\t\t\tpointer-events: all !important;\n\t\t}",document.head.appendChild(i),this.elementsSelectors.push("#"+i.id);const n=e=>[...document.querySelectorAll(this.selector)].some(t=>t.isSameNode(e)||!!e.closest(this.selector)),o=["click",({target:e})=>n(e)&&t(!0),{passive:!0,capture:!0}];return this.eventsListeners.push(o),document.addEventListener(...o),e}onExitIntent({promise:e,resolve:t}){const i=["mouseleave",async({clientY:e})=>{e<=0&&t(!0)},{passive:!0}],n=b("body",e=>{e.addEventListener(...i),this.eventsListeners.push([e,...i]),this.elementsWaiters=this.elementsWaiters.filter(e=>e!==n)});return this.elementsWaiters.push(n),e}onReengage({promise:e,resolve:t}){const i=this.delay;let n=i;const o=[()=>(n=i,n),{passive:!0}];["click","mousemove","scroll","keypress"].forEach(e=>{document.addEventListener(e,...o),this.eventsListeners.push([e,...o])});const r=setInterval(()=>{n<=0?t(!0):n-=100},100);return this.intervals.push(r),e}onCustomTrigger({promise:e,resolve:t}){const{triggerEventCustomScript:i}=DATA;return new Function(`return new Promise(async resolve => {${i}})`)().then(e=>e&&t(!0)),e}getSocialProofPurchases({promise:e,resolve:i}){const n=window.ABTastyProductKey,o=t(),{viewInterval:r,triggerSocialProofMinPurchases:s,spNoTrim:a}=DATA;if(n||(y("Not able to find ABTastyProductKey, impossible to call the API."),i(!1)),n&&o){fetch(`${p}${o}/metrics/i?key=${n}${a?"&noTrim=true":""}`).then(e=>e.ok&&e.json()).then(e=>(e=>{if(void 0===r||void 0===s)return!1;const t=void 0!==e[r]&&e[r]>=s;return t||y(`Widget will not be shown, product has been purchased ${e[r]} times while ${s} are required`),t})(e)&&i(""+e[r])).catch(()=>y("Failed to fetch datas from server."))}else i(!1);return e}getSocialProofPageViews({promise:e,resolve:i}){const{viewInterval:n,triggerSocialProofMinPageViews:o,spNoTrim:r}=DATA,s=encodeURIComponent(r?window.location.href.replace(window.location.origin,""):""+window.location.pathname),a=t();if(s&&a){fetch(`${p}${a}/metrics/pv?key=${s}${r?"&noTrim=true":""}`).then(e=>e.ok&&e.json()).then(e=>(e=>{if(void 0===n||void 0===o)return!1;const t=void 0!==e[n]&&e[n]>=o;return t||y(`Widget will not be shown, page has been seen ${e[n]} times while ${o} are required`),t})(e)&&i(""+e[n])).catch(()=>y("Failed to fetch datas from server."))}else i(!1);return e}onConsent({promise:e,resolve:t}){if(!o()){const i=["consentValid",()=>t(!0)];return this.eventsListeners.push(i),document.addEventListener(...i),e}return t(!0),e}clear(){if(this.elementsSelectors.length&&(this.elementsSelectors.forEach(e=>{document.querySelector(e)&&document.querySelector(e).remove()}),this.elementsSelectors=[]),this.eventsListeners.length&&(this.eventsListeners.forEach(e=>{const[t,...i]="string"==typeof e[0]?[document,...e]:e;t&&i.length>1&&t.removeEventListener(...i)}),this.eventsListeners=[]),this.timeouts.length&&(this.timeouts.forEach(e=>clearTimeout(e)),this.timeouts=[]),this.intervals.length&&(this.intervals.forEach(e=>clearInterval(e)),this.intervals=[]),this.observers.length&&(this.observers.forEach(e=>e.disconnect()),this.observers=[]),this.visibilityObservers.length){const e=v();this.visibilityObservers.forEach(t=>t.clear(this.selector,e)),this.visibilityObservers=[]}return this.promises.length&&(this.promises.forEach(e=>e.resolve(!1)),this.promises=[]),this.elementsWaiters.length&&(this.elementsWaiters.forEach(e=>e.clear()),this.elementsWaiters=[]),this}async isTriggered(){this.clear();const e=f(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),socialProofPurchases:()=>this.getSocialProofPurchases(e),socialProofPageViews:()=>this.getSocialProofPageViews(e)},i=!Object.prototype.hasOwnProperty.call(t,this.event)||await t[this.event]();this.clear();return"reengage"!==this.event&&this.delay?i&&await(async()=>{const e=f(this.event+"Delay");return this.promises.push(e),setTimeout(()=>{e.resolve(!0),this.clear()},this.delay),e.promise})():i}}const A="display",E="closing",$="validation",x="ABTastyWidgets",P="ABTastyWidgetsTemporary";class B{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=m(),this.uniqueId=v(),this.recurrenceKey=`${this.widgetName}_${this.uniqueId}`,this.isListeningStorageEvent=this.listenStorageEvent(),this.pendingRecurrence=!1,this.pendingRecurrenceValue={}}onStorage({key:e}){const t=localStorage.getItem(P),i=sessionStorage.getItem(x);"ABTastyData"===e&&!t&&i&&localStorage.setItem(P,i)}listenStorageEvent(){return this.isListeningStorageEvent||window.addEventListener("storage",this.onStorage.bind(this)),!0}getGivenRecurrenceStorageParsed(e){try{const t=e.getItem(x);return JSON.parse(t)}catch(t){return e.removeItem(x),!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(x,JSON.stringify(n)),n):(e.removeItem(x),!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(P),t=!(!e||!e.includes(this.recurrenceKey))||this.getSessionRecurrence();e&&(sessionStorage.setItem(x,e),localStorage.removeItem(P));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,t){0!==e&&(window.removeEventListener("storage",this.onStorage.bind(this)),this.isListeningStorageEvent=!1);const n=this.getTypeOfStorage(e);if(i()||!n&&"object"!=typeof n)return!1;const{storageString:r,storageMethod:s}=n,a=this.getStamp(e),c={type:t,stamp:a},{type:l}=this.getCurrentRecurrence(),h=async()=>{if(!o()){this.pendingRecurrence=!0,this.pendingRecurrenceValue=c;const e=new S({triggerEvent:"consent"});await e.isTriggered(),this.pendingRecurrence=!1,this.pendingRecurrenceValue={}}const e=this.getSessionRecurrence(),t=this.getLocalRecurrence();let i;"session"===r?e?i=this.removeSessionRecurrenceStorage():(this.removeLocalRecurrenceStorage(),i=this.getSessionRecurrenceStorageParsed()):"local"===r&&(t?i=this.removeLocalRecurrenceStorage():(this.removeSessionRecurrenceStorage(),i=this.getLocalRecurrenceStorageParsed()));const n=i?{[this.recurrenceKey]:c,...i}:{[this.recurrenceKey]:c};s.setItem(x,JSON.stringify(n)),this.onSetCallback&&"function"==typeof this.onSetCallback&&this.onSetCallback()};if(!s)return!1;if(l&&t!==$)if(t===E&&l!==$)h();else{if(t!==A||l===$||l===E)return!1;h()}else h();return a}setDisplayRecurrence(){this.setRecurrence(this.displayRecurrence,"display")}setClosingRecurrence(){this.setRecurrence(this.closingRecurrence,"closing")}setValidationRecurrence(){this.setRecurrence(this.validationRecurrence,"validation")}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 k{constructor(e,t,i){this.recurrence=e,this.isWidgetApplied=t,this.callback=i,this.observer=new MutationObserver(this.observerHandler.bind(this)),this.eventListenerParams=["abtasty_resetActionTracking",this.eventHandler.bind(this),{passive:!0}],this.elementsWaiters=[]}recurrenceIsDone(){return!this.recurrence||this.recurrence.isOver()}decisionHandler(e){const t=n(),{type:i}=this.recurrence?this.recurrence.getCurrentRecurrence():{type:!1},o=()=>{const t=this.recurrenceIsDone();return e&&"display"===i||t};return!this.isWidgetApplied()&&t&&o()?(this.clearWatcher(),this.callback(d,e)):(!this.isWidgetApplied()||t&&o())&&(this.isWidgetApplied()||t)||(this.clearWatcher(),this.callback(h,e),this.watch()),this}eventHandler(){let e=n();return[250,500].forEach(t=>setTimeout(()=>500===t&&n()===e?this:(e=n(),this.decisionHandler(!1)),t)),this}observerHandler(e){const t=e.some(({removedNodes:e})=>e&&e.length),i=e.some(({addedNodes:e})=>e&&e.length);return t||i?(this.decisionHandler(!0),this):this}watch(){if(e())return this;this.clearWatcher(),document.addEventListener(...this.eventListenerParams);const t=b("body",e=>{const i=[e,{childList:!0,subtree:!0}];this.observer.observe(...i),this.elementsWaiters=this.elementsWaiters.filter(e=>e!==t)});return this.elementsWaiters.push(t),this}clearWatcher(){return document.removeEventListener(...this.eventListenerParams),this.elementsWaiters.length&&(this.elementsWaiters.forEach(e=>e.clear()),this.elementsWaiters=[]),this.observer.disconnect(),this}}const I=/.+\/([^.]+)\.(otf|ttf)$/;const N=["top: 0;","top: 50%;","bottom: 0;"],R=["left: 0;","left: 50%;","right: 0;"],O=e=>1===e?"-50%":0,D=()=>{if(Array.isArray(DATA.popinPosition)){const{popinPosition:[{x:e,y:t}]}=DATA,i=`translate(${O(t)}, ${O(e)});`;return`${N[e]}${R[t]}transform: ${i}`}return"left: 50%;top: 50%;transform: translate(-50%, -50%);"},L=()=>"autoWidth"in DATA&&!0===DATA.autoWidth,V=()=>{if(L())return"width: auto;height: auto;";const{popinPercentWidth:e,popinPixelsWidth:t,widthUnit:i,autoHeight:n,popinPercentHeight:o,popinPixelsHeight:r,heightUnit:s}=DATA;return`width: ${"px"===i?t:e}${i};height: ${n?"auto":`${"px"===s?r:o}${s}`};`};class W extends class{constructor(){this.children=void 0,this.uniqueId=v(),this.widgetName=m(),this.prettyName=g(),this.recurrenceParams=(()=>{const{displayRecurrence:t,closingRecurrence:i,validationRecurrence:n}=DATA;if(e()||!t&&!i&&!n)return!1;const o={everytime:()=>-1,session:()=>0,once:()=>395,day:e=>DATA[e+"_day"],week:e=>7*DATA[e+"_week"],month:e=>30.5*DATA[e+"_month"]},r={};return t&&(r.displayRecurrence=o[t]("displayRecurrence")),i&&(r.closingRecurrence=o[i]("closingRecurrence")),n&&(r.validationRecurrence=o[n]("validationRecurrence")),r})(),this.triggerParams=(()=>{let{triggerEvent:t}=DATA;const{triggerEventClick:i,triggerEventReengageDelay:n,socialProofContentType:o,triggerEventElementVisible:r,triggerEventDelay:s}=DATA;if(e()||!t&&!o)return!1;const a={click:()=>i,elementVisible:()=>r},c=Object.prototype.hasOwnProperty.call(a,t)?a[t]():"body",l="reengage"===t?n:s;return o&&(t=1===o?"socialProofPurchases":"socialProofPageViews"),{triggerEvent:t,triggerSelector:c,triggerDelay:l}})(),this.recurrence=!!this.recurrenceParams&&new B(this.recurrenceParams,this.clearGivenClearables.bind(this)),this.trigger=!!this.triggerParams&&new S(this.triggerParams),this.pageWatcher=new k(this.recurrence,this.isWidgetApplied.bind(this),this.onPageChange.bind(this)),this.hasOncePerPageTrigger=(()=>{const{isOncePerPageTrigger:e,triggerEvent:t}=DATA;return!t||(!(!e||!["click","script"].includes(t))||["pageLoad","direct","reengage","socialProofPurchases","socialProofPageViews","elementVisible"].some(e=>e===t))})(),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.domElement=this.getDom(),this.hasBeenShown=!1,this.closedByUser=!1,this.eventsListeners=[],this.timeouts=[],this.intervals=[],this.observers=[],this.promises=[],this.elementsWaiters=[]}clearGivenClearables(){this.eventsListeners.length&&(this.eventsListeners.forEach(e=>document.removeEventListener(...e)),this.eventsListeners=[]),this.timeouts.length&&(this.timeouts.forEach(e=>clearTimeout(e)),this.timeouts=[]),this.intervals.length&&(this.intervals.forEach(e=>clearInterval(e)),this.intervals=[]),this.observers.length&&(this.observers.forEach(e=>e.disconnect()),this.observers=[]),this.promises.length&&(this.promises.forEach(e=>e.resolve(!1)),this.promises=[]),this.elementsWaiters.length&&(this.elementsWaiters.forEach(e=>e.clear()),this.elementsWaiters=[])}isWidgetApplied(){return this.domElement&&!!this.domElement.closest("html")}removeOldDomElement(){const e=document.getElementById(this.widgetContainerId);return e&&e.remove(),this}async insert(){const e=(e,t,i)=>{this.elementsWaiters=this.elementsWaiters.filter(e=>e!==t),i(e)},t=new Promise((t,i)=>{const n=b("head",e=>{this.elementsWaiters=this.elementsWaiters.filter(e=>e!==n),t(e.appendChild(this.styleElement))},t=>e(t,n,i));this.elementsWaiters.push(n)}),i=new Promise((t,i)=>{const{layout:n,elementReferrer:o,referrerInsertType:r}=DATA,{selector:s,position:a}="string"==typeof n&&"free"===n&&"string"==typeof o&&"string"==typeof r?{selector:o,position:r}:{selector:"body",position:"beforeend"},c=b(s,e=>{this.elementsWaiters=this.elementsWaiters.filter(e=>e!==c),this.removeOldDomElement(),t(e.insertAdjacentElement(a,this.domElement))},t=>e(t,c,i));this.elementsWaiters.push(c)});return Promise.all([i,t]).then(()=>this)}remove(){return this.pageWatcher.clearWatcher(),this.domElement&&this.domElement.closest("html")&&this.domElement.remove(),this.styleElement&&this.styleElement.closest("html")&&this.styleElement.remove(),this.hasOncePerPageTrigger?this.pageWatcher.watch():e()||this.init().then(({response:e})=>e?this.show():this),this}show(){return this.hasBeenShown||e()||window.ABTastyEvent(this.prettyName+" displayed",null,TEST_ID),this.closedByUser=!1,this.domElement.classList.remove(this.hideClassName),this.recurrence&&this.recurrence.setDisplayRecurrence(),this.hasBeenShown=!0,this.pageWatcher.watch(),this}hide(){return this.hasBeenShown&&!e()&&window.ABTastyEvent(this.prettyName+" closed",null,TEST_ID),this.closedByUser=!0,this.domElement.classList.add(this.hideClassName),this}async init(t){if(!e()&&!n())return!1;if(this.trigger&&this.trigger.promises.length)return!1;const i=this.recurrence&&this.recurrence.isOver();if(this.recurrence&&!i)return this.pageWatcher.watch(),!1;this.pageWatcher.watch();const o=e()||!this.trigger||this.trigger&&await this.trigger.isTriggered();return!!o&&(await this.insert(),this.addCloseEvent(),e()||t||this.hasBeenShown||void 0===this.children||"function"!=typeof this.children.refreshContent||this.children.refreshContent(o),{container:this,response:o})}onPageChange(e,t){const i=()=>this.init().then(({response:e})=>e&&this.show());switch(t||(this.hasBeenShown=!1),e){case h:this.isWidgetApplied()?this.remove():(this.trigger&&this.trigger.clear(),this.pageWatcher.watch());break;case d:this.hasBeenShown?this.closedByUser?this.pageWatcher.watch():this.insert().then(e=>e.show()):i()}}addCloseEvent(...t){const{closeButton:i,overlay:n,overlayClickable:o,layout:r}=DATA,s=[];if(void 0!==n&&!0!==n||!0!==o||"popin"!==r||s.push("."+this.overlayClassName),void 0!==i&&i&&s.push("."+this.closeButtonClassName),!s.length)return this;const a=this.domElement.querySelectorAll(s.join(", "));return a.length?(t.push(...a),t.forEach(t=>{e()&&(t.dataset.abtastyActionnable="true"),t.addEventListener("click",e=>{_(e),this.recurrence&&this.recurrence.setClosingRecurrence(),this.hide(),setTimeout(()=>this.remove(),1e3)},{once:!0,capture:!0})}),this):this}getDom(){const{closeButton:e,layout:t,overlay:i=!0}=DATA,n=document.createElement("div");return n.className=`${this.basicClassName} ${this.hideClassName}`,n.id=this.widgetContainerId,n.innerHTML=`\n\t\t\t${"popin"===t&&!0===i?`<div class="${this.overlayClassName}"></div>`:""}\n\t\t\t<div class="${this.contentClassName}">\n\t\t\t${e?`<button class="${this.closeButtonClassName}"><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>`,n}loadFont(e,t){if(!e||"inherit"===e)return;const i=document.createElement("style"),n=t.match(I)?t.match(I)[1]:"";i.appendChild(document.createTextNode(`\t\t\t@font-face { \t\tfont-family: '${e}_${n}'; src: url('${t}');\t\t\t}\t\t`)),document.head.appendChild(i)}getStyleTag(t=""){const{noStyles:i,layout:n}=DATA,{backgroundColor:o,isBackgroundImage:r,backgroundImage:s,backgroundSize:a,backgroundPosition:c,backgroundRepeat:l,borderColor:h,borderRadius:d,borderWidth:p,textColor:m,textAlign:g,fontName:v,fontStyle:y,fontSize:f,isTitle:b,titleTextAlign:w,titleTextColor:_,titleFontName:T,titleFontStyle:C,titleFontSize:S,overlay:A,overlayColor:E,dropShadow:$,dropShadowColor:x,dropShadowBlur:P,containerMargin:B,containerPadding:k,closeButton:N,closeButtonPosition:R,closeButtonSize:O,closeButtonBorderRadius:D,closeButtonBorderWidth:L,closeButtonBorderColor:V,closeButtonColor:W,closeButtonBackgroundColor:j,buttonsBorderWidth:q,buttonsBorderColor:H,buttonsBorderRadius:M,buttonsBackgroundColor:z,buttonsTextColor:U,buttonsFontName:F,buttonsFontStyle:Y,buttonsFontSize:G}=i?{}:DATA,K=document.createElement("style");K.type="text/css",e()&&K.setAttribute("abtasty-script-added","true"),this.loadFont(v,y),this.loadFont(T,C),this.loadFont(F,Y);const J=`background: ${["string"==typeof o?o:"rgba(255, 255, 255, 1)",r&&"string"==typeof s&&s.length?`url(${s})`:"",r&&"string"==typeof c&&"100% 100%"!==a?c:"0 0",r&&"string"==typeof a?"/ "+a:"/ auto",r&&l&&!["cover","100% 100%"].includes(a)?"repeat":"no-repeat"].join(" ").trim()};`,Q="number"==typeof p&&p>0,X=`border: ${[Q?p+"px":"unset",Q?"solid":"",Q&&"string"==typeof h&&h.length?h:""].join(" ").trim()};`,Z=void 0!==d?`border-radius: ${d}px;`:"",ee=void 0!==m?`color: ${m}; fill: ${m}; -webkit-text-fill-color: ${m};`:"",te=void 0!==g?`text-align: ${g};`:"",ie=v&&"inherit"!==v?`font-family:${v}_${y.match(I)?y.match(I)[1]:""};`:y||"",ne=f?`font-size: ${f}px;`:"",oe=void 0!==$&&$?`box-shadow: 0 5px ${P}px 0 ${x};`:"",re=B instanceof Array&&1===B.length&&B[0],se=re?`margin: ${re.top}px ${re.right}px ${re.bottom}px ${re.left}px;`:"",ae=re?`margin: calc(${re.top}px * 0.5) calc(${re.right}px * 0.5) calc(${re.bottom}px * 0.5) calc(${re.left}px * 0.5);`:"",ce=k instanceof Array&&1===k.length&&k[0],le=ce?`padding: ${ce.top}px ${ce.right}px ${ce.bottom}px ${ce.left}px;`:"",he=ce?`padding: calc(${ce.top}px * 0.5) calc(${ce.right}px * 0.5) calc(${ce.bottom}px * 0.5) calc(${ce.left}px * 0.5);`:"",de=void 0!==q&&q?`border-width: ${q}px; border-style: solid;`:"",ue=[H,q].every(e=>void 0!==e)&&q?`border-color: ${H};`:"",pe=void 0!==M?`border-radius: ${M}px;`:"",me=void 0!==z?`background-color: ${z};`:"",ge=void 0!==U?`color: ${U}; fill: ${U}; -webkit-text-fill-color: ${U};`:"",ve=F&&"inherit"!==F?`font-family:${F}_${Y.match(I)?Y.match(I)[1]:""};`:Y||"",ye=G?`font-size: ${G}px;`:"",fe="popin"!==n||void 0!==A&&!0!==A?"":[`#${this.widgetContainerId} .${this.overlayClassName} {`,`background-color: ${void 0!==E?E:"rgba(0, 0, 0, 0.6)"};`,"}"].join(""),be="number"==typeof O?O:16,we=be/2,_e=i||void 0!==N&&N?[`#${this.widgetContainerId} .${this.contentClassName} .${this.closeButtonClassName} {`,"position: absolute;",("out"===R?`bottom: calc(100% + ${we}px)`:`top: ${we}px`)+";",`right: ${we}px;`,"width: auto;","height: auto;","background: none;","border: none;","cursor: pointer;","outline: none;","padding: 0;","margin: 0;","line-height: 0;",""+("number"==typeof D?`border-radius: ${D}px;`:""),""+("number"==typeof L&&L>0?`border: ${L}px solid ${void 0!==V?V:u};`:""),""+("string"==typeof j?`background-color: ${j};`:""),"}",`#${this.widgetContainerId} .${this.contentClassName} .${this.closeButtonClassName} svg {`,"pointer-events: none;",`width: ${be}px;`,`height: ${be}px;`,""+("string"==typeof W?`fill: ${W};`:""),"}"].join(""):"",Te=b&&"string"==typeof _?[`#${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: ${_}; fill: ${_}; -webkit-text-fill-color: ${_};`,void 0!==w?`text-align: ${w};`:"",T&&"inherit"!==T?`font-family:${T}_${C.match(I)?C.match(I)[1]:""};`:C||"",S?`font-size: ${S}px;`:"","}"].join(""):"";return K.textContent=[`.${this.hideClassName} {`,"opacity: 0 !important;","pointer-events: none;","}",`#${this.widgetContainerId} .${this.contentClassName} {`,J,Z,X,ee,te,oe,se,ie,ne,"}",`#${this.widgetContainerId} .${this.contentClassName} p {`,ee,te,ie,ne,"}",`#${this.widgetContainerId} .${this.contentClassName} > * {`,"display: block;","line-height: 1;","text-indent: unset;",le,ie,ne,"}",`#${this.widgetContainerId} .${this.contentClassName} > * a, `,`#${this.widgetContainerId} .${this.contentClassName} > * button {`,"box-sizing: border-box;","display: inline-block;",de,ue,pe,me,ge,ve,ye,"}",`#${this.widgetContainerId} .${this.contentClassName} > * a *, `,`#${this.widgetContainerId} .${this.contentClassName} > * button * {`,ge,ve,ye,"}","@media screen and (max-width: 579px) {",`#${this.widgetContainerId} .${this.contentClassName} {`,ae,"}",`#${this.widgetContainerId} .${this.contentClassName} > * {`,he,"}","}",fe,_e,Te,""+t].join(""),K}}{constructor(){super(),this.stringStyles=this.getStyles(),this.styleElement=this.getStyleTag(this.stringStyles)}getStyles(){const{zindex:e,zindexCustom:t}=DATA;return[`#${this.widgetContainerId} {`,"position: fixed;","top: 0;","left: 0;","width: 100%;","height: 100%;",`z-index: ${"custom"===e?t:e};`,"opacity: 1;","transition: opacity 0.25s ease;","background: none;","}",`#${this.widgetContainerId} .${this.overlayClassName} {`,"position: absolute;","z-index: -1;","top: 0;","left: 0;","width: 100%;","height: 100%;","}",`#${this.widgetContainerId} .${this.contentClassName} {`,"position: absolute;",D(),V(),"}",""+(L()?"":[`#${this.widgetContainerId} .${this.contentClassName} > div {`,"height: 100%;","overflow: auto;","box-sizing: border-box;","}"].join("")),"@media screen and (max-width: 579px) {",`#${this.widgetContainerId} .${this.contentClassName} {`,"max-width: 94vw;","}","}"].join("")}}const j={category:s,type:"select",options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"vw (% of viewport width)",value:"vw"},{label:"vh (% of viewport height)",value:"vh"},{label:"vmin (% of viewport minimum size)",value:"vmin"},{label:"vmax (% of viewport maximum size)",value:"vmax"}]},q={category:s,type:l,propName:"autoHeight",label:"widget_common_layout_toggler_label_keepHeightAuto",value:!0},H={category:s,propName:"widthUnit",value:"vw",...j},M={category:s,propName:"heightUnit",value:"vh",condition:({autoHeight:e})=>!e,...j},z={category:s,type:c,label:"widget_common_layout_popinDimensions_label_width"},U={...z,propName:"popinPercentWidth",value:50,max:100,condition:({widthUnit:e,layout:t})=>"px"!==e&&"popin"===t},F={...z,propName:"popinPixelsWidth",value:parseInt(window.innerWidth/2.5,10),max:window.innerWidth,condition:({widthUnit:e,layout:t})=>"px"===e&&"popin"===t},Y={category:s,type:c,label:"widget_common_layout_popinDimensions_label_height",condition:({autoHeight:e})=>!e},G={...Y,propName:"popinPercentHeight",value:50,max:100,condition:({autoHeight:e,heightUnit:t,layout:i})=>!e&&"px"!==t&&"popin"===i},K={...Y,propName:"popinPixelsHeight",value:parseInt(window.innerHeight/2.5,10),max:window.innerHeight,condition:({autoHeight:e,heightUnit:t,layout:i})=>!e&&"px"===t&&"popin"===i},J=({autoWidth:e})=>!e,Q=([U,F,H,q,G,K,M].map(e=>{if("condition"in e){const t=e.condition,i=e=>t(e)&&J(e);return{...e,condition:i}}return{...e,condition:J}}),"closeButton"),X={category:r,type:"radio",label:"widget_common_style_closeButton_radio_closeButtonPosition",propName:"closeButtonPosition",value:"in",options:[{label:"widget_common_style_closeButton_radio_closeButtonPosition_option_inside",value:"in"},{label:"widget_common_style_closeButton_radio_closeButtonPosition_option_outside",value:"out"}]},Z={category:r,type:c,label:"widget_common_style_closeButton_label_closeButtonSize",propName:"closeButtonSize",value:16,min:10,max:50},ee={category:r,type:a,label:"widget_common_style_closeButton_label_closeButtonColor",propName:"closeButtonColor",value:"rgba(119, 119, 119, 1)"},te={category:r,type:a,label:"widget_common_style_closeButton_label_closeButtonBackgroundColor",propName:"closeButtonBackgroundColor",value:"rgba(255, 255, 255, 0)"},ie={category:r,type:"slider",label:"widget_common_style_closeButton_label_closeButtonBorderRadius",propName:"closeButtonBorderRadius",value:0,min:0,max:50},ne={...ie,label:"widget_common_style_closeButton_label_closeButtonBorderThickness",propName:"closeButtonBorderWidth"},oe={category:r,type:a,label:"widget_common_style_closeButton_label_closeButtonBorderColor",propName:"closeButtonBorderColor",value:u},re=[{field:Q}];oe.conditions=[{field:ne.propName,value:e=>e>0}];[X,Z,ee,te,ie,ne,oe].map(e=>{const t=e.conditions||[];return t.push(re[0]),{...e,conditions:t}});var se=["mp4","webm","ogg"],ae=function(){return se.some((function(e){return DATA.video.includes(e)}))},ce=function(e){return e.replace("/","__").replace("?","__").replace("#","__").replace("&","__")},le=function(e){return(256|e).toString(16).slice(1)};function he(e){var t=e.replace(/\s/g,"").match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i);return"".concat(le(t[1])).concat(le(t[2])).concat(le(t[3]))}var de="C71YkqN0pEA",ue=["youtube.com","youtu.be"],pe=function(){return ue.some((function(e){return DATA.video.includes(e)||""===DATA.video}))},me=function e(t,i){if(window.YT&&"function"==typeof YT.Player){var n=function(){var e=DATA.video;if(""===e)return de;var t=["youtube.com/embed/","youtube.com/watch?v=","youtu.be/"].filter((function(t){return e.includes(t)}))[0],i=t?ce(e.split(t)[1]):"";return!!i.length&&i.split("__")[0]}(),o=(a=DATA,c=a.youtubeCCLoadPolicy,l=a.youtubeColor,h=a.youtubeControls,d=a.youtubeDisableKeyboard,u=a.youtubeEndTime,p=a.youtubeFullScreen,m=a.youtubeStartTime,g={origin:location.origin,rel:0,color:l,controls:h?1:0,disablekb:d?0:1,fs:p?1:0},c&&(g.cc_load_policy=1),u&&(g.end=u),m&&(g.start=m),g),r=function(){var e=DATA,t=e.youtubeAutoPlay,i=e.youtubeLoop,n=e.youtubeMuted,o=e.youtubeStartTime,r={};return(t||n)&&(r.onReady=function(e){n&&e.target.mute(),t&&e.target.playVideo()}),i&&(r.onStateChange=function(e){0===e.data&&(o&&e.target.seekTo(o),e.target.playVideo())}),r}(),s=new YT.Player("popin_video_iframe_".concat(t),{videoId:n,playerVars:o,events:r});return i(s)}var a,c,l,h,d,u,p,m,g;return setTimeout((function(){return e(t,i)}),100)};function ge(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function ve(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var ye=function(){return DATA.video.includes("vimeo.com")},fe=function e(t,i){if(window.Vimeo&&"function"==typeof Vimeo.Player){var n=DATA.vimeoStartTime,o=(s=DATA,a=s.video,c=s.vimeoAutoPlay,l=s.vimeoColor,h=s.vimeoLoop,d=s.vimeoMuted,u=s.vimeoInfos,{url:a,autoplay:c,byline:u,color:he(l),loop:h,muted:d,portrait:u,title:u}),r=new Vimeo.Player("popin_video_iframe_".concat(t),function(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?ge(Object(i),!0).forEach((function(t){ve(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ge(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}({},o));return n&&r.setCurrentTime(n),i(r)}var s,a,c,l,h,d,u;return setTimeout((function(){return e(t,i)}),100)},be=["dailymotion.com","dai.ly"],we=function(){return be.some((function(e){return DATA.video.includes(e)}))},_e=function e(t,i,n,o){if(window.DM&&"function"==typeof DM.player){var r=(h=DATA,d=h.dailymotionAutoPlay,u=h.dailymotionMuted,p=h.dailymotionColor,{autoplay:d,mute:u,logo:h.dailymotionLogo,"ui-highlight":he(p)}),s=DM.player(i.querySelector("#popin_video_iframe_".concat(t)),{video:(a=DATA.video,c=["/video/","dai.ly/"].filter((function(e){return a.includes(e)}))[0],l=c?ce(a.split(c)[1]):"",!!l.length&&l.split("__")[0]),params:r});return n(s),o(s)}var a,c,l,h,d,u,p;return setTimeout((function(){return e(t,i,o,n)}),100)},Te=function(){return DATA.video.includes("tiktok.com")},Ce=function(){return e="GET",t="".concat("https://www.tiktok.com/oembed?url=").concat(DATA.video),new Promise((i,n)=>{const o=new XMLHttpRequest;o.open(e,t,!0),o.onload=function(){this.status>=200&&this.status<300?i(o.response):n({status:this.status,statusText:o.statusText})},o.onerror=function(){n({status:this.status,statusText:o.statusText})},o.send()});var e,t};function Se(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var Ae=function(){function t(e){var i=e.parentContainer;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),this.parentContainer=i,this.className="popinvideo_container_".concat(i.uniqueId),this.videoSource=DATA.video||"".concat("https://www.youtube.com/embed/").concat(de),this.contentElement=this.getContentElement(),this.styleElement=this.getStyleElement()}var i,n,o;return i=t,(n=[{key:"addCloseEvent",value:function(t){var i=this;t&&t.addEventListener("click",(function(t){_(t),e()||i.parentContainer.recurrence.setClosingRecurrence(),i.parentContainer.hide(),setTimeout((function(){return i.parentContainer.remove()}),1e3)}),{capture:!0,passive:!1})}},{key:"addRedirectionEvent",value:function(t){var i=this;!e()&&t&&t.addEventListener("click",(function(){var t=DATA,n=t.autoHide,o=t.timeHide;n&&setTimeout((function(){return i.parentContainer.hide()}),1e3*o),e()||i.parentContainer.recurrence.setValidationRecurrence()}),{capture:!0,passive:!0})}},{key:"getButton",value:function(){var e=DATA,t=e.linkType,i=e.buttonText,n=e.redirectionUrl,o=e.openInNewTab,r=document.createElement("a");return r.className="popin_link",r.innerHTML="<span>".concat(i,"</span>"),"button"===t?(r.href=n,r.target=o?"_blank":"_self",this.addRedirectionEvent(r)):(r.href="#",r.dataset.abtastyActionnable="true",this.addCloseEvent(r)),r}},{key:"getVideoContainer",value:function(){var e,t=this,i="popin_video_iframe",n="".concat(i,"_").concat(this.parentContainer.uniqueId),o=document.createElement("div");if(o.className="popin_video_container",ae()){var r=DATA,s=r.htmlPlayerAutoPlay,a=r.htmlPlayerMuted,c=r.htmlPlayerLoop,l=r.htmlPlayerControls,h=se.filter((function(e){return t.videoSource.includes(".".concat(e))}))[0],d=document.createElement("video");d.innerHTML='<source src="'.concat(this.videoSource,'" type="video/').concat(h,'">'),s&&(d.autoplay=!0),a&&(d.muted=!0),c&&(d.loop=!0),l&&(d.controls=!0),o.appendChild(d)}else{DATA.video.includes("facebook.com")&&(this.videoSource=(e=DATA.video).includes("plugins/video.php")?e:"https://www.facebook.com/plugins/video.php?href=".concat(e,"&show_text=0"));var u='<div id="'.concat(n,'" class="').concat(i,'"></div>'),p='<iframe id="'.concat(n,'" class="').concat(i,'" src="').concat(this.videoSource,'"></iframe>');o.innerHTML=[pe(),ye(),we(),Te()].some((function(e){return e}))?u:p}return o}},{key:"setVideoOnlyContent",value:function(e,t){var i=DATA,n=i.linkType,o=i.buttonText,r=this.getVideoContainer();if(e.appendChild(r),e.classList.add(t),[n,o].every((function(e){return"string"==typeof e}))&&n.includes("button")&&o.length){var s=this.getButton(),a=document.createElement("div");a.className="buttons_container",a.appendChild(s),e.appendChild(a)}return e}},{key:"setVideoAndTextContent",value:function(e,t){var i=DATA,n=i.isTitle,o=i.title,r=i.textContent,s=i.linkType,a=i.buttonText,c=this.getVideoContainer(),l=document.createElement("div");if(l.className="popin_text_container",l.innerHTML="".concat(n?'<h2 class="popin_video_title">'.concat(o,"</h2>"):"",'<p class="popin_video_text">').concat(r,"</p>"),e.classList.add(t),["leftVideo","topVideo"].some((function(e){return e===t}))&&e.appendChild(c),e.appendChild(l),["rightVideo","bottomVideo"].some((function(e){return e===t}))&&e.appendChild(c),[s,a].every((function(e){return"string"==typeof e}))&&s.includes("button")&&a.length){var h=this.getButton(),d=document.createElement("div");d.className="buttons_container",d.appendChild(h),l.appendChild(d)}return e}},{key:"insertIn",value:function(e,t){return document.head.insertAdjacentElement("beforeend",this.styleElement),e.insertAdjacentElement(t,this.contentElement),e}},{key:"getContentElement",value:function(){var e=this,t=DATA.contentLayout,i=document.createElement("div");return i.className=this.className,{videoOnly:function(){return e.setVideoOnlyContent(i,"onlyVideo")},left:function(){return e.setVideoAndTextContent(i,"leftVideo")},right:function(){return e.setVideoAndTextContent(i,"rightVideo")},top:function(){return e.setVideoAndTextContent(i,"topVideo")},bottom:function(){return e.setVideoAndTextContent(i,"bottomVideo")}}[t](),i}},{key:"getStyleElement",value:function(){var t=document.createElement("style");t.type="text/css",e()&&t.setAttribute("abtasty-script-added","true");var i=DATA,n=i.textVideoRatio,o=i.borderRadius,r=i.borderWidth,s=i.containerPadding,a=i.contentLayout,c=i.linkType,l=i.buttonsAlign,h="#".concat(this.parentContainer.widgetContainerId," .").concat(this.parentContainer.contentClassName),d=s[0],u=parseInt(o-r,10),p=u-d.top>0?u-d.top:0,m=u-d.bottom>0?u-d.bottom:0,g=void 0!==l&&"fill"!==l?"text-align: ".concat(l,";"):"",v=["".concat(h," .onlyVideo .popin_video_container {"),"border-radius: ".concat(p,"px ").concat(p,"px ").concat(m,"px ").concat(m,"px;"),"}"].join(""),y=["".concat(h," .leftVideo .popin_video_container {"),"width: calc(".concat(n,"% - 2.5%);"),"}","".concat(h," .leftVideo .popin_text_container {"),"width: calc(100% - ".concat(n,"% - 2.5%);"),"position: relative;","margin: 0 2.5%;","}","".concat(h," .leftVideo .popin_video_container {"),"border-radius: ".concat(p,"px 0 0 ").concat(m,"px;"),"}"].join(""),f=["".concat(h," .rightVideo .popin_video_container {"),"width: calc(".concat(n,"% - 2.5%);"),"}","".concat(h," .rightVideo .popin_text_container {"),"width: calc(100% - ".concat(n,"% - 2.5%);"),"position: relative;","margin: 0 2.5%;","}","".concat(h," .rightVideo .popin_video_container {"),"border-radius: 0 ".concat(p,"px ").concat(m,"px 0;"),"}"].join(""),b=["".concat(h," .topVideo .popin_video_container {"),"border-radius: ".concat(p,"px ").concat(p,"px 0 0;"),"margin-bottom: 15px","}"].join(""),w=["".concat(h," .bottomVideo .popin_video_container {"),"border-radius: 0 0 ".concat(m,"px ").concat(m,"px;"),"margin-top: 15px;","}"].join(""),_=["".concat(h," .buttons_container {"),"display: inline-block;","width: 100%;",g,"}","".concat(h," .popin_link {"),"display: inline-block;","margin: 25px 0 0 0;","padding: 10px 22px;","max-width: 100%;","width: ".concat("fill"===l?"100%":"auto",";"),"text-align: center;","}"].join(""),T=["".concat(h," .popin_video_container {"),"line-height: 0;","overflow: hidden;","width: 100%;","max-width: 100%;","}","".concat(h," .popin_video_title {"),"margin: 0 0 25px 0;","display: inline-block;","width: 100%;","}","".concat(h," .popin_video_container video,"),"".concat(h," .popin_video_container .popin_video_iframe {"),"display: inline-block;","width: 100%;","height: 100%;","}","".concat(h," .popin_video_container .popin_video_iframe iframe {"),"display: inline-block;","width: 100%;","}","".concat(h," .popin_text_container {"),"line-height: 1;","white-space: pre-line;","}","".concat(h," .popin_text_container p {"),"margin: 0;","}","".concat(h," .popin_video_container,"),"".concat(h," .popin_text_container {"),"display: inline-block;","vertical-align: middle;","}"];return(0,{videoOnly:function(){return T.push(v)},top:function(){return T.push(b)},bottom:function(){return T.push(w)},left:function(){return T.push(y)},right:function(){return T.push(f)}}[a])(),c&&T.push(_),t.textContent=T.join(""),t}}])&&Se(i.prototype,n),o&&Se(i,o),t}();function Ee(e){var t=e.querySelector(".popin_video_iframe"),i=parseInt(t.clientWidth/16*9,10)+1;t.style.height="".concat(i,"px")}!function(){var e=v(),t=pe(),i=ye(),n=we(),o=Te();t&&function(e){if(window.YT)return!1;var t=document.createElement("script");t.src="https://www.youtube.com/iframe_api",t.id="video_popin_ytapi_".concat(e),document.head.appendChild(t)}(e),i&&function(e){if(window.Vimeo)return!1;var t=document.createElement("script");t.src="https://player.vimeo.com/api/player.js",t.id="video_popin_vimeoapi_".concat(e),document.head.appendChild(t)}(e),n&&function(e){if(window.DM)return!1;var t=document.createElement("script");t.src="https://api.dmcdn.net/all.js",t.id="video_popin_dailymotionapi_".concat(e),document.head.appendChild(t)}(e),o&&function(e){window.tiktokEmbed&&(window.tiktokEmbed=void 0);var t=document.createElement("script");t.src="https://www.tiktok.com/embed.js",t.id="video_popin_tiktokapi_".concat(e),t.async=!0,document.head.appendChild(t)}(e);var r=new W,s=new Ae({parentContainer:r}),a=s.contentElement.querySelector(".popin_video_container");if(o){!function t(){window.tiktokEmbed?Ce().then((function(t){var i=JSON.parse(t),n=a.querySelector("#popin_video_iframe_".concat(e));n.innerHTML=i.html,s.player=n,a.appendChild(s.player)})):setTimeout(t,100)}()}var c=r.domElement.querySelector(".".concat(r.contentClassName));r.children=s,s.insertIn(c,"beforeend"),r.init().then((function(c){if(c.response){var l=function(e){s.player=e,i||o||ae()||(Ee(s.contentElement),window.addEventListener("resize",(function(){return Ee(s.contentElement)}),{capture:!0,passive:!0}))};t&&me(e,l),i&&fe(e,l),n&&_e(e,s.contentElement,(function(e){a.innerHTML="",a.appendChild(e)}),l),s.player||l(a),r.show()}}))}()}();
|
1
|
+
!function(){"use strict";const e=()=>Object.prototype.hasOwnProperty.call(window,"ABTastyEditor"),t=()=>{let e;return window.ABTasty||window.ABTASTY_S?(window.ABTASTY_S&&window.ABTASTY_S.USER&&window.ABTASTY_S.USER.accountIdentifier&&window.ABTASTY_S.USER.accountIdentifier.length?e=window.ABTASTY_S.USER.accountIdentifier:window.ABTasty&&window.ABTasty.getAccountSettings&&"function"==typeof window.ABTasty.getAccountSettings?e=window.ABTasty.getAccountSettings().identifier:window.ABTasty&&window.ABTasty.accountSettings&&(e=window.ABTasty.accountSettings.identifier),e):e},i=()=>{const e=!!document.getElementById("ABTastyPreviewBar"),t=location.href.includes("ab_project=preview");return e||t},n=()=>i()||!!window.ABTasty.getTestsOnPage()[TEST_ID],o=()=>["consentReady","cnilReady"].some(e=>window.ABTasty&&Object.prototype.hasOwnProperty.call(window.ABTasty,e)&&!0===window.ABTasty[e]),r="style",s="layout",a="colorpicker",c="number",l="switch",h="remove",d="rebuild",u="rgba(57, 57, 57, 1)",p="https://social-proof-api.abtasty.com/clients/",m=()=>{const{type:e}=DATA;return`${PACKAGE.replace("@abtasty/","")}${e?"_"+e:""}`},g=()=>{const e=m();return`${e.charAt(0).toUpperCase()}${e.slice(1)}`.split("-").join(" ")},v=()=>`${PLUGIN_ID.split("-")[0]}_${TEST_ID}`,y=t=>{if((()=>{if(e()||i())return!1;const t=ABTasty.getTestsOnPage()[TEST_ID];return!!t&&Object.keys(t.targetings.qaParameters).length>0})()){const e=g();window.console.log(`%c${e} - QA Mode for campaign ${TEST_ID}\n${t}`,"background-color: rgba(0, 127, 145, 1); color: rgba(247, 247, 247, 1)")}},f=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},b=(e,t,i)=>{let n=0,o=0;try{document.querySelector(e)}catch(t){const n=`Selector «${e}» not valid.`;return y(n),"function"==typeof i&&i(n)}function r(){clearInterval(o),clearTimeout(n)}return n=setTimeout(()=>{r();const t=`Can't find element «${e}».`;return y(t),"function"==typeof i&&i(t)},1e4),o=setInterval(()=>{const i=document.querySelector(e);return null!==i?(r(),"function"==typeof t&&t(i)):i},200),{clear:r}};function w(e,t){return t(e)||!e.parentElement?e:w(e.parentElement,t)}const _=t=>{e()||(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())};function T(){return"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype||(e="",new Promise((t,i)=>{const n=window.document.getElementsByTagName("script")[0],o=window.document.createElement("script");o.src=e,n.parentNode.insertBefore(o,n),o.onload=t,o.onerror=i}));var e}class C{constructor(){this.targets=[],this.existingTargets=[],this.inViewportTargets=[],this.visibilityObserver=this.startVisibilityObserver(),this.mutationObserver=this.startMutationObserver(),this.mouseOverEvent=this.mouseOverHandler()}intersectionHandler(e){e.forEach(e=>{e.isIntersecting?(this.existingTargets.forEach(t=>{t.element.isSameNode(e.target)&&(this.inViewportTargets.push(t),this.mouseOverEvent.start())}),this.checkElements()):this.inViewportTargets=this.inViewportTargets.filter(t=>!t.element.isSameNode(e.target)||(this.mouseOverEvent.clear(),!1))})}startVisibilityObserver(){return new IntersectionObserver(this.intersectionHandler.bind(this),{root:null,rootMargin:"0px",threshold:0})}startMutationObserver(){const e=this.mutationObserver||new MutationObserver(this.checkElements.bind(this));return document.body&&e.observe(document.body,{attributes:!0,childList:!0,subtree:!0}),e}onMouseOver({target:e,path:t}){const i=this.inViewportTargets.find(({element:i,selector:n})=>{if(i.isSameNode(e))return!0;const o=[...e.querySelectorAll(n)];if(o.length){if(o.includes(i))return!0}if(t.includes(i))return!0;const r=[...e.parentElement.children],s=r.findIndex(t=>t.isSameNode(e)),a=r.filter((e,t)=>t>s);if(a.length){if(a.includes(i))return!0;if(a.some(e=>[...e.querySelectorAll(n)].includes(i)))return!0}return!1});if(i&&this.isElementVisible(i.element)){const{selector:e,element:t,uniqueId:n}=i,o=this.targets.find(t=>t.selector===e&&t.uniqueId===n);o&&o.resolve(t),this.clear(e,n)}}mouseOverHandler(){const e=["mouseover",e=>setTimeout(()=>this.onMouseOver(e),50),!0];return{start:()=>document.addEventListener(...e),clear:()=>document.removeEventListener(...e)}}isElementVisible(e){return this.isElementTopmost(e)&&this.isElementOpaque(e)}isElementOpaque(e){return"HTML"===w(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,o=0;for(;!n&&o<i.length;){const t=document.elementFromPoint(...i[o]);n=e===t||e.contains(t),o+=1}return n}checkElements(){this.targets.forEach(({selector:e,uniqueId:t})=>{const i=document.querySelector(e);i&&!this.existingTargets.find(i=>i.element.matches(e)&&i.uniqueId===t)&&(this.existingTargets.push({element:i,selector:e,uniqueId:t}),this.visibilityObserver.observe(i))}),this.existingTargets=this.existingTargets.filter(({selector:e,element:t})=>!!document.querySelector(e)||(t&&this.visibilityObserver.unobserve(t),!1)),this.inViewportTargets=this.inViewportTargets.filter(({selector:e,element:t,uniqueId:i})=>{if(t.matches(e)&&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})}watch(e,t,i){this.targets.push({selector:e,resolve:t,uniqueId:i});const n=()=>{this.startMutationObserver(),this.checkElements()};document.body?n():b("body",n)}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=document.querySelector(e);i&&this.visibilityObserver.unobserve(i),0===this.targets.length&&this.mutationObserver.disconnect(),0===this.inViewportTargets.length&&this.mouseOverEvent.clear()}}class S{constructor({triggerEvent:e,triggerSelector:t,triggerDelay:i}){this.event=e,this.selector=t&&t.length?t:"body",this.delay=1e3*i,this.elementsSelectors=[],this.eventsListeners=[],this.timeouts=[],this.intervals=[],this.observers=[],this.promises=[],this.visibilityObservers=[],this.elementsWaiters=[]}async onElementVisible({promise:e,resolve:t}){const i=f(this.event+"DomReady");this.promises.push(i);const n=await this.onPageLoad(i),o=await async function(e){let t;switch(e){case"IntersectionObserver":t=await T();break;default:t=!0}return t}("IntersectionObserver"),r=new C;if(this.visibilityObservers.push(r),o&&n){const e=v();r.watch(this.selector,t,e)}return 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(n),document.addEventListener(...n),e}return t(!0),e}onClick({promise:e,resolve:t}){const i=document.createElement("style");i.type="text/css",i.id="Click_"+v(),i.innerHTML=this.selector+" {\n\t\t\tcursor: pointer !important;\n\t\t\tpointer-events: all !important;\n\t\t}",document.head.appendChild(i),this.elementsSelectors.push("#"+i.id);const n=e=>[...document.querySelectorAll(this.selector)].some(t=>t.isSameNode(e)||!!e.closest(this.selector)),o=["click",({target:e})=>n(e)&&t(!0),{passive:!0,capture:!0}];return this.eventsListeners.push(o),document.addEventListener(...o),e}onExitIntent({promise:e,resolve:t}){const i=["mouseleave",async({clientY:e})=>{e<=0&&t(!0)},{passive:!0}],n=b("body",e=>{e.addEventListener(...i),this.eventsListeners.push([e,...i]),this.elementsWaiters=this.elementsWaiters.filter(e=>e!==n)});return this.elementsWaiters.push(n),e}onReengage({promise:e,resolve:t}){const i=this.delay;let n=i;const o=[()=>(n=i,n),{passive:!0}];["click","mousemove","scroll","keypress"].forEach(e=>{document.addEventListener(e,...o),this.eventsListeners.push([e,...o])});const r=setInterval(()=>{n<=0?t(!0):n-=100},100);return this.intervals.push(r),e}onCustomTrigger({promise:e,resolve:t}){const{triggerEventCustomScript:i}=DATA;return new Function(`return new Promise(async resolve => {${i}})`)().then(e=>e&&t(!0)),e}getSocialProofPurchases({promise:e,resolve:i}){const n=window.ABTastyProductKey,o=t(),{viewInterval:r,triggerSocialProofMinPurchases:s,spNoTrim:a}=DATA;if(n||(y("Not able to find ABTastyProductKey, impossible to call the API."),i(!1)),n&&o){fetch(`${p}${o}/metrics/i?key=${n}${a?"&noTrim=true":""}`).then(e=>e.ok&&e.json()).then(e=>(e=>{if(void 0===r||void 0===s)return!1;const t=void 0!==e[r]&&e[r]>=s;return t||y(`Widget will not be shown, product has been purchased ${e[r]} times while ${s} are required`),t})(e)&&i(""+e[r])).catch(()=>y("Failed to fetch datas from server."))}else i(!1);return e}getSocialProofPageViews({promise:e,resolve:i}){const{viewInterval:n,triggerSocialProofMinPageViews:o,spNoTrim:r}=DATA,s=encodeURIComponent(r?window.location.href.replace(window.location.origin,""):""+window.location.pathname),a=t();if(s&&a){fetch(`${p}${a}/metrics/pv?key=${s}${r?"&noTrim=true":""}`).then(e=>e.ok&&e.json()).then(e=>(e=>{if(void 0===n||void 0===o)return!1;const t=void 0!==e[n]&&e[n]>=o;return t||y(`Widget will not be shown, page has been seen ${e[n]} times while ${o} are required`),t})(e)&&i(""+e[n])).catch(()=>y("Failed to fetch datas from server."))}else i(!1);return e}onConsent({promise:e,resolve:t}){if(!o()){const i=["consentValid",()=>t(!0)];return this.eventsListeners.push(i),document.addEventListener(...i),e}return t(!0),e}clear(){if(this.elementsSelectors.length&&(this.elementsSelectors.forEach(e=>{document.querySelector(e)&&document.querySelector(e).remove()}),this.elementsSelectors=[]),this.eventsListeners.length&&(this.eventsListeners.forEach(e=>{const[t,...i]="string"==typeof e[0]?[document,...e]:e;t&&i.length>1&&t.removeEventListener(...i)}),this.eventsListeners=[]),this.timeouts.length&&(this.timeouts.forEach(e=>clearTimeout(e)),this.timeouts=[]),this.intervals.length&&(this.intervals.forEach(e=>clearInterval(e)),this.intervals=[]),this.observers.length&&(this.observers.forEach(e=>e.disconnect()),this.observers=[]),this.visibilityObservers.length){const e=v();this.visibilityObservers.forEach(t=>t.clear(this.selector,e)),this.visibilityObservers=[]}return this.promises.length&&(this.promises.forEach(e=>e.resolve(!1)),this.promises=[]),this.elementsWaiters.length&&(this.elementsWaiters.forEach(e=>e.clear()),this.elementsWaiters=[]),this}async isTriggered(){this.clear();const e=f(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),socialProofPurchases:()=>this.getSocialProofPurchases(e),socialProofPageViews:()=>this.getSocialProofPageViews(e)},i=!Object.prototype.hasOwnProperty.call(t,this.event)||await t[this.event]();this.clear();return"reengage"!==this.event&&this.delay?i&&await(async()=>{const e=f(this.event+"Delay");return this.promises.push(e),setTimeout(()=>{e.resolve(!0),this.clear()},this.delay),e.promise})():i}}const A="display",E="closing",$="validation",x="ABTastyWidgets",P="ABTastyWidgetsTemporary";class B{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=m(),this.uniqueId=v(),this.recurrenceKey=`${this.widgetName}_${this.uniqueId}`,this.isListeningStorageEvent=this.listenStorageEvent(),this.pendingRecurrence=!1,this.pendingRecurrenceValue={}}onStorage({key:e}){const t=localStorage.getItem(P),i=sessionStorage.getItem(x);"ABTastyData"===e&&!t&&i&&localStorage.setItem(P,i)}listenStorageEvent(){return this.isListeningStorageEvent||window.addEventListener("storage",this.onStorage.bind(this)),!0}getGivenRecurrenceStorageParsed(e){try{const t=e.getItem(x);return JSON.parse(t)}catch(t){return e.removeItem(x),!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(x,JSON.stringify(n)),n):(e.removeItem(x),!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(P),t=!(!e||!e.includes(this.recurrenceKey))||this.getSessionRecurrence();e&&(sessionStorage.setItem(x,e),localStorage.removeItem(P));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,t){0!==e&&(window.removeEventListener("storage",this.onStorage.bind(this)),this.isListeningStorageEvent=!1);const n=this.getTypeOfStorage(e);if(i()||!n&&"object"!=typeof n)return!1;const{storageString:r,storageMethod:s}=n,a=this.getStamp(e),c={type:t,stamp:a},{type:l}=this.getCurrentRecurrence(),h=async()=>{if(!o()){this.pendingRecurrence=!0,this.pendingRecurrenceValue=c;const e=new S({triggerEvent:"consent"});await e.isTriggered(),this.pendingRecurrence=!1,this.pendingRecurrenceValue={}}const e=this.getSessionRecurrence(),t=this.getLocalRecurrence();let i;"session"===r?e?i=this.removeSessionRecurrenceStorage():(this.removeLocalRecurrenceStorage(),i=this.getSessionRecurrenceStorageParsed()):"local"===r&&(t?i=this.removeLocalRecurrenceStorage():(this.removeSessionRecurrenceStorage(),i=this.getLocalRecurrenceStorageParsed()));const n=i?{[this.recurrenceKey]:c,...i}:{[this.recurrenceKey]:c};s.setItem(x,JSON.stringify(n)),this.onSetCallback&&"function"==typeof this.onSetCallback&&this.onSetCallback()};if(!s)return!1;if(l&&t!==$)if(t===E&&l!==$)h();else{if(t!==A||l===$||l===E)return!1;h()}else h();return a}setDisplayRecurrence(){this.setRecurrence(this.displayRecurrence,"display")}setClosingRecurrence(){this.setRecurrence(this.closingRecurrence,"closing")}setValidationRecurrence(){this.setRecurrence(this.validationRecurrence,"validation")}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 k{constructor(e,t,i){this.recurrence=e,this.isWidgetApplied=t,this.callback=i,this.observer=new MutationObserver(this.observerHandler.bind(this)),this.eventListenerParams=["abtasty_resetActionTracking",this.eventHandler.bind(this),{passive:!0}],this.elementsWaiters=[]}recurrenceIsDone(){return!this.recurrence||this.recurrence.isOver()}decisionHandler(e){const t=n(),{type:i}=this.recurrence?this.recurrence.getCurrentRecurrence():{type:!1},o=()=>{const t=this.recurrenceIsDone();return e&&"display"===i||t};return!this.isWidgetApplied()&&t&&o()?(this.clearWatcher(),this.callback(d,e)):(!this.isWidgetApplied()||t&&o())&&(this.isWidgetApplied()||t)||(this.clearWatcher(),this.callback(h,e),this.watch()),this}eventHandler(){let e=n();return[250,500].forEach(t=>setTimeout(()=>500===t&&n()===e?this:(e=n(),this.decisionHandler(!1)),t)),this}observerHandler(e){const t=e.some(({removedNodes:e})=>e&&e.length),i=e.some(({addedNodes:e})=>e&&e.length);return t||i?(this.decisionHandler(!0),this):this}watch(){if(e())return this;this.clearWatcher(),document.addEventListener(...this.eventListenerParams);const t=b("body",e=>{const i=[e,{childList:!0,subtree:!0}];this.observer.observe(...i),this.elementsWaiters=this.elementsWaiters.filter(e=>e!==t)});return this.elementsWaiters.push(t),this}clearWatcher(){return document.removeEventListener(...this.eventListenerParams),this.elementsWaiters.length&&(this.elementsWaiters.forEach(e=>e.clear()),this.elementsWaiters=[]),this.observer.disconnect(),this}}const I=/.+\/([^.]+)\.(otf|ttf)$/;const N=["top: 0;","top: 50%;","bottom: 0;"],R=["left: 0;","left: 50%;","right: 0;"],O=e=>1===e?"-50%":0,D=()=>{if(Array.isArray(DATA.popinPosition)){const{popinPosition:[{x:e,y:t}]}=DATA,i=`translate(${O(t)}, ${O(e)});`;return`${N[e]}${R[t]}transform: ${i}`}return"left: 50%;top: 50%;transform: translate(-50%, -50%);"},L=()=>"autoWidth"in DATA&&!0===DATA.autoWidth,V=()=>{if(L())return"width: auto;height: auto;";const{popinPercentWidth:e,popinPixelsWidth:t,widthUnit:i,autoHeight:n,popinPercentHeight:o,popinPixelsHeight:r,heightUnit:s}=DATA;return`width: ${"px"===i?t:e}${i};height: ${n?"auto":`${"px"===s?r:o}${s}`};`};class W extends class{constructor(){this.children=void 0,this.uniqueId=v(),this.widgetName=m(),this.prettyName=g(),this.recurrenceParams=(()=>{const{displayRecurrence:t,closingRecurrence:i,validationRecurrence:n}=DATA;if(e()||!t&&!i&&!n)return!1;const o={everytime:()=>-1,session:()=>0,once:()=>395,day:e=>DATA[e+"_day"],week:e=>7*DATA[e+"_week"],month:e=>30.5*DATA[e+"_month"]},r={};return t&&(r.displayRecurrence=o[t]("displayRecurrence")),i&&(r.closingRecurrence=o[i]("closingRecurrence")),n&&(r.validationRecurrence=o[n]("validationRecurrence")),r})(),this.triggerParams=(()=>{let{triggerEvent:t}=DATA;const{triggerEventClick:i,triggerEventReengageDelay:n,socialProofContentType:o,triggerEventElementVisible:r,triggerEventDelay:s}=DATA;if(e()||!t&&!o)return!1;const a={click:()=>i,elementVisible:()=>r},c=Object.prototype.hasOwnProperty.call(a,t)?a[t]():"body",l="reengage"===t?n:s;return o&&(t=1===o?"socialProofPurchases":"socialProofPageViews"),{triggerEvent:t,triggerSelector:c,triggerDelay:l}})(),this.recurrence=!!this.recurrenceParams&&new B(this.recurrenceParams,this.clearGivenClearables.bind(this)),this.trigger=!!this.triggerParams&&new S(this.triggerParams),this.pageWatcher=new k(this.recurrence,this.isWidgetApplied.bind(this),this.onPageChange.bind(this)),this.hasOncePerPageTrigger=(()=>{const{isOncePerPageTrigger:e,triggerEvent:t}=DATA;return!t||(!(!e||!["click","script"].includes(t))||["pageLoad","direct","reengage","socialProofPurchases","socialProofPageViews","elementVisible"].some(e=>e===t))})(),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.domElement=this.getDom(),this.hasBeenShown=!1,this.closedByUser=!1,this.eventsListeners=[],this.timeouts=[],this.intervals=[],this.observers=[],this.promises=[],this.elementsWaiters=[]}clearGivenClearables(){this.eventsListeners.length&&(this.eventsListeners.forEach(e=>document.removeEventListener(...e)),this.eventsListeners=[]),this.timeouts.length&&(this.timeouts.forEach(e=>clearTimeout(e)),this.timeouts=[]),this.intervals.length&&(this.intervals.forEach(e=>clearInterval(e)),this.intervals=[]),this.observers.length&&(this.observers.forEach(e=>e.disconnect()),this.observers=[]),this.promises.length&&(this.promises.forEach(e=>e.resolve(!1)),this.promises=[]),this.elementsWaiters.length&&(this.elementsWaiters.forEach(e=>e.clear()),this.elementsWaiters=[])}isWidgetApplied(){return this.domElement&&!!this.domElement.closest("html")}removeOldDomElement(){const e=document.getElementById(this.widgetContainerId);return e&&e.remove(),this}async insert(){const e=(e,t,i)=>{this.elementsWaiters=this.elementsWaiters.filter(e=>e!==t),i(e)},t=new Promise((t,i)=>{const n=b("head",e=>{this.elementsWaiters=this.elementsWaiters.filter(e=>e!==n),t(e.appendChild(this.styleElement))},t=>e(t,n,i));this.elementsWaiters.push(n)}),i=new Promise((t,i)=>{const{layout:n,elementReferrer:o,referrerInsertType:r}=DATA,{selector:s,position:a}="string"==typeof n&&"free"===n&&"string"==typeof o&&"string"==typeof r?{selector:o,position:r}:{selector:"body",position:"beforeend"},c=b(s,e=>{this.elementsWaiters=this.elementsWaiters.filter(e=>e!==c),this.removeOldDomElement(),t(e.insertAdjacentElement(a,this.domElement))},t=>e(t,c,i));this.elementsWaiters.push(c)});return Promise.all([i,t]).then(()=>this)}remove(){return this.pageWatcher.clearWatcher(),this.domElement&&this.domElement.closest("html")&&this.domElement.remove(),this.styleElement&&this.styleElement.closest("html")&&this.styleElement.remove(),this.hasOncePerPageTrigger?this.pageWatcher.watch():e()||this.init().then(({response:e})=>e?this.show():this),this}show(){return this.hasBeenShown||e()||window.ABTastyEvent(this.prettyName+" displayed",null,TEST_ID),this.closedByUser=!1,this.domElement.classList.remove(this.hideClassName),this.recurrence&&this.recurrence.setDisplayRecurrence(),this.hasBeenShown=!0,this.pageWatcher.watch(),this}hide(){return this.hasBeenShown&&!e()&&window.ABTastyEvent(this.prettyName+" closed",null,TEST_ID),this.closedByUser=!0,this.domElement.classList.add(this.hideClassName),this}async init(t){if(!e()&&!n())return!1;if(this.trigger&&this.trigger.promises.length)return!1;const i=this.recurrence&&this.recurrence.isOver();if(this.recurrence&&!i)return this.pageWatcher.watch(),!1;this.pageWatcher.watch();const o=e()||!this.trigger||this.trigger&&await this.trigger.isTriggered();return!!o&&(await this.insert(),this.addCloseEvent(),e()||t||this.hasBeenShown||void 0===this.children||"function"!=typeof this.children.refreshContent||this.children.refreshContent(o),{container:this,response:o})}onPageChange(e,t){const i=()=>this.init().then(({response:e})=>e&&this.show());switch(t||(this.hasBeenShown=!1),e){case h:this.isWidgetApplied()?this.remove():(this.trigger&&this.trigger.clear(),this.pageWatcher.watch());break;case d:this.hasBeenShown?this.closedByUser?this.pageWatcher.watch():this.insert().then(e=>e.show()):i()}}addCloseEvent(...t){const{closeButton:i,overlay:n,overlayClickable:o,layout:r}=DATA,s=[];if(void 0!==n&&!0!==n||!0!==o||"popin"!==r||s.push("."+this.overlayClassName),void 0!==i&&i&&s.push("."+this.closeButtonClassName),!s.length)return this;const a=this.domElement.querySelectorAll(s.join(", "));return a.length?(t.push(...a),t.forEach(t=>{e()&&(t.dataset.abtastyActionnable="true"),t.addEventListener("click",e=>{_(e),this.recurrence&&this.recurrence.setClosingRecurrence(),this.hide(),setTimeout(()=>this.remove(),1e3)},{once:!0,capture:!0})}),this):this}getDom(){const{closeButton:e,layout:t,overlay:i=!0}=DATA,n=document.createElement("div");return n.className=`${this.basicClassName} ${this.hideClassName}`,n.id=this.widgetContainerId,n.innerHTML=`\n\t\t\t${"popin"===t&&!0===i?`<div class="${this.overlayClassName}"></div>`:""}\n\t\t\t<div class="${this.contentClassName}">\n\t\t\t${e?`<button class="${this.closeButtonClassName}"><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>`,n}loadFont(e,t){if(!e||"inherit"===e)return;const i=document.createElement("style"),n=t.match(I)?t.match(I)[1]:"";i.appendChild(document.createTextNode(`\t\t\t@font-face { \t\tfont-family: '${e}_${n}'; src: url('${t}');\t\t\t}\t\t`)),document.head.appendChild(i)}getStyleTag(t=""){const{noStyles:i,layout:n}=DATA,{backgroundColor:o,isBackgroundImage:r,backgroundImage:s,backgroundSize:a,backgroundPosition:c,backgroundRepeat:l,borderColor:h,borderRadius:d,borderWidth:p,textColor:m,textAlign:g,fontName:v,fontStyle:y,fontSize:f,isTitle:b,titleTextAlign:w,titleTextColor:_,titleFontName:T,titleFontStyle:C,titleFontSize:S,overlay:A,overlayColor:E,dropShadow:$,dropShadowColor:x,dropShadowBlur:P,containerMargin:B,containerPadding:k,closeButton:N,closeButtonPosition:R,closeButtonSize:O,closeButtonBorderRadius:D,closeButtonBorderWidth:L,closeButtonBorderColor:V,closeButtonColor:W,closeButtonBackgroundColor:j,buttonsBorderWidth:q,buttonsBorderColor:H,buttonsBorderRadius:M,buttonsBackgroundColor:z,buttonsTextColor:U,buttonsFontName:F,buttonsFontStyle:Y,buttonsFontSize:G}=i?{}:DATA,K=document.createElement("style");K.type="text/css",e()&&K.setAttribute("abtasty-script-added","true"),this.loadFont(v,y),this.loadFont(T,C),this.loadFont(F,Y);const J=`background: ${["string"==typeof o?o:"rgba(255, 255, 255, 1)",r&&"string"==typeof s&&s.length?`url(${s})`:"",r&&"string"==typeof c&&"100% 100%"!==a?c:"0 0",r&&"string"==typeof a?"/ "+a:"/ auto",r&&l&&!["cover","100% 100%"].includes(a)?"repeat":"no-repeat"].join(" ").trim()};`,Q="number"==typeof p&&p>0,X=`border: ${[Q?p+"px":"unset",Q?"solid":"",Q&&"string"==typeof h&&h.length?h:""].join(" ").trim()};`,Z=void 0!==d?`border-radius: ${d}px;`:"",ee=void 0!==m?`color: ${m}; fill: ${m}; -webkit-text-fill-color: ${m};`:"",te=void 0!==g?`text-align: ${g};`:"",ie=v&&"inherit"!==v?`font-family:${v}_${y.match(I)?y.match(I)[1]:""};`:y||"",ne=f?`font-size: ${f}px;`:"",oe=void 0!==$&&$?`box-shadow: 0 5px ${P}px 0 ${x};`:"",re=B instanceof Array&&1===B.length&&B[0],se=re?`margin: ${re.top}px ${re.right}px ${re.bottom}px ${re.left}px;`:"",ae=re?`margin: calc(${re.top}px * 0.5) calc(${re.right}px * 0.5) calc(${re.bottom}px * 0.5) calc(${re.left}px * 0.5);`:"",ce=k instanceof Array&&1===k.length&&k[0],le=ce?`padding: ${ce.top}px ${ce.right}px ${ce.bottom}px ${ce.left}px;`:"",he=ce?`padding: calc(${ce.top}px * 0.5) calc(${ce.right}px * 0.5) calc(${ce.bottom}px * 0.5) calc(${ce.left}px * 0.5);`:"",de=void 0!==q&&q?`border-width: ${q}px; border-style: solid;`:"",ue=[H,q].every(e=>void 0!==e)&&q?`border-color: ${H};`:"",pe=void 0!==M?`border-radius: ${M}px;`:"",me=void 0!==z?`background-color: ${z};`:"",ge=void 0!==U?`color: ${U}; fill: ${U}; -webkit-text-fill-color: ${U};`:"",ve=F&&"inherit"!==F?`font-family:${F}_${Y.match(I)?Y.match(I)[1]:""};`:Y||"",ye=G?`font-size: ${G}px;`:"",fe="popin"!==n||void 0!==A&&!0!==A?"":[`#${this.widgetContainerId} .${this.overlayClassName} {`,`background-color: ${void 0!==E?E:"rgba(0, 0, 0, 0.6)"};`,"}"].join(""),be="number"==typeof O?O:16,we=be/2,_e=i||void 0!==N&&N?[`#${this.widgetContainerId} .${this.contentClassName} .${this.closeButtonClassName} {`,"position: absolute;",("out"===R?`bottom: calc(100% + ${we}px)`:`top: ${we}px`)+";",`right: ${we}px;`,"width: auto;","height: auto;","background: none;","border: none;","cursor: pointer;","outline: none;","padding: 0;","margin: 0;","line-height: 0;",""+("number"==typeof D?`border-radius: ${D}px;`:""),""+("number"==typeof L&&L>0?`border: ${L}px solid ${void 0!==V?V:u};`:""),""+("string"==typeof j?`background-color: ${j};`:""),"}",`#${this.widgetContainerId} .${this.contentClassName} .${this.closeButtonClassName} svg {`,"pointer-events: none;",`width: ${be}px;`,`height: ${be}px;`,""+("string"==typeof W?`fill: ${W};`:""),"}"].join(""):"",Te=b&&"string"==typeof _?[`#${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: ${_}; fill: ${_}; -webkit-text-fill-color: ${_};`,void 0!==w?`text-align: ${w};`:"",T&&"inherit"!==T?`font-family:${T}_${C.match(I)?C.match(I)[1]:""};`:C||"",S?`font-size: ${S}px;`:"","}"].join(""):"";return K.textContent=[`.${this.hideClassName} {`,"opacity: 0 !important;","pointer-events: none;","}",`#${this.widgetContainerId} .${this.contentClassName} {`,J,Z,X,ee,te,oe,se,ie,ne,"}",`#${this.widgetContainerId} .${this.contentClassName} p {`,ee,te,ie,ne,"}",`#${this.widgetContainerId} .${this.contentClassName} > * {`,"display: block;","line-height: 1;","text-indent: unset;",le,ie,ne,"}",`#${this.widgetContainerId} .${this.contentClassName} > * a, `,`#${this.widgetContainerId} .${this.contentClassName} > * button {`,"box-sizing: border-box;","display: inline-block;",de,ue,pe,me,ge,ve,ye,"}",`#${this.widgetContainerId} .${this.contentClassName} > * a *, `,`#${this.widgetContainerId} .${this.contentClassName} > * button * {`,ge,ve,ye,"}","@media screen and (max-width: 579px) {",`#${this.widgetContainerId} .${this.contentClassName} {`,ae,"}",`#${this.widgetContainerId} .${this.contentClassName} > * {`,he,"}","}",fe,_e,Te,""+t].join(""),K}}{constructor(){super(),this.stringStyles=this.getStyles(),this.styleElement=this.getStyleTag(this.stringStyles)}getStyles(){const{zindex:e,zindexCustom:t}=DATA;return[`#${this.widgetContainerId} {`,"position: fixed;","top: 0;","left: 0;","width: 100%;","height: 100%;",`z-index: ${"custom"===e?t:e};`,"opacity: 1;","transition: opacity 0.25s ease;","background: none;","}",`#${this.widgetContainerId} .${this.overlayClassName} {`,"position: absolute;","z-index: -1;","top: 0;","left: 0;","width: 100%;","height: 100%;","}",`#${this.widgetContainerId} .${this.contentClassName} {`,"position: absolute;",D(),V(),"}",""+(L()?"":[`#${this.widgetContainerId} .${this.contentClassName} > div {`,"height: 100%;","overflow: auto;","box-sizing: border-box;","}"].join("")),"@media screen and (max-width: 579px) {",`#${this.widgetContainerId} .${this.contentClassName} {`,"max-width: 94vw;","}","}"].join("")}}const j={category:s,type:"select",options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"vw (% of viewport width)",value:"vw"},{label:"vh (% of viewport height)",value:"vh"},{label:"vmin (% of viewport minimum size)",value:"vmin"},{label:"vmax (% of viewport maximum size)",value:"vmax"}]},q={category:s,type:l,propName:"autoHeight",label:"widget_common_layout_toggler_label_keepHeightAuto",value:!0},H={category:s,propName:"widthUnit",value:"vw",...j},M={category:s,propName:"heightUnit",value:"vh",condition:({autoHeight:e})=>!e,...j},z={category:s,type:c,label:"widget_common_layout_popinDimensions_label_width"},U={...z,propName:"popinPercentWidth",value:50,max:100,condition:({widthUnit:e,layout:t})=>"px"!==e&&"popin"===t},F={...z,propName:"popinPixelsWidth",value:parseInt(window.innerWidth/2.5,10),max:window.innerWidth,condition:({widthUnit:e,layout:t})=>"px"===e&&"popin"===t},Y={category:s,type:c,label:"widget_common_layout_popinDimensions_label_height",condition:({autoHeight:e})=>!e},G={...Y,propName:"popinPercentHeight",value:50,max:100,condition:({autoHeight:e,heightUnit:t,layout:i})=>!e&&"px"!==t&&"popin"===i},K={...Y,propName:"popinPixelsHeight",value:parseInt(window.innerHeight/2.5,10),max:window.innerHeight,condition:({autoHeight:e,heightUnit:t,layout:i})=>!e&&"px"===t&&"popin"===i},J=({autoWidth:e})=>!e,Q=([U,F,H,q,G,K,M].map(e=>{if("condition"in e){const t=e.condition,i=e=>t(e)&&J(e);return{...e,condition:i}}return{...e,condition:J}}),"closeButton"),X={category:r,type:"radio",label:"widget_common_style_closeButton_radio_closeButtonPosition",propName:"closeButtonPosition",value:"in",options:[{label:"widget_common_style_closeButton_radio_closeButtonPosition_option_inside",value:"in"},{label:"widget_common_style_closeButton_radio_closeButtonPosition_option_outside",value:"out"}]},Z={category:r,type:c,label:"widget_common_style_closeButton_label_closeButtonSize",propName:"closeButtonSize",value:16,min:10,max:50},ee={category:r,type:a,label:"widget_common_style_closeButton_label_closeButtonColor",propName:"closeButtonColor",value:"rgba(119, 119, 119, 1)"},te={category:r,type:a,label:"widget_common_style_closeButton_label_closeButtonBackgroundColor",propName:"closeButtonBackgroundColor",value:"rgba(255, 255, 255, 0)"},ie={category:r,type:"slider",label:"widget_common_style_closeButton_label_closeButtonBorderRadius",propName:"closeButtonBorderRadius",value:0,min:0,max:50},ne={...ie,label:"widget_common_style_closeButton_label_closeButtonBorderThickness",propName:"closeButtonBorderWidth"},oe={category:r,type:a,label:"widget_common_style_closeButton_label_closeButtonBorderColor",propName:"closeButtonBorderColor",value:u},re=[{field:Q}];oe.conditions=[{field:ne.propName,value:e=>e>0}];[X,Z,ee,te,ie,ne,oe].map(e=>{const t=e.conditions||[];return t.push(re[0]),{...e,conditions:t}});var se=["mp4","webm","ogg"],ae=function(){return se.some((function(e){return DATA.video.includes(e)}))},ce=function(e){return e.replace("/","__").replace("?","__").replace("#","__").replace("&","__")},le=function(e){return(256|e).toString(16).slice(1)};function he(e){var t=e.replace(/\s/g,"").match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i);return"".concat(le(t[1])).concat(le(t[2])).concat(le(t[3]))}var de="C71YkqN0pEA",ue=["youtube.com","youtu.be"],pe=function(){return ue.some((function(e){return DATA.video.includes(e)||""===DATA.video}))},me=function e(t,i){if(window.YT&&"function"==typeof YT.Player){var n=function(){var e=DATA.video;if(""===e)return de;var t=["youtube.com/embed/","youtube.com/watch?v=","youtu.be/"].filter((function(t){return e.includes(t)}))[0],i=t?ce(e.split(t)[1]):"";return!!i.length&&i.split("__")[0]}(),o=(a=DATA,c=a.youtubeCCLoadPolicy,l=a.youtubeColor,h=a.youtubeControls,d=a.youtubeDisableKeyboard,u=a.youtubeEndTime,p=a.youtubeFullScreen,m=a.youtubeStartTime,g={origin:location.origin,rel:0,color:l,controls:h?1:0,disablekb:d?0:1,fs:p?1:0},c&&(g.cc_load_policy=1),u&&(g.end=u),m&&(g.start=m),g),r=function(){var e=DATA,t=e.youtubeAutoPlay,i=e.youtubeLoop,n=e.youtubeMuted,o=e.youtubeStartTime,r={};return(t||n)&&(r.onReady=function(e){n&&e.target.mute(),t&&e.target.playVideo()}),i&&(r.onStateChange=function(e){0===e.data&&(o&&e.target.seekTo(o),e.target.playVideo())}),r}(),s=new YT.Player("popin_video_iframe_".concat(t),{videoId:n,playerVars:o,events:r});return i(s)}var a,c,l,h,d,u,p,m,g;return setTimeout((function(){return e(t,i)}),100)};function ge(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function ve(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var ye=function(){return DATA.video.includes("vimeo.com")},fe=function e(t,i){if(window.Vimeo&&"function"==typeof Vimeo.Player){var n=DATA.vimeoStartTime,o=(s=DATA,a=s.video,c=s.vimeoAutoPlay,l=s.vimeoColor,h=s.vimeoLoop,d=s.vimeoMuted,u=s.vimeoInfos,{url:a,autoplay:c,byline:u,color:he(l),loop:h,muted:d,portrait:u,title:u}),r=new Vimeo.Player("popin_video_iframe_".concat(t),function(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?ge(Object(i),!0).forEach((function(t){ve(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ge(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}({},o));return n&&r.setCurrentTime(n),i(r)}var s,a,c,l,h,d,u;return setTimeout((function(){return e(t,i)}),100)},be=["dailymotion.com","dai.ly"],we=function(){return be.some((function(e){return DATA.video.includes(e)}))},_e=function e(t,i,n,o){if(window.DM&&"function"==typeof DM.player){var r=(h=DATA,d=h.dailymotionAutoPlay,u=h.dailymotionMuted,p=h.dailymotionColor,{autoplay:d,mute:u,logo:h.dailymotionLogo,"ui-highlight":he(p)}),s=DM.player(i.querySelector("#popin_video_iframe_".concat(t)),{video:(a=DATA.video,c=["/video/","dai.ly/"].filter((function(e){return a.includes(e)}))[0],l=c?ce(a.split(c)[1]):"",!!l.length&&l.split("__")[0]),params:r});return n(s),o(s)}var a,c,l,h,d,u,p;return setTimeout((function(){return e(t,i,o,n)}),100)},Te=function(){return DATA.video.includes("tiktok.com")},Ce=function(){return e="GET",t="".concat("https://www.tiktok.com/oembed?url=").concat(DATA.video),new Promise((i,n)=>{const o=new XMLHttpRequest;o.open(e,t,!0),o.onload=function(){this.status>=200&&this.status<300?i(o.response):n({status:this.status,statusText:o.statusText})},o.onerror=function(){n({status:this.status,statusText:o.statusText})},o.send()});var e,t};function Se(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var Ae=function(){function t(e){var i=e.parentContainer;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),this.parentContainer=i,this.className="popinvideo_container_".concat(i.uniqueId),this.videoSource=DATA.video||"".concat("https://www.youtube.com/embed/").concat(de),this.contentElement=this.getContentElement(),this.styleElement=this.getStyleElement()}var i,n,o;return i=t,(n=[{key:"addCloseEvent",value:function(t){var i=this;t&&t.addEventListener("click",(function(t){_(t),e()||i.parentContainer.recurrence.setClosingRecurrence(),i.parentContainer.hide(),setTimeout((function(){return i.parentContainer.remove()}),1e3)}),{capture:!0,passive:!1})}},{key:"addRedirectionEvent",value:function(t){var i=this;!e()&&t&&t.addEventListener("click",(function(){var t=DATA,n=t.autoHide,o=t.timeHide;n&&setTimeout((function(){return i.parentContainer.hide()}),1e3*o),e()||i.parentContainer.recurrence.setValidationRecurrence()}),{capture:!0,passive:!0})}},{key:"getButton",value:function(){var e=DATA,t=e.linkType,i=e.buttonText,n=e.redirectionUrl,o=e.openInNewTab,r=document.createElement("a");return r.className="popin_link",r.innerHTML="<span>".concat(i,"</span>"),"button"===t?(r.href=n,r.target=o?"_blank":"_self",this.addRedirectionEvent(r)):(r.href="#",r.dataset.abtastyActionnable="true",this.addCloseEvent(r)),r}},{key:"getVideoContainer",value:function(){var e,t=this,i="popin_video_iframe",n="".concat(i,"_").concat(this.parentContainer.uniqueId),o=document.createElement("div");if(o.className="popin_video_container",ae()){var r=DATA,s=r.htmlPlayerAutoPlay,a=r.htmlPlayerMuted,c=r.htmlPlayerLoop,l=r.htmlPlayerControls,h=se.filter((function(e){return t.videoSource.includes(".".concat(e))}))[0],d=document.createElement("video");d.innerHTML='<source src="'.concat(this.videoSource,'" type="video/').concat(h,'">'),s&&(d.autoplay=!0),a&&(d.muted=!0),c&&(d.loop=!0),l&&(d.controls=!0),o.appendChild(d)}else{DATA.video.includes("facebook.com")&&(this.videoSource=(e=DATA.video).includes("plugins/video.php")?e:"https://www.facebook.com/plugins/video.php?href=".concat(e,"&show_text=0"));var u='<div id="'.concat(n,'" class="').concat(i,'"></div>'),p='<iframe id="'.concat(n,'" class="').concat(i,'" src="').concat(this.videoSource,'"></iframe>');o.innerHTML=[pe(),ye(),we(),Te()].some((function(e){return e}))?u:p}return o}},{key:"setVideoOnlyContent",value:function(e,t){var i=DATA,n=i.linkType,o=i.buttonText,r=this.getVideoContainer();if(e.appendChild(r),e.classList.add(t),[n,o].every((function(e){return"string"==typeof e}))&&n.includes("button")&&o.length){var s=this.getButton(),a=document.createElement("div");a.className="buttons_container",a.appendChild(s),e.appendChild(a)}return e}},{key:"setVideoAndTextContent",value:function(e,t){var i=DATA,n=i.isTitle,o=i.title,r=i.textContent,s=i.linkType,a=i.buttonText,c=this.getVideoContainer(),l=document.createElement("div");if(l.className="popin_text_container",l.innerHTML="".concat(n?'<h2 class="popin_video_title">'.concat(o,"</h2>"):"",'<p class="popin_video_text">').concat(r,"</p>"),e.classList.add(t),["leftVideo","topVideo"].some((function(e){return e===t}))&&e.appendChild(c),e.appendChild(l),["rightVideo","bottomVideo"].some((function(e){return e===t}))&&e.appendChild(c),[s,a].every((function(e){return"string"==typeof e}))&&s.includes("button")&&a.length){var h=this.getButton(),d=document.createElement("div");d.className="buttons_container",d.appendChild(h),l.appendChild(d)}return e}},{key:"insertIn",value:function(e,t){return document.head.insertAdjacentElement("beforeend",this.styleElement),e.insertAdjacentElement(t,this.contentElement),e}},{key:"getContentElement",value:function(){var e=this,t=DATA.contentLayout,i=document.createElement("div");return i.className=this.className,{videoOnly:function(){return e.setVideoOnlyContent(i,"onlyVideo")},left:function(){return e.setVideoAndTextContent(i,"leftVideo")},right:function(){return e.setVideoAndTextContent(i,"rightVideo")},top:function(){return e.setVideoAndTextContent(i,"topVideo")},bottom:function(){return e.setVideoAndTextContent(i,"bottomVideo")}}[t](),i}},{key:"getStyleElement",value:function(){var t=document.createElement("style");t.type="text/css",e()&&t.setAttribute("abtasty-script-added","true");var i=DATA,n=i.textVideoRatio,o=i.borderRadius,r=i.borderWidth,s=i.containerPadding,a=i.contentLayout,c=i.linkType,l=i.buttonsAlign,h="#".concat(this.parentContainer.widgetContainerId," .").concat(this.parentContainer.contentClassName),d=s[0],u=parseInt(o-r,10),p=u-d.top>0?u-d.top:0,m=u-d.bottom>0?u-d.bottom:0,g=void 0!==l&&"fill"!==l?"text-align: ".concat(l,";"):"",v=["".concat(h," .onlyVideo .popin_video_container {"),"border-radius: ".concat(p,"px ").concat(p,"px ").concat(m,"px ").concat(m,"px;"),"}"].join(""),y=["".concat(h," .leftVideo .popin_video_container {"),"width: calc(".concat(n,"% - 2.5%);"),"}","".concat(h," .leftVideo .popin_text_container {"),"width: calc(100% - ".concat(n,"% - 2.5%);"),"position: relative;","margin: 0 2.5%;","}","".concat(h," .leftVideo .popin_video_container {"),"border-radius: ".concat(p,"px 0 0 ").concat(m,"px;"),"}"].join(""),f=["".concat(h," .rightVideo .popin_video_container {"),"width: calc(".concat(n,"% - 2.5%);"),"}","".concat(h," .rightVideo .popin_text_container {"),"width: calc(100% - ".concat(n,"% - 2.5%);"),"position: relative;","margin: 0 2.5%;","}","".concat(h," .rightVideo .popin_video_container {"),"border-radius: 0 ".concat(p,"px ").concat(m,"px 0;"),"}"].join(""),b=["".concat(h," .topVideo .popin_video_container {"),"border-radius: ".concat(p,"px ").concat(p,"px 0 0;"),"margin-bottom: 15px","}"].join(""),w=["".concat(h," .bottomVideo .popin_video_container {"),"border-radius: 0 0 ".concat(m,"px ").concat(m,"px;"),"margin-top: 15px;","}"].join(""),_=["".concat(h," .buttons_container {"),"display: inline-block;","width: 100%;",g,"}","".concat(h," .popin_link {"),"display: inline-block;","margin: 25px 0 0 0;","padding: 10px 22px;","max-width: 100%;","width: ".concat("fill"===l?"100%":"auto",";"),"text-align: center;","}"].join(""),T=["".concat(h," .popin_video_container {"),"line-height: 0;","overflow: hidden;","width: 100%;","max-width: 100%;","}","".concat(h," .popin_video_title {"),"margin: 0 0 25px 0;","display: inline-block;","width: 100%;","}","".concat(h," .popin_video_container video,"),"".concat(h," .popin_video_container .popin_video_iframe {"),"display: inline-block;","width: 100%;","height: 100%;","}","".concat(h," .popin_video_container .popin_video_iframe iframe {"),"display: inline-block;","width: 100%;","}","".concat(h," .popin_text_container {"),"line-height: 1;","white-space: pre-line;","}","".concat(h," .popin_text_container p {"),"margin: 0;","}","".concat(h," .popin_video_container,"),"".concat(h," .popin_text_container {"),"display: inline-block;","vertical-align: middle;","}"];return(0,{videoOnly:function(){return T.push(v)},top:function(){return T.push(b)},bottom:function(){return T.push(w)},left:function(){return T.push(y)},right:function(){return T.push(f)}}[a])(),c&&T.push(_),t.textContent=T.join(""),t}}])&&Se(i.prototype,n),o&&Se(i,o),t}();function Ee(e){var t=e.querySelector(".popin_video_iframe"),i=parseInt(t.clientWidth/16*9,10)+1;t.style.height="".concat(i,"px")}!function(){var e=v(),t=pe(),i=ye(),n=we(),o=Te();t&&function(e){if(window.YT)return!1;var t=document.createElement("script");t.src="https://www.youtube.com/iframe_api",t.id="video_popin_ytapi_".concat(e),document.head.appendChild(t)}(e),i&&function(e){if(window.Vimeo)return!1;var t=document.createElement("script");t.src="https://player.vimeo.com/api/player.js",t.id="video_popin_vimeoapi_".concat(e),document.head.appendChild(t)}(e),n&&function(e){if(window.DM)return!1;var t=document.createElement("script");t.src="https://api.dmcdn.net/all.js",t.id="video_popin_dailymotionapi_".concat(e),document.head.appendChild(t)}(e),o&&function(e){window.tiktokEmbed&&(window.tiktokEmbed=void 0);var t=document.createElement("script");t.src="https://www.tiktok.com/embed.js",t.id="video_popin_tiktokapi_".concat(e),t.async=!0,document.head.appendChild(t)}(e);var r=new W,s=new Ae({parentContainer:r}),a=s.contentElement.querySelector(".popin_video_container");if(o){!function t(){window.tiktokEmbed?Ce().then((function(t){var i=JSON.parse(t),n=a.querySelector("#popin_video_iframe_".concat(e));n.innerHTML=i.html,s.player=n,a.appendChild(s.player)})):setTimeout(t,100)}()}var c=r.domElement.querySelector(".".concat(r.contentClassName));r.children=s,s.insertIn(c,"beforeend"),r.init().then((function(c){if(c.response){var l=function(e){s.player=e,i||o||ae()||(Ee(s.contentElement),window.addEventListener("resize",(function(){return Ee(s.contentElement)}),{capture:!0,passive:!0}))};t&&me(e,l),i&&fe(e,l),n&&_e(e,s.contentElement,(function(e){a.innerHTML="",a.appendChild(e)}),l),s.player||l(a),r.show()}}))}()}();
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@abtasty/popin-video",
|
3
3
|
"description": "A simple way to create a modal with an video in it",
|
4
|
-
"version": "1.2.
|
4
|
+
"version": "1.2.1",
|
5
5
|
"main": "dist/main.js",
|
6
6
|
"form": "dist/form.js",
|
7
7
|
"files": [
|
@@ -33,4 +33,4 @@
|
|
33
33
|
"dependencies": {
|
34
34
|
"@abtasty/widget-utils": "^1.18.1"
|
35
35
|
}
|
36
|
-
}
|
36
|
+
}
|
package/README.md
DELETED
@@ -1,44 +0,0 @@
|
|
1
|
-
# Popin Video
|
2
|
-
|
3
|
-
A simple popin displaying video and content
|
4
|
-
|
5
|
-
## Preview your widget
|
6
|
-
|
7
|
-
Launch your widget in a new window and watch for changes.
|
8
|
-
```bash
|
9
|
-
npm start
|
10
|
-
```
|
11
|
-
|
12
|
-
## Main files
|
13
|
-
|
14
|
-
* `main.js`
|
15
|
-
Main source code of your widget
|
16
|
-
* `form.js`
|
17
|
-
Configuration form for your widget
|
18
|
-
* `icon.png`
|
19
|
-
Icon for your widget (recommended size: 200x200px)
|
20
|
-
|
21
|
-
You can specify each file location in the `package.json` like this:
|
22
|
-
```json
|
23
|
-
"main": "dist/main.js",
|
24
|
-
"form": "dist/form.js",
|
25
|
-
"icon": "icon.png",
|
26
|
-
```
|
27
|
-
|
28
|
-
## Included
|
29
|
-
|
30
|
-
* [Rollup.js](https://rollupjs.org/) module bundler (like Webpack but smaller and faster).
|
31
|
-
* ES6 support using [Babel](https://babeljs.io/).
|
32
|
-
* JavaScript Linting with [ESLint](http://eslint.org/) and [Airbnb style](https://github.com/airbnb/javascript).
|
33
|
-
* JavaScript minified with [UglifyJS](https://github.com/mishoo/UglifyJS2).
|
34
|
-
* [Prettier](https://prettier.io/) to format code.
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
## Add your widget to AB Tasty
|
39
|
-
|
40
|
-
1. First, you'll need to have your widget on NPM:
|
41
|
-
* Create a minified bundle with `npm run build`
|
42
|
-
* Bump the version of your widget ([using semver](http://semver.org/)) with `npm version [patch|minor|major]`
|
43
|
-
* Publish it to NPM: `npm publish`
|
44
|
-
2. Once your widget is on NPM, you can now add it on AB Tasty at https://marketplace.abtasty.com/publish.
|