storyly-web 3.4.2 → 3.5.0

package/dist/Modern.ba02a4b1.js

@@ -3,7 +3,7 @@ parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcel
 },{"../../../lib/icons":"irwm","../../../lib/util":"PesM"}],"UKq4":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=c(require("@babel/runtime/helpers/defineProperty")),t=c(require("@babel/runtime/helpers/classCallCheck")),r=c(require("@babel/runtime/helpers/createClass")),n=c(require("@babel/runtime/helpers/get")),o=c(require("@babel/runtime/helpers/inherits")),i=c(require("@babel/runtime/helpers/possibleConstructorReturn")),u=c(require("@babel/runtime/helpers/getPrototypeOf")),a=c(require("../../../components/BottomSheet")),l=c(require("../../BaseStory")),s=c(require("../templates/story"));function c(e){return e&&e.__esModule?e:{default:e}}function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function d(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?f(Object(n),!0).forEach(function(r){(0,e.default)(t,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function h(e){var t=p();return function(){var r,n=(0,u.default)(e);if(t){var o=(0,u.default)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,i.default)(this,r)}}function p(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(p=function(){return!!e})()}var b=function(e){(0,o.default)(l,e);var i=h(l);function l(e){var r;return(0,t.default)(this,l),(r=i.call(this,d({},e))).bottomSheet_=null,r.condition_=e.condition,r.storiesContainer_=e.storiesContainer,r.key_=e.key,r.render(),r}return(0,r.default)(l,[{key:"render",value:function(){(0,n.default)((0,u.default)(l.prototype),"render",this).call(this,s.default),this.renderBottomSheet_()}},{key:"renderBottomSheet_",value:function(){var e=this;this.bottomSheet_=new a.default({parentDom:this.storyDom_,instanceId:this.instanceId_}),this.storyDom_.addEventListener("onBottomSheetOpen",function(t){var r=t.detail;return e.bottomSheet_.activate(r.body,r.footer,r.rerender,r.header)}),this.groupWrapper_.addEventListener("onBottomSheetClose",function(){return e.bottomSheet_.deactivate()})}},{key:"hide",value:function(e){(0,n.default)((0,u.default)(l.prototype),"hide",this).call(this,d({},e)),this.bottomSheet_.deactivate()}}]),l}(l.default),y=exports.default=b;
 },{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/get":"J5UC","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../../components/BottomSheet":"l2Mf","../../BaseStory":"Vbpk","../templates/story":"fRik"}],"wvHA":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=f(require("@babel/runtime/helpers/defineProperty")),t=f(require("@babel/runtime/helpers/asyncToGenerator")),r=f(require("@babel/runtime/helpers/classCallCheck")),s=f(require("@babel/runtime/helpers/createClass")),o=f(require("@babel/runtime/regenerator")),i=f(require("../../../constants/playmode")),n=require("../../../lib/style"),a=require("../../../lib/util"),d=f(require("../../../lib/storage")),u=f(require("../Story")),c=f(require("../templates/storyHeader")),y=f(require("../templates/storyProgress")),l=require("../../../constants/events"),h=f(require("../../../constants/directions")),_=f(require("../../../lib/proxy")),p=require("../../../service"),v=f(require("../../../service/focal-point-impl"));function f(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 S(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 m=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.filter(function(e){return!e.hidden}),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=_.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),e.handleProgressBarByParameters_(r)),s.contains("storyly__story-prev-story")&&(e.prevStory(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));t.querySelector(".storyly__sg-info h4").innerText=this.group_.title,null===(e=this.groupWrapper_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.groupWrapper_.prepend(t),(0,v.default)({mediaDom:t.querySelector(".storyly__story-group-cover"),group:this.group_,containerStyle:{borderRadius:"50%",width:38,height:38,position:"relative",border:"3px solid #fff"}}),(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,y.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,s,i,n;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(),i=s.isStorylyCartActive,!t.length||!i){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:n=e.sent,this.storylyCart=new n({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?l.CustomerEventTypes.nextStory:l.CustomerEventTypes.previousStory)}),r.addEventListener("click",function(t){t.preventDefault(),(0,a.createAndDispatchEvent)(e.groupWrapper_,s===h.default.RTL?l.CustomerEventTypes.previousStory:l.CustomerEventTypes.nextStory)}),this.groupWrapper_.appendChild(t),this.groupWrapper_.appendChild(r)}},{key:"prevStory",value:function(e){var t=this;if(this.globalInstanceData.shareParams.playMode!==i.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var r=this.storyInstances_[this.activeStoryIndex_];if(0===this.activeStoryIndex_)return(0,a.createAndDispatchEvent)(this.groupWrapper_,l.CustomerEventTypes.previousStoryGroup),void(0!==this.key_&&r.hide({holdActive:!0,isBack:!0}));r.hide({isBack:!0}),this.storyState_().remove(),this.activeStoryIndex_=null!=e?e:this.activeStoryIndex_-1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.renderStories_().then(function(){t.storyInstances_[t.activeStoryIndex_].show(),(0,a.createAndDispatchEvent)(t.groupWrapper_,"onStoryImpression")})}else(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"nextStory",value:function(e){var t=this;if(this.globalInstanceData.shareParams.playMode!==i.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var r=this.storyInstances_[this.activeStoryIndex_];if(this.group_.stories.length-1===this.activeStoryIndex_)return this.storyState_().add(),(0,a.createAndDispatchEvent)(this.groupWrapper_,l.CustomerEventTypes.nextStoryGroup),void r.hide({isBack:!0});r.hide(),this.activeStoryIndex_=null!=e?e:this.activeStoryIndex_+1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.storyState_().add(),this.renderStories_().then(function(){t.storyInstances_[t.activeStoryIndex_].show(),(0,a.createAndDispatchEvent)(t.groupWrapper_,"onStoryImpression"),(0,a.createAndDispatchEvent)(t.groupWrapper_,"onStoryComplete")})}else(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{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,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:l.CustomerEventTypes.storyGroupViewed,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,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.storylyCart?this.storylyCart.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){var t=S({},this.group_);(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===e?l.CustomerEventTypes.nextStoryGroup:l.CustomerEventTypes.previousStoryGroup,params:t})}}]),e}(),I=exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=f(require("@babel/runtime/helpers/defineProperty")),t=f(require("@babel/runtime/helpers/asyncToGenerator")),r=f(require("@babel/runtime/helpers/classCallCheck")),s=f(require("@babel/runtime/helpers/createClass")),o=f(require("@babel/runtime/regenerator")),n=f(require("../../../constants/playmode")),i=require("../../../lib/style"),a=require("../../../lib/util"),d=f(require("../../../lib/storage")),u=f(require("../Story")),c=f(require("../templates/storyHeader")),y=f(require("../templates/storyProgress")),l=require("../../../constants/events"),p=f(require("../../../constants/directions")),h=f(require("../../../lib/proxy")),_=require("../../../service"),v=f(require("../../../service/focal-point-impl"));function f(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 S(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 m=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.filter(function(e){return!e.hidden}),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=h.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,this.storyObserver_=(0,_.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),e.handleProgressBarByParameters_(r)),s.contains("storyly__story-prev-story")&&(e.prevStory(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));t.querySelector(".storyly__sg-info h4").innerText=this.group_.title,null===(e=this.groupWrapper_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.groupWrapper_.prepend(t),(0,v.default)({mediaDom:t.querySelector(".storyly__story-group-cover"),group:this.group_,containerStyle:{borderRadius:"50%",width:38,height:38,position:"relative",border:"3px solid #fff"}}),(0,a.stopEventBubbling)(t),this.handleSponsoredEvent_(t),this.renderProgressLines_()}},{key:"handleSponsoredEvent_",value:function(e){var t=this;if(this.group_.sponsored){var r=(0,a.generateHtmlFromTemplate)('<div style="font-size: 14px; padding: 16px;">'.concat(this.group_.sponsored.description,"</div>")),s=(0,a.generateHtmlFromTemplate)("<span>".concat(this.group_.sponsored.tag,"</span>")),o=(0,a.generateHtmlFromTemplate)('<span style="display: none"></span>');e.querySelector(".s-wrapper").addEventListener("click",function(){(0,a.createAndDispatchEvent)(t.groupWrapper_,(0,a.openProductDetail)(t.instanceId_),{header:s,body:r,rerender:!1,footer:o})})}}},{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=h.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.storylyCart=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===p.default.RTL?l.CustomerEventTypes.nextStory:l.CustomerEventTypes.previousStory)}),r.addEventListener("click",function(t){t.preventDefault(),(0,a.createAndDispatchEvent)(e.groupWrapper_,s===p.default.RTL?l.CustomerEventTypes.previousStory:l.CustomerEventTypes.nextStory)}),this.groupWrapper_.appendChild(t),this.groupWrapper_.appendChild(r)}},{key:"prevStory",value:function(e){var t=this;if(this.globalInstanceData.shareParams.playMode!==n.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var r=this.storyInstances_[this.activeStoryIndex_];if(0===this.activeStoryIndex_)return(0,a.createAndDispatchEvent)(this.groupWrapper_,l.CustomerEventTypes.previousStoryGroup),void(0!==this.key_&&r.hide({holdActive:!0,isBack:!0}));r.hide({isBack:!0}),this.storyState_().remove(),this.activeStoryIndex_=null!=e?e:this.activeStoryIndex_-1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.renderStories_().then(function(){t.storyInstances_[t.activeStoryIndex_].show(),(0,a.createAndDispatchEvent)(t.groupWrapper_,"onStoryImpression")})}else(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"nextStory",value:function(e){var t=this;if(this.globalInstanceData.shareParams.playMode!==n.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var r=this.storyInstances_[this.activeStoryIndex_];if(this.group_.stories.length-1===this.activeStoryIndex_)return this.storyState_().add(),(0,a.createAndDispatchEvent)(this.groupWrapper_,l.CustomerEventTypes.nextStoryGroup),void r.hide({isBack:!0});r.hide(),this.activeStoryIndex_=null!=e?e:this.activeStoryIndex_+1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.storyState_().add(),this.renderStories_().then(function(){t.storyInstances_[t.activeStoryIndex_].show(),(0,a.createAndDispatchEvent)(t.groupWrapper_,"onStoryImpression"),(0,a.createAndDispatchEvent)(t.groupWrapper_,"onStoryComplete")})}else(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"renderStories_",value:function(){var e=this,t=this.globalInstanceData.direction===p.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=S({},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=S({},this.group_);(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:l.CustomerEventTypes.storyGroupViewed,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.storylyCart?this.storylyCart.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 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){var t=S({},this.group_);(0,a.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===e?l.CustomerEventTypes.nextStoryGroup:l.CustomerEventTypes.previousStoryGroup,params:t})}}]),e}(),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","../templates/storyHeader":"LuBi","../templates/storyProgress":"vAQQ","../../../constants/events":"d0lR","../../../constants/directions":"w67G","../../../lib/proxy":"qmVm","../../../service":"hs1C","../../../service/focal-point-impl":"cofP","_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=exports.default=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">\n          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.667 8h10.666M9.333 4l4 4-4 4"/></svg>\n          </span>\n          <span class="prev-story-group-icon">\n          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.333 8H2.667M6.667 4l-4 4 4 4"/></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  ')};
 },{}],"KwS7":[function(require,module,exports) {