storyly-web 2.17.4 → 3.2.1

package/dist/BlankStory.b4528b8e.js

@@ -1,5 +1,5 @@
 parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"FepB":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(){return'\n    <div class="component-layer blank-story">\n      <div\n        class="blank-story"\n        style="\n          width: 100%;\n          height: 100%;\n          position: absolute;\n          left: 0;\n          right: 0;\n          top: 0;\n          bottom: 0;\n        "\n      ></div>\n    </div>\n  '};
 },{}],"PKaq":[function(require,module,exports) {
-"use strict";var t=this&&this.__extends||function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])})(e,r)};return function(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");function n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),e=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../constants/layerTypes.js"),n=e(require("../base.js")),o=e(require("./template/index.ts")),s=function(e){function n(t){var n=t.storyDom,s=t.instanceId,u=e.call(this,{type:r.LayerTemplateTypes.BLANKSTORY,storyDom:n,instanceId:s})||this;return u.generateComponentAndAppendToPage((0,o.default)()),u}return t(n,e),n}(n.default);exports.default=s;
-},{"../../constants/layerTypes.js":"aJRz","../base.js":"skR7","./template/index.ts":"FepB"}]},{},[], null)
+"use strict";var e=a(require("@babel/runtime/helpers/createClass")),t=a(require("@babel/runtime/helpers/classCallCheck")),r=a(require("@babel/runtime/helpers/inherits")),n=a(require("@babel/runtime/helpers/possibleConstructorReturn")),u=a(require("@babel/runtime/helpers/getPrototypeOf"));function a(e){return e&&e.__esModule?e:{default:e}}function l(e){var t=s();return function(){var r,a=(0,u.default)(e);if(t){var l=(0,u.default)(this).constructor;r=Reflect.construct(a,arguments,l)}else r=a.apply(this,arguments);return(0,n.default)(this,r)}}function s(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(s=function(){return!!e})()}var o=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var i=require("../../constants/layerTypes.js"),c=o(require("../base.js")),f=o(require("./template/index.ts")),p=function(n){(0,r.default)(a,n);var u=l(a);function a(e){var r,n=e.storyDom,l=e.instanceId;return(0,t.default)(this,a),(r=u.call(this,{type:i.LayerTemplateTypes.BLANKSTORY,storyDom:n,instanceId:l})).generateComponentAndAppendToPage((0,f.default)()),r}return(0,e.default)(a)}(c.default);exports.default=p;
+},{"@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../constants/layerTypes.js":"aJRz","../base.js":"skR7","./template/index.ts":"FepB"}]},{},[], null)

package/dist/Classic.03f725b7.js

@@ -1,10 +1,12 @@
-parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"eUG5":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=A(require("@babel/runtime/helpers/defineProperty")),t=A(require("@babel/runtime/helpers/asyncToGenerator")),s=A(require("@babel/runtime/helpers/classCallCheck")),i=A(require("@babel/runtime/helpers/createClass")),a=A(require("@babel/runtime/regenerator")),r=A(require("platform")),o=A(require("../../../constants/os")),n=A(require("../../../constants/browsers")),l=require("../../../constants/layerTypes"),d=require("../../../lib/style"),u=require("../../../lib/util"),h=A(require("../templates/story")),y=require("../../../constants/events"),c=A(require("../../../constants/directions")),_=A(require("../../../lib/storage")),p=require("../../../service"),v=A(require("../../../lib/proxy")),b=A(require("../../../service/HlsPlayer")),m=A(require("../../../components/ShareWidget")),f=A(require("../../../components/AudioNotification")),g=A(require("../../../layers/CTA/index.ts"));function A(e){return e&&e.__esModule?e:{default:e}}function D(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,i)}return s}function S(t){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?D(Object(i),!0).forEach(function(s){(0,e.default)(t,s,i[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):D(Object(i)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})}return t}var P=function(){function e(t){var i,a=t.story,o=t.key,n=t.group,l=t.storiesContainer,h=t.progressDoms,y=t.instanceId;(0,s.default)(this,e),this.storyDom_=null,this.layersContainer_=document.createElement("div"),this.story_=a,this.storyData_={},this.layers_=[],this.group_=n,this.key_=o,this.storiesContainer_=l,this.progressDoms_=new Proxy(h,[]),this.storyProgressSecond_=7,this.progressPaused_=!0,this.imageAsset_=null,this.videoAsset_=null,this.videoAssetLoadingStarted_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,this.osFamily_=null===(i=r.default.os)||void 0===i||null===(i=i.family)||void 0===i?void 0:i.toLocaleLowerCase(),this.isBlankStory_=!1,this.imageAssetLoaded_=!1,this.instanceId_=y,this.timedLayers_=[],(0,d.setClass)(this.layersContainer_,"layers-container"),(0,u.setAttribute)(this.layersContainer_,"dir",c.default.LTR),this.attachCallbacksToElement_(),this.render_()}return(0,i.default)(e,[{key:"paused",get:function(){return this.progressPaused_}},{key:"attachCallbacksToElement_",value:function(){this.onVideoLoadedData_=this.onVideoLoadedData_.bind(this),this.onVideoEnded_=this.onVideoEnded_.bind(this),this.onVideoWaiting_=this.onVideoWaiting_.bind(this),this.onVideoPlaying_=this.onVideoPlaying_.bind(this),this.handleSoundStory_=this.handleSoundStory_.bind(this),this.playAndPauseStory=this.playAndPauseStory.bind(this),this.handleCloseGroup_=this.handleCloseGroup_.bind(this),this.renderShareWidget=this.renderShareWidget.bind(this),this.onImageLoad_=this.onImageLoad_.bind(this),this.handleAccessibilityOnOff_=this.handleAccessibilityOnOff_.bind(this),this.handleLayersVisibility_=this.handleLayersVisibility_.bind(this)}},{key:"setCustomEvents_",value:function(){this.storyDom_.addEventListener("onPlayPause",this.playAndPauseStory)}},{key:"render_",value:function(){var e=(0,u.getStoryAssetFromLayers)(this.story_.media.layers),t=e.storyData,s=e.layers,i=e.storyBg;this.storyData_=t,this.layers_=s;var a=(0,h.default)({story:this.storyData_,type:this.storyData_.type,mediaHost:this.group_.media_host,thumbnail:this.story_.media.thumbnail_url,altText:this.story_.alt_text,storyBg:i});if(this.storyDom_=(0,u.generateHtmlFromTemplate)(a),this.storyDom_.appendChild(this.layersContainer_),this.storyDom_.setAttribute("data-story-id",this.story_.story_id),this.storiesContainer_.appendChild(this.storyDom_),this.loadLayers_(),"video"===this.storyData_.type)this.videoAsset_=this.storyDom_.querySelector("video"),this.handleVideoEvents_();else if(this.isBlankStory_){if(this.isBlankStory_){var r=this.storyDom_.querySelector(".story-image");(0,d.setStyle)(r,["opacity","0"])}}else this.imageAsset_=this.storyDom_.querySelector("img"),this.imageAsset_.addEventListener("load",this.onImageLoad_,{once:!0});var o=v.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;this.globalInstanceData=o,this.setCustomEvents_(),(0,u.createAndDispatchEvent)(this.storyDom_,"onI18nEvent",{wrapperDom:this.storyDom_})}},{key:"onImageLoad_",value:function(){if(!this.imageAssetLoaded_&&(this.handleProgressBar_(),this.imageAssetLoaded_=!0,!this.storyData_.position&&!this.storyData_.sizing)){var e=this.imageAsset_,t=e.clientHeight,s=e.clientWidth;this.setStoryClassByAsset_({height:t,width:s})}}},{key:"setStoryClassByAsset_",value:function(e){var t=e.width;+(56.25*e.height/t).toFixed(2)<100&&(0,d.setClass)(this.storyDom_,"story-9_16")}},{key:"handleVideoEvents_",value:function(){this.videoAsset_.addEventListener("loadedmetadata",this.onVideoLoadedData_),this.videoAsset_.addEventListener("ended",this.onVideoEnded_),this.videoAsset_.addEventListener("waiting",this.onVideoWaiting_),this.videoAsset_.addEventListener("playing",this.onVideoPlaying_)}},{key:"onVideoLoadedData_",value:function(){var e=(0,t.default)(a.default.mark(function e(){var t;return a.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(this.videoAssetLoaded_=!0,this.setStoryClassByAsset_({height:this.videoAsset_.videoHeight,width:this.videoAsset_.videoWidth}),this.storyProgressRemain_=this.videoAsset_.duration,this.storyProgressSecond_=this.videoAsset_.duration,!(this.videoAsset_.duration>=120)||(0,u.isLiveVideo)(this.storyData_.video_type)){e.next=12;break}return e.next=7,require("_bundle_loader")(require.resolve("../../../components/VideoSeekBar"));case 7:return e.next=9,e.sent.default;case 9:t=e.sent,this.videoSeekbar_=new t({storyDom:this.storyDom_,videoDom:this.videoAsset_,layers:this.timedLayers_,playPauseStory:this.playAndPauseStory.bind(this),setProgressTime:this.setProgressTime.bind(this),instanceId:this.instanceId_}),this.videoAsset_.addEventListener("seeking",this.handleLayersVisibility_);case 12:this.videoAsset_.addEventListener("timeupdate",this.handleLayersVisibility_);case 13:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"onVideoEnded_",value:function(){this.globalInstanceData.accessibility||(0,u.createAndDispatchEvent)(this.storyDom_,"onNextStory")}},{key:"onVideoWaiting_",value:function(){this.progressPaused_=!0}},{key:"onVideoPlaying_",value:function(){if(this.videoAssetLoaded_){var e=this.storiesContainer_.querySelector(".storyly__story-actions").querySelector('button[data-type="sound"]');(0,u.videoHasAudio)(this.videoAsset_)||(this.soundOn_=!1,e.classList.replace("sound-on","sound-off")),this.soundOn_?this.soundOn():this.soundOff(),this.progressPaused_=!1,this.handleProgressBar_()}}},{key:"removeEvents_",value:function(){var e=this.storiesContainer_.querySelector(".storyly__story-actions"),t=e.querySelector('button[data-type="sound"]'),s=e.querySelector('button[data-type="share"]');this.playPauseAction_&&(0,u.removeClickEventListener)(this.playPauseAction_,this.playAndPauseStory),this.accessibilityAction_&&this.accessibilityAction_.removeEventListener("pointerdown",this.handleAccessibilityOnOff_),(0,u.removeClickEventListener)(t,this.handleSoundStory_),s.removeEventListener("pointerup",this.renderShareWidget)}},{key:"onVideoShown_",value:function(){var e=(0,t.default)(a.default.mark(function e(){var t,s,i=this;return a.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.globalInstanceData.storylyEmbed.init||this.globalInstanceData.storylyEmbed.canPlay){e.next=2;break}return e.abrupt("return");case 2:if(t=this.videoAsset_.querySelector("source"),s=this.videoAsset_.querySelector("source").dataset.src,!(0,u.isLiveVideo)(this.storyData_.video_type)){e.next=10;break}return e.next=7,(0,b.default)({source:s,tag:this.videoAsset_,thumbnail:this.storyData_.thumbnail_url});case 7:this.hls_=e.sent,e.next=12;break;case 10:t.src=s,this.videoAsset_.load();case 12:this.videoAsset_.oncanplay=function(){i.videoPausedPromise_?i.videoPausedPromise_.then(function(){i.videoPlayedPromise_=i.videoAsset_.play()}):i.videoPlayedPromise_=i.videoAsset_.play()};case 13:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"loadLayers_",value:function(){var e=(0,t.default)(a.default.mark(function e(){var s=this;return a.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:this.layers_.forEach(function(){var e=(0,t.default)(a.default.mark(function e(t){var i,r,o,n,d,u,h,y,c,_,p,v,b,m,f,A,D;return a.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(i=t,r={layer:t,group:s.group_,story:s.story_,storyDom:s.layersContainer_,instanceId:s.instanceId_},t.type!==l.LayerTemplateTypes.IMAGE||!t.bg_color&&!t.gradient_colors){e.next=8;break}return s.isBlankStory_=!0,e.next=6,require("_bundle_loader")(require.resolve("../../../layers/BlankStory/index.ts"));case 6:o=e.sent.default,i.instance=new o(S({},r));case 8:if(t.type!==l.LayerTemplateTypes.EMOJI){e.next=13;break}return e.next=11,require("_bundle_loader")(require.resolve("../../../layers/Emoji/index.ts"));case 11:n=e.sent.default,i.instance=new n(S({},r));case 13:if(t.type!==l.LayerTemplateTypes.POLL){e.next=18;break}return e.next=16,require("_bundle_loader")(require.resolve("../../../layers/Poll/index.ts"));case 16:d=e.sent.default,i.instance=new d(S({},r));case 18:if(t.type!==l.LayerTemplateTypes.RATING){e.next=23;break}return e.next=21,require("_bundle_loader")(require.resolve("../../../layers/Rating/index.ts"));case 21:u=e.sent.default,i.instance=new u(S({},r));case 23:if(t.type!==l.LayerTemplateTypes.QUIZ){e.next=28;break}return e.next=26,require("_bundle_loader")(require.resolve("../../../layers/Quiz/index.ts"));case 26:h=e.sent.default,i.instance=new h(S({},r));case 28:if(t.type!==l.LayerTemplateTypes.COUNTDOWN){e.next=33;break}return e.next=31,require("_bundle_loader")(require.resolve("../../../layers/Countdown/index.ts"));case 31:y=e.sent.default,i.instance=new y(S({},r));case 33:if(t.type!==l.LayerTemplateTypes.IMAGE_CTA){e.next=38;break}return e.next=36,require("_bundle_loader")(require.resolve("../../../layers/ImageCTA/index.ts"));case 36:c=e.sent.default,i.instance=new c(S(S({},r),{},{type:l.LayerTemplateTypes.IMAGE_CTA}));case 38:if(t.type!==l.LayerTemplateTypes.BUTTON&&t.type!==l.LayerTemplateTypes.SWIPE||(i.instance=new g.default(S(S({},r),{},{type:t.type===l.LayerTemplateTypes.BUTTON?l.LayerTemplateTypes.BUTTON:l.LayerTemplateTypes.SWIPE}))),t.type!==l.LayerTemplateTypes.IMAGE||!(t.image_path||t.video_path||t.image_url)){e.next=44;break}return e.next=42,require("_bundle_loader")(require.resolve("../../../layers/Media/index.ts"));case 42:_=e.sent.default,i.instance=new _(S(S({},r),{},{mediaHost:s.group_.media_host}));case 44:if(t.type!==l.LayerTemplateTypes.TEXT){e.next=49;break}return e.next=47,require("_bundle_loader")(require.resolve("../../../layers/Text/index.ts"));case 47:p=e.sent.default,i.instance=new p(S({},r));case 49:if(t.type!==l.LayerTemplateTypes.PRODUCT_TAG){e.next=54;break}return e.next=52,require("_bundle_loader")(require.resolve("../../../layers/ProductTag/index.ts"));case 52:v=e.sent.default,i.instance=new v(S({},r));case 54:if(t.type!==l.LayerTemplateTypes.PROMO_CODE){e.next=59;break}return e.next=57,require("_bundle_loader")(require.resolve("../../../layers/PromoCode/index.ts"));case 57:b=e.sent.default,i.instance=new b(S({},r));case 59:if(t.type!==l.LayerTemplateTypes.QUESTION){e.next=64;break}return e.next=62,require("_bundle_loader")(require.resolve("../../../layers/Question/index.ts"));case 62:m=e.sent.default,i.instance=new m(S(S({},r),{},{storiesContainer:s.storiesContainer_}));case 64:if(t.type!==l.LayerTemplateTypes.PRODUCT_CARD){e.next=69;break}return e.next=67,require("_bundle_loader")(require.resolve("../../../layers/ProductCard/index.ts"));case 67:f=e.sent.default,i.instance=new f(S({},r));case 69:if(t.type!==l.LayerTemplateTypes.PRODUCT_CATALOG){e.next=74;break}return e.next=72,require("_bundle_loader")(require.resolve("../../../layers/ProductCatalog/index.ts"));case 72:A=e.sent.default,i.instance=new A(S({},r));case 74:if(t.type!==l.LayerTemplateTypes.IMAGE_QUIZ){e.next=79;break}return e.next=77,require("_bundle_loader")(require.resolve("../../../layers/ImageQuiz/index.ts"));case 77:D=e.sent.default,i.instance=new D(S({},r));case 79:(i.start_time||i.end_time)&&(i.instance.hideLayer(),s.timedLayers_.push(i));case 80:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}());case 1:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"handleProgressBar_",value:function(){var e=this;if((!this.globalInstanceData.storylyEmbed.init||this.globalInstanceData.storylyEmbed.autoPlay)&&!this.progressInterval_){this.progressCount_=0;var t=this.progressDoms_[this.key_].querySelector("span");if((0,u.isLiveVideo)(this.storyData_.video_type))return this.progressCount_=100,void(0,d.setStyle)(t,["width","".concat(this.progressCount_,"%")]);this.progressInterval_=setInterval(function(){e.progressPaused_||(e.progressTime_+=.1,e.storyProgressRemain_-=.1,e.handleProgress_(),e.videoAsset_?e.play():e.handleLayersVisibility_(),e.progressCount_=100*e.progressTime_/e.storyProgressSecond_,e.progressCount_<=100&&(0,d.setStyle)(t,["width","".concat(e.progressCount_,"%")]))},100)}}},{key:"handleLayersVisibility_",value:function(){var e=this;if(!this.progressPaused_||this.videoAsset_){var t=1e3*(this.videoAsset_?this.videoAsset_.currentTime:this.progressTime_);this.timedLayers_.forEach(function(s){var i=s.start_time?1e3*s.start_time-300:0,a=s.end_time?1e3*s.end_time:e.videoAsset_?1e3*e.videoAsset_.duration:1e3*e.storyProgressSecond_;t>=i&&t<=a?s.instance.showLayer():s.instance.hideLayer()})}}},{key:"handleProgress_",value:function(){this.storyProgressRemain_<=0&&!this.globalInstanceData.accessibility&&((0,u.createAndDispatchEvent)(this.storyDom_,"onNextStory"),clearInterval(this.progressInterval_))}},{key:"handleStoryActions_",value:function(){var e=this.storiesContainer_.querySelector(".storyly__story-actions"),t=e.querySelector('button[data-type="sound"]'),s=e.querySelector('button[data-type="share"]');this.playPauseAction_=e.querySelector('button[data-type="play-pause"]'),(0,u.isMobileView)()?((0,u.setAttribute)(this.playPauseAction_,"hidden",!0),this.accessibilityAction_=this.storiesContainer_.querySelector(".accessibility-switch-button"),this.accessibilityAction_&&this.accessibilityAction_.addEventListener("pointerdown",this.handleAccessibilityOnOff_)):(0,u.removeAttribute)(this.playPauseAction_,"hidden");var i=e.querySelector('button[data-type="close"]');(this.globalInstanceData.storylyEmbed.init&&this.globalInstanceData.storylyEmbed.closeButton||(0,u.isMobileView)())&&((0,u.removeAttribute)(i,"hidden"),(0,u.setClickEventListener)(i,this.handleCloseGroup_)),this.playPauseAction_.classList.replace("play","pause"),(0,u.setClickEventListener)(this.playPauseAction_,this.playAndPauseStory),this.videoAsset_?((0,u.removeAttribute)(t,"hidden"),(0,u.setClickEventListener)(t,this.handleSoundStory_)):(0,u.setAttribute)(t,"hidden",!0),!this.globalInstanceData.videoMuted&&this.videoAsset_?(this.videoAsset_.muted=!1,this.soundOn_=!0,t.classList.replace("sound-off","sound-on")):this.videoAsset_&&(this.videoAsset_.muted=!0,this.soundOn_=!1,t.classList.replace("sound-on","sound-off"));var a=this.story_.is_sharable,r=this.globalInstanceData.storylyEmbed.init&&this.globalInstanceData.storylyEmbed.shareButton;a&&!r?this.handleShareButton_(s):a&&r&&this.handleShareButton_(s)}},{key:"handleShareButton_",value:function(e){var t,s=null===(t=r.default.name)||void 0===t?void 0:t.toLocaleLowerCase();this.osFamily_===o.default.IOS||s===n.default.SAFARI?e.classList.add("share-ios"):e.classList.add("share-android"),(0,u.removeAttribute)(e,"hidden"),e.addEventListener("pointerup",this.renderShareWidget)}},{key:"handleCloseGroup_",value:function(){(0,u.createAndDispatchEvent)(this.storyDom_,"onCloseGroup")}},{key:"handleSoundStory_",value:function(e){var t=this;if(!(0,u.videoHasAudio)(this.videoAsset_)){var s=(0,u.generateHtmlFromTemplate)(f.default);return this.storyDom_.append(s),void setTimeout(function(){t.storyDom_.removeChild(s)},1e3)}var i=e.target,a="sound-on",r="sound-off";i.classList.contains("sound-off")?((0,p.readAccessibilityText)(this.storyDom_,this.globalInstanceData.languageJSON.a11y_story_unmuted),i.setAttribute("aria-label",this.globalInstanceData.languageJSON.a11y_mute_story),this.soundOn_=!0,this.soundOn(),this.globalInstanceData.videoMuted=!1):((0,p.readAccessibilityText)(this.storyDom_,this.globalInstanceData.languageJSON.a11y_story_muted),i.setAttribute("aria-label",this.globalInstanceData.languageJSON.a11y_unmute_story),this.soundOn_=!1,this.soundOff(),a="sound-off",r="sound-on",this.globalInstanceData.videoMuted=!0),i.classList.replace(r,a)}},{key:"handleAccessibilityAltText_",value:function(){if((0,u.setAttribute)(this.storyDom_,"tabindex","20"),(0,u.setAttribute)(this.storyDom_,"aria-hidden","false"),this.osFamily_===o.default.IOS){var e=this.storiesContainer_.querySelector(".storyly__sg-info");(0,u.setAttribute)(e,"aria-hidden","false"),(0,u.setAttribute)(e,"aria-label",this.story_.alt_text||this.globalInstanceData.languageJSON.a11y_empty_alt_text),(0,u.removeAttribute)(this.storyDom_,"aria-label")}this.globalInstanceData.accessibility&&this.accessibilityAction_&&(0,u.setAttribute)(this.accessibilityAction_,"aria-label",this.globalInstanceData.languageJSON.a11y_disable_accessibility)}},{key:"handleAccessibilityFocus_",value:function(){var e=this;!(0,u.isMobileView)()||!this.globalInstanceData.storiesHasAltText||this.osFamily_===o.default.IOS&&this.globalInstanceData.accessibility||(this.globalInstanceData.accessibility?setTimeout(function(){e.storyDom_.focus()},500):(this.accessibilityAction_.blur(),setTimeout(function(){e.accessibilityAction_.focus()},500)))}},{key:"exposeAccessibilityElements_",value:function(){this.storyDom_.querySelectorAll(".cta-button").forEach(function(e){(0,u.setAttribute)(e,"tabindex","21"),(0,u.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,u.setAttribute)(e,"tabindex","21"),(0,u.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,u.setAttribute)(e,"tabindex","21"),(0,u.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,u.setAttribute)(e,"tabindex","22")}),(0,u.setAttribute)(e,"tabindex","22"),(0,u.setAttribute)(e,"aria-hidden","false")})}},{key:"hideAccessibilityElements_",value:function(){this.storyDom_.querySelectorAll(".cta-button").forEach(function(e){(0,u.removeAttribute)(e,"tabindex"),(0,u.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,u.removeAttribute)(e,"tabindex"),(0,u.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,u.removeAttribute)(e,"tabindex"),(0,u.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,u.removeAttribute)(e,"tabindex")}),(0,u.removeAttribute)(e,"tabindex"),(0,u.setAttribute)(e,"aria-hidden","true")})}},{key:"handleAccessibilityOnOff_",value:function(e){var t=e.target,s="true"===t.getAttribute("data-pressed");e.target.setAttribute("data-pressed",String(!s)),this.globalInstanceData.accessibility?(this.storyDom_.hasAttribute("paused")?this.play():this.handleProgressBar_(),(0,p.readAccessibilityText)(this.storyDom_,"Accessibility is off"),t.setAttribute("aria-label",this.globalInstanceData.languageJSON.a11y_dtap_enable_accessibility),_.default.setItemToGlobal("accessibilitiy",!1),this.globalInstanceData.accessibility=!1,(0,u.createAndDispatchEvent)(this.storyDom_,"onAccessibilityTriggered",{accessibilityEnabled:!1})):(this.globalInstanceData.accessibility=!0,(0,p.readAccessibilityText)(this.storyDom_,"Accessibility is on"),this.pause(),t.setAttribute("aria-label",this.globalInstanceData.languageJSON.a11y_disable_accessibility),_.default.setItemToGlobal("accessibilitiy",!0),(0,u.createAndDispatchEvent)(this.storyDom_,"onAccessibilityTriggered",{accessibilityEnabled:!0}))}},{key:"sendStoryViewedEvent_",value:function(){var e=S({},this.getStoryData());(0,u.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:y.CustomerEventTypes.onStoryViewed,params:e})}},{key:"renderShareWidget",value:function(){var e=(0,t.default)(a.default.mark(function e(){return a.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,m.default)({dom:this.storyDom_,group:this.group_,story:this.story_,playAndPauseStory:this.playAndPauseStory.bind(this)});case 2:this.shareWidget_=e.sent;case 3:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"soundOn",value:function(){this.videoAsset_.muted=!1}},{key:"soundOff",value:function(){this.videoAsset_.muted=!0}},{key:"pause",value:function(){var e=this;arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.hideShareWidget(),this.progressPaused_=!0,this.storyDom_.setAttribute("paused",""),this.videoAsset_&&(this.videoPlayedPromise_?this.videoPlayedPromise_.then(function(){e.videoPausedPromise_=e.videoAsset_.pause()}):this.videoPausedPromise_=this.videoAsset_.pause())}},{key:"play",value:function(){var e=this;arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.playPauseAction_.classList.contains("play")&&this.playPauseAction_.classList.replace("play","pause"),this.progressPaused_=!1,this.storyDom_.removeAttribute("paused"),this.videoAsset_&&!(0,u.isVideoPlaying)(this.videoAsset_)&&(this.videoPausedPromise_?this.videoPausedPromise_.then(function(){e.videoPlayedPromise_=e.videoAsset_.play()}):this.videoPlayedPromise_=this.videoAsset_.play())}},{key:"playAndPauseStory",value:function(){if(!this.globalInstanceData.accessibility){var e="play",t="pause";this.playPauseAction_.classList.contains("pause")?((0,p.readAccessibilityText)(this.storyDom_,"Story Paused"),this.pause(),(0,u.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{eventType:y.EventTypes.Paused})):((0,p.readAccessibilityText)(this.storyDom_,"Story Resumed"),this.playPauseAction_.setAttribute("aria-label",this.globalInstanceData.languageJSON.a11y_pause_story),this.play(),(0,u.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{eventType:y.EventTypes.Resumed}),e="pause",t="play"),this.playPauseAction_.classList.replace(t,e)}}},{key:"pauseByTouch",value:function(){this.pause(),(0,d.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",0])}},{key:"playAfterTouch",value:function(){(0,d.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",1]),this.play(),clearInterval(this.touchTimeout)}},{key:"playByEmbed",value:function(){this.videoAsset_?this.onVideoShown_():this.handleProgressBar_()}},{key:"handleStoryTitleOnChange_",value:function(){var e=this.story_.title;e&&(this.storiesContainer_.querySelector(".storyly__sg-info h4").textContent=e)}},{key:"show",value:function(){this.storyDom_.setAttribute("show",""),this.handleStoryActions_(),this.handleStoryTitleOnChange_(),this.exposeAccessibilityElements_(),this.handleAccessibilityAltText_(),this.progressPaused_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,(0,d.removeClass)(this.progressDoms_[this.key_],"seen"),(0,u.updateStorylyUrlParams)(this.group_.group_id,this.story_.story_id,this.globalInstanceData.shareParams),this.videoAsset_?this.onVideoShown_():(this.isBlankStory_||this.imageAssetLoaded_)&&this.handleProgressBar_(),this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.autoPlay&&(0,d.setStyle)(this.progressDoms_[this.key_].querySelector("span"),["width","100%"]),this.globalInstanceData.accessibility&&this.playPauseAction_&&(0,d.setStyle)(this.playPauseAction_,["display","none"]),(0,d.setClass)(this.progressDoms_[this.key_],"active"),(0,d.setClass)(this.storyDom_,"active"),this.sendStoryViewedEvent_(),this.handleAccessibilityFocus_()}},{key:"hide",value:function(){var e,t=this,s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=s.isBack,a=void 0!==i&&i,r=s.holdActive,o=void 0!==r&&r;this.storyDom_.removeAttribute("show"),this.storyDom_.hasAttribute("paused")&&this.storyDom_.removeAttribute("paused"),this.videoSeekbar_&&this.videoSeekbar_.hide(),(0,u.setAttribute)(this.storyDom_,"aria-hidden","true"),(0,u.setAttribute)(this.storyDom_,"tabindex","-1"),this.hideAccessibilityElements_(),clearInterval(this.progressInterval_),clearInterval(this.startInterval_),this.progressInterval_=null,this.startInterval_=null,this.progressStarted_=!1,this.videoAsset_&&(this.videoAsset_.currentTime=0,this.videoPlayedPromise_?this.videoPlayedPromise_.then(function(){t.videoPausedPromise_=t.videoAsset_.pause()}):this.videoPausedPromise_=this.videoAsset_.pause(),this.videoAsset_.querySelector("source").src="",this.videoAsset_.load()),this.removeEvents_(),this.progressPaused_=!0,(0,d.removeClass)(this.progressDoms_[this.key_],"active"),o||(0,d.removeClass)(this.storyDom_,"active"),(0,d.resetStyle)(this.progressDoms_[this.key_].querySelector("span"),["transition","width"]),a?(0,d.removeClass)(this.progressDoms_[this.key_],"seen"):(0,d.setClass)(this.progressDoms_[this.key_],"seen"),null===(e=this.shareWidget_)||void 0===e||e.hide(),this.timedLayers_.forEach(function(e){return e.instance.hideLayer()})}},{key:"getWatchLength",value:function(){var e=this.storyProgressRemain_<0?0:Math.round(this.storyProgressRemain_);return 1e3*(Math.round(this.storyProgressSecond_)-e)}},{key:"getProgressPausedStatus",value:function(){return this.progressPaused_}},{key:"getStoryData",value:function(){var e=(0,u.getStoryMedia)({host:this.group_.media_host,story:this.storyData_});return{story_id:this.story_.story_id,media:e,group:this.group_,index:this.key_}}},{key:"sendStoryClickedEvent",value:function(e){var t=S({},this.getStoryData());(0,u.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:"next"===e?y.CustomerEventTypes.onNextStory:y.CustomerEventTypes.onPreviousStory,params:t})}},{key:"setKey",value:function(e){this.key_=e}},{key:"setProgressTime",value:function(e){this.progressTime_=+e.toFixed(1)}},{key:"hideShareWidget",value:function(){this.shareWidget_&&this.shareWidget_.hide()}}]),e}(),T=P;exports.default=T;
-},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","platform":"kohK","../../../constants/os":"Ms5h","../../../constants/browsers":"ev02","../../../constants/layerTypes":"aJRz","../../../lib/style":"vgU2","../../../lib/util":"PesM","../templates/story":"k65U","../../../constants/events":"d0lR","../../../constants/directions":"w67G","../../../lib/storage":"NA5d","../../../service":"hs1C","../../../lib/proxy":"qmVm","../../../service/HlsPlayer":"LJ77","../../../components/ShareWidget":"YKVc","../../../components/AudioNotification":"uO1E","../../../layers/CTA/index.ts":"z87C","_bundle_loader":"TUK3","../../../components/VideoSeekBar":[["VideoSeekBar.8e29e7fa.js","WHTK"],"WHTK"],"../../../layers/BlankStory/index.ts":[["BlankStory.b4528b8e.js","PKaq"],"PKaq"],"../../../layers/Emoji/index.ts":[["Emoji.e810e2f1.js","Enlc"],"Enlc"],"../../../layers/Poll/index.ts":[["Poll.23ce7e61.js","AIfF"],"AIfF"],"../../../layers/Rating/index.ts":[["Rating.16308646.js","a03J"],"a03J"],"../../../layers/Quiz/index.ts":[["Quiz.7bf48de1.js","LZ2c"],"LZ2c"],"../../../layers/Countdown/index.ts":[["Countdown.2e75d7ea.js","E52t"],"E52t"],"../../../layers/ImageCTA/index.ts":[["ImageCTA.257c6604.js","sPCL"],"sPCL"],"../../../layers/Media/index.ts":[["Media.41236019.js","pb6u"],"pb6u"],"../../../layers/Text/index.ts":[["Text.82b687f2.js","rMyZ"],"rMyZ"],"../../../layers/ProductTag/index.ts":[["ProductTag.0166b11b.js","uL9x"],"uL9x"],"../../../layers/PromoCode/index.ts":[["PromoCode.ff2688bf.js","frVD"],"frVD"],"../../../layers/Question/index.ts":[["Question.80e76622.js","ViyD"],"ViyD"],"../../../layers/ProductCard/index.ts":[["ProductCard.5c01fe58.js","hLJa"],"hLJa"],"../../../layers/ProductCatalog/index.ts":[["ProductCatalog.e239b2ee.js","xEIM"],"xEIM"],"../../../layers/ImageQuiz/index.ts":[["ImageQuiz.729376e4.js","fLIm"],"fLIm"]}],"YcfY":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=v(require("@babel/runtime/helpers/defineProperty")),t=v(require("@babel/runtime/helpers/asyncToGenerator")),r=v(require("@babel/runtime/helpers/classCallCheck")),s=v(require("@babel/runtime/helpers/createClass")),i=v(require("@babel/runtime/regenerator")),o=v(require("../Story")),n=v(require("../../../components/BottomSheet")),a=v(require("../../../constants/playmode")),l=require("../../../lib/style"),h=require("../../../lib/util"),d=v(require("../../../lib/storage")),u=v(require("../templates/storyHeader")),c=v(require("../templates/storyProgress")),p=require("../../../lib/icons"),y=require("../../../constants/events"),_=v(require("../../../lib/proxy"));function v(e){return e&&e.__esModule?e:{default:e}}function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,s)}return r}function m(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?g(Object(s),!0).forEach(function(r){(0,e.default)(t,r,s[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):g(Object(s)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))})}return t}var b=function(){function e(t,s,i){(0,r.default)(this,e),this.group_=t,this.key_=s,this.storyInstances_=[],this.progressDoms_=[],this.activeStoryIndex_=0,this.lastSeenStoryIndex_=0,this.playable_=!0,this.loadded_=!1,this.groupWrapper_=null,this.stories_=this.group_.stories,this.instanceId_=i,this.attachCallbacksToElement_(),d.default.setInstanceId(this.instanceId_),this.handleConditionalStories()}return(0,s.default)(e,[{key:"attachCallbacksToElement_",value:function(){this.nextStory=this.nextStory.bind(this),this.prevStory=this.prevStory.bind(this),this.hide=this.hide.bind(this),this.handleClickEmbedPlay_=this.handleClickEmbedPlay_.bind(this)}},{key:"render",value:function(){this.groupWrapper_=document.createElement("div"),(0,l.setClass)(this.groupWrapper_,["storyly__story-group","swiper-slide"]),(0,h.setAttribute)(this.groupWrapper_,"aria-hidden","true"),(0,h.setAttribute)(this.groupWrapper_,"role","presentation"),this.playable_&&(0,h.setAttribute)(this.groupWrapper_,"playable",this.playable_),this.groupWrapper_.dataset.id=this.group_.group_id,this.storiesContainer_=document.createElement("div"),(0,l.setClass)(this.storiesContainer_,"storyly__stories-container"),this.groupWrapper_.appendChild(this.storiesContainer_);var e=_.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,this.globalInstanceData.storylyEmbed.init&&this.renderEmbedAssets_(),this.renderBottomSheet_(),this.renderProductCart_(),Promise.resolve(this.groupWrapper_)}},{key:"handleConditionalStories",value:function(e){var t=this,r=d.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_componentsData"),s=[];return this.stories_.forEach(function(e){e.conditions?e.conditions.every(function(e){return e.some(function(e){var t=r[e.i];return void 0!==t&&t===+e.r.p})})&&s.push(e):s.push(e)}),e&&s.forEach(function(e,r){-1===t.group_.stories.findIndex(function(t){return t.story_id===e.story_id})&&t.createStoryAndProgress_(e,r)}),this.group_.stories=s,Promise.resolve(s)}},{key:"createStoryAndProgress_",value:function(e,t){var r=(0,h.generateHtmlFromTemplate)((0,c.default)()),s=this.storiesContainer_.querySelector(".progress-wrapper"),i=new o.default({story:e,key:t,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_});this.storyInstances_.splice(t,0,i),this.storyInstances_.forEach(function(e,t){return e.setKey(t)}),this.activeStoryIndex_>=t&&(this.activeStoryIndex_+=1,(0,l.setClass)(r,"seen")),s.querySelectorAll(".progress")[t]?0===t?s.querySelectorAll(".progress")[t].before(r):s.querySelectorAll(".progress")[t-1].after(r):s.appendChild(r),this.progressDoms_.splice(t,0,r),this.renderStories_()}},{key:"renderProductCart_",value:function(){var e=(0,t.default)(i.default.mark(function e(){var t,r,s,o;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=(0,h.getProductLayers)(this.group_),r=_.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal(),s=r.isStorylyCartActive,!t.length||!s){e.next=9;break}return e.next=5,require("_bundle_loader")(require.resolve("../../../components/StoryCart"));case 5:return e.next=7,e.sent.default;case 7:o=e.sent,this.storylyCart=new o({instanceId:this.instanceId_,parentDom:this.groupWrapper_});case 9:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"renderBottomSheet_",value:function(){var e=this;this.bottomSheet_=new n.default({parentDom:this.groupWrapper_,instanceId:this.instanceId_}),this.groupWrapper_.addEventListener("onBottomSheetOpen",function(t){var r=t.detail;e.bottomSheet_.activate(r.body,r.footer,r.rerender)}),this.groupWrapper_.addEventListener("onBottomSheetClose",function(){return e.bottomSheet_.deactivate()})}},{key:"renderEmbedAssets_",value:function(){this.playable_=!1,this.embedContainer_=document.createElement("div");var e=(0,h.generateHtmlFromTemplate)(p.embedPlayIcon),t=(0,h.generateHtmlFromTemplate)(p.embedRePlayIcon);t.classList.add("re-play-icon"),e.classList.add("play-icon"),(0,l.setClass)(this.embedContainer_,["storyly__embed-play-container","play"]),this.embedContainer_.appendChild(e),this.embedContainer_.appendChild(t),(0,h.setClickEventListener)(this.embedContainer_,this.handleClickEmbedPlay_),(0,h.stopEventBubbling)(this.embedContainer_,"click"),(0,h.stopEventBubbling)(this.embedContainer_,"pointerdown"),(0,h.stopEventBubbling)(this.embedContainer_,"pointerup"),(0,h.stopEventBubbling)(this.embedContainer_,"pointermove"),this.groupWrapper_.appendChild(this.embedContainer_)}},{key:"handleClickEmbedPlay_",value:function(){this.playable_=!0,this.globalInstanceData.storylyEmbed.canPlay=!0,(0,h.removeAttribute)(this.groupWrapper_,"playable"),(0,h.removeAttribute)(this.groupWrapper_,"replay"),this.storyInstances_[this.activeStoryIndex_].playByEmbed()}},{key:"handleEmbedReplay_",value:function(){var e=this.storyInstances_[this.activeStoryIndex_];this.playable_=!1,(0,h.setAttribute)(this.groupWrapper_,"playable",this.playable_),(0,h.setAttribute)(this.groupWrapper_,"replay",this.playable_),e.hide({isBack:!0}),this.activeStoryIndex_=0,this.loadState_(),this.progressDoms_.forEach(function(e){(0,l.removeClass)(e,"seen")}),this.globalInstanceData.storylyEmbed.canPlay=!1,this.show()}},{key:"renderStoryHeader_",value:function(){var e,t=(0,h.generateHtmlFromTemplate)((0,u.default)(this.group_,this.instanceId_,this.globalInstanceData));t.querySelector(".storyly__sg-info h4").innerText=this.group_.title,null===(e=this.storiesContainer_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.storiesContainer_.prepend(t),(0,h.stopEventBubbling)(t),(0,h.isMobileView)()&&((0,h.stopEventBubbling)(t,this.globalInstanceData.storylyEmbed.init?"pointerdown":"touchstart"),(0,h.stopEventBubbling)(t,this.globalInstanceData.storylyEmbed.init?"pointerup":"touchend"),(0,h.stopEventBubbling)(t,"touchmove")),this.renderProgressLines_(t)}},{key:"renderAccessibilityButton_",value:function(){if(this.globalInstanceData.storiesHasAltText&&(0,h.isMobileView)()){var e=this.globalInstanceData.accessibility,t=document.createElement("button");t.classList.add("accessibility-switch-button"),t.setAttribute("data-pressed",e),t.setAttribute("data-i18n-key",e?"a11y_disable_accessibility":"a11y_dtap_enable_accessibility");var r=(0,h.generateHtmlFromTemplate)(p.accessibilityIcon);t.appendChild(r),(0,h.stopEventBubbling)(t,"touchstart"),(0,h.stopEventBubbling)(t,"touchend"),this.storiesContainer_.prepend(t)}}},{key:"renderProgressLines_",value:function(e){var t=document.createElement("div");(0,l.setClass)(t,"progress-wrapper");for(var r=this.group_.stories.length,s=0;s<r;s+=1){var i=(0,h.generateHtmlFromTemplate)((0,c.default)());s<this.activeStoryIndex_&&(0,l.setClass)(i,"seen"),t.appendChild(i),this.progressDoms_.push(i)}e.prepend(t)}},{key:"prevStory",value:function(){var e=this;if(this.playable_)if(this.globalInstanceData.shareParams.playMode!==a.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var t=this.storyInstances_[this.activeStoryIndex_];if(0===this.activeStoryIndex_)return(0,h.createAndDispatchEvent)(this.groupWrapper_,"onPrevGroup"),void(0!==this.key_&&t.hide({holdActive:!0,isBack:!0}));t.hide({isBack:!0}),this.bottomSheet_.deactivate(),this.storyState_().remove(),this.activeStoryIndex_-=1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.renderStories_().then(function(){e.storyInstances_[e.activeStoryIndex_].show(),(0,h.createAndDispatchEvent)(e.groupWrapper_,"onStoryImpression")})}else(0,h.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"nextStory",value:function(){var e=this;if(this.playable_)if(this.globalInstanceData.shareParams.playMode!==a.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var t=this.storyInstances_[this.activeStoryIndex_];if(this.group_.stories.length-1===this.activeStoryIndex_)return this.globalInstanceData.storylyEmbed.init?void this.handleEmbedReplay_():(this.storyState_().add(),(0,h.createAndDispatchEvent)(this.groupWrapper_,"onNextGroup"),void t.hide({isBack:!0}));this.bottomSheet_.deactivate(),t.hide(),this.activeStoryIndex_+=1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.storyState_().add(),this.renderStories_().then(function(){e.storyInstances_[e.activeStoryIndex_].show(),(0,h.createAndDispatchEvent)(e.groupWrapper_,"onStoryImpression"),(0,h.createAndDispatchEvent)(e.groupWrapper_,"onStoryComplete")})}else(0,h.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"renderStories_",value:function(){var e,t=this;if(0===(null!==(e=this.group_.stories)&&void 0!==e?e:[]).length)return Promise.reject();var r=this.activeStoryIndex_-1,s=this.activeStoryIndex_+1,i=this.activeStoryIndex_,n=this.group_.stories.length-1,a=[];return r>=0&&!this.storyInstances_[r]&&a.push({story:this.group_.stories[r],key:r}),i>=0&&!this.storyInstances_[i]&&a.push({story:this.group_.stories[i],key:i}),s<=n&&!this.storyInstances_[s]&&a.push({story:this.group_.stories[s],key:s}),a.forEach(function(e){var r=e.story,s=e.key;t.storyInstances_[s]=new o.default({story:r,key:s,group:t.group_,storiesContainer:t.storiesContainer_,progressDoms:t.progressDoms_,instanceId:t.instanceId_})}),(0,l.setClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),Promise.resolve()}},{key:"loadState_",value:function(){var e=this.storyState_().get();this.activeStoryIndex_=e}},{key:"storyState_",value:function(){var e=this,t=this.group_.group_id;return{add:function(){var r,s=d.default.getItemFromInstance("Storyly_story-state"),i=e.group_.stories[e.activeStoryIndex_];(null===(r=s[t])||void 0===r?void 0:r.some(function(e){return e.storyId===i.story_id}))||(s[t]?s[t].push({storyIndex:e.activeStoryIndex_,storyId:i.story_id,time:Date.now()}):s[t]=[{storyIndex:e.activeStoryIndex_,storyId:i.story_id,time:Date.now()}],d.default.setItemToInstance("Storyly_story-state",s))},remove:function(r){var s,i=d.default.getItemFromInstance("Storyly_story-state"),o=e.group_.stories[e.activeStoryIndex_].story_id;r&&(o=r);var n=null===(s=i[t])||void 0===s?void 0:s.filter(function(e){return e.storyId!==o});i[t]=null!=n?n:{},d.default.setItemToInstance("Storyly_story-state",i)},get:function(){var r=m({},d.default.getItemFromInstance("Storyly_story-state")||{}),s=0;if(r[t]){var i,o=!0,n=r[t].map(function(e){return e.storyId});return e.group_.stories.forEach(function(e,t){"number"!=typeof i?n.includes(e.story_id)||(i=t,o=!1):o=!1}),o?0:(s=i)>=0?s:(n.forEach(function(t){var r=e.group_.stories.findIndex(function(e){return e.story_id===t});r>=0?s=r:e.storyState_().remove(t)}),s)}return s}}}},{key:"handleProgressBarByParameters_",value:function(e){for(var t=this.progressDoms_.length,r=0;r<t;r+=1)r<e?(0,l.setClass)(this.progressDoms_[r],"seen"):(0,l.removeClass)(this.progressDoms_[r],"seen")}},{key:"sendGroupViewedEvent_",value:function(){var e=m({},this.group_);(0,h.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:y.CustomerEventTypes.onStoryGroupViewed,params:e})}},{key:"show",value:function(){var e;this.sendGroupViewedEvent_(),this.storyInstances_[this.activeStoryIndex_].show(),this.storyState_().add(),null===(e=this.storylyCart)||void 0===e||e.refresh()}},{key:"load",value:function(){this.loadded_||(this.group_.nudge||this.loadState_(),this.storyInstances_=[],this.progressDoms_=[],this.renderStoryHeader_(),this.renderStories_(),this.renderAccessibilityButton_(),this.loadded_=!0)}},{key:"loadByParameters",value:function(e){this.load(),(0,l.removeClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),this.activeStoryIndex_=e,this.loadedByParameters_=!0;var t=this.group_.stories[e].story_id;this.storiesContainer_.querySelector('[data-story-id="'.concat(t,'"]'))||(this.storyInstances_[e]=new o.default({story:this.group_.stories[e],key:e,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_})),this.handleProgressBarByParameters_(e)}},{key:"unLoad",value:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).holdActive,t=void 0!==e&&e,r=this.group_.stories.length-1===this.activeStoryIndex_;this.storyInstances_[this.activeStoryIndex_].hide({holdActive:!r&&!this.loadedByParameters_&&t}),this.bottomSheet_.deactivate(),this.loadedByParameters_&&(this.loadState_(),this.loadedByParameters_=!1,this.handleProgressBarByParameters_(this.activeStoryIndex_)),r&&(this.activeStoryIndex_=0,this.storyInstances_[0]||(this.storyInstances_[0]=new o.default({story:this.group_.stories[0],key:0,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_})),this.progressDoms_.forEach(function(e){(0,l.removeClass)(e,"seen")}))}},{key:"hide",value:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).holdActive,t=void 0!==e&&e;this.unLoad({holdActive:t}),this.globalInstanceData.shareParams={}}},{key:"getActiveStory",value:function(){var e,t=this.storyInstances_[this.activeStoryIndex_];return m(m({},null!==(e=this.group_.stories[this.activeStoryIndex_])&&void 0!==e?e:{}),{},{storyIndex:this.activeStoryIndex_,instance:t})}},{key:"getPrevStory",value:function(){var e,t=this.storyInstances_[this.activeStoryIndex_-1];return m(m({},null!==(e=this.group_.stories[this.activeStoryIndex_-1])&&void 0!==e?e:{}),{},{instance:t})}},{key:"setKey",value:function(e){this.key_=e}},{key:"isAllStoriesSeen",value:function(){return this.group_.stories.length-1===this.lastSeenStoryIndex_}},{key:"sendGroupClickedEvent",value:function(e){var t=m({},this.group_);(0,h.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===e?y.CustomerEventTypes.onNextStoryGroup:y.CustomerEventTypes.onPreviousStoryGroup,params:t})}}]),e}(),I=b;exports.default=I;
-},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","../Story":"eUG5","../../../components/BottomSheet":"l2Mf","../../../constants/playmode":"Ooqf","../../../lib/style":"vgU2","../../../lib/util":"PesM","../../../lib/storage":"NA5d","../templates/storyHeader":"R5lM","../templates/storyProgress":"Otdq","../../../lib/icons":"irwm","../../../constants/events":"d0lR","../../../lib/proxy":"qmVm","_bundle_loader":"TUK3","../../../components/StoryCart":[["StoryCart.c7184f81.js","TJeL"],"TJeL"]}],"egGP":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=o(require("@babel/runtime/helpers/classCallCheck")),e=o(require("@babel/runtime/helpers/createClass")),n=o(require("../../constants/directions")),r=require("../../lib/util"),i=o(require("./Group"));require("../../layers/base");var a=o(require("../../lib/proxy"));function o(t){return t&&t.__esModule?t:{default:t}}var s=function(){function o(e,n){(0,t.default)(this,o),this.groupsOverlay_=e,this.instanceId_=n;var r=a.default.getNodeByInstanceId(n).getDataFromGlobal().globalInstanceData;this.globalInstanceData=r,this.globalInstanceData.storylyEmbed.init||this.renderGroupActions_(),this.renderGroupNavigations_=this.renderGroupNavigations_.bind(this),this.groupsOverlay_.addEventListener("onAccessibilityTriggered",this.renderGroupNavigations_)}return(0,e.default)(o,[{key:"setGroupInstance",value:function(t,e){return new i.default(t,e,this.instanceId_)}},{key:"renderGroupActions_",value:function(){var t=this,e=document.createElement("button");(0,r.setAttribute)(e,"aria-label",this.globalInstanceData.languageJSON.a11y_close),e.classList.add("storyly__mobile-view-close-story"),e.tabIndex="50",e.setAttribute("direction",this.globalInstanceData.direction),this.groupsOverlay_.appendChild(e),(0,r.stopEventBubbling)(e,"touchstart"),(0,r.setClickEventListener)(e,function(){(0,r.createAndDispatchEvent)(t.groupsOverlay_,"onCloseGroup")}),this.renderGroupNavigations_()}},{key:"renderGroupNavigations_",value:function(t){var e,i=(0,r.isMobileView)(),a=this.globalInstanceData,o=a.accessibility,s=a.direction,l=null!==(e=null==t?void 0:t.detail)&&void 0!==e?e:{},u=l.videoSeekbarEnabled,c=l.accessibilityEnabled,d=this.groupsOverlay_.querySelector(".storyly__group-container");if(!t||c||u){var b='\n        <div class="navigation-buttons show" style="'.concat(i&&!o&&!u||!i&&(o||u)?"display: none":"",'">\n          <div class="navigate-button prev-button">\n            <button data-i18n-key="a11y_prev_story_current_group" tabindex="5"></button>\n          </div>\n          <div class="navigate-button next-button">\n            <button data-i18n-key="a11y_next_story_current_group" tabindex="25"></button>\n          </div>\n        </div>\n      '),v=(0,r.generateHtmlFromTemplate)(b),p=v.querySelector(".next-button"),y=v.querySelector(".prev-button");(o||u)&&(v.classList.add("accessibility-navigation-buttons"),(0,r.stopEventBubbling)(p,"touchstart"),(0,r.stopEventBubbling)(p,"touchend"),(0,r.stopEventBubbling)(y,"touchstart"),(0,r.stopEventBubbling)(y,"touchend")),(0,r.setClickEventListener)(p,function(){return(0,r.createAndDispatchEvent)(d,s===n.default.RTL?"onPrevStory":"onNextStory")}),(0,r.setClickEventListener)(y,function(){return(0,r.createAndDispatchEvent)(d,s===n.default.RTL?"onNextStory":"onPrevStory")}),d.appendChild(v)}else{var g=d.querySelector(".navigation-buttons");d.removeChild(g)}}}]),o}(),l=s;exports.default=l;
-},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","../../constants/directions":"w67G","../../lib/util":"PesM","./Group":"YcfY","../../layers/base":"skR7","../../lib/proxy":"qmVm"}],"FheM":[function(require,module,exports) {
+parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"k65U":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/icons"),a=require("../../../lib/util"),t=exports.default=function(){var t,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{story:{}},e=i.story,o=i.type,d=i.mediaHost,c=i.thumbnail,s=i.altText,r=i.storyBg,l=e.sizing,y=e.position,u=(0,a.getStoryMedia)({host:d,story:e});"video"===o&&c&&(t=(0,a.getStoryMedia)({host:d,path:c}));var v=null;l&&(v="fill"===l?"cover":"contain");var h=y&&y.split("_").join(" ");return'\n     <div\n        class="storyly__story"\n        aria-hidden="true"\n        '.concat(s?'aria-label="'.concat(s.replace(/['"]+/g,""),'"'):'data-i18n-key="a11y_empty_alt_text"','\n        style="background: ').concat(null==r?void 0:r.bg_color,';"\n      >\n      ','\n        <div class="story-bg" tabindex="-1" aria-hidden="true">\n          '.concat("video"===o?'\n            <video\n              muted\n              onloadedmetadata="this.muted = true"\n              disablePictureInPicture\n              controlsList="nodownload"\n              playsinline\n              webkit-playsinline\n              class="story-video"\n              '.concat(t?'poster="'.concat(t,'"'):"",'\n              preload="none"\n              ').concat(v&&h?'style="object-fit: '.concat(v,"; object-position: ").concat(h,'; height: 100%"'):"",'\n            >\n              <source data-src="').concat(u,'" src="').concat(u,'" type="video/mp4">\n            </video>\n          '):'\n            <img src="'.concat(u,'" loading="lazy" ').concat(v&&h?'style="object-fit: '.concat(v,"; object-position: ").concat(h,'; height: 100%"'):"",' class="story-image" alt="Storyly Story Image" />\n          '),'\n        </div>\n        <div class="share-container">\n          <div class="share-wrapper">\n            <div class="share-header">\n              <h6 data-i18n-key="share_via"></h6>\n              <button aria-hidden="true" data-i18n-key="a11y_close" class="icon close-share">\n                ').concat((0,n.xIcon)("#fff"),'\n              </button>\n            </div>\n            <div class="get-link">\n              <div class="share-icon">\n                <button data-i18n-key="a11y_share" tabindex="-1" aria-hidden="true" class="icon">\n                  ').concat((0,n.copyLinkIcon)(),'\n                </button>\n              </div>\n              <p tabindex="-1" data-i18n-key="share_get_link" aria-hidden="true">Get Link</p>\n              </div>\n            <div class="download-media">\n              <div class="download-icon">\n                <button data-i18n-key="a11y_download" id="download_media" tabindex="-1" aria-hidden="true" class="icon download"></button>\n              </div>\n              <p tabindex="-1" data-i18n-key="download_media" aria-hidden="true">Download Media</p>\n            </div>\n          </div>\n        </div>\n        <p class="copied" aria-hidden="true">\n          <button tabindex="-1" aria-hidden="true" class="icon check"></button>\n          <span data-i18n-key="share_link_copied">Link Copied</span>\n        </p>\n      '),"\n    </div>\n  ")};
+},{"../../../lib/icons":"irwm","../../../lib/util":"PesM"}],"eUG5":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=c(require("@babel/runtime/helpers/defineProperty")),r=c(require("@babel/runtime/helpers/classCallCheck")),t=c(require("@babel/runtime/helpers/createClass")),n=c(require("@babel/runtime/helpers/get")),u=c(require("@babel/runtime/helpers/inherits")),l=c(require("@babel/runtime/helpers/possibleConstructorReturn")),o=c(require("@babel/runtime/helpers/getPrototypeOf")),i=c(require("../../BaseStory")),a=c(require("../templates/story"));function c(e){return e&&e.__esModule?e:{default:e}}function s(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function f(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach(function(t){(0,e.default)(r,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))})}return r}function p(e){var r=b();return function(){var t,n=(0,o.default)(e);if(r){var u=(0,o.default)(this).constructor;t=Reflect.construct(n,arguments,u)}else t=n.apply(this,arguments);return(0,l.default)(this,t)}}function b(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(b=function(){return!!e})()}var d=function(e){(0,u.default)(i,e);var l=p(i);function i(e){var t;return(0,r.default)(this,i),(t=l.call(this,f({},e))).render(),t}return(0,t.default)(i,[{key:"render",value:function(){(0,n.default)((0,o.default)(i.prototype),"render",this).call(this,a.default)}}]),i}(i.default),h=exports.default=d;
+},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/get":"J5UC","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../BaseStory":"Vbpk","../templates/story":"k65U"}],"YcfY":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=g(require("@babel/runtime/helpers/defineProperty")),t=g(require("@babel/runtime/helpers/asyncToGenerator")),r=g(require("@babel/runtime/helpers/classCallCheck")),s=g(require("@babel/runtime/helpers/createClass")),o=g(require("@babel/runtime/regenerator")),i=g(require("../Story")),n=g(require("../../../components/BottomSheet")),a=g(require("../../../constants/playmode")),l=require("../../../lib/style"),d=require("../../../lib/util"),p=g(require("../../../lib/storage")),u=g(require("../templates/storyHeader")),h=g(require("../templates/storyProgress")),c=require("../../../lib/icons"),y=require("../../../constants/events"),_=g(require("../../../lib/proxy")),v=g(require("../../../service/focal-point-impl"));function g(e){return e&&e.__esModule?e:{default:e}}function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,s)}return r}function b(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?m(Object(s),!0).forEach(function(r){(0,e.default)(t,r,s[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):m(Object(s)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))})}return t}var f=function(){function e(t,s,o){(0,r.default)(this,e),this.group_=t,this.key_=s,this.storyInstances_=[],this.progressDoms_=[],this.activeStoryIndex_=0,this.lastSeenStoryIndex_=0,this.playable_=!0,this.loadded_=!1,this.groupWrapper_=null,this.stories_=this.group_.stories.filter(function(e){return!e.hidden}),this.instanceId_=o,this.attachCallbacksToElement_(),p.default.setInstanceId(this.instanceId_),this.handleConditionalStories()}return(0,s.default)(e,[{key:"attachCallbacksToElement_",value:function(){this.nextStory=this.nextStory.bind(this),this.prevStory=this.prevStory.bind(this),this.hide=this.hide.bind(this),this.handleClickEmbedPlay_=this.handleClickEmbedPlay_.bind(this)}},{key:"render",value:function(){this.groupWrapper_=document.createElement("div"),(0,l.setClass)(this.groupWrapper_,["storyly__story-group","swiper-slide"]),(0,d.setAttribute)(this.groupWrapper_,"aria-hidden","true"),(0,d.setAttribute)(this.groupWrapper_,"role","presentation"),this.playable_&&(0,d.setAttribute)(this.groupWrapper_,"playable",this.playable_),this.groupWrapper_.dataset.id=this.group_.group_id,this.storiesContainer_=document.createElement("div"),(0,l.setClass)(this.storiesContainer_,"storyly__stories-container"),this.groupWrapper_.appendChild(this.storiesContainer_);var e=_.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,this.globalInstanceData.storylyEmbed.init&&this.renderEmbedAssets_(),this.renderBottomSheet_(),this.renderProductCart_(),Promise.resolve(this.groupWrapper_)}},{key:"handleConditionalStories",value:function(e){var t=this,r=p.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_componentsData"),s=[];return this.stories_.forEach(function(e){e.conditions?e.conditions.every(function(e){return e.some(function(e){var t=r[e.i];return void 0!==t&&t===+e.r.p})})&&s.push(e):s.push(e)}),e&&s.forEach(function(e,r){-1===t.group_.stories.findIndex(function(t){return t.story_id===e.story_id})&&t.createStoryAndProgress_(e,r)}),this.group_.stories=s,Promise.resolve(s)}},{key:"createStoryAndProgress_",value:function(e,t){var r=(0,d.generateHtmlFromTemplate)((0,h.default)()),s=this.storiesContainer_.querySelector(".progress-wrapper"),o=new i.default({story:e,key:t,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_});this.storyInstances_.splice(t,0,o),this.storyInstances_.forEach(function(e,t){return e.setKey(t)}),this.activeStoryIndex_>=t&&(this.activeStoryIndex_+=1,(0,l.setClass)(r,"seen")),s.querySelectorAll(".progress")[t]?0===t?s.querySelectorAll(".progress")[t].before(r):s.querySelectorAll(".progress")[t-1].after(r):s.appendChild(r),this.progressDoms_.splice(t,0,r),this.renderStories_()}},{key:"renderProductCart_",value:function(){var e=(0,t.default)(o.default.mark(function e(){var t,r,s,i;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=(0,d.getProductLayers)(this.group_),r=_.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal(),s=r.isStorylyCartActive,!t.length||!s){e.next=9;break}return e.next=5,require("_bundle_loader")(require.resolve("../../../components/StoryCart"));case 5:return e.next=7,e.sent.default;case 7:i=e.sent,this.storylyCart=new i({instanceId:this.instanceId_,parentDom:this.groupWrapper_});case 9:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"renderBottomSheet_",value:function(){var e=this;this.bottomSheet_=new n.default({parentDom:this.groupWrapper_,instanceId:this.instanceId_}),this.groupWrapper_.addEventListener("onBottomSheetOpen",function(t){var r=t.detail;e.bottomSheet_.activate(r.body,r.footer,r.rerender,r.header)}),this.groupWrapper_.addEventListener("onBottomSheetClose",function(){return e.bottomSheet_.deactivate()})}},{key:"renderEmbedAssets_",value:function(){this.playable_=!1,this.embedContainer_=document.createElement("div");var e=(0,d.generateHtmlFromTemplate)(c.embedPlayIcon),t=(0,d.generateHtmlFromTemplate)(c.embedRePlayIcon);t.classList.add("re-play-icon"),e.classList.add("play-icon"),(0,l.setClass)(this.embedContainer_,["storyly__embed-play-container","play"]),this.embedContainer_.appendChild(e),this.embedContainer_.appendChild(t),(0,d.setClickEventListener)(this.embedContainer_,this.handleClickEmbedPlay_),(0,d.stopEventBubbling)(this.embedContainer_,"click"),(0,d.stopEventBubbling)(this.embedContainer_,"pointerdown"),(0,d.stopEventBubbling)(this.embedContainer_,"pointerup"),(0,d.stopEventBubbling)(this.embedContainer_,"pointermove"),this.groupWrapper_.appendChild(this.embedContainer_)}},{key:"handleClickEmbedPlay_",value:function(){this.playable_=!0,this.globalInstanceData.storylyEmbed.canPlay=!0,(0,d.removeAttribute)(this.groupWrapper_,"playable"),(0,d.removeAttribute)(this.groupWrapper_,"replay"),this.storyInstances_[this.activeStoryIndex_].playByEmbed()}},{key:"handleEmbedReplay_",value:function(){var e=this.storyInstances_[this.activeStoryIndex_];this.playable_=!1,(0,d.setAttribute)(this.groupWrapper_,"playable",this.playable_),(0,d.setAttribute)(this.groupWrapper_,"replay",this.playable_),e.hide({isBack:!0}),this.activeStoryIndex_=0,this.loadState_(),this.progressDoms_.forEach(function(e){(0,l.removeClass)(e,"seen")}),this.globalInstanceData.storylyEmbed.canPlay=!1,this.show()}},{key:"renderStoryHeader_",value:function(){var e,t=(0,d.generateHtmlFromTemplate)((0,u.default)(this.group_,this.instanceId_,this.globalInstanceData));t.querySelector(".storyly__sg-info h4").innerText=this.group_.title,null===(e=this.storiesContainer_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.storiesContainer_.prepend(t),(0,d.stopEventBubbling)(t,this.globalInstanceData.storylyEmbed.init?"pointerdown":"touchstart"),(0,d.stopEventBubbling)(t,this.globalInstanceData.storylyEmbed.init?"pointerup":"touchend"),(0,d.stopEventBubbling)(t,"touchmove"),this.renderProgressLines_(t),(0,v.default)({img:t.querySelector(".storyly__story-group-cover"),group:this.group_,containerStyle:{borderRadius:"50%",width:38,height:38,position:"relative",border:"3px solid #fff"}}),this.handleSponsoredEvent_(t)}},{key:"handleSponsoredEvent_",value:function(e){var t=this;if(this.group_.sponsored){var r=(0,d.generateHtmlFromTemplate)('<div style="font-size: 14px; padding: 16px;">'.concat(this.group_.sponsored.description,"</div>")),s=(0,d.generateHtmlFromTemplate)("<span>".concat(this.group_.sponsored.tag,"</span>")),o=(0,d.generateHtmlFromTemplate)('<span style="display: none"></span>');e.querySelector(".s-wrapper").addEventListener("touchstart",function(){(0,d.createAndDispatchEvent)(t.groupWrapper_,(0,d.openProductDetail)(t.instanceId_),{header:s,body:r,rerender:!1,footer:o})})}}},{key:"renderAccessibilityButton_",value:function(){if(this.globalInstanceData.storiesHasAltText){var e=this.globalInstanceData.accessibility,t=document.createElement("button");t.classList.add("accessibility-switch-button"),t.setAttribute("data-pressed",e),t.setAttribute("data-i18n-key",e?"a11y_disable_accessibility":"a11y_dtap_enable_accessibility");var r=(0,d.generateHtmlFromTemplate)(c.accessibilityIcon);t.appendChild(r),(0,d.stopEventBubbling)(t,"touchstart"),(0,d.stopEventBubbling)(t,"touchend"),this.storiesContainer_.prepend(t)}}},{key:"renderProgressLines_",value:function(e){var t=document.createElement("div");(0,l.setClass)(t,"progress-wrapper");for(var r=this.group_.stories.length,s=0;s<r;s+=1){var o=(0,d.generateHtmlFromTemplate)((0,h.default)());s<this.activeStoryIndex_&&(0,l.setClass)(o,"seen"),t.appendChild(o),this.progressDoms_.push(o)}e.prepend(t)}},{key:"prevStory",value:function(){var e=this;if(this.playable_)if(this.globalInstanceData.shareParams.playMode!==a.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var t=this.storyInstances_[this.activeStoryIndex_];if(0===this.activeStoryIndex_)return(0,d.createAndDispatchEvent)(this.groupWrapper_,y.CustomerEventTypes.previousStoryGroup),void(0!==this.key_&&t.hide({holdActive:!0,isBack:!0}));t.hide({isBack:!0}),this.bottomSheet_.deactivate(),this.storyState_().remove(),this.activeStoryIndex_-=1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.renderStories_().then(function(){e.storyInstances_[e.activeStoryIndex_].show(),(0,d.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyImpression,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_})})}else(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"nextStory",value:function(){var e=this;if(this.playable_)if(this.globalInstanceData.shareParams.playMode!==a.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var t=this.storyInstances_[this.activeStoryIndex_];if(this.group_.stories.length-1===this.activeStoryIndex_)return this.globalInstanceData.storylyEmbed.init?void this.handleEmbedReplay_():(this.storyState_().add(),(0,d.createAndDispatchEvent)(this.groupWrapper_,y.CustomerEventTypes.nextStoryGroup),void t.hide({isBack:!0}));this.bottomSheet_.deactivate(),t.hide(),this.activeStoryIndex_+=1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.storyState_().add(),this.renderStories_().then(function(){e.storyInstances_[e.activeStoryIndex_].show(),(0,d.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyImpression,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_}),(0,d.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyCompleted,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_}),(0,d.createAndDispatchEvent)(e.groupWrapper_,"storyComplete")})}else(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"renderStories_",value:function(){var e,t=this;if(0===(null!==(e=this.group_.stories)&&void 0!==e?e:[]).length)return Promise.reject();var r=this.activeStoryIndex_-1,s=this.activeStoryIndex_+1,o=this.activeStoryIndex_,n=this.group_.stories.length-1,a=[];return r>=0&&!this.storyInstances_[r]&&a.push({story:this.group_.stories[r],key:r}),o>=0&&!this.storyInstances_[o]&&a.push({story:this.group_.stories[o],key:o}),s<=n&&!this.storyInstances_[s]&&a.push({story:this.group_.stories[s],key:s}),a.forEach(function(e){var r=e.story,s=e.key;t.storyInstances_[s]=new i.default({story:r,key:s,group:t.group_,storiesContainer:t.storiesContainer_,progressDoms:t.progressDoms_,instanceId:t.instanceId_,groupWrapper:t.groupWrapper_})}),(0,l.setClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),Promise.resolve()}},{key:"loadState_",value:function(){var e=this.storyState_().get();this.activeStoryIndex_=e}},{key:"storyState_",value:function(){var e=this,t=this.group_.group_id;return{add:function(){var r,s=p.default.getItemFromInstance("Storyly_story-state"),o=e.group_.stories[e.activeStoryIndex_];(null===(r=s[t])||void 0===r?void 0:r.some(function(e){return e.storyId===o.story_id}))||(s[t]?s[t].push({storyIndex:e.activeStoryIndex_,storyId:o.story_id,time:Date.now()}):s[t]=[{storyIndex:e.activeStoryIndex_,storyId:o.story_id,time:Date.now()}],p.default.setItemToInstance("Storyly_story-state",s))},remove:function(r){var s,o=p.default.getItemFromInstance("Storyly_story-state"),i=e.group_.stories[e.activeStoryIndex_].story_id;r&&(i=r);var n=null===(s=o[t])||void 0===s?void 0:s.filter(function(e){return e.storyId!==i});o[t]=null!=n?n:{},p.default.setItemToInstance("Storyly_story-state",o)},get:function(){var r=b({},p.default.getItemFromInstance("Storyly_story-state")||{}),s=0;if(r[t]){var o,i=!0,n=r[t].map(function(e){return e.storyId});return e.group_.stories.forEach(function(e,t){"number"!=typeof o?n.includes(e.story_id)||(o=t,i=!1):i=!1}),i?0:(s=o)>=0?s:(n.forEach(function(t){var r=e.group_.stories.findIndex(function(e){return e.story_id===t});r>=0?s=r:e.storyState_().remove(t)}),s)}return s}}}},{key:"handleProgressBarByParameters_",value:function(e){for(var t=this.progressDoms_.length,r=0;r<t;r+=1)r<e?(0,l.setClass)(this.progressDoms_[r],"seen"):(0,l.removeClass)(this.progressDoms_[r],"seen")}},{key:"sendGroupViewedEvent_",value:function(){var e=b({},this.group_);(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:y.CustomerEventTypes.storyGroupViewed,params:e})}},{key:"show",value:function(){var e;this.sendGroupViewedEvent_(),this.storyInstances_[this.activeStoryIndex_].show(),this.storyState_().add(),null===(e=this.storylyCart)||void 0===e||e.refresh()}},{key:"load",value:function(){this.loadded_||(this.group_.nudge||this.loadState_(),this.storyInstances_=[],this.progressDoms_=[],this.renderStoryHeader_(),this.renderStories_(),this.renderAccessibilityButton_(),this.loadded_=!0)}},{key:"loadByParameters",value:function(e){this.load(),(0,l.removeClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),this.activeStoryIndex_=e,this.loadedByParameters_=!0;var t=this.group_.stories[e].story_id;this.storiesContainer_.querySelector('[data-story-id="'.concat(t,'"]'))||(this.storyInstances_[e]=new i.default({story:this.group_.stories[e],key:e,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_})),this.handleProgressBarByParameters_(e)}},{key:"unLoad",value:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).holdActive,t=void 0!==e&&e,r=this.group_.stories.length-1===this.activeStoryIndex_;this.storyInstances_[this.activeStoryIndex_].hide({holdActive:!r&&!this.loadedByParameters_&&t}),this.bottomSheet_.deactivate(),this.loadedByParameters_&&(this.loadState_(),this.loadedByParameters_=!1,this.handleProgressBarByParameters_(this.activeStoryIndex_)),r&&(this.activeStoryIndex_=0,this.storyInstances_[0]||(this.storyInstances_[0]=new i.default({story:this.group_.stories[0],key:0,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_})),this.progressDoms_.forEach(function(e){(0,l.removeClass)(e,"seen")}))}},{key:"hide",value:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).holdActive,t=void 0!==e&&e;this.unLoad({holdActive:t}),this.globalInstanceData.shareParams={}}},{key:"getActiveStory",value:function(){var e,t=this.storyInstances_[this.activeStoryIndex_];return b(b({},null!==(e=this.group_.stories[this.activeStoryIndex_])&&void 0!==e?e:{}),{},{storyIndex:this.activeStoryIndex_,instance:t})}},{key:"getPrevStory",value:function(){var e,t=this.storyInstances_[this.activeStoryIndex_-1];return b(b({},null!==(e=this.group_.stories[this.activeStoryIndex_-1])&&void 0!==e?e:{}),{},{instance:t})}},{key:"setKey",value:function(e){this.key_=e}},{key:"isAllStoriesSeen",value:function(){return this.group_.stories.length-1===this.lastSeenStoryIndex_}},{key:"sendGroupClickedEvent",value:function(e){var t=b({},this.group_);(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===e?y.CustomerEventTypes.nextStoryGroup:y.CustomerEventTypes.previousStoryGroup,params:t})}}]),e}(),I=exports.default=f;
+},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","../Story":"eUG5","../../../components/BottomSheet":"l2Mf","../../../constants/playmode":"Ooqf","../../../lib/style":"vgU2","../../../lib/util":"PesM","../../../lib/storage":"NA5d","../templates/storyHeader":"R5lM","../templates/storyProgress":"Otdq","../../../lib/icons":"irwm","../../../constants/events":"d0lR","../../../lib/proxy":"qmVm","../../../service/focal-point-impl":"cofP","_bundle_loader":"TUK3","../../../components/StoryCart":[["StoryCart.c7184f81.js","TJeL"],"TJeL"]}],"egGP":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=o(require("@babel/runtime/helpers/classCallCheck")),e=o(require("@babel/runtime/helpers/createClass")),n=o(require("../../constants/directions")),r=require("../../lib/util"),i=o(require("./Group"));require("../../layers/base");var a=o(require("../../lib/proxy")),s=require("../../constants/events");function o(t){return t&&t.__esModule?t:{default:t}}var u=function(){function o(e,n){(0,t.default)(this,o),this.groupsOverlay_=e,this.instanceId_=n;var r=a.default.getNodeByInstanceId(n).getDataFromGlobal().globalInstanceData;this.globalInstanceData=r,this.globalInstanceData.storylyEmbed.init||this.renderGroupActions_(),this.renderGroupNavigations_=this.renderGroupNavigations_.bind(this),this.groupsOverlay_.addEventListener("onAccessibilityTriggered",this.renderGroupNavigations_)}return(0,e.default)(o,[{key:"setGroupInstance",value:function(t,e){return new i.default(t,e,this.instanceId_)}},{key:"renderGroupActions_",value:function(){var t=this,e=document.createElement("button");(0,r.setAttribute)(e,"aria-label",this.globalInstanceData.languageJSON.a11y_close),e.classList.add("storyly__mobile-view-close-story"),e.tabIndex="50",e.setAttribute("direction",this.globalInstanceData.direction),this.groupsOverlay_.appendChild(e),(0,r.stopEventBubbling)(e,"touchstart"),(0,r.setClickEventListener)(e,function(){(0,r.createAndDispatchEvent)(t.groupsOverlay_,"onCloseGroup")}),this.renderGroupNavigations_()}},{key:"renderGroupNavigations_",value:function(t){var e,i=(0,r.isMobileView)(),a=this.globalInstanceData,o=a.accessibility,u=a.direction,l=null!==(e=null==t?void 0:t.detail)&&void 0!==e?e:{},c=l.videoSeekbarEnabled,d=l.accessibilityEnabled,v=this.groupsOverlay_.querySelector(".storyly__group-container");if(!t||d||c){var b='\n        <div class="navigation-buttons show" style="'.concat(i&&!o&&!c||!i&&(o||c)?"display: none":"",'">\n          <div class="navigate-button prev-button">\n            <button data-i18n-key="a11y_prev_story_current_group" tabindex="5"></button>\n          </div>\n          <div class="navigate-button next-button">\n            <button data-i18n-key="a11y_next_story_current_group" tabindex="25"></button>\n          </div>\n        </div>\n      '),p=(0,r.generateHtmlFromTemplate)(b),y=p.querySelector(".next-button"),g=p.querySelector(".prev-button");(o||c)&&(p.classList.add("accessibility-navigation-buttons"),(0,r.stopEventBubbling)(y,"touchstart"),(0,r.stopEventBubbling)(y,"touchend"),(0,r.stopEventBubbling)(g,"touchstart"),(0,r.stopEventBubbling)(g,"touchend")),(0,r.setClickEventListener)(y,function(){return(0,r.createAndDispatchEvent)(v,u===n.default.RTL?s.CustomerEventTypes.previousStory:s.CustomerEventTypes.nextStory)}),(0,r.setClickEventListener)(g,function(){return(0,r.createAndDispatchEvent)(v,u===n.default.RTL?s.CustomerEventTypes.nextStory:s.CustomerEventTypes.previousStory)}),v.appendChild(p)}else{var h=v.querySelector(".navigation-buttons");v.removeChild(h)}}}]),o}(),l=exports.default=u;
+},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","../../constants/directions":"w67G","../../lib/util":"PesM","./Group":"YcfY","../../layers/base":"skR7","../../lib/proxy":"qmVm","../../constants/events":"d0lR"}],"FheM":[function(require,module,exports) {
 var t=null;function e(){return t||(t=n()),t}function n(){try{throw new Error}catch(e){var t=(""+e.stack).match(/(https?|file|ftp|chrome-extension|moz-extension):\/\/[^)\n]+/g);if(t)return r(t[0])}return"/"}function r(t){return(""+t).replace(/^((?:https?|file|ftp|chrome-extension|moz-extension):\/\/.+)?\/[^/]+(?:\?.*)?$/,"$1")+"/"}exports.getBundleURL=e,exports.getBaseURL=r;
 },{}],"TUK3":[function(require,module,exports) {
 var r=require("./bundle-url").getBundleURL;function e(r){Array.isArray(r)||(r=[r]);var e=r[r.length-1];try{return Promise.resolve(require(e))}catch(n){if("MODULE_NOT_FOUND"===n.code)return new s(function(n,i){t(r.slice(0,-1)).then(function(){return require(e)}).then(n,i)});throw n}}function t(r){return Promise.all(r.map(u))}var n={};function i(r,e){n[r]=e}module.exports=exports=e,exports.load=t,exports.register=i;var o={};function u(e){var t;if(Array.isArray(e)&&(t=e[1],e=e[0]),o[e])return o[e];var i=(e.substring(e.lastIndexOf(".")+1,e.length)||e).toLowerCase(),u=n[i];return u?o[e]=u(r()+e).then(function(r){return r&&module.bundle.register(t,r),r}).catch(function(r){throw delete o[e],r}):void 0}function s(r){this.executor=r,this.promise=null}s.prototype.then=function(r,e){return null===this.promise&&(this.promise=new Promise(this.executor)),this.promise.then(r,e)},s.prototype.catch=function(r){return null===this.promise&&(this.promise=new Promise(this.executor)),this.promise.catch(r)};

package/dist/Countdown.2e75d7ea.js

@@ -1,10 +1,10 @@
 parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"YvuL":[function(require,module,exports) {
 var global = arguments[3];
-var t=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.create=void 0;var e={};!function t(e,n,a,r){var o=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function i(){}function l(t){var a=n.exports.Promise,r=void 0!==a?a:e.Promise;return"function"==typeof r?new r(t):(t(i,i),null)}var s,c,u,d,f,h,m=(u=Math.floor(1e3/60),d={},f=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(s=function(t){var e=Math.random();return d[e]=requestAnimationFrame(function n(a){f===a||f+u-1<a?(f=a,delete d[e],t()):d[e]=requestAnimationFrame(n)}),e},c=function(t){d[t]&&cancelAnimationFrame(d[t])}):(s=function(t){return setTimeout(t,u)},c=function(t){return clearTimeout(t)}),{frame:s,cancel:c}),g=function(){var e,n,r={};return function(){if(e)return e;if(!a&&o){var i=["var CONFETTI, SIZE = {}, module = {};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {","  if (msg.data.options) {","    CONFETTI(msg.data.options).then(function () {","      if (msg.data.callback) {","        postMessage({ callback: msg.data.callback });","      }","    });","  } else if (msg.data.reset) {","    CONFETTI && CONFETTI.reset();","  } else if (msg.data.resize) {","    SIZE.width = msg.data.resize.width;","    SIZE.height = msg.data.resize.height;","  } else if (msg.data.canvas) {","    SIZE.width = msg.data.canvas.width;","    SIZE.height = msg.data.canvas.height;","    CONFETTI = module.exports.create(msg.data.canvas);","  }","}"].join("\n");try{e=new Worker(URL.createObjectURL(new Blob([i])))}catch(s){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",s),null}!function(t){function e(e,n){t.postMessage({options:e||{},callback:n})}t.init=function(e){var n=e.transferControlToOffscreen();t.postMessage({canvas:n},[n])},t.fire=function(a,o,i){if(n)return e(a,null),n;var s=Math.random().toString(36).slice(2);return n=l(function(o){function l(e){e.data.callback===s&&(delete r[s],t.removeEventListener("message",l),n=null,i(),o())}t.addEventListener("message",l),e(a,s),r[s]=l.bind(null,{data:{callback:s}})})},t.reset=function(){for(var e in t.postMessage({reset:!0}),r)r[e](),delete r[e]}}(e)}return e}}(),b={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function v(t,e,n){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:b[e],n)}function p(t){return t<0?0:Math.floor(t)}function M(t){return parseInt(t,16)}function y(t){return t.map(w)}function w(t){var e=String(t).replace(/[^0-9a-f]/gi,"");return e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:M(e.substring(0,2)),g:M(e.substring(2,4)),b:M(e.substring(4,6))}}function x(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function C(t){var e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function T(t,e,n,o,i){var s,c,u=e.slice(),d=t.getContext("2d"),f=l(function(e){function l(){s=c=null,d.clearRect(0,0,o.width,o.height),i(),e()}s=m.frame(function e(){!a||o.width===r.width&&o.height===r.height||(o.width=t.width=r.width,o.height=t.height=r.height),o.width||o.height||(n(t),o.width=t.width,o.height=t.height),d.clearRect(0,0,o.width,o.height),(u=u.filter(function(t){return function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=e.wobbleSpeed,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+2,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var n=e.tick++/e.totalTicks,a=e.x+e.random*e.tiltCos,r=e.y+e.random*e.tiltSin,o=e.wobbleX+e.random*e.tiltCos,i=e.wobbleY+e.random*e.tiltSin;if(t.fillStyle="rgba("+e.color.r+", "+e.color.g+", "+e.color.b+", "+(1-n)+")",t.beginPath(),"circle"===e.shape)t.ellipse?t.ellipse(e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(i-r)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,n,a,r,o,i,l,s){t.save(),t.translate(e,n),t.rotate(o),t.scale(a,r),t.arc(0,0,1,i,l,s),t.restore()}(t,e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(i-r)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI);else if("star"===e.shape)for(var l=Math.PI/2*3,s=4*e.scalar,c=8*e.scalar,u=e.x,d=e.y,f=5,h=Math.PI/f;f--;)u=e.x+Math.cos(l)*c,d=e.y+Math.sin(l)*c,t.lineTo(u,d),l+=h,u=e.x+Math.cos(l)*s,d=e.y+Math.sin(l)*s,t.lineTo(u,d),l+=h;else t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(r)),t.lineTo(Math.floor(o),Math.floor(i)),t.lineTo(Math.floor(a),Math.floor(e.wobbleY));return t.closePath(),t.fill(),e.tick<e.totalTicks}(d,t)})).length?s=m.frame(e):l()}),c=l});return{addFettis:function(t){return u=u.concat(t),f},canvas:t,promise:f,reset:function(){s&&m.cancel(s),c&&c()}}}function I(t,n){var a,r=!t,i=!!v(n||{},"resize"),s=v(n,"disableForReducedMotion",Boolean),c=o&&!!v(n||{},"useWorker")?g():null,u=r?x:C,d=!(!t||!c)&&!!t.__confetti_initialized,f="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function h(e,n,r){for(var o,i,l,s,c,d=v(e,"particleCount",p),f=v(e,"angle",Number),h=v(e,"spread",Number),m=v(e,"startVelocity",Number),g=v(e,"decay",Number),b=v(e,"gravity",Number),M=v(e,"drift",Number),w=v(e,"colors",y),x=v(e,"ticks",Number),C=v(e,"shapes"),I=v(e,"scalar"),k=function(t){var e=v(t,"origin",Object);return e.x=v(e,"x",Number),e.y=v(e,"y",Number),e}(e),E=d,S=[],F=t.width*k.x,N=t.height*k.y;E--;)S.push((o={x:F,y:N,angle:f,spread:h,startVelocity:m,color:w[E%w.length],shape:C[(s=0,c=C.length,Math.floor(Math.random()*(c-s))+s)],ticks:x,decay:g,gravity:b,drift:M,scalar:I},i=void 0,l=void 0,i=o.angle*(Math.PI/180),l=o.spread*(Math.PI/180),{x:o.x,y:o.y,wobble:10*Math.random(),wobbleSpeed:Math.min(.11,.1*Math.random()+.05),velocity:.5*o.startVelocity+Math.random()*o.startVelocity,angle2D:-i+(.5*l-Math.random()*l),tiltAngle:(.5*Math.random()+.25)*Math.PI,color:o.color,shape:o.shape,tick:0,totalTicks:o.ticks,decay:o.decay,drift:o.drift,random:Math.random()+2,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*o.gravity,ovalScalar:.6,scalar:o.scalar}));return a?a.addFettis(S):(a=T(t,S,u,n,r)).promise}function m(n){var o=s||v(n,"disableForReducedMotion",Boolean),m=v(n,"zIndex",Number);if(o&&f)return l(function(t){t()});r&&a?t=a.canvas:r&&!t&&(t=function(t){var e=document.createElement("canvas");return e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(m),document.body.appendChild(t)),i&&!d&&u(t);var g={width:t.width,height:t.height};function b(){if(c){var e={getBoundingClientRect:function(){if(!r)return t.getBoundingClientRect()}};return u(e),void c.postMessage({resize:{width:e.width,height:e.height}})}g.width=g.height=null}function p(){a=null,i&&e.removeEventListener("resize",b),r&&t&&(document.body.removeChild(t),t=null,d=!1)}return c&&!d&&c.init(t),d=!0,c&&(t.__confetti_initialized=!0),i&&e.addEventListener("resize",b,!1),c?c.fire(n,g,p):h(n,g,p)}return m.reset=function(){c&&c.reset(),a&&a.reset()},m}function k(){return h||(h=I(null,{useWorker:!0,resize:!0})),h}n.exports=function(){return k().apply(this,arguments)},n.exports.reset=function(){k().reset()},n.exports.create=I}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),e,!1);var n=e.exports;exports.default=n;var a=e.exports.create;exports.create=a;
+var t=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.create=void 0;var e={};!function t(e,n,a,r){var o=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function i(){}function l(t){var a=n.exports.Promise,r=void 0!==a?a:e.Promise;return"function"==typeof r?new r(t):(t(i,i),null)}var s,c,u,d,f,h,m=(u=Math.floor(1e3/60),d={},f=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(s=function(t){var e=Math.random();return d[e]=requestAnimationFrame(function n(a){f===a||f+u-1<a?(f=a,delete d[e],t()):d[e]=requestAnimationFrame(n)}),e},c=function(t){d[t]&&cancelAnimationFrame(d[t])}):(s=function(t){return setTimeout(t,u)},c=function(t){return clearTimeout(t)}),{frame:s,cancel:c}),g=function(){var e,n,r={};return function(){if(e)return e;if(!a&&o){var i=["var CONFETTI, SIZE = {}, module = {};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {","  if (msg.data.options) {","    CONFETTI(msg.data.options).then(function () {","      if (msg.data.callback) {","        postMessage({ callback: msg.data.callback });","      }","    });","  } else if (msg.data.reset) {","    CONFETTI && CONFETTI.reset();","  } else if (msg.data.resize) {","    SIZE.width = msg.data.resize.width;","    SIZE.height = msg.data.resize.height;","  } else if (msg.data.canvas) {","    SIZE.width = msg.data.canvas.width;","    SIZE.height = msg.data.canvas.height;","    CONFETTI = module.exports.create(msg.data.canvas);","  }","}"].join("\n");try{e=new Worker(URL.createObjectURL(new Blob([i])))}catch(s){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",s),null}!function(t){function e(e,n){t.postMessage({options:e||{},callback:n})}t.init=function(e){var n=e.transferControlToOffscreen();t.postMessage({canvas:n},[n])},t.fire=function(a,o,i){if(n)return e(a,null),n;var s=Math.random().toString(36).slice(2);return n=l(function(o){function l(e){e.data.callback===s&&(delete r[s],t.removeEventListener("message",l),n=null,i(),o())}t.addEventListener("message",l),e(a,s),r[s]=l.bind(null,{data:{callback:s}})})},t.reset=function(){for(var e in t.postMessage({reset:!0}),r)r[e](),delete r[e]}}(e)}return e}}(),b={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function v(t,e,n){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:b[e],n)}function p(t){return t<0?0:Math.floor(t)}function M(t){return parseInt(t,16)}function y(t){return t.map(w)}function w(t){var e=String(t).replace(/[^0-9a-f]/gi,"");return e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:M(e.substring(0,2)),g:M(e.substring(2,4)),b:M(e.substring(4,6))}}function x(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function C(t){var e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function T(t,e,n,o,i){var s,c,u=e.slice(),d=t.getContext("2d"),f=l(function(e){function l(){s=c=null,d.clearRect(0,0,o.width,o.height),i(),e()}s=m.frame(function e(){!a||o.width===r.width&&o.height===r.height||(o.width=t.width=r.width,o.height=t.height=r.height),o.width||o.height||(n(t),o.width=t.width,o.height=t.height),d.clearRect(0,0,o.width,o.height),(u=u.filter(function(t){return function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=e.wobbleSpeed,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+2,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var n=e.tick++/e.totalTicks,a=e.x+e.random*e.tiltCos,r=e.y+e.random*e.tiltSin,o=e.wobbleX+e.random*e.tiltCos,i=e.wobbleY+e.random*e.tiltSin;if(t.fillStyle="rgba("+e.color.r+", "+e.color.g+", "+e.color.b+", "+(1-n)+")",t.beginPath(),"circle"===e.shape)t.ellipse?t.ellipse(e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(i-r)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,n,a,r,o,i,l,s){t.save(),t.translate(e,n),t.rotate(o),t.scale(a,r),t.arc(0,0,1,i,l,s),t.restore()}(t,e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(i-r)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI);else if("star"===e.shape)for(var l=Math.PI/2*3,s=4*e.scalar,c=8*e.scalar,u=e.x,d=e.y,f=5,h=Math.PI/f;f--;)u=e.x+Math.cos(l)*c,d=e.y+Math.sin(l)*c,t.lineTo(u,d),l+=h,u=e.x+Math.cos(l)*s,d=e.y+Math.sin(l)*s,t.lineTo(u,d),l+=h;else t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(r)),t.lineTo(Math.floor(o),Math.floor(i)),t.lineTo(Math.floor(a),Math.floor(e.wobbleY));return t.closePath(),t.fill(),e.tick<e.totalTicks}(d,t)})).length?s=m.frame(e):l()}),c=l});return{addFettis:function(t){return u=u.concat(t),f},canvas:t,promise:f,reset:function(){s&&m.cancel(s),c&&c()}}}function I(t,n){var a,r=!t,i=!!v(n||{},"resize"),s=v(n,"disableForReducedMotion",Boolean),c=o&&!!v(n||{},"useWorker")?g():null,u=r?x:C,d=!(!t||!c)&&!!t.__confetti_initialized,f="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function h(e,n,r){for(var o,i,l,s,c,d=v(e,"particleCount",p),f=v(e,"angle",Number),h=v(e,"spread",Number),m=v(e,"startVelocity",Number),g=v(e,"decay",Number),b=v(e,"gravity",Number),M=v(e,"drift",Number),w=v(e,"colors",y),x=v(e,"ticks",Number),C=v(e,"shapes"),I=v(e,"scalar"),k=function(t){var e=v(t,"origin",Object);return e.x=v(e,"x",Number),e.y=v(e,"y",Number),e}(e),E=d,S=[],F=t.width*k.x,N=t.height*k.y;E--;)S.push((o={x:F,y:N,angle:f,spread:h,startVelocity:m,color:w[E%w.length],shape:C[(s=0,c=C.length,Math.floor(Math.random()*(c-s))+s)],ticks:x,decay:g,gravity:b,drift:M,scalar:I},i=void 0,l=void 0,i=o.angle*(Math.PI/180),l=o.spread*(Math.PI/180),{x:o.x,y:o.y,wobble:10*Math.random(),wobbleSpeed:Math.min(.11,.1*Math.random()+.05),velocity:.5*o.startVelocity+Math.random()*o.startVelocity,angle2D:-i+(.5*l-Math.random()*l),tiltAngle:(.5*Math.random()+.25)*Math.PI,color:o.color,shape:o.shape,tick:0,totalTicks:o.ticks,decay:o.decay,drift:o.drift,random:Math.random()+2,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*o.gravity,ovalScalar:.6,scalar:o.scalar}));return a?a.addFettis(S):(a=T(t,S,u,n,r)).promise}function m(n){var o=s||v(n,"disableForReducedMotion",Boolean),m=v(n,"zIndex",Number);if(o&&f)return l(function(t){t()});r&&a?t=a.canvas:r&&!t&&(t=function(t){var e=document.createElement("canvas");return e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(m),document.body.appendChild(t)),i&&!d&&u(t);var g={width:t.width,height:t.height};function b(){if(c){var e={getBoundingClientRect:function(){if(!r)return t.getBoundingClientRect()}};return u(e),void c.postMessage({resize:{width:e.width,height:e.height}})}g.width=g.height=null}function p(){a=null,i&&e.removeEventListener("resize",b),r&&t&&(document.body.removeChild(t),t=null,d=!1)}return c&&!d&&c.init(t),d=!0,c&&(t.__confetti_initialized=!0),i&&e.addEventListener("resize",b,!1),c?c.fire(n,g,p):h(n,g,p)}return m.reset=function(){c&&c.reset(),a&&a.reset()},m}function k(){return h||(h=I(null,{useWorker:!0,resize:!0})),h}n.exports=function(){return k().apply(this,arguments)},n.exports.reset=function(){k().reset()},n.exports.create=I}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),e,!1);var n=exports.default=e.exports,a=exports.create=e.exports.create;
 },{}],"aNaa":[function(require,module,exports) {
-"use strict";var e=this&&this.__assign||function(){return(e=Object.assign||function(e){for(var t,a=1,r=arguments.length;a<r;a++)for(var c in t=arguments[a])Object.prototype.hasOwnProperty.call(t,c)&&(e[c]=t[c]);return e}).apply(this,arguments)};Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../constants/common"),a=function(a){var r=e({},a);return Object.keys(a).forEach(function(e){switch(e){case"left":var c=void 0;if(Number.isInteger(a[e])){var o=100*parseFloat(a[e])/360;c="".concat(o<0?0:o,"%")}else c="".concat(parseFloat(a[e]),"%");r.left=c;break;case"top":var s=void 0;s=Number.isInteger(a[e])?"".concat(100*parseFloat(a[e])/640,"%"):"".concat(parseFloat(a[e]),"%"),r.top=s;break;case"w":r.width="".concat(a[e],"%");break;case"h":r.height="".concat(a[e],"%");break;case"scale":r.scale=t.layerScales[a[e]];break;case"rotation":r.transform="rotate(".concat(a[e],"deg)");break;default:return!0}return!0}),r};exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../constants/common"),t=function(t){var a=Object.assign({h:100,w:100,x:0,y:0},t);return Object.keys(t).forEach(function(r){switch(r){case"w":a.width="".concat(t[r],"%");break;case"h":a.height="".concat(t[r],"%");break;case"scale":a.scale=e.layerScales[t[r]];break;case"rotation":a.transform="rotate(".concat(t[r],"deg)");break;default:return!0}return!0}),a};exports.default=t;
 },{"../../constants/common":"VKZr"}],"P7YB":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../lib/util");exports.default=function(s,a){return'\n  <div class="component-layer">\n    <div\n      aria-hidden="true"\n      tabindex="-1"\n      class="countdown"\n      role="component"\n      style="\n        font-family: '.concat((0,n.getFontFamily)({instanceId:a,font:null}),";\n        left: ").concat(s.left,";\n        top: ").concat(s.top,";\n        width: ").concat(s.width,";\n        z-index: ").concat(s.z_index,";\n        ").concat(s.transform?"transform: ".concat(s.transform,";"):"",';\n      "\n      data-mode="').concat(s.theme,'"\n      data-scale="').concat(s.scale,'"\n      data-reminder=').concat(!!s.notificationEnd,'"\n    >\n      ').concat(s.has_title?'\n        <div class="title">\n          <span>'.concat(s.title,"</span>\n        </div>"):"",'\n      <div class="times">\n        <div class="days">\n          <div class="day-times">\n            <div class="time"><span>0</span></div>\n            <div class="time"><span>0</span></div>\n          </div>\n          <span data-i18n-key="countdown_days" class="time-name">days</span>\n        </div>\n        <span class="dot"><span>:</span></span>\n        <div class="hours">\n          <div class="hour-times">\n            <div class="time"><span>0</span></div>\n            <div class="time"><span>0</span></div>\n          </div>\n          <span data-i18n-key="countdown_hours" class="time-name">hours</span>\n        </div>\n        <span class="dot"><span>:</span></span>\n        <div class="minutes">\n          <div class="minute-times">\n            <div class="time"><span>0</span></div>\n            <div class="time"><span>0</span></div>\n          </div>\n          <span data-i18n-key="countdown_minutes" class="time-name">minutes</span>\n        </div>\n        <span class="dot"><span>:</span></span>\n        <div class="seconds">\n          <div class="second-times">\n            <div class="time"><span>0</span></div>\n            <div class="time"><span>0</span></div>\n          </div>\n          <span data-i18n-key="countdown_seconds" class="time-name">seconds</span>\n        </div>\n      </div>\n    </div>\n  </div>\n')};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../lib/util");exports.default=function(s,a){return'\n  <div class="component-layer">\n    <div\n      aria-hidden="true"\n      tabindex="-1"\n      class="countdown"\n      role="component"\n      style="\n        font-family: '.concat((0,n.getFontFamily)({instanceId:a,font:null}),";\n        left: ").concat(s.x,"%;\n        top: ").concat(s.y,"%;\n        width: ").concat(s.width,";\n        z-index: ").concat(s.z_index,";\n        ").concat(s.transform?"transform: ".concat(s.transform,";"):"",';\n      "\n      data-mode="').concat(s.theme,'"\n      data-scale="').concat(s.scale,'"\n      data-reminder=').concat(!!s.notificationEnd,'"\n    >\n      ').concat(s.has_title?'\n        <div class="title">\n          <span>'.concat(s.title,"</span>\n        </div>"):"",'\n      <div class="times">\n        <div class="days">\n          <div class="day-times">\n            <div class="time"><span>0</span></div>\n            <div class="time"><span>0</span></div>\n          </div>\n          <span data-i18n-key="countdown_days" class="time-name">days</span>\n        </div>\n        <span class="dot"><span>:</span></span>\n        <div class="hours">\n          <div class="hour-times">\n            <div class="time"><span>0</span></div>\n            <div class="time"><span>0</span></div>\n          </div>\n          <span data-i18n-key="countdown_hours" class="time-name">hours</span>\n        </div>\n        <span class="dot"><span>:</span></span>\n        <div class="minutes">\n          <div class="minute-times">\n            <div class="time"><span>0</span></div>\n            <div class="time"><span>0</span></div>\n          </div>\n          <span data-i18n-key="countdown_minutes" class="time-name">minutes</span>\n        </div>\n        <span class="dot"><span>:</span></span>\n        <div class="seconds">\n          <div class="second-times">\n            <div class="time"><span>0</span></div>\n            <div class="time"><span>0</span></div>\n          </div>\n          <span data-i18n-key="countdown_seconds" class="time-name">seconds</span>\n        </div>\n      </div>\n    </div>\n  </div>\n')};
 },{"../../../lib/util":"PesM"}],"E52t":[function(require,module,exports) {
-"use strict";var t=this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])})(e,n)};return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),e=this&&this.__assign||function(){return(e=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var a in e=arguments[n])Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t}).apply(this,arguments)},n=this&&this.__awaiter||function(t,e,n,r){return new(n||(n=Promise))(function(a,o){function i(t){try{l(r.next(t))}catch(e){o(e)}}function s(t){try{l(r.throw(t))}catch(e){o(e)}}function l(t){var e;t.done?a(t.value):(e=t.value,e instanceof n?e:new n(function(t){t(e)})).then(i,s)}l((r=r.apply(t,e||[])).next())})},r=this&&this.__generator||function(t,e){var n,r,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(i=0)),i;)try{if(n=1,r&&(a=2&s[0]?r.return:s[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;switch(r=0,a&&(s=[2&s[0],a.value]),s[0]){case 0:case 1:a=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,r=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(a=(a=i.trys).length>0&&a[a.length-1])&&(6===s[0]||2===s[0])){i=0;continue}if(3===s[0]&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(6===s[0]&&i.label<a[1]){i.label=a[1],a=s;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(s);break}a[2]&&i.ops.pop(),i.trys.pop();continue}s=e.call(t,i)}catch(l){s=[6,l],r=0}finally{n=a=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var o=a(require("canvas-confetti")),i=require("../../constants/layerTypes"),s=require("../../lib/util"),l=a(require("../base")),c=a(require("./dataConvertor.ts")),u=a(require("./template/index.ts")),h=function(a){function l(t){var e=t.layer,n=t.storyDom,r=t.instanceId,o=a.call(this,{type:i.LayerTemplateTypes.COUNTDOWN,storyDom:n,instanceId:r})||this;return o.animationStatus_=!1,o.daysHidden_=!1,o.setLayerData((0,c.default)(e)),o.generateComponentAndAppendToPage((0,u.default)(o.layerData,r)).then(function(t){o.dom_=t,o.daysDom_=o.dom_.querySelector(".day-times").querySelectorAll(".time"),o.hoursDom_=o.dom_.querySelector(".hour-times").querySelectorAll(".time"),o.minutesDom_=o.dom_.querySelector(".minute-times").querySelectorAll(".time"),o.secondsDom_=o.dom_.querySelector(".second-times").querySelectorAll(".time"),o.init_()}),o.attachCallbacksToElement_(),o}return t(l,a),l.prototype.attachCallbacksToElement_=function(){this.storyObserverCallback_=this.storyObserverCallback_.bind(this)},l.prototype.init_=function(){this.globalInstanceData.storylyEmbed.init&&(0,s.stopEventBubbling)(this.dom_),this.layerData.has_seconds||(this.dom_.querySelector(".seconds").setAttribute("hidden","true"),this.dom_.lastElementChild.setAttribute("data-seconds","false")),this.storyObserver_(this.storyObserverCallback_)},l.prototype.createAnimationCanvas_=function(){this.animationCanvas_=document.createElement("canvas"),this.animationCanvas_.classList.add("confetti-animation"),this.storyDom_.appendChild(this.animationCanvas_)},l.prototype.handleAnimation_=function(){return n(this,void 0,void 0,function(){var t,n,a=this;return r(this,function(r){return this.animationStatus_=!0,this.animationCanvas_.confetti=this.animationCanvas_.confetti||o.default.create(this.animationCanvas_,{resize:!0}),200,t={origin:{y:.4}},(n=function(n,r){a.animationCanvas_.confetti(e(e(e({},t),r),{particleCount:Math.floor(200*n),origin:{y:a.layerData.sdkTop/100+.15}}))})(.2,{spread:26,startVelocity:55}),n(.2,{spread:60}),n(.2,{spread:100,decay:.91,scalar:.8}),n(.2,{spread:120,startVelocity:25,decay:.92,scalar:1.2}),n(.2,{spread:120,startVelocity:45}),[2]})})},l.prototype.storyObserverCallback_=function(t){var e=this;t.forEach(function(t){var n;"attributes"===t.type&&t.target instanceof HTMLDivElement&&("show"===t.attributeName&&t.target.hasAttribute("show")?(e.handleTimer_(),e.createAnimationCanvas_()):t.target.hasAttribute("show")||(clearInterval(e.countdownTime_),e.animationCanvas_&&(e.animationCanvas_.remove(),null===(n=e.animationCanvas_.confetti)||void 0===n||n.reset()),e.animationStatus_=!1))})},l.prototype.renderTime_=function(){var t=this,e=0,n=0,r=0,a=0,o=new Date(1e3*this.layerData.end).getTime()-(new Date).getTime();o>0&&(a=(r=(n=(e=o/864e5)%1*24)%1*60)%1*60,e=Math.floor(e),n=Math.floor(n),a=Math.floor(a),r=Math.floor(r),r+=r<59&&a>0?1:0),0!==e||this.daysHidden_||(this.dom_.querySelector(".days").setAttribute("hidden","true"),this.dom_.querySelector(".seconds").removeAttribute("hidden"),this.dom_.lastElementChild.setAttribute("data-days","false"),this.dom_.lastElementChild.removeAttribute("data-seconds"),this.daysHidden_=!0);var i=0===e&&0===n&&0===r;i&&(this.animationStatus_||setTimeout(function(){t.handleAnimation_()},150),clearInterval(this.countdownTime_));var l=[(0,s.splitTime)(e),(0,s.splitTime)(n),(0,s.splitTime)(r),(0,s.splitTime)(a)],c=l[0],u=l[1],h=l[2],d=l[3];return this.daysDom_.forEach(function(t,e){t.querySelector("span").innerHTML=c[e]}),this.hoursDom_.forEach(function(t,e){t.querySelector("span").innerHTML=u[e]}),this.minutesDom_.forEach(function(t,e){t.querySelector("span").innerHTML=h[e]}),this.secondsDom_.forEach(function(t,e){t.querySelector("span").innerHTML=d[e]}),Promise.resolve(i)},l.prototype.handleTimer_=function(){var t=this;this.renderTime_().then(function(e){e||(t.countdownTime_=setInterval(function(){t.renderTime_()},1e3))})},l}(l.default);exports.default=h;
-},{"canvas-confetti":"YvuL","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor.ts":"aNaa","./template/index.ts":"P7YB"}]},{},[], null)
+"use strict";var e=s(require("@babel/runtime/helpers/classCallCheck")),t=s(require("@babel/runtime/helpers/createClass")),a=s(require("@babel/runtime/helpers/inherits")),n=s(require("@babel/runtime/helpers/possibleConstructorReturn")),r=s(require("@babel/runtime/helpers/getPrototypeOf")),i=s(require("@babel/runtime/regenerator"));function s(e){return e&&e.__esModule?e:{default:e}}function o(e){var t=l();return function(){var a,i=(0,r.default)(e);if(t){var s=(0,r.default)(this).constructor;a=Reflect.construct(i,arguments,s)}else a=i.apply(this,arguments);return(0,n.default)(this,a)}}function l(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(l=function(){return!!e})()}var u=function(e,t,a,n){return new(a||(a=Promise))(function(r,i){function s(e){try{l(n.next(e))}catch(t){i(t)}}function o(e){try{l(n.throw(e))}catch(t){i(t)}}function l(e){var t;e.done?r(e.value):(t=e.value,t instanceof a?t:new a(function(e){e(t)})).then(s,o)}l((n=n.apply(e,t||[])).next())})},c=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var d=c(require("canvas-confetti")),m=require("../../constants/layerTypes"),h=require("../../lib/util"),f=c(require("../base")),y=c(require("./dataConvertor.ts")),_=c(require("./template/index.ts")),v=function(n){(0,a.default)(s,n);var r=o(s);function s(t){var a,n=t.layer,i=t.storyDom,o=t.instanceId;return(0,e.default)(this,s),(a=r.call(this,{type:m.LayerTemplateTypes.COUNTDOWN,storyDom:i,instanceId:o})).animationStatus_=!1,a.daysHidden_=!1,a.setLayerData((0,y.default)(n)),a.generateComponentAndAppendToPage((0,_.default)(a.layerData,o)).then(function(e){a.dom_=e,a.daysDom_=a.dom_.querySelector(".day-times").querySelectorAll(".time"),a.hoursDom_=a.dom_.querySelector(".hour-times").querySelectorAll(".time"),a.minutesDom_=a.dom_.querySelector(".minute-times").querySelectorAll(".time"),a.secondsDom_=a.dom_.querySelector(".second-times").querySelectorAll(".time"),a.init_()}),a.attachCallbacksToElement_(),a}return(0,t.default)(s,[{key:"attachCallbacksToElement_",value:function(){this.storyObserverCallback_=this.storyObserverCallback_.bind(this)}},{key:"init_",value:function(){this.globalInstanceData.storylyEmbed.init&&(0,h.stopEventBubbling)(this.dom_),this.layerData.has_seconds||(this.dom_.querySelector(".seconds").setAttribute("hidden","true"),this.dom_.lastElementChild.setAttribute("data-seconds","false")),this.storyObserver_(this.storyObserverCallback_)}},{key:"createAnimationCanvas_",value:function(){this.animationCanvas_=document.createElement("canvas"),this.animationCanvas_.classList.add("confetti-animation"),this.storyDom_.appendChild(this.animationCanvas_)}},{key:"handleAnimation_",value:function(){return u(this,void 0,void 0,i.default.mark(function e(){var t,a,n=this;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:this.animationStatus_=!0,this.animationCanvas_.confetti=this.animationCanvas_.confetti||d.default.create(this.animationCanvas_,{resize:!0}),200,t={origin:{y:.4}},(a=function(e,a){n.animationCanvas_.confetti(Object.assign(Object.assign(Object.assign({},t),a),{particleCount:Math.floor(200*e),origin:{y:n.layerData.y/100+.15}}))})(.2,{spread:26,startVelocity:55}),a(.2,{spread:60}),a(.2,{spread:100,decay:.91,scalar:.8}),a(.2,{spread:120,startVelocity:25,decay:.92,scalar:1.2}),a(.2,{spread:120,startVelocity:45});case 10:case"end":return e.stop()}},e,this)}))}},{key:"storyObserverCallback_",value:function(e){var t=this;e.forEach(function(e){var a;"attributes"===e.type&&e.target instanceof HTMLDivElement&&("show"===e.attributeName&&e.target.hasAttribute("show")?(t.handleTimer_(),t.createAnimationCanvas_()):e.target.hasAttribute("show")||(clearInterval(t.countdownTime_),t.animationCanvas_&&(t.animationCanvas_.remove(),null===(a=t.animationCanvas_.confetti)||void 0===a||a.reset()),t.animationStatus_=!1))})}},{key:"renderTime_",value:function(){var e=this,t=0,a=0,n=0,r=0,i=new Date(1e3*this.layerData.end).getTime()-(new Date).getTime();i>0&&(r=(n=(a=(t=i/864e5)%1*24)%1*60)%1*60,t=Math.floor(t),a=Math.floor(a),r=Math.floor(r),n=Math.floor(n),n+=n<59&&r>0?1:0),0!==t||this.daysHidden_||(this.dom_.querySelector(".days").setAttribute("hidden","true"),this.dom_.querySelector(".seconds").removeAttribute("hidden"),this.dom_.lastElementChild.setAttribute("data-days","false"),this.dom_.lastElementChild.removeAttribute("data-seconds"),this.daysHidden_=!0);var s=0===t&&0===a&&0===n;s&&(this.animationStatus_||setTimeout(function(){e.handleAnimation_()},150),clearInterval(this.countdownTime_));var o=[(0,h.splitTime)(t),(0,h.splitTime)(a),(0,h.splitTime)(n),(0,h.splitTime)(r)],l=o[0],u=o[1],c=o[2],d=o[3];return this.daysDom_.forEach(function(e,t){e.querySelector("span").innerHTML=l[t]}),this.hoursDom_.forEach(function(e,t){e.querySelector("span").innerHTML=u[t]}),this.minutesDom_.forEach(function(e,t){e.querySelector("span").innerHTML=c[t]}),this.secondsDom_.forEach(function(e,t){e.querySelector("span").innerHTML=d[t]}),Promise.resolve(s)}},{key:"handleTimer_",value:function(){var e=this;this.renderTime_().then(function(t){t||(e.countdownTime_=setInterval(function(){e.renderTime_()},1e3))})}}]),s}(f.default);exports.default=v;
+},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","@babel/runtime/regenerator":"PMvg","canvas-confetti":"YvuL","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor.ts":"aNaa","./template/index.ts":"P7YB"}]},{},[], null)

package/dist/Emoji.e810e2f1.js

@@ -1,7 +1,7 @@
 parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"FZvA":[function(require,module,exports) {
-"use strict";var e=this&&this.__assign||function(){return(e=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e}).apply(this,arguments)};Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../lib/util"),t=function(t){var a=e({},t),o={1:[1],2:[1,2],3:[1,3,2],4:[1,3,4,2],5:[1,3,5,4,2]};return Object.keys(t).forEach(function(e){switch(e){case"background_color":var c=(0,r.convertHex)(t[e]);a.mode="rgba(255, 255, 255, 0.5)"===c?"Light":"Dark";break;case"emoji_codes":a.emoji_codes=t.emoji_codes.map(function(e,r){return{emoji:e,count:t.click_counts[e],animate_order:o[t.emoji_codes.length][r]}});break;case"left":var s=void 0;if(Number.isInteger(t[e])){var n=100*parseFloat(t[e])/360;s="".concat(n<0?0:n,"%")}else s="".concat(parseFloat(t[e]),"%");a.left=s;break;case"top":var i=void 0;i=Number.isInteger(t[e])?"".concat(100*parseFloat(t[e])/640,"%"):"".concat(parseFloat(t[e]),"%"),a.top=i;break;case"x":a.sdkLeft=t[e];break;case"w":a.width="".concat(t[e],"%");break;case"y":a.sdkTop=t[e];break;case"h":a.height="".concat(t[e],"%");break;default:return!0}return!0}),a};exports.default=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../lib/util"),r=function(r){var c=Object.assign({w:100,h:100,x:0,y:0},r),t={1:[1],2:[1,2],3:[1,3,2],4:[1,3,4,2],5:[1,3,5,4,2]};return Object.keys(r).forEach(function(a){switch(a){case"background_color":var o=(0,e.convertHex)(r[a]);c.mode="rgba(255, 255, 255, 0.5)"===o?"Light":"Dark";break;case"emoji_codes":c.emoji_codes=r.emoji_codes.map(function(e,c){return{emoji:e,count:r.click_counts[e],animate_order:t[r.emoji_codes.length][c]}});break;case"x":c.sdkLeft=r[a];break;case"w":c.width="".concat(r[a],"%");break;case"y":c.sdkTop=r[a];break;case"h":c.height="".concat(r[a],"%");break;default:return!0}return!0}),c};exports.default=r;
 },{"../../lib/util":"PesM"}],"BuOY":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../lib/util");exports.default=function(o){var e;return'\n<div class="component-layer">\n  <div\n    role="component"\n    aria-hidden="true"\n    style="\n      left: '.concat(o.left,";\n      top: ").concat(o.top,";\n      z-index: ").concat(o.z_index,'\n    "\n    class="reactions ').concat(90===o.rotation?"rotated":"",'"\n    data-mode="').concat(o.mode,'""\n  >\n    ').concat(null===(e=o.emoji_codes)||void 0===e?void 0:e.map(function(e){return'\n        <div\n          class="emoji-container"\n          style="--animate-order: '.concat(e.animate_order,"; --background-color: ").concat("Light"===o.mode?"#fff":"#000",'">\n          <span class="emoji no-pointer-events">').concat(e.emoji,'</span>\n          <span class="count no-pointer-events">').concat((0,n.kFormatter)(e.count),"</span>\n        </div>\n      ")}).join(""),"\n  </div>\n</div>")};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../lib/util");exports.default=function(o){var e;return'\n<div class="component-layer">\n  <div\n    role="component"\n    aria-hidden="true"\n    style="\n      left: '.concat(o.x,"%;\n      top: ").concat(o.y,"%;\n      z-index: ").concat(o.z_index,'\n    "\n    class="reactions ').concat(90===o.rotation?"rotated":"",'"\n    data-mode="').concat(o.mode,'""\n  >\n    ').concat(null===(e=o.emoji_codes)||void 0===e?void 0:e.map(function(e){return'\n        <div\n          class="emoji-container"\n          style="--animate-order: '.concat(e.animate_order,"; --background-color: ").concat("Light"===o.mode?"#fff":"#000",'">\n          <span class="emoji no-pointer-events">').concat(e.emoji,'</span>\n          <span class="count no-pointer-events">').concat((0,n.kFormatter)(e.count),"</span>\n        </div>\n      ")}).join(""),"\n  </div>\n</div>")};
 },{"../../../lib/util":"PesM"}],"Enlc":[function(require,module,exports) {
-"use strict";var t=this&&this.__extends||function(){var t=function(e,a){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a])})(e,a)};return function(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Class extends value "+String(a)+" is not a constructor or null");function n(){this.constructor=e}t(e,a),e.prototype=null===a?Object.create(a):(n.prototype=a.prototype,new n)}}(),e=this&&this.__assign||function(){return(e=Object.assign||function(t){for(var e,a=1,n=arguments.length;a<n;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t}).apply(this,arguments)},a=this&&this.__awaiter||function(t,e,a,n){return new(a||(a=Promise))(function(i,o){function r(t){try{l(n.next(t))}catch(e){o(e)}}function s(t){try{l(n.throw(t))}catch(e){o(e)}}function l(t){var e;t.done?i(t.value):(e=t.value,e instanceof a?e:new a(function(t){t(e)})).then(r,s)}l((n=n.apply(t,e||[])).next())})},n=this&&this.__generator||function(t,e){var a,n,i,o,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(s){return function(l){return function(s){if(a)throw new TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(r=0)),r;)try{if(a=1,n&&(i=2&s[0]?n.return:s[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;switch(n=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return r.label++,{value:s[1],done:!1};case 5:r.label++,n=s[1],s=[0];continue;case 7:s=r.ops.pop(),r.trys.pop();continue;default:if(!(i=(i=r.trys).length>0&&i[i.length-1])&&(6===s[0]||2===s[0])){r=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(6===s[0]&&r.label<i[1]){r.label=i[1],i=s;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(s);break}i[2]&&r.ops.pop(),r.trys.pop();continue}s=e.call(t,r)}catch(l){s=[6,l],n=0}finally{a=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},i=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../constants/events"),r=require("../../constants/layerTypes"),s=require("../../lib/util"),l=i(require("../base")),c=i(require("./dataConvertor.ts")),u=i(require("./template/index.ts")),h=function(i){function l(t){var e=t.layer,a=t.group,n=t.storyDom,o=t.story,s=t.instanceId,l=i.call(this,{type:r.LayerTemplateTypes.EMOJI,storyDom:n,instanceId:s})||this;return l.story_=o,l.storyDom_=n,l.group_=a,l.animationStart_=!1,l.selectedEmoji_=null,l.localData_=l.getLocalComponentData(),l.setLayerData((0,c.default)(e)),l.generateComponentAndAppendToPage((0,u.default)(l.layerData)).then(function(t){l.dom_=t,l.init_()}),l.attachCallbacksToElement_(),l}return t(l,i),l.prototype.attachCallbacksToElement_=function(){this.handleClickEmoji_=this.handleClickEmoji_.bind(this),this.handleLocalData_=this.handleLocalData_.bind(this),this.handleEvent_=this.handleEvent_.bind(this),this.handleDom_=this.handleDom_.bind(this),this.storyObserverCallback_=this.storyObserverCallback_.bind(this)},l.prototype.init_=function(){var t,e=this;if(this.storyObserver_(this.storyObserverCallback_),this.globalInstanceData.storylyEmbed.init&&(0,s.stopEventBubbling)(this.dom_,"click"),this.localData_[this.layerData.uid]||this.layerData.is_result){if(this.dom_.classList.add("reacted"),!this.layerData.is_result){var a={};Object.keys(null!==(t=this.layerData.click_counts)&&void 0!==t?t:{}).forEach(function(t){a[t]=e.layerData.click_counts[t],e.localData_[e.layerData.uid].selected===t&&(a[t]+=1)}),this.layerData.click_counts=a}this.layerData.is_result||this.handleDom_(this.localData_[this.layerData.uid].selected)}this.layerData.is_result||this.dom_.querySelectorAll(".emoji-container").forEach(function(t){(0,s.stopEventBubbling)(t,"touchstart"),(0,s.stopEventBubbling)(t,"touchend"),t.addEventListener("pointerdown",function(t){return e.handleClickEmoji_(t)})})},l.prototype.storyObserverCallback_=function(t){var e=this;t.forEach(function(t){"attributes"===t.type&&"show"===t.attributeName&&(t.target.hasAttribute("show")&&e.dom_.classList.add("animating"),t.target.hasAttribute("show")||(e.dom_.classList.remove("animating"),e.handleEvent_()))})},l.prototype.animationDom_=function(t){return'\n      <div class="emoji-animation">\n        '.concat(Array.from(Array(20).keys()).map(function(){return'<span style="bottom: -'.concat(10*Math.random()-10,"%; left: ").concat(90*Math.random(),"%; animation-delay: ").concat(1.2*Math.random(),'s">').concat(t,"</span>")}).join(""),"\n      </div>\n    ")},l.prototype.handleClickEmoji_=function(t){var e=this,a=t.target,n=a.querySelector(".emoji").innerHTML;if(a.classList.contains("clicked"))return this.selectedEmoji_=null,a.classList.remove("clicked"),this.dom_.classList.remove("reacted"),this.dom_.classList.add("deselected"),this.layerData.click_counts[n]-=1,this.localData_[this.layerData.uid]=null,void this.setLocalComponentData(this.localData_);var i=this.generateHtmlFromTemplate(this.animationDom_(n));this.animationStart_||(this.storyDom_.appendChild(i),this.selectedEmoji_&&(this.layerData.click_counts[this.selectedEmoji_]-=1),this.layerData.click_counts[n]+=1,this.selectedEmoji_=n,this.handleDom_(n),this.handleLocalData_(),this.animationStart_=!0),this.dom_.classList.add("reacted");var r={group:this.group_,story_id:this.story_.story_id,alt_text:this.story_.alt_text,is_sharable:this.story_.is_sharable,track_id:this.layerData.custom_payload,answers:this.layerData.emoji_codes,answer:this.selectedEmoji_};(0,s.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:o.CustomerEventTypes.onStoryReactionAnswered,params:r}),setTimeout(function(){i.remove(),e.animationStart_=!1},2500)},l.prototype.handleLocalData_=function(){this.selectedEmoji_&&(this.localData_=this.getLocalComponentData(),this.localData_[this.layerData.uid]={counts:this.layerData.click_counts,selected:this.selectedEmoji_},this.setLocalComponentData(this.localData_))},l.prototype.handleDom_=function(t){var a=this,n=Object.values(this.layerData.click_counts).reduce(function(t,e){return t+e},0);Array.from(this.dom_.children).forEach(function(i){var o,r=i.firstElementChild.innerHTML,s=(a.layerData.click_counts[r]/n*100).toFixed();a.layerData.click_percentages=e(e({},a.layerData.click_percentages||{}),((o={})[r]=Number(s),o)),i.lastElementChild.innerHTML="%".concat(s),i.lastElementChild.dataset.count=s,r===t?i.classList.add("clicked"):i.classList.remove("clicked")}),this.handleSummedPercentages_()},l.prototype.handleSummedPercentages_=function(){var t=Object.values(this.layerData.click_percentages).reduce(function(t,e){return t+e},0);if(100!==t){var e=Math.max.apply(Math,Object.values(this.layerData.click_percentages)),a=e+(100-t);this.dom_.querySelector("[data-count='".concat(e,"']")).innerHTML="%".concat(a)}},l.prototype.handleEvent_=function(){return a(this,void 0,void 0,function(){var t;return n(this,function(e){return this.selectedEmoji_?(t={event_type:o.LayerEventTypes.ReactionClicked,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_index:null,story_index:null,story_group_type:"default",story_interactive_x:null,story_interactive_y:null,duration:null,watch_length:null,event_time:Date.now(),uid:this.layerData.uid,activity:this.selectedEmoji_},this.api.sendEvent(t),[2]):[2]})})},l}(l.default);exports.default=h;
-},{"../../constants/events":"d0lR","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor.ts":"FZvA","./template/index.ts":"BuOY"}]},{},[], null)
+"use strict";var t=o(require("@babel/runtime/helpers/toConsumableArray")),e=o(require("@babel/runtime/helpers/defineProperty")),a=o(require("@babel/runtime/helpers/classCallCheck")),i=o(require("@babel/runtime/helpers/createClass")),n=o(require("@babel/runtime/helpers/inherits")),r=o(require("@babel/runtime/helpers/possibleConstructorReturn")),s=o(require("@babel/runtime/helpers/getPrototypeOf")),l=o(require("@babel/runtime/regenerator"));function o(t){return t&&t.__esModule?t:{default:t}}function c(t){var e=u();return function(){var a,i=(0,s.default)(t);if(e){var n=(0,s.default)(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return(0,r.default)(this,a)}}function u(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(u=function(){return!!t})()}var h=function(t,e,a,i){return new(a||(a=Promise))(function(n,r){function s(t){try{o(i.next(t))}catch(e){r(e)}}function l(t){try{o(i.throw(t))}catch(e){r(e)}}function o(t){var e;t.done?n(t.value):(e=t.value,e instanceof a?e:new a(function(t){t(e)})).then(s,l)}o((i=i.apply(t,e||[])).next())})},d=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var _=require("../../constants/events"),m=require("../../constants/layerTypes"),y=require("../../lib/util"),f=d(require("../base")),v=d(require("./dataConvertor.ts")),p=d(require("./template/index.ts")),b=function(r){(0,n.default)(o,r);var s=c(o);function o(t){var e,i=t.layer,n=t.group,r=t.storyDom,l=t.story,c=t.instanceId;return(0,a.default)(this,o),(e=s.call(this,{type:m.LayerTemplateTypes.EMOJI,storyDom:r,instanceId:c})).story_=l,e.storyDom_=r,e.group_=n,e.animationStart_=!1,e.selectedEmoji_=null,e.localData_=e.getLocalComponentData(),e.setLayerData((0,v.default)(i)),e.generateComponentAndAppendToPage((0,p.default)(e.layerData)).then(function(t){e.dom_=t,e.init_()}),e.attachCallbacksToElement_(),e}return(0,i.default)(o,[{key:"attachCallbacksToElement_",value:function(){this.handleClickEmoji_=this.handleClickEmoji_.bind(this),this.handleLocalData_=this.handleLocalData_.bind(this),this.handleEvent_=this.handleEvent_.bind(this),this.handleDom_=this.handleDom_.bind(this),this.storyObserverCallback_=this.storyObserverCallback_.bind(this)}},{key:"init_",value:function(){var t,e=this;if(this.storyObserver_(this.storyObserverCallback_),this.globalInstanceData.storylyEmbed.init&&(0,y.stopEventBubbling)(this.dom_,"click"),this.localData_[this.layerData.uid]||this.layerData.is_result){if(this.dom_.classList.add("reacted"),!this.layerData.is_result){var a={};Object.keys(null!==(t=this.layerData.click_counts)&&void 0!==t?t:{}).forEach(function(t){a[t]=e.layerData.click_counts[t],e.localData_[e.layerData.uid].selected===t&&(a[t]+=1)}),this.layerData.click_counts=a}this.layerData.is_result||this.handleDom_(this.localData_[this.layerData.uid].selected)}this.layerData.is_result||this.dom_.querySelectorAll(".emoji-container").forEach(function(t){(0,y.stopEventBubbling)(t,"touchstart"),(0,y.stopEventBubbling)(t,"touchend"),t.addEventListener("pointerdown",function(t){return e.handleClickEmoji_(t)})})}},{key:"storyObserverCallback_",value:function(t){var e=this;t.forEach(function(t){"attributes"===t.type&&"show"===t.attributeName&&(t.target.hasAttribute("show")&&e.dom_.classList.add("animating"),t.target.hasAttribute("show")||(e.dom_.classList.remove("animating"),e.handleEvent_()))})}},{key:"animationDom_",value:function(t){return'\n      <div class="emoji-animation">\n        '.concat(Array.from(Array(20).keys()).map(function(){return'<span style="bottom: -'.concat(10*Math.random()-10,"%; left: ").concat(90*Math.random(),"%; animation-delay: ").concat(1.2*Math.random(),'s">').concat(t,"</span>")}).join(""),"\n      </div>\n    ")}},{key:"handleClickEmoji_",value:function(t){var e=this,a=t.target,i=a.querySelector(".emoji").innerHTML;if(a.classList.contains("clicked"))return this.selectedEmoji_=null,a.classList.remove("clicked"),this.dom_.classList.remove("reacted"),this.dom_.classList.add("deselected"),this.layerData.click_counts[i]-=1,this.localData_[this.layerData.uid]=null,void this.setLocalComponentData(this.localData_);var n=this.generateHtmlFromTemplate(this.animationDom_(i));this.animationStart_||(this.storyDom_.appendChild(n),this.selectedEmoji_&&(this.layerData.click_counts[this.selectedEmoji_]-=1),this.layerData.click_counts[i]+=1,this.selectedEmoji_=i,this.handleDom_(i),this.handleLocalData_(),this.animationStart_=!0),this.dom_.classList.add("reacted");var r={custom_payload:this.layerData.custom_payload,answers:this.layerData.emoji_codes,answer:this.selectedEmoji_};(0,y.createAndDispatchEvent)(this.storyDom_,"onStoryEvent",r),setTimeout(function(){n.remove(),e.animationStart_=!1},2500)}},{key:"handleLocalData_",value:function(){this.selectedEmoji_&&(this.localData_=this.getLocalComponentData(),this.localData_[this.layerData.uid]={counts:this.layerData.click_counts,selected:this.selectedEmoji_},this.setLocalComponentData(this.localData_))}},{key:"handleDom_",value:function(t){var a=this,i=Object.values(this.layerData.click_counts).reduce(function(t,e){return t+e},0);Array.from(this.dom_.children).forEach(function(n){var r=n.firstElementChild.innerHTML,s=(a.layerData.click_counts[r]/i*100).toFixed();a.layerData.click_percentages=Object.assign(Object.assign({},a.layerData.click_percentages||{}),(0,e.default)({},r,Number(s))),n.lastElementChild.innerHTML="%".concat(s),n.lastElementChild.dataset.count=s,r===t?n.classList.add("clicked"):n.classList.remove("clicked")}),this.handleSummedPercentages_()}},{key:"handleSummedPercentages_",value:function(){var e=Object.values(this.layerData.click_percentages).reduce(function(t,e){return t+e},0);if(100!==e){var a=Math.max.apply(Math,(0,t.default)(Object.values(this.layerData.click_percentages))),i=a+(100-e);this.dom_.querySelector("[data-count='".concat(a,"']")).innerHTML="%".concat(i)}}},{key:"handleEvent_",value:function(){return h(this,void 0,void 0,l.default.mark(function t(){var e;return l.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(this.selectedEmoji_){t.next=2;break}return t.abrupt("return");case 2:e={event_type:_.LayerEventTypes.ReactionClicked,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_index:null,story_index:null,story_group_type:"default",story_interactive_x:null,story_interactive_y:null,duration:null,watch_length:null,event_time:Date.now(),uid:this.layerData.uid,activity:this.selectedEmoji_},this.api.sendEvent(e);case 4:case"end":return t.stop()}},t,this)}))}}]),o}(f.default);exports.default=b;
+},{"@babel/runtime/helpers/toConsumableArray":"Fhqp","@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","@babel/runtime/regenerator":"PMvg","../../constants/events":"d0lR","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor.ts":"FZvA","./template/index.ts":"BuOY"}]},{},[], null)

package/dist/ImageCTA.257c6604.js

@@ -1,7 +1,7 @@
 parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"g2sY":[function(require,module,exports) {
-"use strict";var e=this&&this.__assign||function(){return(e=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var o in r=arguments[a])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e}).apply(this,arguments)};Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../lib/util"),a=function(a,t){var o=e({},a);return Object.keys(a).forEach(function(e){switch(e){case"x":o.sdkLeft=a[e];break;case"w":o.width="".concat(a[e],"%");break;case"y":o.sdkTop=a[e];break;case"h":o.height="".concat(a[e],"%");break;case"left":var c=void 0;if(Number.isInteger(a[e])){var s=100*parseFloat(a[e])/360;c="".concat(s<0?0:s,"%")}else c="".concat(parseFloat(a[e]),"%");o.left=c;break;case"top":var n=void 0;n=Number.isInteger(a[e])?"".concat(100*parseFloat(a[e])/640,"%"):"".concat(parseFloat(a[e]),"%"),o.top=n;break;case"rotation":o.transform="rotate(".concat(a[e],"deg)");break;case"border_radius":o.border_radius=(0,r.calcBorderRadius)(a,t)}}),o};exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../lib/util"),r=function(r,a){var t=Object.assign({w:100,h:100,x:0,y:0},r);return Object.keys(r).forEach(function(c){switch(c){case"x":t.sdkLeft=r[c];break;case"w":t.width="".concat(r[c],"%");break;case"y":t.sdkTop=r[c];break;case"h":t.height="".concat(r[c],"%");break;case"rotation":t.transform="rotate(".concat(r[c],"deg)");break;case"border_radius":t.border_radius=(0,e.calcBorderRadius)(r,a)}}),t};exports.default=r;
 },{"../../lib/util":"PesM"}],"ex1N":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(n){var t;return'\n  <div class="component-layer">\n    <div\n      aria-hidden="true"\n      role="component"\n      tabindex="-1"\n      class="image-cta-wrapper"\n      style="\n        width: '.concat(n.width,";\n        height: ").concat(n.height,";\n        left: ").concat(n.left,";\n        top: ").concat(n.top,";\n        ").concat(n.transform?"transform: ".concat(n.transform,";"):"","\n        z-index: ").concat(n.z_index,';\n      "\n    >\n      <img src="').concat(n.image_url,'" style="border-radius: ').concat(null!==(t=n.border_radius)&&void 0!==t?t:0,'px;" alt="Component Image" />\n    </div>\n  </div>\n')};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(n){var t;return'\n  <div class="component-layer">\n    <div\n      aria-hidden="true"\n      role="component"\n      tabindex="-1"\n      class="image-cta-wrapper"\n      style="\n        width: '.concat(n.width,";\n        height: ").concat(n.height,";\n        left: ").concat(n.x,"%;\n        top: ").concat(n.y,"%;\n        ").concat(n.transform?"transform: ".concat(n.transform,";"):"","\n        z-index: ").concat(n.z_index,';\n      "\n    >\n      <img src="').concat(n.image_url,'" style="border-radius: ').concat(null!==(t=n.border_radius)&&void 0!==t?t:0,'px;" alt="Component Image" />\n    </div>\n  </div>\n')};
 },{}],"sPCL":[function(require,module,exports) {
-"use strict";var t=this&&this.__extends||function(){var t=function(e,i){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(e,i)};return function(e,i){if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");function r(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(r.prototype=i.prototype,new r)}}(),e=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var i=e(require("../../components/StoryProduct")),r=require("../../constants/events"),o=require("../../constants/layerTypes"),n=require("../../lib/util"),a=e(require("../base")),s=e(require("./dataConvertor.ts")),l=e(require("./template/index.ts")),u=function(e){function a(t){var i=t.layer,r=t.story,n=t.group,a=t.storyDom,u=t.instanceId,c=e.call(this,{type:o.LayerTemplateTypes.IMAGE_CTA,storyDom:a,instanceId:u})||this;return c.story_=r,c.group_=n,c.setLayerData((0,s.default)(i,a)),c.generateComponentAndAppendToPage((0,l.default)(c.layerData)).then(function(t){c.dom_=t,c.init_()}),c.attachCallbacksToElement_(),c}return t(a,e),a.prototype.attachCallbacksToElement_=function(){this.handleClick_=this.handleClick_.bind(this)},a.prototype.init_=function(){(0,n.setClickEventListener)(this.dom_,this.handleClick_),(0,n.stopEventBubbling)(this.dom_,"touchstart"),this.layerData.initialProduct&&(this.storyProduct_=new i.default({instanceId:this.instanceId,layer:this.layerData,storyDom:this.storyDom_,group:this.group_,story:this.story_}))},a.prototype.handleClick_=function(){var t,e,i=this;if("cta"!==this.layerData.cta_t){var o={event_type:r.LayerEventTypes.ActionClicked,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:"image_cta",watch_length:null,event_time:Date.now(),uid:this.layerData.uid,click_url:null!==(t=this.layerData.outlink)&&void 0!==t?t:""};if(this.api.sendEvent(o),this.globalInstanceData.events.actionClicked){var a=this.group_.stories.findIndex(function(t){return t.story_id===i.story_.story_id}),s={id:this.story_.story_id,title:this.story_.title,seen:!0,index:a,group_id:this.group_.group_id,media:{actionUrl:this.layerData.outlink}};this.globalInstanceData.events.actionClicked(s)}else{var l=this.layerData.initialProduct;l?null===(e=this.storyProduct_)||void 0===e||e.onPurchase(l.product_id,!1):this.layerData.outlink&&(0,n.openLink)(this.layerData.outlink)}}},a}(a.default);exports.default=u;
-},{"../../components/StoryProduct":"GdVG","../../constants/events":"d0lR","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor.ts":"g2sY","./template/index.ts":"ex1N"}]},{},[], null)
+"use strict";var t=n(require("@babel/runtime/helpers/classCallCheck")),e=n(require("@babel/runtime/helpers/createClass")),r=n(require("@babel/runtime/helpers/inherits")),i=n(require("@babel/runtime/helpers/possibleConstructorReturn")),a=n(require("@babel/runtime/helpers/getPrototypeOf"));function n(t){return t&&t.__esModule?t:{default:t}}function s(t){var e=o();return function(){var r,n=(0,a.default)(t);if(e){var s=(0,a.default)(this).constructor;r=Reflect.construct(n,arguments,s)}else r=n.apply(this,arguments);return(0,i.default)(this,r)}}function o(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(o=function(){return!!t})()}var l=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var u=l(require("../../components/StoryProduct")),c=require("../../constants/events"),d=require("../../constants/layerTypes"),h=require("../../lib/util"),y=l(require("../base")),_=l(require("./dataConvertor.ts")),p=l(require("./template/index.ts")),f=function(i){(0,r.default)(n,i);var a=s(n);function n(e){var r,i=e.layer,s=e.story,o=e.group,l=e.storyDom,u=e.instanceId;return(0,t.default)(this,n),(r=a.call(this,{type:d.LayerTemplateTypes.IMAGE_CTA,storyDom:l,instanceId:u})).story_=s,r.group_=o,r.setLayerData((0,_.default)(i,l)),r.generateComponentAndAppendToPage((0,p.default)(r.layerData)).then(function(t){r.dom_=t,r.init_()}),r.attachCallbacksToElement_(),r}return(0,e.default)(n,[{key:"attachCallbacksToElement_",value:function(){this.handleClick_=this.handleClick_.bind(this)}},{key:"init_",value:function(){(0,h.setClickEventListener)(this.dom_,this.handleClick_),(0,h.stopEventBubbling)(this.dom_,"touchstart"),this.layerData.initialProduct&&(this.storyProduct_=new u.default({instanceId:this.instanceId,layer:this.layerData,storyDom:this.storyDom_,group:this.group_,story:this.story_}))}},{key:"handleClick_",value:function(){var t,e,r=this;if("cta"!==this.layerData.cta_t){var i={event_type:c.LayerEventTypes.ActionClicked,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_type:"default",story_interactive_id:null,story_interactive_type:"image_cta",watch_length:null,event_time:Date.now(),uid:this.layerData.uid,click_url:null!==(t=this.layerData.outlink)&&void 0!==t?t:""};if(this.api.sendEvent(i),this.globalInstanceData.events.actionClicked){var a=this.group_.stories.findIndex(function(t){return t.story_id===r.story_.story_id}),n={id:this.story_.story_id,title:this.story_.title,seen:!0,index:a,group_id:this.group_.group_id,actionUrl:this.layerData.outlink};this.globalInstanceData.events.actionClicked(n)}else{var s=this.layerData.initialProduct;s?null===(e=this.storyProduct_)||void 0===e||e.onPurchase(s.product_id,!1):this.layerData.outlink&&(0,h.openLink)(this.layerData.outlink)}}}}]),n}(y.default);exports.default=f;
+},{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../components/StoryProduct":"GdVG","../../constants/events":"d0lR","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../base":"skR7","./dataConvertor.ts":"g2sY","./template/index.ts":"ex1N"}]},{},[], null)