storyly-web 2.2.0 → 2.8.0

package/README.md

@@ -28,6 +28,19 @@ For further information regarding the usage of `storyly-web`, please check out [
 
 # Change Log
 
+### 2.8.0 - 18.01.2024
+
+- Feature: Video sizing and position support
+- Feature: Added static product catalog component
+- Improvement: removed external data support
+- Bug: Fixed minor bugs
+
+### 2.3.0 - 05.01.2024
+
+- Feature: Image sizing and position support
+- Feature: Added no sound alert if video has no sound
+- Bug: Fixed minor bugs
+
 ### 2.2.0 - 06.12.2023
 
 - Improvement: Using dynamic import for files

package/dist/Classic.03f725b7.js

@@ -1,8 +1,8 @@
 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=g(require("@babel/runtime/helpers/defineProperty")),t=g(require("@babel/runtime/helpers/asyncToGenerator")),s=g(require("@babel/runtime/helpers/classCallCheck")),i=g(require("@babel/runtime/helpers/createClass")),a=g(require("@babel/runtime/regenerator")),r=g(require("platform")),o=g(require("../../../constants/os")),n=g(require("../../../constants/browsers")),l=require("../../../constants/layerTypes"),u=require("../../../lib/style"),d=require("../../../lib/util"),h=g(require("../templates/story")),y=require("../../../constants/events"),c=g(require("../../../constants/directions")),_=g(require("../../../lib/storage")),p=require("../../../service"),v=g(require("../../../lib/proxy")),b=g(require("../../../service/HlsPlayer")),m=g(require("../../../components/ShareWidget")),f=g(require("../../../layers/CTA"));function g(e){return e&&e.__esModule?e:{default:e}}function A(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 P(t){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?A(Object(i),!0).forEach(function(s){(0,e.default)(t,s,i[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):A(Object(i)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})}return t}var D=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,u.setClass)(this.layersContainer_,"layers-container"),(0,d.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,d.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,d.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,u.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,d.createAndDispatchEvent)(this.storyDom_,"onI18nEvent",{wrapperDom:this.storyDom_})}},{key:"onImageLoad_",value:function(){if(!this.imageAssetLoaded_){this.handleProgressBar_(),this.imageAssetLoaded_=!0;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,u.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,d.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,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:y.GestureTypes.Progress})}},{key:"onVideoWaiting_",value:function(){this.progressPaused_=!0}},{key:"onVideoPlaying_",value:function(){this.videoAssetLoaded_&&(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,d.removeClickEventListener)(this.playPauseAction_,this.playAndPauseStory),this.accessibilityAction_&&this.accessibilityAction_.removeEventListener("pointerdown",this.handleAccessibilityOnOff_),(0,d.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(t=this.videoAsset_.querySelector("source"),s=this.videoAsset_.querySelector("source").dataset.src,!(0,d.isLiveVideo)(this.storyData_.video_type)){e.next=8;break}return e.next=5,(0,b.default)({source:s,tag:this.videoAsset_,thumbnail:this.storyData_.thumbnail_url});case 5:this.hls_=e.sent,e.next=10;break;case 8:t.src=s,this.videoAsset_.load();case 10:this.videoPausedPromise_?this.videoPausedPromise_.then(function(){i.videoPlayedPromise_=i.videoAsset_.play()}):this.videoPlayedPromise_=this.videoAsset_.play();case 11: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,u,d,h,y,c,_,p,v,b,m,g,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"));case 6:o=e.sent.default,i.instance=new o(P({},r));case 8:if(t.type!==l.LayerTemplateTypes.EMOJI){e.next=13;break}return e.next=11,require("_bundle_loader")(require.resolve("../../../layers/Emoji"));case 11:n=e.sent.default,i.instance=new n(P({},r));case 13:if(t.type!==l.LayerTemplateTypes.POLL){e.next=18;break}return e.next=16,require("_bundle_loader")(require.resolve("../../../layers/Poll"));case 16:u=e.sent.default,i.instance=new u(P({},r));case 18:if(t.type!==l.LayerTemplateTypes.RATING){e.next=23;break}return e.next=21,require("_bundle_loader")(require.resolve("../../../layers/Rating"));case 21:d=e.sent.default,i.instance=new d(P({},r));case 23:if(t.type!==l.LayerTemplateTypes.QUIZ){e.next=28;break}return e.next=26,require("_bundle_loader")(require.resolve("../../../layers/Quiz"));case 26:h=e.sent.default,i.instance=new h(P({},r));case 28:if(t.type!==l.LayerTemplateTypes.COUNTDOWN){e.next=33;break}return e.next=31,require("_bundle_loader")(require.resolve("../../../layers/Countdown"));case 31:y=e.sent.default,i.instance=new y(P({},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"));case 36:c=e.sent.default,i.instance=new c(P(P({},r),{},{type:l.LayerTemplateTypes.IMAGE_CTA}));case 38:if(t.type!==l.LayerTemplateTypes.BUTTON&&t.type!==l.LayerTemplateTypes.SWIPE||(i.instance=new f.default(P(P({},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"));case 42:_=e.sent.default,i.instance=new _(P(P({},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"));case 47:p=e.sent.default,i.instance=new p(P({},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"));case 52:v=e.sent.default,i.instance=new v(P({},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"));case 57:b=e.sent.default,i.instance=new b(P({},r));case 59:if(t.type!==l.LayerTemplateTypes.QUESTION){e.next=64;break}return e.next=62,require("_bundle_loader")(require.resolve("../../../layers/Question"));case 62:m=e.sent.default,i.instance=new m(P(P({},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"));case 67:g=e.sent.default,i.instance=new g(P({},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"));case 72:A=e.sent.default,i.instance=new A(P({},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"));case 77:D=e.sent.default,i.instance=new D(P({},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,d.isLiveVideo)(this.storyData_.video_type))return this.progressCount_=100,void(0,u.setStyle)(t,["width","".concat(this.progressCount_,"%")]);this.progressInterval_=setInterval(function(){e.progressPaused_||(e.progressTime_+=.1,e.storyProgressRemain_-=.1,e.videoAsset_?e.play():(e.handleLayersVisibility_(),e.handleProgress_()),e.progressCount_=100*e.progressTime_/e.storyProgressSecond_,e.progressCount_<=100&&(0,u.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,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:y.GestureTypes.Progress}),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,d.isMobileView)()?((0,d.setAttribute)(this.playPauseAction_,"hidden",!0),this.accessibilityAction_=this.storiesContainer_.querySelector(".accessibility-switch-button"),this.accessibilityAction_&&this.accessibilityAction_.addEventListener("pointerdown",this.handleAccessibilityOnOff_)):(0,d.removeAttribute)(this.playPauseAction_,"hidden");var i=e.querySelector('button[data-type="close"]');(this.globalInstanceData.storylyEmbed.init&&this.globalInstanceData.storylyEmbed.closeButton||(0,d.isMobileView)())&&((0,d.removeAttribute)(i,"hidden"),(0,d.setClickEventListener)(i,this.handleCloseGroup_)),this.playPauseAction_.classList.replace("play","pause"),(0,d.setClickEventListener)(this.playPauseAction_,this.playAndPauseStory),this.videoAsset_?((0,d.removeAttribute)(t,"hidden"),(0,d.setClickEventListener)(t,this.handleSoundStory_)):(0,d.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,d.removeAttribute)(e,"hidden"),e.addEventListener("pointerup",this.renderShareWidget)}},{key:"handleCloseGroup_",value:function(){(0,d.createAndDispatchEvent)(this.storyDom_,"onCloseGroup")}},{key:"handleSoundStory_",value:function(e){var t=e.target,s="sound-on",i="sound-off";t.classList.contains("sound-off")?((0,p.readAccessibilityText)(this.storyDom_,this.globalInstanceData.languageJSON.a11y_story_unmuted),t.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),t.setAttribute("aria-label",this.globalInstanceData.languageJSON.a11y_unmute_story),this.soundOn_=!1,this.soundOff(),s="sound-off",i="sound-on",this.globalInstanceData.videoMuted=!0),t.classList.replace(i,s)}},{key:"handleAccessibilityAltText_",value:function(){if((0,d.setAttribute)(this.storyDom_,"tabindex","20"),(0,d.setAttribute)(this.storyDom_,"aria-hidden","false"),this.osFamily_===o.default.IOS){var e=this.storiesContainer_.querySelector(".storyly__sg-info");(0,d.setAttribute)(e,"aria-hidden","false"),(0,d.setAttribute)(e,"aria-label",this.story_.alt_text||this.globalInstanceData.languageJSON.a11y_empty_alt_text),(0,d.removeAttribute)(this.storyDom_,"aria-label")}this.globalInstanceData.accessibility&&this.accessibilityAction_&&(0,d.setAttribute)(this.accessibilityAction_,"aria-label",this.globalInstanceData.languageJSON.a11y_disable_accessibility)}},{key:"handleAccessibilityFocus_",value:function(){var e=this;!(0,d.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,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,d.setAttribute)(e,"tabindex","22")}),(0,d.setAttribute)(e,"tabindex","22"),(0,d.setAttribute)(e,"aria-hidden","false")})}},{key:"hideAccessibilityElements_",value:function(){this.storyDom_.querySelectorAll(".cta-button").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,d.removeAttribute)(e,"tabindex")}),(0,d.removeAttribute)(e,"tabindex"),(0,d.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,d.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,d.createAndDispatchEvent)(this.storyDom_,"onAccessibilityTriggered",{accessibilityEnabled:!0}))}},{key:"sendStoryViewedEvent_",value:function(){var e=P({},this.getStoryData());(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:y.CustomerEventTypes.onStoryViewed,params:e})}},{key:"renderShareWidget",value:function(){var e=(0,t.default)(a.default.mark(function e(){var t,s=arguments;return a.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t=s.length>0&&void 0!==s[0]?s[0]:y.GestureTypes.Icon,e.next=3,(0,m.default)({dom:this.storyDom_,group:this.group_,story:this.story_,pause:this.pause.bind(this),play:this.play.bind(this),gesture:t});case 3:this.shareWidget_=e.sent;case 4: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.shareWidget_&&this.shareWidget_.hide(),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_&&(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,d.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,d.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,u.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",0])}},{key:"playAfterTouch",value:function(){(0,u.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",1]),this.play(),clearInterval(this.touchTimeout)}},{key:"playByEmbed",value:function(){var e=this;this.videoAsset_?this.videoPausedPromise_?this.videoPausedPromise_.then(function(){e.videoPlayedPromise_=e.videoAsset_.play()}):this.videoPlayedPromise_=this.videoAsset_.play():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,u.removeClass)(this.progressDoms_[this.key_],"seen"),this.videoAsset_?this.onVideoShown_():(this.isBlankStory_||this.imageAssetLoaded_)&&this.handleProgressBar_(),this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.autoPlay&&(0,u.setStyle)(this.progressDoms_[this.key_].querySelector("span"),["width","100%"]),this.globalInstanceData.accessibility&&this.playPauseAction_&&(0,u.setStyle)(this.playPauseAction_,["display","none"]),(0,u.setClass)(this.progressDoms_[this.key_],"active"),(0,u.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,d.setAttribute)(this.storyDom_,"aria-hidden","true"),(0,d.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,u.removeClass)(this.progressDoms_[this.key_],"active"),o||(0,u.removeClass)(this.storyDom_,"active"),(0,u.resetStyle)(this.progressDoms_[this.key_].querySelector("span"),["transition","width"]),a?(0,u.removeClass)(this.progressDoms_[this.key_],"seen"):(0,u.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.floor(this.storyProgressRemain_);return 1e3*(this.storyProgressSecond_-e)}},{key:"getProgressPausedStatus",value:function(){return this.progressPaused_}},{key:"getStoryData",value:function(){var e="".concat(this.group_.media_host).concat(this.storyData_.image_path);return"video"===this.storyData_.type&&(e="".concat(this.group_.media_host).concat(this.storyData_.video_path)),{story_id:this.story_.story_id,media:e,group:this.group_,index:this.key_}}},{key:"sendStoryClickedEvent",value:function(e,t){var s=P(P({},this.getStoryData()),{},{gesture_type:(0,d.getGestureType)(e)});(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:"next"===t?y.CustomerEventTypes.onNextStory:y.CustomerEventTypes.onPreviousStory,params:s})}},{key:"setKey",value:function(e){this.key_=e}},{key:"setProgressTime",value:function(e){this.progressTime_=+e.toFixed(1)}}]),e}(),S=D;exports.default=S;
-},{"@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","../../../layers/CTA":"lS5I","_bundle_loader":"TUK3","../../../components/VideoSeekBar":[["VideoSeekBar.8e29e7fa.js","WHTK"],"WHTK"],"../../../layers/BlankStory":[["BlankStory.87677cd0.js","ODzA"],"ODzA"],"../../../layers/Emoji":[["Emoji.aaf11bbd.js","GGza"],"GGza"],"../../../layers/Poll":[["Poll.b19c685b.js","fJSh"],"fJSh"],"../../../layers/Rating":[["Rating.3787564f.js","raea"],"raea"],"../../../layers/Quiz":[["Quiz.80dd96d2.js","lrR5"],"lrR5"],"../../../layers/Countdown":[["Countdown.6ce06965.js","YoYr"],"YoYr"],"../../../layers/ImageCTA":[["ImageCTA.6e00c2b1.js","J7D7"],"J7D7"],"../../../layers/Media":[["Media.8de69a8d.js","VEUS"],"VEUS"],"../../../layers/Text":[["Text.264c5d7c.js","youg"],"youg"],"../../../layers/ProductTag":[["ProductTag.54584948.js","cjPL"],"cjPL"],"../../../layers/PromoCode":[["PromoCode.917d4f91.js","N5Sp"],"N5Sp"],"../../../layers/Question":[["Question.e66eba96.js","KeqT"],"KeqT"],"../../../layers/ProductCard":[["ProductCard.89e07296.js","ldNI"],"ldNI"],"../../../layers/ProductCatalog":[["ProductCatalog.42e572d6.js","rFjg"],"rFjg"],"../../../layers/ImageQuiz":[["ImageQuiz.d9fa5596.js","Mxyn"],"Mxyn"]}],"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")),i=g(require("@babel/runtime/regenerator")),o=g(require("../Story")),n=g(require("../../../components/BottomSheet")),a=g(require("../../../components/StoryCart")),l=g(require("../../../constants/playmode")),h=require("../../../lib/style"),d=require("../../../lib/util"),u=g(require("../../../lib/storage")),c=g(require("../templates/storyHeader")),p=g(require("../templates/storyProgress")),y=require("../../../lib/icons"),_=require("../../../constants/events"),v=g(require("../../../lib/proxy"));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 I=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_(),u.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,h.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,h.setClass)(this.storiesContainer_,"storyly__stories-container"),this.groupWrapper_.appendChild(this.storiesContainer_);var e=v.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=u.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,p.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,h.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(){return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:(0,d.getProductLayers)(this.group_).length&&(this.storyCart=new a.default({instanceId:this.instanceId_,parentDom:this.groupWrapper_}));case 2: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)})}},{key:"renderEmbedAssets_",value:function(){this.playable_=!1,this.embedContainer_=document.createElement("div");var e=(0,d.generateHtmlFromTemplate)(y.embedPlayIcon),t=(0,d.generateHtmlFromTemplate)(y.embedRePlayIcon);t.classList.add("re-play-icon"),e.classList.add("play-icon"),(0,h.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,h.removeClass)(e,"seen")}),this.globalInstanceData.storylyEmbed.canPlay=!1,this.show()}},{key:"renderStoryHeader_",value:function(){var e,t=(0,d.generateHtmlFromTemplate)((0,c.default)(this.group_,this.instanceId_,this.globalInstanceData));null===(e=this.storiesContainer_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.storiesContainer_.prepend(t),(0,d.stopEventBubbling)(t),(0,d.isMobileView)()&&((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)}},{key:"renderAccessibilityButton_",value:function(){if(this.globalInstanceData.storiesHasAltText&&(0,d.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,d.generateHtmlFromTemplate)(y.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,h.setClass)(t,"progress-wrapper");for(var r=this.group_.stories.length,s=0;s<r;s+=1){var i=(0,d.generateHtmlFromTemplate)((0,p.default)());s<this.activeStoryIndex_&&(0,h.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!==l.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_,"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,d.createAndDispatchEvent)(e.groupWrapper_,"onStoryImpression")})}else(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"nextStory",value:function(e,t){var r=this;if(this.playable_)if(this.globalInstanceData.shareParams.playMode!==l.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var s=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_,"onNextGroup",{gesture:t}),void s.hide({isBack:!0}));this.bottomSheet_.deactivate(),s.hide(),this.activeStoryIndex_+=1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.storyState_().add(),this.renderStories_().then(function(){r.storyInstances_[r.activeStoryIndex_].show(),(0,d.createAndDispatchEvent)(r.groupWrapper_,"onStoryImpression"),(0,d.createAndDispatchEvent)(r.groupWrapper_,"onStoryComplete")})}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,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,h.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=u.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()}],u.default.setItemToInstance("Storyly_story-state",s))},remove:function(r){var s,i=u.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:{},u.default.setItemToInstance("Storyly_story-state",i)},get:function(){var r=b({},u.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,h.setClass)(this.progressDoms_[r],"seen"):(0,h.removeClass)(this.progressDoms_[r],"seen")}},{key:"sendGroupViewedEvent_",value:function(){var e=b({},this.group_);(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:_.CustomerEventTypes.onStoryGroupViewed,params:e})}},{key:"show",value:function(){var e;this.sendGroupViewedEvent_(),this.storyInstances_[this.activeStoryIndex_].show(),this.storyState_().add(),null===(e=this.storyCart)||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,h.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,h.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,t){var r=b(b({},this.group_),{},{gesture_type:(0,d.getGestureType)(e)});(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===t?_.CustomerEventTypes.onNextStoryGroup:_.CustomerEventTypes.onPreviousStoryGroup,params:r})}}]),e}(),f=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","../../../components/StoryCart":"TJeL","../../../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"}],"egGP":[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"),u=require("../../../lib/style"),d=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"));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 P(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 S=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,u.setClass)(this.layersContainer_,"layers-container"),(0,d.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,d.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,d.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,u.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,d.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,u.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,d.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,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:y.GestureTypes.Progress})}},{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,d.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,d.removeClickEventListener)(this.playPauseAction_,this.playAndPauseStory),this.accessibilityAction_&&this.accessibilityAction_.removeEventListener("pointerdown",this.handleAccessibilityOnOff_),(0,d.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(t=this.videoAsset_.querySelector("source"),s=this.videoAsset_.querySelector("source").dataset.src,!(0,d.isLiveVideo)(this.storyData_.video_type)){e.next=8;break}return e.next=5,(0,b.default)({source:s,tag:this.videoAsset_,thumbnail:this.storyData_.thumbnail_url});case 5:this.hls_=e.sent,e.next=10;break;case 8:t.src=s,this.videoAsset_.load();case 10:this.videoPausedPromise_?this.videoPausedPromise_.then(function(){i.videoPlayedPromise_=i.videoAsset_.play()}):this.videoPlayedPromise_=this.videoAsset_.play();case 11: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,u,d,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"));case 6:o=e.sent.default,i.instance=new o(P({},r));case 8:if(t.type!==l.LayerTemplateTypes.EMOJI){e.next=13;break}return e.next=11,require("_bundle_loader")(require.resolve("../../../layers/Emoji"));case 11:n=e.sent.default,i.instance=new n(P({},r));case 13:if(t.type!==l.LayerTemplateTypes.POLL){e.next=18;break}return e.next=16,require("_bundle_loader")(require.resolve("../../../layers/Poll"));case 16:u=e.sent.default,i.instance=new u(P({},r));case 18:if(t.type!==l.LayerTemplateTypes.RATING){e.next=23;break}return e.next=21,require("_bundle_loader")(require.resolve("../../../layers/Rating"));case 21:d=e.sent.default,i.instance=new d(P({},r));case 23:if(t.type!==l.LayerTemplateTypes.QUIZ){e.next=28;break}return e.next=26,require("_bundle_loader")(require.resolve("../../../layers/Quiz"));case 26:h=e.sent.default,i.instance=new h(P({},r));case 28:if(t.type!==l.LayerTemplateTypes.COUNTDOWN){e.next=33;break}return e.next=31,require("_bundle_loader")(require.resolve("../../../layers/Countdown"));case 31:y=e.sent.default,i.instance=new y(P({},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"));case 36:c=e.sent.default,i.instance=new c(P(P({},r),{},{type:l.LayerTemplateTypes.IMAGE_CTA}));case 38:if(t.type!==l.LayerTemplateTypes.BUTTON&&t.type!==l.LayerTemplateTypes.SWIPE||(i.instance=new g.default(P(P({},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"));case 42:_=e.sent.default,i.instance=new _(P(P({},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"));case 47:p=e.sent.default,i.instance=new p(P({},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"));case 52:v=e.sent.default,i.instance=new v(P({},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"));case 57:b=e.sent.default,i.instance=new b(P({},r));case 59:if(t.type!==l.LayerTemplateTypes.QUESTION){e.next=64;break}return e.next=62,require("_bundle_loader")(require.resolve("../../../layers/Question"));case 62:m=e.sent.default,i.instance=new m(P(P({},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"));case 67:f=e.sent.default,i.instance=new f(P({},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"));case 72:A=e.sent.default,i.instance=new A(P({},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"));case 77:D=e.sent.default,i.instance=new D(P({},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,d.isLiveVideo)(this.storyData_.video_type))return this.progressCount_=100,void(0,u.setStyle)(t,["width","".concat(this.progressCount_,"%")]);this.progressInterval_=setInterval(function(){e.progressPaused_||(e.progressTime_+=.1,e.storyProgressRemain_-=.1,e.videoAsset_?e.play():(e.handleLayersVisibility_(),e.handleProgress_()),e.progressCount_=100*e.progressTime_/e.storyProgressSecond_,e.progressCount_<=100&&(0,u.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,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:y.GestureTypes.Progress}),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,d.isMobileView)()?((0,d.setAttribute)(this.playPauseAction_,"hidden",!0),this.accessibilityAction_=this.storiesContainer_.querySelector(".accessibility-switch-button"),this.accessibilityAction_&&this.accessibilityAction_.addEventListener("pointerdown",this.handleAccessibilityOnOff_)):(0,d.removeAttribute)(this.playPauseAction_,"hidden");var i=e.querySelector('button[data-type="close"]');(this.globalInstanceData.storylyEmbed.init&&this.globalInstanceData.storylyEmbed.closeButton||(0,d.isMobileView)())&&((0,d.removeAttribute)(i,"hidden"),(0,d.setClickEventListener)(i,this.handleCloseGroup_)),this.playPauseAction_.classList.replace("play","pause"),(0,d.setClickEventListener)(this.playPauseAction_,this.playAndPauseStory),this.videoAsset_?((0,d.removeAttribute)(t,"hidden"),(0,d.setClickEventListener)(t,this.handleSoundStory_)):(0,d.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,d.removeAttribute)(e,"hidden"),e.addEventListener("pointerup",this.renderShareWidget)}},{key:"handleCloseGroup_",value:function(){(0,d.createAndDispatchEvent)(this.storyDom_,"onCloseGroup")}},{key:"handleSoundStory_",value:function(e){var t=this;if(!(0,d.videoHasAudio)(this.videoAsset_)){var s=(0,d.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,d.setAttribute)(this.storyDom_,"tabindex","20"),(0,d.setAttribute)(this.storyDom_,"aria-hidden","false"),this.osFamily_===o.default.IOS){var e=this.storiesContainer_.querySelector(".storyly__sg-info");(0,d.setAttribute)(e,"aria-hidden","false"),(0,d.setAttribute)(e,"aria-label",this.story_.alt_text||this.globalInstanceData.languageJSON.a11y_empty_alt_text),(0,d.removeAttribute)(this.storyDom_,"aria-label")}this.globalInstanceData.accessibility&&this.accessibilityAction_&&(0,d.setAttribute)(this.accessibilityAction_,"aria-label",this.globalInstanceData.languageJSON.a11y_disable_accessibility)}},{key:"handleAccessibilityFocus_",value:function(){var e=this;!(0,d.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,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,d.setAttribute)(e,"tabindex","22")}),(0,d.setAttribute)(e,"tabindex","22"),(0,d.setAttribute)(e,"aria-hidden","false")})}},{key:"hideAccessibilityElements_",value:function(){this.storyDom_.querySelectorAll(".cta-button").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,d.removeAttribute)(e,"tabindex")}),(0,d.removeAttribute)(e,"tabindex"),(0,d.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,d.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,d.createAndDispatchEvent)(this.storyDom_,"onAccessibilityTriggered",{accessibilityEnabled:!0}))}},{key:"sendStoryViewedEvent_",value:function(){var e=P({},this.getStoryData());(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:y.CustomerEventTypes.onStoryViewed,params:e})}},{key:"renderShareWidget",value:function(){var e=(0,t.default)(a.default.mark(function e(){var t,s=arguments;return a.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t=s.length>0&&void 0!==s[0]?s[0]:y.GestureTypes.Icon,e.next=3,(0,m.default)({dom:this.storyDom_,group:this.group_,story:this.story_,pause:this.pause.bind(this),play:this.play.bind(this),gesture:t});case 3:this.shareWidget_=e.sent;case 4: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.shareWidget_&&this.shareWidget_.hide(),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_&&(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,d.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,d.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,u.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",0])}},{key:"playAfterTouch",value:function(){(0,u.setStyle)(this.storiesContainer_.querySelector(".storyly__story-header"),["opacity",1]),this.play(),clearInterval(this.touchTimeout)}},{key:"playByEmbed",value:function(){var e=this;this.videoAsset_?this.videoPausedPromise_?this.videoPausedPromise_.then(function(){e.videoPlayedPromise_=e.videoAsset_.play()}):this.videoPlayedPromise_=this.videoAsset_.play():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,u.removeClass)(this.progressDoms_[this.key_],"seen"),this.videoAsset_?this.onVideoShown_():(this.isBlankStory_||this.imageAssetLoaded_)&&this.handleProgressBar_(),this.globalInstanceData.storylyEmbed.init&&!this.globalInstanceData.storylyEmbed.autoPlay&&(0,u.setStyle)(this.progressDoms_[this.key_].querySelector("span"),["width","100%"]),this.globalInstanceData.accessibility&&this.playPauseAction_&&(0,u.setStyle)(this.playPauseAction_,["display","none"]),(0,u.setClass)(this.progressDoms_[this.key_],"active"),(0,u.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,d.setAttribute)(this.storyDom_,"aria-hidden","true"),(0,d.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,u.removeClass)(this.progressDoms_[this.key_],"active"),o||(0,u.removeClass)(this.storyDom_,"active"),(0,u.resetStyle)(this.progressDoms_[this.key_].querySelector("span"),["transition","width"]),a?(0,u.removeClass)(this.progressDoms_[this.key_],"seen"):(0,u.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.floor(this.storyProgressRemain_);return 1e3*(this.storyProgressSecond_-e)}},{key:"getProgressPausedStatus",value:function(){return this.progressPaused_}},{key:"getStoryData",value:function(){var e="".concat(this.group_.media_host).concat(this.storyData_.image_path);return"video"===this.storyData_.type&&(e="".concat(this.group_.media_host).concat(this.storyData_.video_path)),{story_id:this.story_.story_id,media:e,group:this.group_,index:this.key_}}},{key:"sendStoryClickedEvent",value:function(e,t){var s=P(P({},this.getStoryData()),{},{gesture_type:(0,d.getGestureType)(e)});(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:"next"===t?y.CustomerEventTypes.onNextStory:y.CustomerEventTypes.onPreviousStory,params:s})}},{key:"setKey",value:function(e){this.key_=e}},{key:"setProgressTime",value:function(e){this.progressTime_=+e.toFixed(1)}}]),e}(),T=S;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":"lS5I","_bundle_loader":"TUK3","../../../components/VideoSeekBar":[["VideoSeekBar.8e29e7fa.js","WHTK"],"WHTK"],"../../../layers/BlankStory":[["BlankStory.87677cd0.js","ODzA"],"ODzA"],"../../../layers/Emoji":[["Emoji.aaf11bbd.js","GGza"],"GGza"],"../../../layers/Poll":[["Poll.b19c685b.js","fJSh"],"fJSh"],"../../../layers/Rating":[["Rating.3787564f.js","raea"],"raea"],"../../../layers/Quiz":[["Quiz.80dd96d2.js","lrR5"],"lrR5"],"../../../layers/Countdown":[["Countdown.6ce06965.js","YoYr"],"YoYr"],"../../../layers/ImageCTA":[["ImageCTA.6e00c2b1.js","J7D7"],"J7D7"],"../../../layers/Media":[["Media.8de69a8d.js","VEUS"],"VEUS"],"../../../layers/Text":[["Text.264c5d7c.js","youg"],"youg"],"../../../layers/ProductTag":[["ProductTag.54584948.js","cjPL"],"cjPL"],"../../../layers/PromoCode":[["PromoCode.917d4f91.js","N5Sp"],"N5Sp"],"../../../layers/Question":[["Question.e66eba96.js","KeqT"],"KeqT"],"../../../layers/ProductCard":[["ProductCard.89e07296.js","ldNI"],"ldNI"],"../../../layers/ProductCatalog":[["ProductCatalog.42e572d6.js","rFjg"],"rFjg"],"../../../layers/ImageQuiz":[["ImageQuiz.d9fa5596.js","Mxyn"],"Mxyn"]}],"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.storyCart=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)})}},{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));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(e,t){var r=this;if(this.playable_)if(this.globalInstanceData.shareParams.playMode!==a.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var s=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",{gesture:t}),void s.hide({isBack:!0}));this.bottomSheet_.deactivate(),s.hide(),this.activeStoryIndex_+=1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.storyState_().add(),this.renderStories_().then(function(){r.storyInstances_[r.activeStoryIndex_].show(),(0,h.createAndDispatchEvent)(r.groupWrapper_,"onStoryImpression"),(0,h.createAndDispatchEvent)(r.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.storyCart)||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,t){var r=m(m({},this.group_),{},{gesture_type:(0,h.getGestureType)(e)});(0,h.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===t?y.CustomerEventTypes.onNextStoryGroup:y.CustomerEventTypes.onPreviousStoryGroup,params:r})}}]),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) {
 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;

package/dist/Modern.ba02a4b1.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}({"fRik":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/icons"),a=function(){var a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{story:{}},e=a.story,t=a.type,i=a.mediaHost,d=a.altText,o=a.storyBg,c="".concat(i).concat(e.image_path);return"image_url"in e&&(c=e.image_url),"video"===t&&(c="".concat(i).concat(e.video_path),"video_url"in e&&(c=e.video_url)),'\n    <div\n      class="storyly__story"\n      data-id="'.concat(e.story_id,'"\n       ').concat(d?'aria-label="'.concat(d.replace(/['"]+/g,""),'"'):'data-i18n-key="a11y_empty_alt_text"','\n      aria-hidden="true"\n      style="background: ').concat(o.bg_color,'"\n    >\n      ').concat(t?'\n        <div class="story-bg" aria-hidden="true" tabindex="-1">\n          '.concat("video"===t?'\n            <video\n              muted\n              onloadedmetadata="this.muted = true"\n              disablePictureInPicture\n              controlsList="nodownload"\n              playsinline\n              class="story-video"\n              preload="none"\n            >\n              <source data-src="'.concat(c,'" src="').concat(c,'" type="video/mp4">\n            </video>\n          '):'\n            <img src="'.concat(c,'" loading="lazy" 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_story" 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" 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  ")};exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/icons"),a=function(){var a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{story:{}},t=a.story,i=a.type,e=a.mediaHost,o=a.altText,d=a.storyBg,c=t.image_path,s=t.image_url,r=t.video_url,l=t.video_path,u=t.sizing,v=t.position,y="".concat(e).concat(c);"image_url"in t&&(y=s),"video"===i&&(y="".concat(e).concat(l),"video_url"in t&&(y=r));var p=null;u&&(p="fill"===u?"cover":"contain");var h=v&&v.split("_").join(" ");return'\n    <div\n      class="storyly__story"\n      data-id="'.concat(t.story_id,'"\n       ').concat(o?'aria-label="'.concat(o.replace(/['"]+/g,""),'"'):'data-i18n-key="a11y_empty_alt_text"','\n      aria-hidden="true"\n      style="background: ').concat(d.bg_color,';"\n    >\n      ').concat(i?'\n        <div class="story-bg" aria-hidden="true" tabindex="-1">\n          '.concat("video"===i?'\n            <video\n              muted\n              onloadedmetadata="this.muted = true"\n              disablePictureInPicture\n              controlsList="nodownload"\n              playsinline\n              class="story-video"\n              preload="none"\n              '.concat(p&&h?'style="object-fit: '.concat(p,"; object-position: ").concat(h,'; height: 100%"'):"",'\n            >\n              <source data-src="').concat(y,'" src="').concat(y,'" type="video/mp4">\n            </video>\n          '):'\n            <img src="'.concat(y,'" loading="lazy" ').concat(p&&h?'style="object-fit: '.concat(p,"; 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_story" 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" 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  ")};exports.default=a;
 },{"../../../lib/icons":"irwm"}],"UKq4":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=f(require("@babel/runtime/helpers/asyncToGenerator")),t=f(require("@babel/runtime/helpers/defineProperty")),s=f(require("@babel/runtime/helpers/toConsumableArray")),i=f(require("@babel/runtime/helpers/classCallCheck")),r=f(require("@babel/runtime/helpers/createClass")),o=f(require("@babel/runtime/regenerator")),a=require("../../../constants/layerTypes"),n=require("../../../lib/style"),d=require("../../../lib/util"),u=f(require("../templates/story")),l=f(require("../../../components/BottomSheet")),h=require("../../../constants/events"),y=f(require("../../../constants/directions")),_=require("../../../service"),c=f(require("../../../lib/proxy")),p=f(require("../../../components/ShareWidget")),v=f(require("../../../service/HlsPlayer")),m=f(require("../../../layers/CTA"));function f(e){return e&&e.__esModule?e:{default:e}}function g(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 b(e){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?g(Object(i),!0).forEach(function(s){(0,t.default)(e,s,i[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):g(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}var A=function(){function t(e){var s=e.story,r=e.key,o=e.group,a=e.storiesContainer,u=e.groupWrapper,l=e.progressDoms,h=e.instanceId,_=e.condition;(0,i.default)(this,t),this.storyDom_=null,this.layersContainer_=document.createElement("div"),this.story_=s,this.storyData_={},this.layers_=[],this.group_=o,this.key_=r,this.storiesContainer_=a,this.groupWrapper_=u,this.progressDoms_=new Proxy(l,[]),this.storyProgressSecond_=7,this.progressPaused_=!0,this.imageAsset_=null,this.videoAsset_=null,this.videoAssetLoadingStarted_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,this.isBlankStory_=!1,this.imageAssetLoaded_=!1,this.instanceId_=h,this.timedLayers_=[],this.condition_=_,(0,n.setClass)(this.layersContainer_,"layers-container"),(0,d.setAttribute)(this.layersContainer_,"dir",y.default.LTR),this.attachCallbacksToElement_(),this.render_()}return(0,r.default)(t,[{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.renderBottomSheet_=this.renderBottomSheet_.bind(this),this.onImageLoad_=this.onImageLoad_.bind(this),this.renderShareWidget=this.renderShareWidget.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,d.getStoryAssetFromLayers)(this.story_.media.layers),t=e.storyData,i=e.layers,r=e.storyBg;this.storyData_=t,this.layers_=(0,s.default)(i);var o=(0,u.default)({story:b(b({},this.storyData_),{},{story_id:this.story_.story_id}),type:this.storyData_.type,altText:this.story_.alt_text,mediaHost:this.group_.media_host,storyBg:r});if(this.storyDom_=(0,d.generateHtmlFromTemplate)(o),this.storyDom_.appendChild(this.layersContainer_),this.condition_?0===this.key_?this.storiesContainer_.querySelectorAll(".storyly__story")[this.key_].before(this.storyDom_):this.storiesContainer_.querySelectorAll(".storyly__story")[this.key_-1].after(this.storyDom_):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 a=this.storyDom_.querySelector(".story-image");(0,n.setStyle)(a,["opacity","0"])}}else this.imageAsset_=this.storyDom_.querySelector("img"),this.imageAsset_.addEventListener("load",this.onImageLoad_,{once:!0});var l=c.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;this.globalInstanceData=l,this.setCustomEvents_(),this.renderBottomSheet_()}},{key:"onImageLoad_",value:function(){if(!this.imageAssetLoaded_){this.handleProgressBar_(),this.imageAssetLoaded_=!0;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,n.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 t=(0,e.default)(o.default.mark(function e(){var t;return o.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,d.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 t.apply(this,arguments)}}()},{key:"onVideoEnded_",value:function(){this.globalInstanceData.accessibility||(0,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:h.GestureTypes.Progress})}},{key:"onVideoWaiting_",value:function(){this.progressPaused_=!0}},{key:"onVideoPlaying_",value:function(){this.videoAssetLoaded_&&(this.soundOn_?this.soundOn():this.soundOff(),this.progressPaused_=!1,this.handleProgressBar_())}},{key:"onVideoShown_",value:function(){var t=(0,e.default)(o.default.mark(function e(){var t,s,i=this;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=this.videoAsset_.querySelector("source"),s=this.videoAsset_.querySelector("source").dataset.src,!(0,d.isLiveVideo)(this.storyData_.video_type)){e.next=8;break}return e.next=5,(0,v.default)({source:s,tag:this.videoAsset_,thumbnail:this.storyData_.thumbnail_url});case 5:this.hls_=e.sent,e.next=10;break;case 8:t.src=s,this.videoAsset_.load();case 10:this.videoPausedPromise_?this.videoPausedPromise_.then(function(){i.videoPlayedPromise_=i.videoAsset_.play()}):this.videoPlayedPromise_=this.videoAsset_.play();case 11:case"end":return e.stop()}},e,this)}));return function(){return t.apply(this,arguments)}}()},{key:"removeEvents_",value:function(){var e=this.groupWrapper_.querySelector(".storyly__story-actions"),t=e.querySelector('button[data-type="sound"]'),s=e.querySelector('button[data-type="share"]');this.playPauseAction_&&this.playPauseAction_.removeEventListener("click",this.playAndPauseStory),t.removeEventListener("click",this.handleSoundStory_),s.removeEventListener("click",this.renderShareWidget)}},{key:"loadLayers_",value:function(){var t=(0,e.default)(o.default.mark(function t(){var s=this;return o.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.layers_.forEach(function(){var t=(0,e.default)(o.default.mark(function e(t){var i,r,n,d,u,l,h,y,_,c,p,v,f,g,A,P,S;return o.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!==a.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"));case 6:n=e.sent.default,i.instance=new n(b({},r));case 8:if(t.type!==a.LayerTemplateTypes.EMOJI){e.next=13;break}return e.next=11,require("_bundle_loader")(require.resolve("../../../layers/Emoji"));case 11:d=e.sent.default,i.instance=new d(b({},r));case 13:if(t.type!==a.LayerTemplateTypes.POLL){e.next=18;break}return e.next=16,require("_bundle_loader")(require.resolve("../../../layers/Poll"));case 16:u=e.sent.default,i.instance=new u(b({},r));case 18:if(t.type!==a.LayerTemplateTypes.RATING){e.next=23;break}return e.next=21,require("_bundle_loader")(require.resolve("../../../layers/Rating"));case 21:l=e.sent.default,i.instance=new l(b({},r));case 23:if(t.type!==a.LayerTemplateTypes.QUIZ){e.next=28;break}return e.next=26,require("_bundle_loader")(require.resolve("../../../layers/Quiz"));case 26:h=e.sent.default,i.instance=new h(b({},r));case 28:if(t.type!==a.LayerTemplateTypes.COUNTDOWN){e.next=33;break}return e.next=31,require("_bundle_loader")(require.resolve("../../../layers/Countdown"));case 31:y=e.sent.default,i.instance=new y(b({},r));case 33:if(t.type!==a.LayerTemplateTypes.IMAGE_CTA){e.next=38;break}return e.next=36,require("_bundle_loader")(require.resolve("../../../layers/ImageCTA"));case 36:_=e.sent.default,i.instance=new _(b(b({},r),{},{type:a.LayerTemplateTypes.IMAGE_CTA}));case 38:if(t.type!==a.LayerTemplateTypes.BUTTON&&t.type!==a.LayerTemplateTypes.SWIPE||(i.instance=new m.default(b(b({},r),{},{type:t.type===a.LayerTemplateTypes.BUTTON?a.LayerTemplateTypes.BUTTON:a.LayerTemplateTypes.SWIPE}))),t.type!==a.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"));case 42:c=e.sent.default,i.instance=new c(b(b({},r),{},{mediaHost:s.group_.media_host}));case 44:if(t.type!==a.LayerTemplateTypes.TEXT){e.next=49;break}return e.next=47,require("_bundle_loader")(require.resolve("../../../layers/Text"));case 47:p=e.sent.default,i.instance=new p(b({},r));case 49:if(t.type!==a.LayerTemplateTypes.PRODUCT_TAG){e.next=54;break}return e.next=52,require("_bundle_loader")(require.resolve("../../../layers/ProductTag"));case 52:v=e.sent.default,i.instance=new v(b({},r));case 54:if(t.type!==a.LayerTemplateTypes.PROMO_CODE){e.next=59;break}return e.next=57,require("_bundle_loader")(require.resolve("../../../layers/PromoCode"));case 57:f=e.sent.default,i.instance=new f(b({},r));case 59:if(t.type!==a.LayerTemplateTypes.QUESTION){e.next=64;break}return e.next=62,require("_bundle_loader")(require.resolve("../../../layers/Question"));case 62:g=e.sent.default,i.instance=new g(b(b({},r),{},{storiesContainer:s.storiesContainer_}));case 64:if(t.type!==a.LayerTemplateTypes.PRODUCT_CARD){e.next=69;break}return e.next=67,require("_bundle_loader")(require.resolve("../../../layers/ProductCard"));case 67:A=e.sent.default,i.instance=new A(b({},r));case 69:if(t.type!==a.LayerTemplateTypes.PRODUCT_CATALOG){e.next=74;break}return e.next=72,require("_bundle_loader")(require.resolve("../../../layers/ProductCatalog"));case 72:P=e.sent.default,i.instance=new P(b({},r));case 74:if(t.type!==a.LayerTemplateTypes.IMAGE_QUIZ){e.next=79;break}return e.next=77,require("_bundle_loader")(require.resolve("../../../layers/ImageQuiz"));case 77:S=e.sent.default,i.instance=new S(b({},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(e){return t.apply(this,arguments)}}());case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"handleProgressBar_",value:function(){var e=this;if(!this.progressInterval_){this.progressCount_=0;var t=this.progressDoms_[this.key_].querySelector("span");if((0,d.isLiveVideo)(this.storyData_.video_type))return this.progressCount_=100,void(0,n.setStyle)(t,["width","".concat(this.progressCount_,"%")]);this.progressInterval_=setInterval(function(){e.progressPaused_||(e.progressTime_+=.1,e.storyProgressRemain_-=.1,e.videoAsset_?e.play():(e.handleLayersVisibility_(),e.handleProgress_()),e.progressCount_=100*e.progressTime_/e.storyProgressSecond_,e.progressCount_<=100&&(0,n.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,r=s.end_time?1e3*s.end_time:e.videoAsset_?1e3*e.videoAsset_.duration:1e3*e.storyProgressSecond_;t>=i&&t<=r?s.instance.showLayer():s.instance.hideLayer()})}}},{key:"handleProgress_",value:function(){this.storyProgressRemain_<=0&&!this.globalInstanceData.accessibility&&((0,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:h.GestureTypes.Progress}),clearInterval(this.progressInterval_))}},{key:"handleStoryActions_",value:function(){var e=this.groupWrapper_.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,d.removeAttribute)(this.playPauseAction_,"hidden"),this.playPauseAction_.classList.replace("play","pause"),this.playPauseAction_.addEventListener("click",this.playAndPauseStory),this.videoAsset_?((0,d.removeAttribute)(t,"hidden"),t.addEventListener("click",this.handleSoundStory_)):(0,d.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")),this.story_.is_sharable&&((0,d.removeAttribute)(s,"hidden"),s.addEventListener("click",this.renderShareWidget))}},{key:"renderBottomSheet_",value:function(){var e=this;this.bottomSheet_=new l.default({parentDom:this.storyDom_,instanceId:this.instanceId_}),this.storyDom_.addEventListener("onBottomSheetOpen",function(t){var s=t.detail;return e.bottomSheet_.activate(s.body,s.footer,s.rerender)})}},{key:"handleCloseGroup_",value:function(){(0,d.createAndDispatchEvent)(this.storyDom_,"onCloseGroup")}},{key:"handleSoundStory_",value:function(e){var t=e.target,s="sound-on",i="sound-off";t.classList.contains("sound-off")?((0,_.readAccessibilityText)(this.storyDom_,"Story Unmuted"),t.setAttribute("aria-pressed","false"),this.soundOn_=!0,this.soundOn(),this.globalInstanceData.videoMuted=!1):((0,_.readAccessibilityText)(this.storyDom_,"Story Muted"),t.setAttribute("aria-pressed","true"),this.soundOn_=!1,this.soundOff(),s="sound-off",i="sound-on",this.globalInstanceData.videoMuted=!0),t.classList.replace(i,s)}},{key:"exposeAccessibilityElements_",value:function(){this.storyDom_.querySelectorAll(".cta-button").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,d.setAttribute)(e,"tabindex","22")}),(0,d.setAttribute)(e,"tabindex","22"),(0,d.setAttribute)(e,"aria-hidden","false")})}},{key:"hideAccessibilityElements_",value:function(){this.storyDom_.querySelectorAll(".cta-button").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,d.removeAttribute)(e,"tabindex")}),(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")})}},{key:"renderShareWidget",value:function(){var t=(0,e.default)(o.default.mark(function e(t){return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,p.default)({dom:this.storyDom_,group:this.group_,story:this.story_,pause:this.pause.bind(this),play:this.play.bind(this),gesture:t});case 2:this.shareWidget_=e.sent;case 3:case"end":return e.stop()}},e,this)}));return function(e){return t.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.shareWidget_&&this.shareWidget_.hide(),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_&&(this.videoPausedPromise_?this.videoPausedPromise_.then(function(){e.videoPlayedPromise_=e.videoAsset_.play()}):this.videoPlayedPromise_=this.videoAsset_.play())}},{key:"setVideoStoryAsset",value:function(){if(("video"===this.storyData_.type||this.story_.media.thumbnail_url)&&!(0,d.isLiveVideo)(this.storyData_.video_type)){var e="".concat(this.group_.media_host).concat(this.story_.media.thumbnail_url);(0,d.setAttribute)(this.storyDom_.querySelector("video"),"poster",e)}}},{key:"playAndPauseStory",value:function(e){if(!this.globalInstanceData.accessibility){var t,s="play",i="pause";e&&(e.gesture&&(t=e.gesture),e.target===this.playPauseAction_&&(t=h.GestureTypes.Icon)),this.playPauseAction_.classList.contains("pause")?(this.pause(),this.playPauseAction_.setAttribute("aria-pressed","true"),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{gesture:t,eventType:h.EventTypes.Paused})):(this.play(),this.playPauseAction_.setAttribute("aria-pressed","false"),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{gesture:t,eventType:h.EventTypes.Resumed}),s="pause",i="play"),this.playPauseAction_.classList.replace(i,s)}}},{key:"sendStoryViewedEvent_",value:function(){var e=b({},this.getStoryData());(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:h.CustomerEventTypes.onStoryViewed,params:e})}},{key:"handleStoryTitleOnChange_",value:function(){var e=this.story_.title;e&&(this.groupWrapper_.querySelector(".storyly__sg-info h4").textContent=e)}},{key:"show",value:function(){var e,t=this;this.storyDom_.setAttribute("show",""),(0,d.createAndDispatchEvent)(this.storyDom_,"onStoryChange",{asset:this.isBlankStory_?"":null!==(e=this.imageAsset_)&&void 0!==e?e:this.videoAsset_}),this.handleStoryActions_(),this.handleStoryTitleOnChange_(),this.progressPaused_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,(0,n.removeClass)(this.progressDoms_[this.key_],"seen"),this.videoAsset_?this.onVideoShown_():this.isBlankStory_||this.imageAssetLoaded_?this.handleProgressBar_():this.imageAsset_.style.paddingBottom="0.5px",this.globalInstanceData.accessibility&&(0,n.setStyle)(this.playPauseAction_,["display","none"]),this.exposeAccessibilityElements_(),(0,n.setClass)(this.progressDoms_[this.key_],"active"),(0,n.setClass)(this.storyDom_,"active"),setTimeout(function(){t.storyDom_.focus()},500),this.sendStoryViewedEvent_()}},{key:"hide",value:function(){var e,t=this,s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=s.isBack,r=void 0!==i&&i,o=s.holdActive,a=void 0!==o&&o;if(this.storyDom_.removeAttribute("show"),this.storyDom_.hasAttribute("paused")&&this.storyDom_.removeAttribute("paused"),this.hideAccessibilityElements_(),clearInterval(this.progressInterval_),clearInterval(this.startInterval_),this.bottomSheet_.deactivate(),this.progressInterval_=null,this.startInterval_=null,this.videoAsset_){if(this.videoAsset_.currentTime=0,this.videoPlayedPromise_?this.videoPlayedPromise_.then(function(){t.videoPausedPromise_=t.videoAsset_.pause()}):this.videoPausedPromise_=this.videoAsset_.pause(),this.hls_)return void this.hls_.stopLoad();this.videoAsset_.querySelector("source").src="",this.videoAsset_.load()}this.removeEvents_(),this.progressPaused_=!0,(0,n.removeClass)(this.progressDoms_[this.key_],"active"),a||(0,n.removeClass)(this.storyDom_,"active"),(0,n.resetStyle)(this.progressDoms_[this.key_].querySelector("span"),["width"]),r?(0,n.removeClass)(this.progressDoms_[this.key_],"seen"):(0,n.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.floor(this.storyProgressRemain_);return 1e3*(this.storyProgressSecond_-e)}},{key:"getProgressPausedStatus",value:function(){return this.progressPaused_}},{key:"getStoryData",value:function(){var e="".concat(this.group_.media_host).concat(this.storyData_.image_path);return"video"===this.storyData_.type&&(e="".concat(this.group_.media_host).concat(this.storyData_.video_path)),{story_id:this.story_.story_id,media:e,group:this.group_,index:this.key_}}},{key:"sendStoryClickedEvent",value:function(e,t){var s=b(b({},this.getStoryData()),{},{gesture_type:(0,d.getGestureType)(e)});(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:"next"===t?h.CustomerEventTypes.onNextStory:h.CustomerEventTypes.onPreviousStory,params:s})}},{key:"setKey",value:function(e){this.key_=e}},{key:"setProgressTime",value:function(e){this.progressTime_=+e.toFixed(1)}}]),t}(),P=A;exports.default=P;
-},{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/toConsumableArray":"Fhqp","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","../../../constants/layerTypes":"aJRz","../../../lib/style":"vgU2","../../../lib/util":"PesM","../templates/story":"fRik","../../../components/BottomSheet":"l2Mf","../../../constants/events":"d0lR","../../../constants/directions":"w67G","../../../service":"hs1C","../../../lib/proxy":"qmVm","../../../components/ShareWidget":"YKVc","../../../service/HlsPlayer":"LJ77","../../../layers/CTA":"lS5I","_bundle_loader":"TUK3","../../../components/VideoSeekBar":[["VideoSeekBar.8e29e7fa.js","WHTK"],"WHTK"],"../../../layers/BlankStory":[["BlankStory.87677cd0.js","ODzA"],"ODzA"],"../../../layers/Emoji":[["Emoji.aaf11bbd.js","GGza"],"GGza"],"../../../layers/Poll":[["Poll.b19c685b.js","fJSh"],"fJSh"],"../../../layers/Rating":[["Rating.3787564f.js","raea"],"raea"],"../../../layers/Quiz":[["Quiz.80dd96d2.js","lrR5"],"lrR5"],"../../../layers/Countdown":[["Countdown.6ce06965.js","YoYr"],"YoYr"],"../../../layers/ImageCTA":[["ImageCTA.6e00c2b1.js","J7D7"],"J7D7"],"../../../layers/Media":[["Media.8de69a8d.js","VEUS"],"VEUS"],"../../../layers/Text":[["Text.264c5d7c.js","youg"],"youg"],"../../../layers/ProductTag":[["ProductTag.54584948.js","cjPL"],"cjPL"],"../../../layers/PromoCode":[["PromoCode.917d4f91.js","N5Sp"],"N5Sp"],"../../../layers/Question":[["Question.e66eba96.js","KeqT"],"KeqT"],"../../../layers/ProductCard":[["ProductCard.89e07296.js","ldNI"],"ldNI"],"../../../layers/ProductCatalog":[["ProductCatalog.42e572d6.js","rFjg"],"rFjg"],"../../../layers/ImageQuiz":[["ImageQuiz.d9fa5596.js","Mxyn"],"Mxyn"]}],"wvHA":[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("../../../constants/playmode")),n=require("../../../lib/style"),a=require("../../../lib/util"),d=g(require("../../../lib/storage")),u=g(require("../Story")),c=g(require("../../../components/StoryCart")),y=g(require("../templates/storyHeader")),l=g(require("../templates/storyProgress")),h=require("../../../constants/events"),_=g(require("../../../constants/directions")),p=g(require("../../../lib/proxy")),v=require("../../../service");function g(e){return e&&e.__esModule?e:{default:e}}function f(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 S(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?f(Object(s),!0).forEach(function(r){(0,e.default)(t,r,s[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):f(Object(s)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))})}return t}var I=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.loadded_=!1,this.stories_=this.group_.stories,this.instanceId_=o,this.attachCallbacksToElement_(),this.setEventListeners_(),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.storiesObserverCallback_=this.storiesObserverCallback_.bind(this)}},{key:"setEventListeners_",value:function(){var e=this;window.addEventListener("resize",(0,a.debounce)(function(){var t=e.storiesContainer_.childNodes[e.activeStoryIndex_];if(t){var r=t.offsetWidth,s=window.innerWidth/2-r/2;e.activeStoryCenteredPosition_=s,e.renderStories_()}}))}},{key:"render",value:function(){this.groupWrapper_=document.createElement("div"),(0,n.setClass)(this.groupWrapper_,["storyly__story-group","swiper-slide"]),this.groupWrapper_.ariaHidden="true",(0,a.setAttribute)(this.groupWrapper_,"role","presentation"),this.groupWrapper_.dataset.id=this.group_.group_id,this.storiesContainer_=document.createElement("div"),(0,n.setClass)(this.storiesContainer_,["storyly__stories-container"]),this.groupWrapper_.appendChild(this.storiesContainer_);var e=p.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,this.storyObserver_=(0,v.intersectionObserverImpl)(this.storiesContainer_,this.storiesObserverCallback_),Promise.resolve(this.groupWrapper_)}},{key:"storiesObserverCallback_",value:function(e){var t=this;e.forEach(function(e){if(e.isIntersecting){var r=e.target;t.storyInstances_.find(function(e){return e.storyDom_===r}).setVideoStoryAsset()}})}},{key:"setStoryInstancesAndListeners_",value:function(){var e=this;this.group_.stories.forEach(function(t,r){var s=new u.default({story:t,key:r,group:e.group_,storiesContainer:e.storiesContainer_,groupWrapper:e.groupWrapper_,progressDoms:e.progressDoms_,instanceId:e.instanceId_});e.storyInstances_[r]=s,e.storyObserver_.observe(s.storyDom_)}),this.setStoriesClickEvents_()}},{key:"setStoriesClickEvents_",value:function(){var e=this,t=function(t,r){var s=t.classList;s.contains("storyly__story-passive")&&(s.contains("storyly__story-next-story")&&(e.nextStory(r,"".concat(h.GestureTypes.StoryClick,"_").concat(r-e.activeStoryIndex_)),e.handleProgressBarByParameters_(r)),s.contains("storyly__story-prev-story")&&(e.prevStory(r,"".concat(h.GestureTypes.StoryClick,"_").concat(e.activeStoryIndex_-r)),e.handleProgressBarByParameters_(r)))};this.storiesContainer_.childNodes.forEach(function(e,r){e.removeEventListener("click",function(){return t(e,r)}),e.addEventListener("click",function(){return t(e,r)})})}},{key:"renderStoryGroupHeader_",value:function(){var e,t=(0,a.generateHtmlFromTemplate)((0,y.default)(this.group_,this.instanceId_,this.globalInstanceData));null===(e=this.groupWrapper_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.groupWrapper_.prepend(t),(0,a.stopEventBubbling)(t),this.renderProgressLines_()}},{key:"renderProgressLines_",value:function(){var e=document.createElement("div");(0,n.setClass)(e,"storyly__story-group-progress-bar");var t=document.createElement("div");(0,n.setClass)(t,"progress-wrapper"),e.appendChild(t);for(var r=this.group_.stories.length,s=0;s<r;s+=1){var o=(0,a.generateHtmlFromTemplate)((0,l.default)());s<this.activeStoryIndex_&&(0,n.setClass)(o,"seen"),t.appendChild(o),this.progressDoms_.push(o)}this.groupWrapper_.prepend(e)}},{key:"renderProductCart_",value:function(){var e=(0,t.default)(o.default.mark(function e(){var t,r;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:t=(0,a.getProductLayers)(this.group_),r=this.groupWrapper_.querySelector(".storyly__story-actions"),t.length&&(this.storyCart=new c.default({instanceId:this.instanceId_,parentDom:r}));case 3:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"renderStoryNavigations_",value:function(){var e=this,t=(0,a.generateHtmlFromTemplate)('<button class="prev-story-button" data-i18n-key="a11y_prev_story_current_group" tabindex="10"></button>'),r=(0,a.generateHtmlFromTemplate)('<button class="next-story-button" data-i18n-key="a11y_next_story_current_group" tabindex="40"></button>'),s=this.globalInstanceData.direction;t.addEventListener("click",function(t){t.preventDefault(),(0,a.createAndDispatchEvent)(e.groupWrapper_,s===_.default.RTL?"onNextStory":"onPrevStory",{gesture:h.GestureTypes.Arrow})}),r.addEventListener("click",function(t){t.preventDefault(),(0,a.createAndDispatchEvent)(e.groupWrapper_,s===_.default.RTL?"onPrevStory":"onNextStory",{gesture:h.GestureTypes.Arrow})}),this.groupWrapper_.appendChild(t),this.groupWrapper_.appendChild(r)}},{key:"prevStory",value:function(e,t){var r=this;if(this.globalInstanceData.shareParams.playMode!==i.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var s=this.storyInstances_[this.activeStoryIndex_];if(0===this.activeStoryIndex_)return(0,a.createAndDispatchEvent)(this.groupWrapper_,"onPrevGroup",{gesture:t}),void(0!==this.key_&&s.hide({holdActive:!0,isBack:!0}));s.hide({isBack:!0}),this.storyState_().remove(),this.activeStoryIndex_=null!=e?e:this.activeStoryIndex_-1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.renderStories_().then(function(){r.storyInstances_[r.activeStoryIndex_].show(),(0,a.createAndDispatchEvent)(r.groupWrapper_,"onStoryImpression")})}else(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup",{gesture:t})}},{key:"nextStory",value:function(e,t){var r=this;if(this.globalInstanceData.shareParams.playMode!==i.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var s=this.storyInstances_[this.activeStoryIndex_];if(this.group_.stories.length-1===this.activeStoryIndex_)return this.storyState_().add(),(0,a.createAndDispatchEvent)(this.groupWrapper_,"onNextGroup",{gesture:t}),void s.hide({isBack:!0});s.hide(),this.activeStoryIndex_=null!=e?e:this.activeStoryIndex_+1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.storyState_().add(),this.renderStories_().then(function(){r.storyInstances_[r.activeStoryIndex_].show(),(0,a.createAndDispatchEvent)(r.groupWrapper_,"onStoryImpression"),(0,a.createAndDispatchEvent)(r.groupWrapper_,"onStoryComplete")})}else(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup",{gesture:t})}},{key:"renderStories_",value:function(){var e=this,t=this.globalInstanceData.direction===_.default.RTL?"right":"left";return this.storiesContainer_.childNodes.forEach(function(r,s){if(s<e.activeStoryIndex_){(0,n.removeClass)(r,"storyly__story-next-story"),(0,n.setClass)(r,["storyly__story-passive","storyly__story-prev-story"]),(0,a.setAttribute)(r,"tabindex","-1"),(0,a.setAttribute)(r,"aria-hidden","true");var o=r.offsetWidth;e.activeStoryIndex_-s==1?(0,n.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_-o-54,"px")]):(0,n.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_-o-54-(.6*o+20)*(e.activeStoryIndex_-s-1),"px")])}if(s>e.activeStoryIndex_)if((0,n.removeClass)(r,"storyly__story-prev-story"),(0,n.setClass)(r,["storyly__story-passive","storyly__story-next-story"]),(0,a.setAttribute)(r,"tabindex","-1"),(0,a.setAttribute)(r,"aria-hidden","true"),s-e.activeStoryIndex_==1)(0,n.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_+e.activeStoryOffsetWidth_+54,"px")]);else{var i=r.offsetWidth;(0,n.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_+e.activeStoryOffsetWidth_+54+(s-e.activeStoryIndex_-1)*(.6*i+20),"px")])}s===e.activeStoryIndex_&&((0,n.removeClass)(r,"storyly__story-passive"),(0,n.removeClass)(r,"storyly__story-next-story"),(0,n.removeClass)(r,"storyly__story-prev-story"),(0,a.setAttribute)(r,"aria-hidden","false"),(0,a.setAttribute)(r,"tabindex","20"),(0,n.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_,"px")]))}),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"),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()}],d.default.setItemToInstance("Storyly_story-state",s))},remove:function(r){var s,o=d.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:{},d.default.setItemToInstance("Storyly_story-state",o)},get:function(){var r=S({},d.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,n.setClass)(this.progressDoms_[r],"seen"):(0,n.removeClass)(this.progressDoms_[r],"seen")}},{key:"sendGroupViewedEvent_",value:function(){var e=S({},this.group_);(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:h.CustomerEventTypes.onStoryGroupViewed,params:e})}},{key:"createStoryAndProgress_",value:function(e,t){var r=new u.default({story:e,key:t,group:this.group_,storiesContainer:this.storiesContainer_,groupWrapper:this.groupWrapper_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,condition:!0});this.storyObserver_.observe(r.storyDom_),this.storyInstances_.splice(t,0,r),this.storyInstances_.forEach(function(e,t){return e.setKey(t)});var s=(0,a.generateHtmlFromTemplate)((0,l.default)()),o=this.groupWrapper_.querySelector(".progress-wrapper");this.activeStoryIndex_>=t&&(this.activeStoryIndex_+=1,(0,n.setClass)(s,"seen")),o.querySelectorAll(".progress")[t]?o.querySelectorAll(".progress")[t].before(s):o.appendChild(s),this.progressDoms_.splice(t,0,s),this.renderStoryNavigations_();var i=window.innerHeight/100*85*9/16,d=window.innerWidth/2-i/2;this.activeStoryCenteredPosition_=d,this.activeStoryOffsetWidth_=i,this.renderStories_(),this.setStoriesClickEvents_()}},{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:"show",value:function(){this.storyCart?this.storyCart.refresh():this.renderProductCart_(),this.sendGroupViewedEvent_(),this.storyInstances_[this.activeStoryIndex_].show(),this.storyState_().add()}},{key:"load",value:function(){if(!this.loadded_){this.group_.nudge||this.loadState_(),this.storyInstances_=[],this.progressDoms_=[],this.renderStoryGroupHeader_(),this.renderStoryNavigations_(),this.setStoryInstancesAndListeners_();var e=window.innerHeight/100*85*9/16,t=window.innerWidth/2-e/2;this.activeStoryCenteredPosition_=t,this.activeStoryOffsetWidth_=e,this.renderStories_(),this.loadded_=!0}}},{key:"loadByParameters",value:function(e){this.storyInstances_.length||this.load(),(0,n.removeClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),this.activeStoryIndex_=e,this.loadedByParameters_=!0,this.handleProgressBarByParameters_(e),this.renderStories_()}},{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.loadedByParameters_&&(this.loadState_(),this.loadedByParameters_=!1,this.handleProgressBarByParameters_(this.activeStoryIndex_),this.renderStories_()),r&&(this.activeStoryIndex_=0,this.progressDoms_.forEach(function(e){(0,n.removeClass)(e,"seen")}),this.renderStories_())}},{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 S(S({},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 S(S({},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,t){var r=S(S({},this.group_),{},{gesture_type:(0,a.getGestureType)(e)});(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===t?h.CustomerEventTypes.onNextStoryGroup:h.CustomerEventTypes.onPreviousStoryGroup,params:r})}}]),e}(),m=I;exports.default=m;
-},{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","../../../constants/playmode":"Ooqf","../../../lib/style":"vgU2","../../../lib/util":"PesM","../../../lib/storage":"NA5d","../Story":"UKq4","../../../components/StoryCart":"TJeL","../templates/storyHeader":"LuBi","../templates/storyProgress":"vAQQ","../../../constants/events":"d0lR","../../../constants/directions":"w67G","../../../lib/proxy":"qmVm","../../../service":"hs1C"}],"u7Oq":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=g(require("@babel/runtime/helpers/asyncToGenerator")),t=g(require("@babel/runtime/helpers/defineProperty")),s=g(require("@babel/runtime/helpers/toConsumableArray")),i=g(require("@babel/runtime/helpers/classCallCheck")),r=g(require("@babel/runtime/helpers/createClass")),o=g(require("@babel/runtime/regenerator")),a=require("../../../constants/layerTypes"),n=require("../../../lib/style"),d=require("../../../lib/util"),u=g(require("../templates/story")),l=g(require("../../../components/BottomSheet")),h=require("../../../constants/events"),y=g(require("../../../constants/directions")),_=require("../../../service"),c=g(require("../../../lib/proxy")),p=g(require("../../../components/ShareWidget")),v=g(require("../../../components/AudioNotification")),m=g(require("../../../service/HlsPlayer")),f=g(require("../../../layers/CTA"));function g(e){return e&&e.__esModule?e:{default:e}}function b(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 A(e){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?b(Object(i),!0).forEach(function(s){(0,t.default)(e,s,i[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):b(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}var P=function(){function t(e){var s=e.story,r=e.key,o=e.group,a=e.storiesContainer,u=e.groupWrapper,l=e.progressDoms,h=e.instanceId,_=e.condition;(0,i.default)(this,t),this.storyDom_=null,this.layersContainer_=document.createElement("div"),this.story_=s,this.storyData_={},this.layers_=[],this.group_=o,this.key_=r,this.storiesContainer_=a,this.groupWrapper_=u,this.progressDoms_=new Proxy(l,[]),this.storyProgressSecond_=7,this.progressPaused_=!0,this.imageAsset_=null,this.videoAsset_=null,this.videoAssetLoadingStarted_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,this.isBlankStory_=!1,this.imageAssetLoaded_=!1,this.instanceId_=h,this.timedLayers_=[],this.condition_=_,(0,n.setClass)(this.layersContainer_,"layers-container"),(0,d.setAttribute)(this.layersContainer_,"dir",y.default.LTR),this.attachCallbacksToElement_(),this.render_()}return(0,r.default)(t,[{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.renderBottomSheet_=this.renderBottomSheet_.bind(this),this.onImageLoad_=this.onImageLoad_.bind(this),this.renderShareWidget=this.renderShareWidget.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,d.getStoryAssetFromLayers)(this.story_.media.layers),t=e.storyData,i=e.layers,r=e.storyBg;this.storyData_=t,this.layers_=(0,s.default)(i);var o=(0,u.default)({story:A(A({},this.storyData_),{},{story_id:this.story_.story_id}),type:this.storyData_.type,altText:this.story_.alt_text,mediaHost:this.group_.media_host,storyBg:r});if(this.storyDom_=(0,d.generateHtmlFromTemplate)(o),this.storyDom_.appendChild(this.layersContainer_),this.condition_?0===this.key_?this.storiesContainer_.querySelectorAll(".storyly__story")[this.key_].before(this.storyDom_):this.storiesContainer_.querySelectorAll(".storyly__story")[this.key_-1].after(this.storyDom_):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 a=this.storyDom_.querySelector(".story-image");(0,n.setStyle)(a,["opacity","0"])}}else this.imageAsset_=this.storyDom_.querySelector("img"),this.imageAsset_.addEventListener("load",this.onImageLoad_,{once:!0});var l=c.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;this.globalInstanceData=l,this.setCustomEvents_(),this.renderBottomSheet_()}},{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,n.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 t=(0,e.default)(o.default.mark(function e(){var t;return o.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,d.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 t.apply(this,arguments)}}()},{key:"onVideoEnded_",value:function(){this.globalInstanceData.accessibility||(0,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:h.GestureTypes.Progress})}},{key:"onVideoWaiting_",value:function(){this.progressPaused_=!0}},{key:"onVideoPlaying_",value:function(){if(this.videoAssetLoaded_){var e=this.groupWrapper_.querySelector(".storyly__story-actions").querySelector('button[data-type="sound"]');(0,d.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:"onVideoShown_",value:function(){var t=(0,e.default)(o.default.mark(function e(){var t,s,i=this;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=this.videoAsset_.querySelector("source"),s=this.videoAsset_.querySelector("source").dataset.src,!(0,d.isLiveVideo)(this.storyData_.video_type)){e.next=8;break}return e.next=5,(0,m.default)({source:s,tag:this.videoAsset_,thumbnail:this.storyData_.thumbnail_url});case 5:this.hls_=e.sent,e.next=10;break;case 8:t.src=s,this.videoAsset_.load();case 10:this.videoPausedPromise_?this.videoPausedPromise_.then(function(){i.videoPlayedPromise_=i.videoAsset_.play()}):this.videoPlayedPromise_=this.videoAsset_.play();case 11:case"end":return e.stop()}},e,this)}));return function(){return t.apply(this,arguments)}}()},{key:"removeEvents_",value:function(){var e=this.groupWrapper_.querySelector(".storyly__story-actions"),t=e.querySelector('button[data-type="sound"]'),s=e.querySelector('button[data-type="share"]');this.playPauseAction_&&this.playPauseAction_.removeEventListener("click",this.playAndPauseStory),t.removeEventListener("click",this.handleSoundStory_),s.removeEventListener("click",this.renderShareWidget)}},{key:"loadLayers_",value:function(){var t=(0,e.default)(o.default.mark(function t(){var s=this;return o.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.layers_.forEach(function(){var t=(0,e.default)(o.default.mark(function e(t){var i,r,n,d,u,l,h,y,_,c,p,v,m,g,b,P,S;return o.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!==a.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"));case 6:n=e.sent.default,i.instance=new n(A({},r));case 8:if(t.type!==a.LayerTemplateTypes.EMOJI){e.next=13;break}return e.next=11,require("_bundle_loader")(require.resolve("../../../layers/Emoji"));case 11:d=e.sent.default,i.instance=new d(A({},r));case 13:if(t.type!==a.LayerTemplateTypes.POLL){e.next=18;break}return e.next=16,require("_bundle_loader")(require.resolve("../../../layers/Poll"));case 16:u=e.sent.default,i.instance=new u(A({},r));case 18:if(t.type!==a.LayerTemplateTypes.RATING){e.next=23;break}return e.next=21,require("_bundle_loader")(require.resolve("../../../layers/Rating"));case 21:l=e.sent.default,i.instance=new l(A({},r));case 23:if(t.type!==a.LayerTemplateTypes.QUIZ){e.next=28;break}return e.next=26,require("_bundle_loader")(require.resolve("../../../layers/Quiz"));case 26:h=e.sent.default,i.instance=new h(A({},r));case 28:if(t.type!==a.LayerTemplateTypes.COUNTDOWN){e.next=33;break}return e.next=31,require("_bundle_loader")(require.resolve("../../../layers/Countdown"));case 31:y=e.sent.default,i.instance=new y(A({},r));case 33:if(t.type!==a.LayerTemplateTypes.IMAGE_CTA){e.next=38;break}return e.next=36,require("_bundle_loader")(require.resolve("../../../layers/ImageCTA"));case 36:_=e.sent.default,i.instance=new _(A(A({},r),{},{type:a.LayerTemplateTypes.IMAGE_CTA}));case 38:if(t.type!==a.LayerTemplateTypes.BUTTON&&t.type!==a.LayerTemplateTypes.SWIPE||(i.instance=new f.default(A(A({},r),{},{type:t.type===a.LayerTemplateTypes.BUTTON?a.LayerTemplateTypes.BUTTON:a.LayerTemplateTypes.SWIPE}))),t.type!==a.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"));case 42:c=e.sent.default,i.instance=new c(A(A({},r),{},{mediaHost:s.group_.media_host}));case 44:if(t.type!==a.LayerTemplateTypes.TEXT){e.next=49;break}return e.next=47,require("_bundle_loader")(require.resolve("../../../layers/Text"));case 47:p=e.sent.default,i.instance=new p(A({},r));case 49:if(t.type!==a.LayerTemplateTypes.PRODUCT_TAG){e.next=54;break}return e.next=52,require("_bundle_loader")(require.resolve("../../../layers/ProductTag"));case 52:v=e.sent.default,i.instance=new v(A({},r));case 54:if(t.type!==a.LayerTemplateTypes.PROMO_CODE){e.next=59;break}return e.next=57,require("_bundle_loader")(require.resolve("../../../layers/PromoCode"));case 57:m=e.sent.default,i.instance=new m(A({},r));case 59:if(t.type!==a.LayerTemplateTypes.QUESTION){e.next=64;break}return e.next=62,require("_bundle_loader")(require.resolve("../../../layers/Question"));case 62:g=e.sent.default,i.instance=new g(A(A({},r),{},{storiesContainer:s.storiesContainer_}));case 64:if(t.type!==a.LayerTemplateTypes.PRODUCT_CARD){e.next=69;break}return e.next=67,require("_bundle_loader")(require.resolve("../../../layers/ProductCard"));case 67:b=e.sent.default,i.instance=new b(A({},r));case 69:if(t.type!==a.LayerTemplateTypes.PRODUCT_CATALOG){e.next=74;break}return e.next=72,require("_bundle_loader")(require.resolve("../../../layers/ProductCatalog"));case 72:P=e.sent.default,i.instance=new P(A({},r));case 74:if(t.type!==a.LayerTemplateTypes.IMAGE_QUIZ){e.next=79;break}return e.next=77,require("_bundle_loader")(require.resolve("../../../layers/ImageQuiz"));case 77:S=e.sent.default,i.instance=new S(A({},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(e){return t.apply(this,arguments)}}());case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"handleProgressBar_",value:function(){var e=this;if(!this.progressInterval_){this.progressCount_=0;var t=this.progressDoms_[this.key_].querySelector("span");if((0,d.isLiveVideo)(this.storyData_.video_type))return this.progressCount_=100,void(0,n.setStyle)(t,["width","".concat(this.progressCount_,"%")]);this.progressInterval_=setInterval(function(){e.progressPaused_||(e.progressTime_+=.1,e.storyProgressRemain_-=.1,e.videoAsset_?e.play():(e.handleLayersVisibility_(),e.handleProgress_()),e.progressCount_=100*e.progressTime_/e.storyProgressSecond_,e.progressCount_<=100&&(0,n.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,r=s.end_time?1e3*s.end_time:e.videoAsset_?1e3*e.videoAsset_.duration:1e3*e.storyProgressSecond_;t>=i&&t<=r?s.instance.showLayer():s.instance.hideLayer()})}}},{key:"handleProgress_",value:function(){this.storyProgressRemain_<=0&&!this.globalInstanceData.accessibility&&((0,d.createAndDispatchEvent)(this.storyDom_,"onNextStory",{gesture:h.GestureTypes.Progress}),clearInterval(this.progressInterval_))}},{key:"handleStoryActions_",value:function(){var e=this.groupWrapper_.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,d.removeAttribute)(this.playPauseAction_,"hidden"),this.playPauseAction_.classList.replace("play","pause"),this.playPauseAction_.addEventListener("click",this.playAndPauseStory),this.videoAsset_?((0,d.removeAttribute)(t,"hidden"),t.addEventListener("click",this.handleSoundStory_)):(0,d.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")),this.story_.is_sharable&&((0,d.removeAttribute)(s,"hidden"),s.addEventListener("click",this.renderShareWidget))}},{key:"renderBottomSheet_",value:function(){var e=this;this.bottomSheet_=new l.default({parentDom:this.storyDom_,instanceId:this.instanceId_}),this.storyDom_.addEventListener("onBottomSheetOpen",function(t){var s=t.detail;return e.bottomSheet_.activate(s.body,s.footer,s.rerender)})}},{key:"handleCloseGroup_",value:function(){(0,d.createAndDispatchEvent)(this.storyDom_,"onCloseGroup")}},{key:"handleSoundStory_",value:function(e){var t=this;if(!(0,d.videoHasAudio)(this.videoAsset_)){var s=(0,d.generateHtmlFromTemplate)(v.default);return this.storyDom_.append(s),void setTimeout(function(){t.storyDom_.removeChild(s)},1e3)}var i=e.target,r="sound-on",o="sound-off";i.classList.contains("sound-off")?((0,_.readAccessibilityText)(this.storyDom_,"Story Unmuted"),i.setAttribute("aria-pressed","false"),this.soundOn_=!0,this.soundOn(),this.globalInstanceData.videoMuted=!1):((0,_.readAccessibilityText)(this.storyDom_,"Story Muted"),i.setAttribute("aria-pressed","true"),this.soundOn_=!1,this.soundOff(),r="sound-off",o="sound-on",this.globalInstanceData.videoMuted=!0),i.classList.replace(o,r)}},{key:"exposeAccessibilityElements_",value:function(){this.storyDom_.querySelectorAll(".cta-button").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,d.setAttribute)(e,"tabindex","21"),(0,d.setAttribute)(e,"aria-hidden","false")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,d.setAttribute)(e,"tabindex","22")}),(0,d.setAttribute)(e,"tabindex","22"),(0,d.setAttribute)(e,"aria-hidden","false")})}},{key:"hideAccessibilityElements_",value:function(){this.storyDom_.querySelectorAll(".cta-button").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".swipe-up-button").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".product-tag-tooltip").forEach(function(e){(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")}),this.storyDom_.querySelectorAll(".poll-component").forEach(function(e){e.querySelectorAll("button").forEach(function(e){return(0,d.removeAttribute)(e,"tabindex")}),(0,d.removeAttribute)(e,"tabindex"),(0,d.setAttribute)(e,"aria-hidden","true")})}},{key:"renderShareWidget",value:function(){var t=(0,e.default)(o.default.mark(function e(t){return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,p.default)({dom:this.storyDom_,group:this.group_,story:this.story_,pause:this.pause.bind(this),play:this.play.bind(this),gesture:t});case 2:this.shareWidget_=e.sent;case 3:case"end":return e.stop()}},e,this)}));return function(e){return t.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.shareWidget_&&this.shareWidget_.hide(),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_&&(this.videoPausedPromise_?this.videoPausedPromise_.then(function(){e.videoPlayedPromise_=e.videoAsset_.play()}):this.videoPlayedPromise_=this.videoAsset_.play())}},{key:"setVideoStoryAsset",value:function(){if(("video"===this.storyData_.type||this.story_.media.thumbnail_url)&&!(0,d.isLiveVideo)(this.storyData_.video_type)){var e="".concat(this.group_.media_host).concat(this.story_.media.thumbnail_url);(0,d.setAttribute)(this.storyDom_.querySelector("video"),"poster",e)}}},{key:"playAndPauseStory",value:function(e){if(!this.globalInstanceData.accessibility){var t,s="play",i="pause";e&&(e.gesture&&(t=e.gesture),e.target===this.playPauseAction_&&(t=h.GestureTypes.Icon)),this.playPauseAction_.classList.contains("pause")?(this.pause(),this.playPauseAction_.setAttribute("aria-pressed","true"),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{gesture:t,eventType:h.EventTypes.Paused})):(this.play(),this.playPauseAction_.setAttribute("aria-pressed","false"),(0,d.createAndDispatchEvent)(this.storyDom_,"onPlayPauseEvent",{gesture:t,eventType:h.EventTypes.Resumed}),s="pause",i="play"),this.playPauseAction_.classList.replace(i,s)}}},{key:"sendStoryViewedEvent_",value:function(){var e=A({},this.getStoryData());(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:h.CustomerEventTypes.onStoryViewed,params:e})}},{key:"handleStoryTitleOnChange_",value:function(){var e=this.story_.title;e&&(this.groupWrapper_.querySelector(".storyly__sg-info h4").textContent=e)}},{key:"show",value:function(){var e,t=this;this.storyDom_.setAttribute("show",""),(0,d.createAndDispatchEvent)(this.storyDom_,"onStoryChange",{asset:this.isBlankStory_?"":null!==(e=this.imageAsset_)&&void 0!==e?e:this.videoAsset_}),this.handleStoryActions_(),this.handleStoryTitleOnChange_(),this.progressPaused_=!1,this.storyProgressRemain_=this.storyProgressSecond_,this.progressTime_=0,(0,n.removeClass)(this.progressDoms_[this.key_],"seen"),this.videoAsset_?this.onVideoShown_():this.isBlankStory_||this.imageAssetLoaded_?this.handleProgressBar_():this.imageAsset_.style.paddingBottom="0.5px",this.globalInstanceData.accessibility&&(0,n.setStyle)(this.playPauseAction_,["display","none"]),this.exposeAccessibilityElements_(),(0,n.setClass)(this.progressDoms_[this.key_],"active"),(0,n.setClass)(this.storyDom_,"active"),setTimeout(function(){t.storyDom_.focus()},500),this.sendStoryViewedEvent_()}},{key:"hide",value:function(){var e,t=this,s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=s.isBack,r=void 0!==i&&i,o=s.holdActive,a=void 0!==o&&o;if(this.storyDom_.removeAttribute("show"),this.storyDom_.hasAttribute("paused")&&this.storyDom_.removeAttribute("paused"),this.hideAccessibilityElements_(),clearInterval(this.progressInterval_),clearInterval(this.startInterval_),this.bottomSheet_.deactivate(),this.progressInterval_=null,this.startInterval_=null,this.videoAsset_){if(this.videoAsset_.currentTime=0,this.videoPlayedPromise_?this.videoPlayedPromise_.then(function(){t.videoPausedPromise_=t.videoAsset_.pause()}):this.videoPausedPromise_=this.videoAsset_.pause(),this.hls_)return void this.hls_.stopLoad();this.videoAsset_.querySelector("source").src="",this.videoAsset_.load()}this.removeEvents_(),this.progressPaused_=!0,(0,n.removeClass)(this.progressDoms_[this.key_],"active"),a||(0,n.removeClass)(this.storyDom_,"active"),(0,n.resetStyle)(this.progressDoms_[this.key_].querySelector("span"),["width"]),r?(0,n.removeClass)(this.progressDoms_[this.key_],"seen"):(0,n.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.floor(this.storyProgressRemain_);return 1e3*(this.storyProgressSecond_-e)}},{key:"getProgressPausedStatus",value:function(){return this.progressPaused_}},{key:"getStoryData",value:function(){var e="".concat(this.group_.media_host).concat(this.storyData_.image_path);return"video"===this.storyData_.type&&(e="".concat(this.group_.media_host).concat(this.storyData_.video_path)),{story_id:this.story_.story_id,media:e,group:this.group_,index:this.key_}}},{key:"sendStoryClickedEvent",value:function(e,t){var s=A(A({},this.getStoryData()),{},{gesture_type:(0,d.getGestureType)(e)});(0,d.createAndDispatchEvent)(this.storyDom_,"onCustomerEvent",{eventName:"next"===t?h.CustomerEventTypes.onNextStory:h.CustomerEventTypes.onPreviousStory,params:s})}},{key:"setKey",value:function(e){this.key_=e}},{key:"setProgressTime",value:function(e){this.progressTime_=+e.toFixed(1)}}]),t}(),S=P;exports.default=S;
+},{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/toConsumableArray":"Fhqp","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","../../../constants/layerTypes":"aJRz","../../../lib/style":"vgU2","../../../lib/util":"PesM","../templates/story":"fRik","../../../components/BottomSheet":"l2Mf","../../../constants/events":"d0lR","../../../constants/directions":"w67G","../../../service":"hs1C","../../../lib/proxy":"qmVm","../../../components/ShareWidget":"YKVc","../../../components/AudioNotification":"uO1E","../../../service/HlsPlayer":"LJ77","../../../layers/CTA":"lS5I","_bundle_loader":"TUK3","../../../components/VideoSeekBar":[["VideoSeekBar.8e29e7fa.js","WHTK"],"WHTK"],"../../../layers/BlankStory":[["BlankStory.87677cd0.js","ODzA"],"ODzA"],"../../../layers/Emoji":[["Emoji.aaf11bbd.js","GGza"],"GGza"],"../../../layers/Poll":[["Poll.b19c685b.js","fJSh"],"fJSh"],"../../../layers/Rating":[["Rating.3787564f.js","raea"],"raea"],"../../../layers/Quiz":[["Quiz.80dd96d2.js","lrR5"],"lrR5"],"../../../layers/Countdown":[["Countdown.6ce06965.js","YoYr"],"YoYr"],"../../../layers/ImageCTA":[["ImageCTA.6e00c2b1.js","J7D7"],"J7D7"],"../../../layers/Media":[["Media.8de69a8d.js","VEUS"],"VEUS"],"../../../layers/Text":[["Text.264c5d7c.js","youg"],"youg"],"../../../layers/ProductTag":[["ProductTag.54584948.js","cjPL"],"cjPL"],"../../../layers/PromoCode":[["PromoCode.917d4f91.js","N5Sp"],"N5Sp"],"../../../layers/Question":[["Question.e66eba96.js","KeqT"],"KeqT"],"../../../layers/ProductCard":[["ProductCard.89e07296.js","ldNI"],"ldNI"],"../../../layers/ProductCatalog":[["ProductCatalog.42e572d6.js","rFjg"],"rFjg"],"../../../layers/ImageQuiz":[["ImageQuiz.d9fa5596.js","Mxyn"],"Mxyn"]}],"wvHA":[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")),o=v(require("@babel/runtime/regenerator")),n=v(require("../../../constants/playmode")),i=require("../../../lib/style"),a=require("../../../lib/util"),d=v(require("../../../lib/storage")),u=v(require("../Story")),c=v(require("../templates/storyHeader")),y=v(require("../templates/storyProgress")),l=require("../../../constants/events"),h=v(require("../../../constants/directions")),_=v(require("../../../lib/proxy")),p=require("../../../service");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 f(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 S=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.loadded_=!1,this.stories_=this.group_.stories,this.instanceId_=o,this.attachCallbacksToElement_(),this.setEventListeners_(),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.storiesObserverCallback_=this.storiesObserverCallback_.bind(this)}},{key:"setEventListeners_",value:function(){var e=this;window.addEventListener("resize",(0,a.debounce)(function(){var t=e.storiesContainer_.childNodes[e.activeStoryIndex_];if(t){var r=t.offsetWidth,s=window.innerWidth/2-r/2;e.activeStoryCenteredPosition_=s,e.renderStories_()}}))}},{key:"render",value:function(){this.groupWrapper_=document.createElement("div"),(0,i.setClass)(this.groupWrapper_,["storyly__story-group","swiper-slide"]),this.groupWrapper_.ariaHidden="true",(0,a.setAttribute)(this.groupWrapper_,"role","presentation"),this.groupWrapper_.dataset.id=this.group_.group_id,this.storiesContainer_=document.createElement("div"),(0,i.setClass)(this.storiesContainer_,["storyly__stories-container"]),this.groupWrapper_.appendChild(this.storiesContainer_);var e=_.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,this.storyObserver_=(0,p.intersectionObserverImpl)(this.storiesContainer_,this.storiesObserverCallback_),Promise.resolve(this.groupWrapper_)}},{key:"storiesObserverCallback_",value:function(e){var t=this;e.forEach(function(e){if(e.isIntersecting){var r=e.target;t.storyInstances_.find(function(e){return e.storyDom_===r}).setVideoStoryAsset()}})}},{key:"setStoryInstancesAndListeners_",value:function(){var e=this;this.group_.stories.forEach(function(t,r){var s=new u.default({story:t,key:r,group:e.group_,storiesContainer:e.storiesContainer_,groupWrapper:e.groupWrapper_,progressDoms:e.progressDoms_,instanceId:e.instanceId_});e.storyInstances_[r]=s,e.storyObserver_.observe(s.storyDom_)}),this.setStoriesClickEvents_()}},{key:"setStoriesClickEvents_",value:function(){var e=this,t=function(t,r){var s=t.classList;s.contains("storyly__story-passive")&&(s.contains("storyly__story-next-story")&&(e.nextStory(r,"".concat(l.GestureTypes.StoryClick,"_").concat(r-e.activeStoryIndex_)),e.handleProgressBarByParameters_(r)),s.contains("storyly__story-prev-story")&&(e.prevStory(r,"".concat(l.GestureTypes.StoryClick,"_").concat(e.activeStoryIndex_-r)),e.handleProgressBarByParameters_(r)))};this.storiesContainer_.childNodes.forEach(function(e,r){e.removeEventListener("click",function(){return t(e,r)}),e.addEventListener("click",function(){return t(e,r)})})}},{key:"renderStoryGroupHeader_",value:function(){var e,t=(0,a.generateHtmlFromTemplate)((0,c.default)(this.group_,this.instanceId_,this.globalInstanceData));null===(e=this.groupWrapper_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.groupWrapper_.prepend(t),(0,a.stopEventBubbling)(t),this.renderProgressLines_()}},{key:"renderProgressLines_",value:function(){var e=document.createElement("div");(0,i.setClass)(e,"storyly__story-group-progress-bar");var t=document.createElement("div");(0,i.setClass)(t,"progress-wrapper"),e.appendChild(t);for(var r=this.group_.stories.length,s=0;s<r;s+=1){var o=(0,a.generateHtmlFromTemplate)((0,y.default)());s<this.activeStoryIndex_&&(0,i.setClass)(o,"seen"),t.appendChild(o),this.progressDoms_.push(o)}this.groupWrapper_.prepend(e)}},{key:"renderProductCart_",value:function(){var e=(0,t.default)(o.default.mark(function e(){var t,r,s,n,i;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=(0,a.getProductLayers)(this.group_),r=this.groupWrapper_.querySelector(".storyly__story-actions"),s=_.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal(),n=s.isStorylyCartActive,!t.length||!n){e.next=10;break}return e.next=6,require("_bundle_loader")(require.resolve("../../../components/StoryCart"));case 6:return e.next=8,e.sent.default;case 8:i=e.sent,this.storyCart=new i({instanceId:this.instanceId_,parentDom:r});case 10:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"renderStoryNavigations_",value:function(){var e=this,t=(0,a.generateHtmlFromTemplate)('<button class="prev-story-button" data-i18n-key="a11y_prev_story_current_group" tabindex="10"></button>'),r=(0,a.generateHtmlFromTemplate)('<button class="next-story-button" data-i18n-key="a11y_next_story_current_group" tabindex="40"></button>'),s=this.globalInstanceData.direction;t.addEventListener("click",function(t){t.preventDefault(),(0,a.createAndDispatchEvent)(e.groupWrapper_,s===h.default.RTL?"onNextStory":"onPrevStory",{gesture:l.GestureTypes.Arrow})}),r.addEventListener("click",function(t){t.preventDefault(),(0,a.createAndDispatchEvent)(e.groupWrapper_,s===h.default.RTL?"onPrevStory":"onNextStory",{gesture:l.GestureTypes.Arrow})}),this.groupWrapper_.appendChild(t),this.groupWrapper_.appendChild(r)}},{key:"prevStory",value:function(e,t){var r=this;if(this.globalInstanceData.shareParams.playMode!==n.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var s=this.storyInstances_[this.activeStoryIndex_];if(0===this.activeStoryIndex_)return(0,a.createAndDispatchEvent)(this.groupWrapper_,"onPrevGroup",{gesture:t}),void(0!==this.key_&&s.hide({holdActive:!0,isBack:!0}));s.hide({isBack:!0}),this.storyState_().remove(),this.activeStoryIndex_=null!=e?e:this.activeStoryIndex_-1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.renderStories_().then(function(){r.storyInstances_[r.activeStoryIndex_].show(),(0,a.createAndDispatchEvent)(r.groupWrapper_,"onStoryImpression")})}else(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup",{gesture:t})}},{key:"nextStory",value:function(e,t){var r=this;if(this.globalInstanceData.shareParams.playMode!==n.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var s=this.storyInstances_[this.activeStoryIndex_];if(this.group_.stories.length-1===this.activeStoryIndex_)return this.storyState_().add(),(0,a.createAndDispatchEvent)(this.groupWrapper_,"onNextGroup",{gesture:t}),void s.hide({isBack:!0});s.hide(),this.activeStoryIndex_=null!=e?e:this.activeStoryIndex_+1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.storyState_().add(),this.renderStories_().then(function(){r.storyInstances_[r.activeStoryIndex_].show(),(0,a.createAndDispatchEvent)(r.groupWrapper_,"onStoryImpression"),(0,a.createAndDispatchEvent)(r.groupWrapper_,"onStoryComplete")})}else(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup",{gesture:t})}},{key:"renderStories_",value:function(){var e=this,t=this.globalInstanceData.direction===h.default.RTL?"right":"left";return this.storiesContainer_.childNodes.forEach(function(r,s){if(s<e.activeStoryIndex_){(0,i.removeClass)(r,"storyly__story-next-story"),(0,i.setClass)(r,["storyly__story-passive","storyly__story-prev-story"]),(0,a.setAttribute)(r,"tabindex","-1"),(0,a.setAttribute)(r,"aria-hidden","true");var o=r.offsetWidth;e.activeStoryIndex_-s==1?(0,i.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_-o-54,"px")]):(0,i.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_-o-54-(.6*o+20)*(e.activeStoryIndex_-s-1),"px")])}if(s>e.activeStoryIndex_)if((0,i.removeClass)(r,"storyly__story-prev-story"),(0,i.setClass)(r,["storyly__story-passive","storyly__story-next-story"]),(0,a.setAttribute)(r,"tabindex","-1"),(0,a.setAttribute)(r,"aria-hidden","true"),s-e.activeStoryIndex_==1)(0,i.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_+e.activeStoryOffsetWidth_+54,"px")]);else{var n=r.offsetWidth;(0,i.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_+e.activeStoryOffsetWidth_+54+(s-e.activeStoryIndex_-1)*(.6*n+20),"px")])}s===e.activeStoryIndex_&&((0,i.removeClass)(r,"storyly__story-passive"),(0,i.removeClass)(r,"storyly__story-next-story"),(0,i.removeClass)(r,"storyly__story-prev-story"),(0,a.setAttribute)(r,"aria-hidden","false"),(0,a.setAttribute)(r,"tabindex","20"),(0,i.setStyle)(r,[t,"".concat(e.activeStoryCenteredPosition_,"px")]))}),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"),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()}],d.default.setItemToInstance("Storyly_story-state",s))},remove:function(r){var s,o=d.default.getItemFromInstance("Storyly_story-state"),n=e.group_.stories[e.activeStoryIndex_].story_id;r&&(n=r);var i=null===(s=o[t])||void 0===s?void 0:s.filter(function(e){return e.storyId!==n});o[t]=null!=i?i:{},d.default.setItemToInstance("Storyly_story-state",o)},get:function(){var r=f({},d.default.getItemFromInstance("Storyly_story-state")||{}),s=0;if(r[t]){var o,n=!0,i=r[t].map(function(e){return e.storyId});return e.group_.stories.forEach(function(e,t){"number"!=typeof o?i.includes(e.story_id)||(o=t,n=!1):n=!1}),n?0:(s=o)>=0?s:(i.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,i.setClass)(this.progressDoms_[r],"seen"):(0,i.removeClass)(this.progressDoms_[r],"seen")}},{key:"sendGroupViewedEvent_",value:function(){var e=f({},this.group_);(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:l.CustomerEventTypes.onStoryGroupViewed,params:e})}},{key:"createStoryAndProgress_",value:function(e,t){var r=new u.default({story:e,key:t,group:this.group_,storiesContainer:this.storiesContainer_,groupWrapper:this.groupWrapper_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,condition:!0});this.storyObserver_.observe(r.storyDom_),this.storyInstances_.splice(t,0,r),this.storyInstances_.forEach(function(e,t){return e.setKey(t)});var s=(0,a.generateHtmlFromTemplate)((0,y.default)()),o=this.groupWrapper_.querySelector(".progress-wrapper");this.activeStoryIndex_>=t&&(this.activeStoryIndex_+=1,(0,i.setClass)(s,"seen")),o.querySelectorAll(".progress")[t]?o.querySelectorAll(".progress")[t].before(s):o.appendChild(s),this.progressDoms_.splice(t,0,s),this.renderStoryNavigations_();var n=window.innerHeight/100*85*9/16,d=window.innerWidth/2-n/2;this.activeStoryCenteredPosition_=d,this.activeStoryOffsetWidth_=n,this.renderStories_(),this.setStoriesClickEvents_()}},{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:"show",value:function(){this.storyCart?this.storyCart.refresh():this.renderProductCart_(),this.sendGroupViewedEvent_(),this.storyInstances_[this.activeStoryIndex_].show(),this.storyState_().add()}},{key:"load",value:function(){if(!this.loadded_){this.group_.nudge||this.loadState_(),this.storyInstances_=[],this.progressDoms_=[],this.renderStoryGroupHeader_(),this.renderStoryNavigations_(),this.setStoryInstancesAndListeners_();var e=window.innerHeight/100*85*9/16,t=window.innerWidth/2-e/2;this.activeStoryCenteredPosition_=t,this.activeStoryOffsetWidth_=e,this.renderStories_(),this.loadded_=!0}}},{key:"loadByParameters",value:function(e){this.storyInstances_.length||this.load(),(0,i.removeClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),this.activeStoryIndex_=e,this.loadedByParameters_=!0,this.handleProgressBarByParameters_(e),this.renderStories_()}},{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.loadedByParameters_&&(this.loadState_(),this.loadedByParameters_=!1,this.handleProgressBarByParameters_(this.activeStoryIndex_),this.renderStories_()),r&&(this.activeStoryIndex_=0,this.progressDoms_.forEach(function(e){(0,i.removeClass)(e,"seen")}),this.renderStories_())}},{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 f(f({},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 f(f({},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,t){var r=f(f({},this.group_),{},{gesture_type:(0,a.getGestureType)(e)});(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===t?l.CustomerEventTypes.onNextStoryGroup:l.CustomerEventTypes.onPreviousStoryGroup,params:r})}}]),e}(),I=S;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","../../../constants/playmode":"Ooqf","../../../lib/style":"vgU2","../../../lib/util":"PesM","../../../lib/storage":"NA5d","../Story":"UKq4","../templates/storyHeader":"LuBi","../templates/storyProgress":"vAQQ","../../../constants/events":"d0lR","../../../constants/directions":"w67G","../../../lib/proxy":"qmVm","../../../service":"hs1C","_bundle_loader":"TUK3","../../../components/StoryCart":[["StoryCart.c7184f81.js","TJeL"],"TJeL"]}],"u7Oq":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"prev";return'\n    <div class="story-group-navigation-button '.concat(n,'-story-group">\n      <h6 ').concat("prev"===n?'data-i18n-key="previous_stories"':'data-i18n-key="next_stories"',' aria-hidden="true">').concat("prev"===n?"PREVIOUS STORIES":"NEXT STORIES",'</h6>\n      <button\n        class="story-group-navigation-button-container"\n        tabindex="').concat("prev"===n?"5":"45",'"\n        ').concat("prev"===n?'data-i18n-key="a11y_prev_group_story"':'data-i18n-key="a11y_next_group_story"','\n        >\n        <div class="story-group-navigation-button-container-icon">\n          <span class="next-story-group-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path d="M2.66663 8H13.3333" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n            <path d="M9.33337 4L13.3334 8L9.33337 12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n            </svg></span>\n          <span class="prev-story-group-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path d="M13.3333 8H2.66659" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n            <path d="M6.66675 4L2.66675 8L6.66675 12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n            </svg>\n          </span>\n        </div>\n        <div class="story-group-navigation-button-container-inner">\n          <div class="story-group-cover-image">\n            <img src="" alt="story group cover image" aria-hidden="true" />\n          </div>\n          <div class="story-group-title">\n            <span></span>\n          </div>\n        </div>\n      </button>\n    </div>\n  ')};exports.default=n;
 },{}],"KwS7":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=function(){return'\n    <div class="storyly__keyboard-shortcuts" tabindex="-1" aria-hidden="true">\n      <h6 data-i18n-key="keyboard_shortcuts">KEYBOARD SHORTCUTS</h6>\n      <ul id="storyly__keyboard-shortcuts-menu" class="storyly__keyboard-shortcuts-menu">\n        <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="51" data-i18n-key="a11y_r_a_next_story">\n          <span class="storyly__keyboard-shortcuts-menu-item-icon">\n            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n              <path d="M2.66663 8H13.3333" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n              <path d="M9.33337 4L13.3334 8L9.33337 12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n            </svg>\n          </span>\n          <span data-i18n-key="shortcut_next_story">Next story</span>\n        </li>\n        <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="51" data-i18n-key="a11y_l_a_prev_story">\n          <span class="storyly__keyboard-shortcuts-menu-item-icon">\n            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n              <path d="M13.3333 8H2.66659" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n              <path d="M6.66675 4L2.66675 8L6.66675 12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n            </svg>\n          </span>\n          <span data-i18n-key="shortcut_preview_story">Previous story</span>\n        </li>\n        <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="-1" aria-hidden="true">\n          <span class="storyly__keyboard-shortcuts-menu-item-icon">\n            <svg width="23" height="6" viewBox="0 0 23 6" fill="none" xmlns="http://www.w3.org/2000/svg">\n              <path d="M1.95703 4.39844C2.67969 4.39844 3.21094 4.22656 3.47656 3.96094C3.73828 3.69531 3.83984 3.41016 3.83984 3.08203C3.83984 2.75781 3.74609 2.49609 3.55469 2.30078C3.36328 2.10547 3.13281 1.97266 2.86328 1.90625C2.58984 1.83984 2.32031 1.78906 2.05078 1.75391C1.78125 1.71875 1.55469 1.66797 1.36328 1.59375C1.17188 1.52344 1.07812 1.41797 1.07812 1.27344C1.07812 1.01172 1.33203 0.878906 1.83984 0.878906C2.33594 0.878906 2.62891 1.03906 2.71875 1.35938H3.71875C3.69922 0.957031 3.52344 0.628906 3.19531 0.375C2.86719 0.125 2.42969 0 1.87891 0C1.30469 0 0.859375 0.117188 0.546875 0.351562C0.234375 0.589844 0.078125 0.886719 0.078125 1.24219C0.078125 1.52344 0.148438 1.75781 0.285156 1.94531C0.421875 2.13672 0.589844 2.26953 0.796875 2.34766C1 2.42578 1.22266 2.49219 1.46094 2.54688C1.69922 2.60547 1.91797 2.64453 2.125 2.66797C2.53125 2.71484 2.83984 2.84766 2.83984 3.08203C2.83984 3.375 2.55859 3.51953 2 3.51953C1.43359 3.52344 1.10156 3.32422 1 2.92188H0C0.0195312 3.32422 0.203125 3.67188 0.550781 3.96094C0.898438 4.25391 1.36719 4.39844 1.95703 4.39844Z" fill="white"/>\n              <path d="M5.90903 5.92188V3.92188H5.94809C6.2645 4.23828 6.62388 4.39844 7.02622 4.39844C7.54575 4.39844 7.95981 4.21094 8.27622 3.83594C8.59262 3.46094 8.74887 2.91406 8.74887 2.19922C8.74887 1.48438 8.59262 0.941406 8.27622 0.5625C7.95981 0.1875 7.54575 0 7.02622 0C6.7645 0 6.53013 0.0625 6.32309 0.1875C6.11216 0.3125 5.97544 0.421875 5.90903 0.519531H5.86606L5.78794 0.0820312H4.94809V5.92188H5.90903ZM6.827 3.51953C6.24888 3.51953 5.86606 3.05469 5.86606 2.19922C5.86606 1.34375 6.24888 0.878906 6.827 0.878906C7.10434 0.878906 7.33481 0.992188 7.51841 1.22266C7.69809 1.45312 7.78794 1.77734 7.78794 2.19922C7.78794 2.62109 7.69809 2.94531 7.5145 3.17578C7.33091 3.40625 7.10434 3.51953 6.827 3.51953Z" fill="white"/>\n              <path d="M11.2165 3.51953C10.736 3.51953 10.4978 3.35938 10.4978 3.03906C10.4978 2.71875 10.736 2.55859 11.2165 2.55859H12.2556V2.67969C12.2556 2.91016 12.1618 3.10547 11.9704 3.26953C11.779 3.4375 11.5251 3.51953 11.2165 3.51953ZM11.0563 4.39844C11.5915 4.39844 11.9899 4.19922 12.2556 3.80078H12.2946L12.4157 4.32031H13.2165V1.60156C13.2165 1.11328 13.0603 0.726562 12.7517 0.433594C12.4431 0.144531 12.0095 0 11.4548 0C10.9118 0 10.4938 0.125 10.2009 0.378906C9.90791 0.632812 9.73994 0.949219 9.69697 1.32031H10.6579C10.6774 1.20703 10.7595 1.10547 10.8962 1.01562C11.0329 0.925781 11.2087 0.878906 11.4157 0.878906C11.6657 0.878906 11.8688 0.945312 12.0251 1.07812C12.1774 1.21094 12.2556 1.37109 12.2556 1.55859V1.76172H11.2165C10.0876 1.76172 9.53681 2.25 9.53681 3.08203C9.53681 3.89844 10.0759 4.39844 11.0563 4.39844Z" fill="white"/>\n              <path d="M16.2466 4.39844C17.2349 4.39844 17.9185 3.83594 18.1646 2.87891H17.2037C17.0474 3.28516 16.6958 3.51953 16.2466 3.51953C15.5865 3.51953 15.1646 3.05469 15.1646 2.19922C15.1646 1.34375 15.5865 0.878906 16.2466 0.878906C16.6958 0.878906 17.0435 1.11328 17.2037 1.51953H18.1646C17.9185 0.5625 17.2349 0 16.2466 0C15.6372 0 15.1451 0.199219 14.7701 0.59375C14.3912 0.992188 14.2037 1.52734 14.2037 2.19922C14.2037 2.87109 14.3912 3.40625 14.7701 3.80078C15.149 4.19922 15.6412 4.39844 16.2466 4.39844Z" fill="white"/>\n              <path d="M20.9955 4.39844C21.5385 4.39844 21.9564 4.26172 22.2494 3.99219C22.5385 3.72266 22.7299 3.40625 22.8275 3.03906H21.8666C21.7064 3.35938 21.4018 3.51953 20.9525 3.51953C20.6439 3.51953 20.3978 3.42578 20.2143 3.23828C20.0307 3.05469 19.9174 2.8125 19.8744 2.51953H22.9525L22.9955 2.08203C22.9955 1.44531 22.8119 0.941406 22.4486 0.5625C22.0814 0.1875 21.5971 0 20.9955 0C20.351 0 19.8432 0.191406 19.4721 0.578125C19.101 0.964844 18.9135 1.50781 18.9135 2.19922C18.9135 2.89453 19.101 3.43359 19.4721 3.82031C19.8432 4.20703 20.351 4.39844 20.9955 4.39844ZM19.8744 1.83984C19.9682 1.25 20.3393 0.878906 20.9564 0.878906C21.5736 0.878906 21.9603 1.26172 22.0346 1.83984H19.8744Z" fill="white"/>\n            </svg>\n          </span>\n          <span data-i18n-key="shortcut_space">Play/Pause</span>\n        </li>\n        <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="51" data-i18n-key="a11y_e_close_story">\n          <span class="storyly__keyboard-shortcuts-menu-item-icon">\n            <svg width="14" height="5" viewBox="0 0 14 5" fill="none" xmlns="http://www.w3.org/2000/svg">\n              <path d="M2.03125 4.39844C2.52734 4.39844 2.93359 4.27734 3.25 4.03125C3.56641 3.78906 3.78906 3.47266 3.91797 3.08203H2.91797C2.6875 3.39844 2.39453 3.55859 2.03906 3.55859C1.72266 3.55859 1.47266 3.46094 1.28125 3.26172C1.08984 3.06641 0.980469 2.80469 0.960938 2.48047H3.96094L4 2.08203C4 1.49219 3.82031 1 3.46484 0.597656C3.10938 0.199219 2.62109 0 2 0C1.39062 0 0.90625 0.195312 0.542969 0.582031C0.179688 0.972656 0 1.51172 0 2.19922C0 2.89453 0.183594 3.43359 0.546875 3.82031C0.910156 4.20703 1.40625 4.39844 2.03125 4.39844ZM0.960938 1.76172C1.08984 1.18359 1.45703 0.839844 2 0.839844C2.28906 0.839844 2.52344 0.925781 2.70703 1.09766C2.88672 1.26953 2.99609 1.49219 3.03906 1.76172H0.960938Z" fill="white"/>\n              <path d="M6.64031 4.39844C7.21453 4.39844 7.65203 4.28125 7.95281 4.04297C8.25359 3.80469 8.40203 3.5 8.40203 3.12109C8.40203 2.85156 8.34344 2.625 8.22234 2.44141C8.10125 2.25781 7.94891 2.12891 7.76922 2.04688C7.58562 1.96875 7.39031 1.89844 7.17938 1.83594C6.96844 1.77734 6.77313 1.73047 6.59344 1.69922C6.23016 1.64062 5.96063 1.48828 5.96063 1.24219C5.96063 0.972656 6.17547 0.839844 6.60125 0.839844C6.99969 0.84375 7.25359 0.976562 7.35906 1.24219H8.35906C8.19109 0.480469 7.60125 0 6.60125 0C6.09734 0 5.70672 0.117188 5.42547 0.351562C5.14031 0.589844 4.99969 0.886719 4.99969 1.24219C4.99969 1.56641 5.08563 1.82812 5.25359 2.02734C5.42156 2.22656 5.62469 2.36328 5.86688 2.43359C6.10516 2.50781 6.34344 2.56641 6.58172 2.60938C6.82 2.65625 7.02313 2.71875 7.19109 2.79297C7.35906 2.86719 7.44109 2.97656 7.44109 3.12109C7.44109 3.41406 7.17547 3.55859 6.64031 3.55859C6.21453 3.55859 5.92156 3.36719 5.83953 3.08203H4.83953C4.92547 3.48047 5.12078 3.80078 5.42938 4.03906C5.73406 4.27734 6.13641 4.39844 6.64031 4.39844Z" fill="white"/>\n              <path d="M11.2806 4.39844C11.7767 4.39844 12.1869 4.26562 12.5111 4.00391C12.8353 3.74219 13.0541 3.40625 13.1595 3H12.2416C12.0345 3.37109 11.7142 3.55859 11.2806 3.55859C10.9564 3.55859 10.6947 3.44141 10.4955 3.20312C10.2963 2.96484 10.1986 2.63281 10.1986 2.19922C10.1986 1.76562 10.2963 1.43359 10.4955 1.19531C10.6947 0.957031 10.9564 0.839844 11.2806 0.839844C11.7142 0.839844 12.0345 1.02734 12.2416 1.39844H13.1595C13.0541 0.996094 12.8353 0.660156 12.5111 0.394531C12.1869 0.132812 11.7767 0 11.2806 0C10.6713 0 10.1869 0.195312 9.82359 0.582031C9.46031 0.972656 9.28063 1.51172 9.28063 2.19922C9.28063 2.88672 9.46422 3.42578 9.8275 3.8125C10.1908 4.20312 10.6752 4.39844 11.2806 4.39844Z" fill="white"/>\n            </svg>\n          </span>\n          <span data-i18n-key="shortcut_esc">Close story</span>\n        </li>\n        <li class="storyly__keyboard-shortcuts-menu-item" role="menuitem" tabindex="51" data-i18n-key="a11y_s_share_story">\n          <span class="storyly__keyboard-shortcuts-menu-item-icon">\n            <svg width="7" height="9" viewBox="0 0 7 9" fill="none" xmlns="http://www.w3.org/2000/svg">\n              <path d="M3.24414 8.10742C4.18945 8.10742 4.91992 7.89258 5.44092 7.46826C5.95654 7.04395 6.21436 6.46924 6.21436 5.74414C6.21436 5.35742 6.13916 5.02441 5.9834 4.74512C5.67725 4.18652 5.16699 3.93408 4.5708 3.73535C3.97461 3.54199 3.35693 3.4292 2.86816 3.27344C2.37402 3.12305 2.03564 2.85449 2.03564 2.44629C2.03564 2.18848 2.1377 1.96826 2.3418 1.78564C2.5459 1.60303 2.86279 1.51172 3.29785 1.51172C4.00146 1.51172 4.42578 1.82324 4.56543 2.44629H6.04785C5.98877 1.7749 5.72021 1.23242 5.24219 0.813477C4.76416 0.399902 4.09814 0.19043 3.24414 0.19043C2.46533 0.19043 1.82617 0.38916 1.31592 0.78125C0.805664 1.17871 0.547852 1.73193 0.547852 2.44629C0.547852 2.85449 0.623047 3.20361 0.778809 3.49902C0.93457 3.79443 1.1333 4.01465 1.38037 4.16504C1.62744 4.31543 1.90137 4.43896 2.19678 4.54102C2.79297 4.73975 3.40527 4.83105 3.89941 4.95996C4.39355 5.09424 4.73193 5.35205 4.73193 5.74414C4.73193 6.3457 4.22705 6.7915 3.24414 6.7915C2.85205 6.7915 2.51904 6.68408 2.25049 6.47461C1.98193 6.26514 1.8208 6.00732 1.76172 5.69043H0.273926C0.327637 6.4585 0.628418 7.05469 1.18164 7.47363C1.72949 7.89795 2.41699 8.10742 3.24414 8.10742Z" fill="white"/>\n            </svg>\n          </span>\n          <span data-i18n-key="shortcut_share">Share story link</span>\n        </li>\n      </ul>\n    </div>\n  '};exports.default=t;