storyly-web 3.2.4 → 3.3.0

package/dist/Classic.03f725b7.js

@@ -1,9 +1,9 @@
 parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"k65U":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/icons"),a=require("../../../lib/util"),t=exports.default=function(){var t,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{story:{}},e=i.story,o=i.type,d=i.mediaHost,c=i.thumbnail,s=i.altText,r=i.storyBg,l=e.sizing,y=e.position,u=(0,a.getStoryMedia)({host:d,story:e});"video"===o&&c&&(t=(0,a.getStoryMedia)({host:d,path:c}));var v=null;l&&(v="fill"===l?"cover":"contain");var h=y&&y.split("_").join(" ");return'\n     <div\n        class="storyly__story"\n        aria-hidden="true"\n        '.concat(s?'aria-label="'.concat(s.replace(/['"]+/g,""),'"'):'data-i18n-key="a11y_empty_alt_text"','\n        style="background: ').concat(null==r?void 0:r.bg_color,';"\n      >\n      ','\n        <div class="story-bg" tabindex="-1" aria-hidden="true">\n          '.concat("video"===o?'\n            <video\n              muted\n              onloadedmetadata="this.muted = true"\n              disablePictureInPicture\n              controlsList="nodownload"\n              playsinline\n              webkit-playsinline\n              class="story-video"\n              '.concat(t?'poster="'.concat(t,'"'):"",'\n              preload="none"\n              ').concat(v&&h?'style="object-fit: '.concat(v,"; object-position: ").concat(h,'; height: 100%"'):"",'\n            >\n              <source data-src="').concat(u,'" src="').concat(u,'" type="video/mp4">\n            </video>\n          '):'\n            <img src="'.concat(u,'" loading="lazy" ').concat(v&&h?'style="object-fit: '.concat(v,"; object-position: ").concat(h,'; height: 100%"'):"",' class="story-image" alt="Storyly Story Image" />\n          '),'\n        </div>\n        <div class="share-container">\n          <div class="share-wrapper">\n            <div class="share-header">\n              <h6 data-i18n-key="share_via"></h6>\n              <button aria-hidden="true" data-i18n-key="a11y_close" class="icon close-share">\n                ').concat((0,n.xIcon)("#fff"),'\n              </button>\n            </div>\n            <div class="get-link">\n              <div class="share-icon">\n                <button data-i18n-key="a11y_share" tabindex="-1" aria-hidden="true" class="icon">\n                  ').concat((0,n.copyLinkIcon)(),'\n                </button>\n              </div>\n              <p tabindex="-1" data-i18n-key="share_get_link" aria-hidden="true">Get Link</p>\n              </div>\n            <div class="download-media">\n              <div class="download-icon">\n                <button data-i18n-key="a11y_download" id="download_media" tabindex="-1" aria-hidden="true" class="icon download"></button>\n              </div>\n              <p tabindex="-1" data-i18n-key="download_media" aria-hidden="true">Download Media</p>\n            </div>\n          </div>\n        </div>\n        <p class="copied" aria-hidden="true">\n          <button tabindex="-1" aria-hidden="true" class="icon check"></button>\n          <span data-i18n-key="share_link_copied">Link Copied</span>\n        </p>\n      '),"\n    </div>\n  ")};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/icons"),a=require("../../../lib/util"),t=exports.default=function(){var t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{story:{}},i=e.story,o=e.type,d=e.mediaHost,c=e.thumbnail,s=e.altText,r=e.storyBg,l=i.sizing,y=i.position,v=(0,a.getStoryMedia)({host:d,story:i});"video"===o&&c&&(t=(0,a.getStoryMedia)({host:d,path:c}));var u=null;l&&(u="fill"===l?"cover":"contain");var h=y&&y.split("_").join(" ");return'\n     <div\n        class="storyly__story"\n        aria-hidden="true"\n        '.concat(s?'aria-label="'.concat(s.replace(/['"]+/g,""),'"'):'data-i18n-key="a11y_empty_alt_text"','\n        style="background: ').concat(null==r?void 0:r.bg_color,';"\n      >\n      ','\n        <div class="story-bg" tabindex="-1" aria-hidden="true">\n          '.concat("video"===o?'\n            <video\n              muted\n              onloadedmetadata="this.muted = true"\n              disablePictureInPicture\n              controlsList="nodownload"\n              playsinline\n              webkit-playsinline\n              class="story-video"\n              '.concat(t?'poster="'.concat(t,'"'):"",'\n              preload="none"\n              ').concat(u&&h?'style="object-fit: '.concat(u,"; object-position: ").concat(h,'; height: 100%"'):"",'\n            >\n              <source data-src="').concat(v,'" src="').concat(v,'" type="video/mp4">\n            </video>\n          '):'\n            <img src="'.concat(v,'" loading="lazy" ').concat(u&&h?'style="object-fit: '.concat(u,"; object-position: ").concat(h,'; height: 100%"'):"",' class="story-image" alt="Storyly Story Image" />\n          '),'\n        </div>\n        <div class="share-container">\n          <div class="share-wrapper">\n            <div class="share-header">\n              <h6 data-i18n-key="share_via"></h6>\n              <button aria-hidden="true" data-i18n-key="a11y_close" class="icon close-share">\n                ').concat((0,n.xIcon)("#fff"),'\n              </button>\n            </div>\n            <div class="get-link">\n              <div class="share-icon">\n                <button data-i18n-key="a11y_share" tabindex="-1" aria-hidden="true" class="icon">\n                  ').concat((0,n.copyLinkIcon)(),'\n                </button>\n              </div>\n              <p tabindex="-1" data-i18n-key="share_get_link" aria-hidden="true">Get Link</p>\n              </div>\n            <div class="download-media">\n              <div class="download-icon">\n                <button data-i18n-key="a11y_download" id="download_media" tabindex="-1" aria-hidden="true" class="icon download"></button>\n              </div>\n              <p tabindex="-1" data-i18n-key="download_media" aria-hidden="true">Download Media</p>\n            </div>\n          </div>\n        </div>\n      '),"\n    </div>\n  ")};
 },{"../../../lib/icons":"irwm","../../../lib/util":"PesM"}],"eUG5":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=c(require("@babel/runtime/helpers/defineProperty")),r=c(require("@babel/runtime/helpers/classCallCheck")),t=c(require("@babel/runtime/helpers/createClass")),n=c(require("@babel/runtime/helpers/get")),u=c(require("@babel/runtime/helpers/inherits")),l=c(require("@babel/runtime/helpers/possibleConstructorReturn")),o=c(require("@babel/runtime/helpers/getPrototypeOf")),i=c(require("../../BaseStory")),a=c(require("../templates/story"));function c(e){return e&&e.__esModule?e:{default:e}}function s(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function f(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach(function(t){(0,e.default)(r,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))})}return r}function p(e){var r=b();return function(){var t,n=(0,o.default)(e);if(r){var u=(0,o.default)(this).constructor;t=Reflect.construct(n,arguments,u)}else t=n.apply(this,arguments);return(0,l.default)(this,t)}}function b(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(b=function(){return!!e})()}var d=function(e){(0,u.default)(i,e);var l=p(i);function i(e){var t;return(0,r.default)(this,i),(t=l.call(this,f({},e))).render(),t}return(0,t.default)(i,[{key:"render",value:function(){(0,n.default)((0,o.default)(i.prototype),"render",this).call(this,a.default)}}]),i}(i.default),h=exports.default=d;
 },{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/get":"J5UC","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","../../BaseStory":"Vbpk","../templates/story":"k65U"}],"YcfY":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=g(require("@babel/runtime/helpers/defineProperty")),t=g(require("@babel/runtime/helpers/asyncToGenerator")),r=g(require("@babel/runtime/helpers/classCallCheck")),s=g(require("@babel/runtime/helpers/createClass")),o=g(require("@babel/runtime/regenerator")),i=g(require("../Story")),n=g(require("../../../components/BottomSheet")),a=g(require("../../../constants/playmode")),l=require("../../../lib/style"),d=require("../../../lib/util"),p=g(require("../../../lib/storage")),u=g(require("../templates/storyHeader")),h=g(require("../templates/storyProgress")),c=require("../../../lib/icons"),y=require("../../../constants/events"),_=g(require("../../../lib/proxy")),v=g(require("../../../service/focal-point-impl"));function g(e){return e&&e.__esModule?e:{default:e}}function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,s)}return r}function b(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?m(Object(s),!0).forEach(function(r){(0,e.default)(t,r,s[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):m(Object(s)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))})}return t}var f=function(){function e(t,s,o){(0,r.default)(this,e),this.group_=t,this.key_=s,this.storyInstances_=[],this.progressDoms_=[],this.activeStoryIndex_=0,this.lastSeenStoryIndex_=0,this.playable_=!0,this.loadded_=!1,this.groupWrapper_=null,this.stories_=this.group_.stories.filter(function(e){return!e.hidden}),this.instanceId_=o,this.attachCallbacksToElement_(),p.default.setInstanceId(this.instanceId_),this.handleConditionalStories()}return(0,s.default)(e,[{key:"attachCallbacksToElement_",value:function(){this.nextStory=this.nextStory.bind(this),this.prevStory=this.prevStory.bind(this),this.hide=this.hide.bind(this),this.handleClickEmbedPlay_=this.handleClickEmbedPlay_.bind(this)}},{key:"render",value:function(){this.groupWrapper_=document.createElement("div"),(0,l.setClass)(this.groupWrapper_,["storyly__story-group","swiper-slide"]),(0,d.setAttribute)(this.groupWrapper_,"aria-hidden","true"),(0,d.setAttribute)(this.groupWrapper_,"role","presentation"),this.playable_&&(0,d.setAttribute)(this.groupWrapper_,"playable",this.playable_),this.groupWrapper_.dataset.id=this.group_.group_id,this.storiesContainer_=document.createElement("div"),(0,l.setClass)(this.storiesContainer_,"storyly__stories-container"),this.groupWrapper_.appendChild(this.storiesContainer_);var e=_.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,this.globalInstanceData.storylyEmbed.init&&this.renderEmbedAssets_(),this.renderBottomSheet_(),this.renderProductCart_(),Promise.resolve(this.groupWrapper_)}},{key:"handleConditionalStories",value:function(e){var t=this,r=p.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_componentsData"),s=[];return this.stories_.forEach(function(e){e.conditions?e.conditions.every(function(e){return e.some(function(e){var t=r[e.i];return void 0!==t&&t===+e.r.p})})&&s.push(e):s.push(e)}),e&&s.forEach(function(e,r){-1===t.group_.stories.findIndex(function(t){return t.story_id===e.story_id})&&t.createStoryAndProgress_(e,r)}),this.group_.stories=s,Promise.resolve(s)}},{key:"createStoryAndProgress_",value:function(e,t){var r=(0,d.generateHtmlFromTemplate)((0,h.default)()),s=this.storiesContainer_.querySelector(".progress-wrapper"),o=new i.default({story:e,key:t,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_});this.storyInstances_.splice(t,0,o),this.storyInstances_.forEach(function(e,t){return e.setKey(t)}),this.activeStoryIndex_>=t&&(this.activeStoryIndex_+=1,(0,l.setClass)(r,"seen")),s.querySelectorAll(".progress")[t]?0===t?s.querySelectorAll(".progress")[t].before(r):s.querySelectorAll(".progress")[t-1].after(r):s.appendChild(r),this.progressDoms_.splice(t,0,r),this.renderStories_()}},{key:"renderProductCart_",value:function(){var e=(0,t.default)(o.default.mark(function e(){var t,r,s,i;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=(0,d.getProductLayers)(this.group_),r=_.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal(),s=r.isStorylyCartActive,!t.length||!s){e.next=9;break}return e.next=5,require("_bundle_loader")(require.resolve("../../../components/StoryCart"));case 5:return e.next=7,e.sent.default;case 7:i=e.sent,this.storylyCart=new i({instanceId:this.instanceId_,parentDom:this.groupWrapper_});case 9:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"renderBottomSheet_",value:function(){var e=this;this.bottomSheet_=new n.default({parentDom:this.groupWrapper_,instanceId:this.instanceId_}),this.groupWrapper_.addEventListener("onBottomSheetOpen",function(t){var r=t.detail;e.bottomSheet_.activate(r.body,r.footer,r.rerender,r.header)}),this.groupWrapper_.addEventListener("onBottomSheetClose",function(){return e.bottomSheet_.deactivate()})}},{key:"renderEmbedAssets_",value:function(){this.playable_=!1,this.embedContainer_=document.createElement("div");var e=(0,d.generateHtmlFromTemplate)(c.embedPlayIcon),t=(0,d.generateHtmlFromTemplate)(c.embedRePlayIcon);t.classList.add("re-play-icon"),e.classList.add("play-icon"),(0,l.setClass)(this.embedContainer_,["storyly__embed-play-container","play"]),this.embedContainer_.appendChild(e),this.embedContainer_.appendChild(t),(0,d.setClickEventListener)(this.embedContainer_,this.handleClickEmbedPlay_),(0,d.stopEventBubbling)(this.embedContainer_,"click"),(0,d.stopEventBubbling)(this.embedContainer_,"pointerdown"),(0,d.stopEventBubbling)(this.embedContainer_,"pointerup"),(0,d.stopEventBubbling)(this.embedContainer_,"pointermove"),this.groupWrapper_.appendChild(this.embedContainer_)}},{key:"handleClickEmbedPlay_",value:function(){this.playable_=!0,this.globalInstanceData.storylyEmbed.canPlay=!0,(0,d.removeAttribute)(this.groupWrapper_,"playable"),(0,d.removeAttribute)(this.groupWrapper_,"replay"),this.storyInstances_[this.activeStoryIndex_].playByEmbed()}},{key:"handleEmbedReplay_",value:function(){var e=this.storyInstances_[this.activeStoryIndex_];this.playable_=!1,(0,d.setAttribute)(this.groupWrapper_,"playable",this.playable_),(0,d.setAttribute)(this.groupWrapper_,"replay",this.playable_),e.hide({isBack:!0}),this.activeStoryIndex_=0,this.loadState_(),this.progressDoms_.forEach(function(e){(0,l.removeClass)(e,"seen")}),this.globalInstanceData.storylyEmbed.canPlay=!1,this.show()}},{key:"renderStoryHeader_",value:function(){var e,t=(0,d.generateHtmlFromTemplate)((0,u.default)(this.group_,this.instanceId_,this.globalInstanceData));t.querySelector(".storyly__sg-info h4").innerText=this.group_.title,null===(e=this.storiesContainer_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.storiesContainer_.prepend(t),(0,d.stopEventBubbling)(t,this.globalInstanceData.storylyEmbed.init?"pointerdown":"touchstart"),(0,d.stopEventBubbling)(t,this.globalInstanceData.storylyEmbed.init?"pointerup":"touchend"),(0,d.stopEventBubbling)(t,"touchmove"),this.renderProgressLines_(t),(0,v.default)({img:t.querySelector(".storyly__story-group-cover"),group:this.group_,containerStyle:{borderRadius:"50%",width:38,height:38,position:"relative",border:"3px solid #fff"}}),this.handleSponsoredEvent_(t)}},{key:"handleSponsoredEvent_",value:function(e){var t=this;if(this.group_.sponsored){var r=(0,d.generateHtmlFromTemplate)('<div style="font-size: 14px; padding: 16px;">'.concat(this.group_.sponsored.description,"</div>")),s=(0,d.generateHtmlFromTemplate)("<span>".concat(this.group_.sponsored.tag,"</span>")),o=(0,d.generateHtmlFromTemplate)('<span style="display: none"></span>');e.querySelector(".s-wrapper").addEventListener("touchstart",function(){(0,d.createAndDispatchEvent)(t.groupWrapper_,(0,d.openProductDetail)(t.instanceId_),{header:s,body:r,rerender:!1,footer:o})})}}},{key:"renderAccessibilityButton_",value:function(){if(this.globalInstanceData.storiesHasAltText){var e=this.globalInstanceData.accessibility,t=document.createElement("button");t.classList.add("accessibility-switch-button"),t.setAttribute("data-pressed",e),t.setAttribute("data-i18n-key",e?"a11y_disable_accessibility":"a11y_dtap_enable_accessibility");var r=(0,d.generateHtmlFromTemplate)(c.accessibilityIcon);t.appendChild(r),(0,d.stopEventBubbling)(t,"touchstart"),(0,d.stopEventBubbling)(t,"touchend"),this.storiesContainer_.prepend(t)}}},{key:"renderProgressLines_",value:function(e){var t=document.createElement("div");(0,l.setClass)(t,"progress-wrapper");for(var r=this.group_.stories.length,s=0;s<r;s+=1){var o=(0,d.generateHtmlFromTemplate)((0,h.default)());s<this.activeStoryIndex_&&(0,l.setClass)(o,"seen"),t.appendChild(o),this.progressDoms_.push(o)}e.prepend(t)}},{key:"prevStory",value:function(){var e=this;if(this.playable_)if(this.globalInstanceData.shareParams.playMode!==a.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var t=this.storyInstances_[this.activeStoryIndex_];if(0===this.activeStoryIndex_)return(0,d.createAndDispatchEvent)(this.groupWrapper_,y.CustomerEventTypes.previousStoryGroup),void(0!==this.key_&&t.hide({holdActive:!0,isBack:!0}));t.hide({isBack:!0}),this.bottomSheet_.deactivate(),this.storyState_().remove(),this.activeStoryIndex_-=1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.renderStories_().then(function(){e.storyInstances_[e.activeStoryIndex_].show(),(0,d.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyImpression,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_})})}else(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"nextStory",value:function(){var e=this;if(this.playable_)if(this.globalInstanceData.shareParams.playMode!==a.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var t=this.storyInstances_[this.activeStoryIndex_];if(this.group_.stories.length-1===this.activeStoryIndex_)return this.globalInstanceData.storylyEmbed.init?void this.handleEmbedReplay_():(this.storyState_().add(),(0,d.createAndDispatchEvent)(this.groupWrapper_,y.CustomerEventTypes.nextStoryGroup),void t.hide({isBack:!0}));this.bottomSheet_.deactivate(),t.hide(),this.activeStoryIndex_+=1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.storyState_().add(),this.renderStories_().then(function(){e.storyInstances_[e.activeStoryIndex_].show(),(0,d.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyImpression,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_}),(0,d.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyCompleted,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_}),(0,d.createAndDispatchEvent)(e.groupWrapper_,"storyComplete")})}else(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"renderStories_",value:function(){var e,t=this;if(0===(null!==(e=this.group_.stories)&&void 0!==e?e:[]).length)return Promise.reject();var r=this.activeStoryIndex_-1,s=this.activeStoryIndex_+1,o=this.activeStoryIndex_,n=this.group_.stories.length-1,a=[];return r>=0&&!this.storyInstances_[r]&&a.push({story:this.group_.stories[r],key:r}),o>=0&&!this.storyInstances_[o]&&a.push({story:this.group_.stories[o],key:o}),s<=n&&!this.storyInstances_[s]&&a.push({story:this.group_.stories[s],key:s}),a.forEach(function(e){var r=e.story,s=e.key;t.storyInstances_[s]=new i.default({story:r,key:s,group:t.group_,storiesContainer:t.storiesContainer_,progressDoms:t.progressDoms_,instanceId:t.instanceId_,groupWrapper:t.groupWrapper_})}),(0,l.setClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),Promise.resolve()}},{key:"loadState_",value:function(){var e=this.storyState_().get();this.activeStoryIndex_=e}},{key:"storyState_",value:function(){var e=this,t=this.group_.group_id;return{add:function(){var r,s=p.default.getItemFromInstance("Storyly_story-state"),o=e.group_.stories[e.activeStoryIndex_];(null===(r=s[t])||void 0===r?void 0:r.some(function(e){return e.storyId===o.story_id}))||(s[t]?s[t].push({storyIndex:e.activeStoryIndex_,storyId:o.story_id,time:Date.now()}):s[t]=[{storyIndex:e.activeStoryIndex_,storyId:o.story_id,time:Date.now()}],p.default.setItemToInstance("Storyly_story-state",s))},remove:function(r){var s,o=p.default.getItemFromInstance("Storyly_story-state"),i=e.group_.stories[e.activeStoryIndex_].story_id;r&&(i=r);var n=null===(s=o[t])||void 0===s?void 0:s.filter(function(e){return e.storyId!==i});o[t]=null!=n?n:{},p.default.setItemToInstance("Storyly_story-state",o)},get:function(){var r=b({},p.default.getItemFromInstance("Storyly_story-state")||{}),s=0;if(r[t]){var o,i=!0,n=r[t].map(function(e){return e.storyId});return e.group_.stories.forEach(function(e,t){"number"!=typeof o?n.includes(e.story_id)||(o=t,i=!1):i=!1}),i?0:(s=o)>=0?s:(n.forEach(function(t){var r=e.group_.stories.findIndex(function(e){return e.story_id===t});r>=0?s=r:e.storyState_().remove(t)}),s)}return s}}}},{key:"handleProgressBarByParameters_",value:function(e){for(var t=this.progressDoms_.length,r=0;r<t;r+=1)r<e?(0,l.setClass)(this.progressDoms_[r],"seen"):(0,l.removeClass)(this.progressDoms_[r],"seen")}},{key:"sendGroupViewedEvent_",value:function(){var e=b({},this.group_);(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:y.CustomerEventTypes.storyGroupViewed,params:e})}},{key:"show",value:function(){var e;this.sendGroupViewedEvent_(),this.storyInstances_[this.activeStoryIndex_].show(),this.storyState_().add(),null===(e=this.storylyCart)||void 0===e||e.refresh()}},{key:"load",value:function(){this.loadded_||(this.group_.nudge||this.loadState_(),this.storyInstances_=[],this.progressDoms_=[],this.renderStoryHeader_(),this.renderStories_(),this.renderAccessibilityButton_(),this.loadded_=!0)}},{key:"loadByParameters",value:function(e){this.load(),(0,l.removeClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),this.activeStoryIndex_=e,this.loadedByParameters_=!0;var t=this.group_.stories[e].story_id;this.storiesContainer_.querySelector('[data-story-id="'.concat(t,'"]'))||(this.storyInstances_[e]=new i.default({story:this.group_.stories[e],key:e,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_})),this.handleProgressBarByParameters_(e)}},{key:"unLoad",value:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).holdActive,t=void 0!==e&&e,r=this.group_.stories.length-1===this.activeStoryIndex_;this.storyInstances_[this.activeStoryIndex_].hide({holdActive:!r&&!this.loadedByParameters_&&t}),this.bottomSheet_.deactivate(),this.loadedByParameters_&&(this.loadState_(),this.loadedByParameters_=!1,this.handleProgressBarByParameters_(this.activeStoryIndex_)),r&&(this.activeStoryIndex_=0,this.storyInstances_[0]||(this.storyInstances_[0]=new i.default({story:this.group_.stories[0],key:0,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_})),this.progressDoms_.forEach(function(e){(0,l.removeClass)(e,"seen")}))}},{key:"hide",value:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).holdActive,t=void 0!==e&&e;this.unLoad({holdActive:t}),this.globalInstanceData.shareParams={}}},{key:"getActiveStory",value:function(){var e,t=this.storyInstances_[this.activeStoryIndex_];return b(b({},null!==(e=this.group_.stories[this.activeStoryIndex_])&&void 0!==e?e:{}),{},{storyIndex:this.activeStoryIndex_,instance:t})}},{key:"getPrevStory",value:function(){var e,t=this.storyInstances_[this.activeStoryIndex_-1];return b(b({},null!==(e=this.group_.stories[this.activeStoryIndex_-1])&&void 0!==e?e:{}),{},{instance:t})}},{key:"setKey",value:function(e){this.key_=e}},{key:"isAllStoriesSeen",value:function(){return this.group_.stories.length-1===this.lastSeenStoryIndex_}},{key:"sendGroupClickedEvent",value:function(e){var t=b({},this.group_);(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===e?y.CustomerEventTypes.nextStoryGroup:y.CustomerEventTypes.previousStoryGroup,params:t})}}]),e}(),I=exports.default=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=g(require("@babel/runtime/helpers/defineProperty")),t=g(require("@babel/runtime/helpers/asyncToGenerator")),r=g(require("@babel/runtime/helpers/classCallCheck")),s=g(require("@babel/runtime/helpers/createClass")),o=g(require("@babel/runtime/regenerator")),i=g(require("../Story")),n=g(require("../../../components/BottomSheet")),a=g(require("../../../constants/playmode")),l=require("../../../lib/style"),d=require("../../../lib/util"),p=g(require("../../../lib/storage")),u=g(require("../templates/storyHeader")),h=g(require("../templates/storyProgress")),c=require("../../../lib/icons"),y=require("../../../constants/events"),_=g(require("../../../lib/proxy")),v=g(require("../../../service/focal-point-impl"));function g(e){return e&&e.__esModule?e:{default:e}}function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,s)}return r}function b(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?m(Object(s),!0).forEach(function(r){(0,e.default)(t,r,s[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):m(Object(s)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))})}return t}var f=function(){function e(t,s,o){(0,r.default)(this,e),this.group_=t,this.key_=s,this.storyInstances_=[],this.progressDoms_=[],this.activeStoryIndex_=0,this.lastSeenStoryIndex_=0,this.playable_=!0,this.loadded_=!1,this.groupWrapper_=null,this.stories_=this.group_.stories.filter(function(e){return!e.hidden}),this.instanceId_=o,this.attachCallbacksToElement_(),p.default.setInstanceId(this.instanceId_),this.handleConditionalStories()}return(0,s.default)(e,[{key:"attachCallbacksToElement_",value:function(){this.nextStory=this.nextStory.bind(this),this.prevStory=this.prevStory.bind(this),this.hide=this.hide.bind(this),this.handleClickEmbedPlay_=this.handleClickEmbedPlay_.bind(this)}},{key:"render",value:function(){this.groupWrapper_=document.createElement("div"),(0,l.setClass)(this.groupWrapper_,["storyly__story-group","swiper-slide"]),(0,d.setAttribute)(this.groupWrapper_,"aria-hidden","true"),(0,d.setAttribute)(this.groupWrapper_,"role","presentation"),this.playable_&&(0,d.setAttribute)(this.groupWrapper_,"playable",this.playable_),this.groupWrapper_.dataset.id=this.group_.group_id,this.storiesContainer_=document.createElement("div"),(0,l.setClass)(this.storiesContainer_,"storyly__stories-container"),this.groupWrapper_.appendChild(this.storiesContainer_);var e=_.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;return this.globalInstanceData=e,this.globalInstanceData.storylyEmbed.init&&this.renderEmbedAssets_(),this.renderBottomSheet_(),this.renderProductCart_(),Promise.resolve(this.groupWrapper_)}},{key:"handleConditionalStories",value:function(e){var t=this,r=p.default.setInstanceId(this.instanceId_).getItemFromInstance("Storyly_componentsData"),s=[];return this.stories_.forEach(function(e){e.conditions?e.conditions.every(function(e){return e.some(function(e){var t=r[e.i];return void 0!==t&&t===+e.r.p})})&&s.push(e):s.push(e)}),e&&s.forEach(function(e,r){-1===t.group_.stories.findIndex(function(t){return t.story_id===e.story_id})&&t.createStoryAndProgress_(e,r)}),this.group_.stories=s,Promise.resolve(s)}},{key:"createStoryAndProgress_",value:function(e,t){var r=(0,d.generateHtmlFromTemplate)((0,h.default)()),s=this.storiesContainer_.querySelector(".progress-wrapper"),o=new i.default({story:e,key:t,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_});this.storyInstances_.splice(t,0,o),this.storyInstances_.forEach(function(e,t){return e.setKey(t)}),this.activeStoryIndex_>=t&&(this.activeStoryIndex_+=1,(0,l.setClass)(r,"seen")),s.querySelectorAll(".progress")[t]?0===t?s.querySelectorAll(".progress")[t].before(r):s.querySelectorAll(".progress")[t-1].after(r):s.appendChild(r),this.progressDoms_.splice(t,0,r),this.renderStories_()}},{key:"renderProductCart_",value:function(){var e=(0,t.default)(o.default.mark(function e(){var t,r,s,i;return o.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=(0,d.getProductLayers)(this.group_),r=_.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal(),s=r.isStorylyCartActive,!t.length||!s){e.next=9;break}return e.next=5,require("_bundle_loader")(require.resolve("../../../components/StoryCart"));case 5:return e.next=7,e.sent.default;case 7:i=e.sent,this.storylyCart=new i({instanceId:this.instanceId_,parentDom:this.groupWrapper_});case 9:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"renderBottomSheet_",value:function(){var e=this;this.bottomSheet_=new n.default({parentDom:this.groupWrapper_,instanceId:this.instanceId_}),this.groupWrapper_.addEventListener("onBottomSheetOpen",function(t){var r=t.detail;e.bottomSheet_.activate(r.body,r.footer,r.rerender,r.header)}),this.groupWrapper_.addEventListener("onBottomSheetClose",function(){return e.bottomSheet_.deactivate()})}},{key:"renderEmbedAssets_",value:function(){this.playable_=!1,this.embedContainer_=document.createElement("div");var e=(0,d.generateHtmlFromTemplate)(c.embedPlayIcon),t=(0,d.generateHtmlFromTemplate)(c.embedRePlayIcon);t.classList.add("re-play-icon"),e.classList.add("play-icon"),(0,l.setClass)(this.embedContainer_,["storyly__embed-play-container","play"]),this.embedContainer_.appendChild(e),this.embedContainer_.appendChild(t),(0,d.setClickEventListener)(this.embedContainer_,this.handleClickEmbedPlay_),(0,d.stopEventBubbling)(this.embedContainer_,"click"),(0,d.stopEventBubbling)(this.embedContainer_,"pointerdown"),(0,d.stopEventBubbling)(this.embedContainer_,"pointerup"),(0,d.stopEventBubbling)(this.embedContainer_,"pointermove"),this.groupWrapper_.appendChild(this.embedContainer_)}},{key:"handleClickEmbedPlay_",value:function(){this.playable_=!0,this.globalInstanceData.storylyEmbed.canPlay=!0,(0,d.removeAttribute)(this.groupWrapper_,"playable"),(0,d.removeAttribute)(this.groupWrapper_,"replay"),this.storyInstances_[this.activeStoryIndex_].playByEmbed()}},{key:"handleEmbedReplay_",value:function(){var e=this.storyInstances_[this.activeStoryIndex_];this.playable_=!1,(0,d.setAttribute)(this.groupWrapper_,"playable",this.playable_),(0,d.setAttribute)(this.groupWrapper_,"replay",this.playable_),e.hide({isBack:!0}),this.activeStoryIndex_=0,this.loadState_(),this.progressDoms_.forEach(function(e){(0,l.removeClass)(e,"seen")}),this.globalInstanceData.storylyEmbed.canPlay=!1,this.show()}},{key:"renderStoryHeader_",value:function(){var e,t=(0,d.generateHtmlFromTemplate)((0,u.default)(this.group_,this.instanceId_,this.globalInstanceData));t.querySelector(".storyly__sg-info h4").innerText=this.group_.title,null===(e=this.storiesContainer_.querySelector(".storyly__story-header"))||void 0===e||e.remove(),this.storiesContainer_.prepend(t),(0,d.stopEventBubbling)(t,this.globalInstanceData.storylyEmbed.init?"pointerdown":"touchstart"),(0,d.stopEventBubbling)(t,this.globalInstanceData.storylyEmbed.init?"pointerup":"touchend"),(0,d.stopEventBubbling)(t,"touchmove"),this.renderProgressLines_(t),(0,v.default)({mediaDom:t.querySelector(".storyly__story-group-cover"),group:this.group_,containerStyle:{borderRadius:"50%",width:38,height:38,position:"relative",border:"3px solid #fff"}}),this.handleSponsoredEvent_(t)}},{key:"handleSponsoredEvent_",value:function(e){var t=this;if(this.group_.sponsored){var r=(0,d.generateHtmlFromTemplate)('<div style="font-size: 14px; padding: 16px;">'.concat(this.group_.sponsored.description,"</div>")),s=(0,d.generateHtmlFromTemplate)("<span>".concat(this.group_.sponsored.tag,"</span>")),o=(0,d.generateHtmlFromTemplate)('<span style="display: none"></span>');e.querySelector(".s-wrapper").addEventListener("touchstart",function(){(0,d.createAndDispatchEvent)(t.groupWrapper_,(0,d.openProductDetail)(t.instanceId_),{header:s,body:r,rerender:!1,footer:o})})}}},{key:"renderAccessibilityButton_",value:function(){if(this.globalInstanceData.storiesHasAltText){var e=this.globalInstanceData.accessibility,t=document.createElement("button");t.classList.add("accessibility-switch-button"),t.setAttribute("data-pressed",e),t.setAttribute("data-i18n-key",e?"a11y_disable_accessibility":"a11y_dtap_enable_accessibility");var r=(0,d.generateHtmlFromTemplate)(c.accessibilityIcon);t.appendChild(r),(0,d.stopEventBubbling)(t,"touchstart"),(0,d.stopEventBubbling)(t,"touchend"),this.storiesContainer_.prepend(t)}}},{key:"renderProgressLines_",value:function(e){var t=document.createElement("div");(0,l.setClass)(t,"progress-wrapper");for(var r=this.group_.stories.length,s=0;s<r;s+=1){var o=(0,d.generateHtmlFromTemplate)((0,h.default)());s<this.activeStoryIndex_&&(0,l.setClass)(o,"seen"),t.appendChild(o),this.progressDoms_.push(o)}e.prepend(t)}},{key:"prevStory",value:function(){var e=this;if(this.playable_)if(this.globalInstanceData.shareParams.playMode!==a.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var t=this.storyInstances_[this.activeStoryIndex_];if(0===this.activeStoryIndex_)return(0,d.createAndDispatchEvent)(this.groupWrapper_,y.CustomerEventTypes.previousStoryGroup),void(0!==this.key_&&t.hide({holdActive:!0,isBack:!0}));t.hide({isBack:!0}),this.bottomSheet_.deactivate(),this.storyState_().remove(),this.activeStoryIndex_-=1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.renderStories_().then(function(){e.storyInstances_[e.activeStoryIndex_].show(),(0,d.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyImpression,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_})})}else(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"nextStory",value:function(){var e=this;if(this.playable_)if(this.globalInstanceData.shareParams.playMode!==a.default.STORY||this.globalInstanceData.shareParams.group.group_id!==this.group_.group_id){var t=this.storyInstances_[this.activeStoryIndex_];if(this.group_.stories.length-1===this.activeStoryIndex_)return this.globalInstanceData.storylyEmbed.init?void this.handleEmbedReplay_():(this.storyState_().add(),(0,d.createAndDispatchEvent)(this.groupWrapper_,y.CustomerEventTypes.nextStoryGroup),void t.hide({isBack:!0}));this.bottomSheet_.deactivate(),t.hide(),this.activeStoryIndex_+=1,this.lastSeenStoryIndex_=this.activeStoryIndex_,this.storyState_().add(),this.renderStories_().then(function(){e.storyInstances_[e.activeStoryIndex_].show(),(0,d.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyImpression,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_}),(0,d.createAndDispatchEvent)(e.groupWrapper_,y.UserEvent,{event:y.UserEventTypes.storyCompleted,story:e.group_.stories[e.activeStoryIndex_],storyGroup:e.group_}),(0,d.createAndDispatchEvent)(e.groupWrapper_,"storyComplete")})}else(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCloseGroup")}},{key:"renderStories_",value:function(){var e,t=this;if(0===(null!==(e=this.group_.stories)&&void 0!==e?e:[]).length)return Promise.reject();var r=this.activeStoryIndex_-1,s=this.activeStoryIndex_+1,o=this.activeStoryIndex_,n=this.group_.stories.length-1,a=[];return r>=0&&!this.storyInstances_[r]&&a.push({story:this.group_.stories[r],key:r}),o>=0&&!this.storyInstances_[o]&&a.push({story:this.group_.stories[o],key:o}),s<=n&&!this.storyInstances_[s]&&a.push({story:this.group_.stories[s],key:s}),a.forEach(function(e){var r=e.story,s=e.key;t.storyInstances_[s]=new i.default({story:r,key:s,group:t.group_,storiesContainer:t.storiesContainer_,progressDoms:t.progressDoms_,instanceId:t.instanceId_,groupWrapper:t.groupWrapper_})}),(0,l.setClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),Promise.resolve()}},{key:"loadState_",value:function(){var e=this.storyState_().get();this.activeStoryIndex_=e}},{key:"storyState_",value:function(){var e=this,t=this.group_.group_id;return{add:function(){var r,s=p.default.getItemFromInstance("Storyly_story-state"),o=e.group_.stories[e.activeStoryIndex_];(null===(r=s[t])||void 0===r?void 0:r.some(function(e){return e.storyId===o.story_id}))||(s[t]?s[t].push({storyIndex:e.activeStoryIndex_,storyId:o.story_id,time:Date.now()}):s[t]=[{storyIndex:e.activeStoryIndex_,storyId:o.story_id,time:Date.now()}],p.default.setItemToInstance("Storyly_story-state",s))},remove:function(r){var s,o=p.default.getItemFromInstance("Storyly_story-state"),i=e.group_.stories[e.activeStoryIndex_].story_id;r&&(i=r);var n=null===(s=o[t])||void 0===s?void 0:s.filter(function(e){return e.storyId!==i});o[t]=null!=n?n:{},p.default.setItemToInstance("Storyly_story-state",o)},get:function(){var r=b({},p.default.getItemFromInstance("Storyly_story-state")||{}),s=0;if(r[t]){var o,i=!0,n=r[t].map(function(e){return e.storyId});return e.group_.stories.forEach(function(e,t){"number"!=typeof o?n.includes(e.story_id)||(o=t,i=!1):i=!1}),i?0:(s=o)>=0?s:(n.forEach(function(t){var r=e.group_.stories.findIndex(function(e){return e.story_id===t});r>=0?s=r:e.storyState_().remove(t)}),s)}return s}}}},{key:"handleProgressBarByParameters_",value:function(e){for(var t=this.progressDoms_.length,r=0;r<t;r+=1)r<e?(0,l.setClass)(this.progressDoms_[r],"seen"):(0,l.removeClass)(this.progressDoms_[r],"seen")}},{key:"sendGroupViewedEvent_",value:function(){var e=b({},this.group_);(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:y.CustomerEventTypes.storyGroupViewed,params:e})}},{key:"show",value:function(){var e;this.sendGroupViewedEvent_(),this.storyInstances_[this.activeStoryIndex_].show(),this.storyState_().add(),null===(e=this.storylyCart)||void 0===e||e.refresh()}},{key:"load",value:function(){this.loadded_||(this.group_.nudge||this.loadState_(),this.storyInstances_=[],this.progressDoms_=[],this.renderStoryHeader_(),this.renderStories_(),this.renderAccessibilityButton_(),this.loadded_=!0)}},{key:"loadByParameters",value:function(e){this.load(),(0,l.removeClass)(this.storyInstances_[this.activeStoryIndex_].storyDom_,"active"),this.activeStoryIndex_=e,this.loadedByParameters_=!0;var t=this.group_.stories[e].story_id;this.storiesContainer_.querySelector('[data-story-id="'.concat(t,'"]'))||(this.storyInstances_[e]=new i.default({story:this.group_.stories[e],key:e,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_})),this.handleProgressBarByParameters_(e)}},{key:"unLoad",value:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).holdActive,t=void 0!==e&&e,r=this.group_.stories.length-1===this.activeStoryIndex_;this.storyInstances_[this.activeStoryIndex_].hide({holdActive:!r&&!this.loadedByParameters_&&t}),this.bottomSheet_.deactivate(),this.loadedByParameters_&&(this.loadState_(),this.loadedByParameters_=!1,this.handleProgressBarByParameters_(this.activeStoryIndex_)),r&&(this.activeStoryIndex_=0,this.storyInstances_[0]||(this.storyInstances_[0]=new i.default({story:this.group_.stories[0],key:0,group:this.group_,storiesContainer:this.storiesContainer_,progressDoms:this.progressDoms_,instanceId:this.instanceId_,groupWrapper:this.groupWrapper_})),this.progressDoms_.forEach(function(e){(0,l.removeClass)(e,"seen")}))}},{key:"hide",value:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).holdActive,t=void 0!==e&&e;this.unLoad({holdActive:t}),this.globalInstanceData.shareParams={}}},{key:"getActiveStory",value:function(){var e,t=this.storyInstances_[this.activeStoryIndex_];return b(b({},null!==(e=this.group_.stories[this.activeStoryIndex_])&&void 0!==e?e:{}),{},{storyIndex:this.activeStoryIndex_,instance:t})}},{key:"getPrevStory",value:function(){var e,t=this.storyInstances_[this.activeStoryIndex_-1];return b(b({},null!==(e=this.group_.stories[this.activeStoryIndex_-1])&&void 0!==e?e:{}),{},{instance:t})}},{key:"setKey",value:function(e){this.key_=e}},{key:"isAllStoriesSeen",value:function(){return this.group_.stories.length-1===this.lastSeenStoryIndex_}},{key:"sendGroupClickedEvent",value:function(e){var t=b({},this.group_);(0,d.createAndDispatchEvent)(this.groupWrapper_,"onCustomerEvent",{eventName:"next"===e?y.CustomerEventTypes.nextStoryGroup:y.CustomerEventTypes.previousStoryGroup,params:t})}}]),e}(),I=exports.default=f;
 },{"@babel/runtime/helpers/defineProperty":"IxO8","@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","../Story":"eUG5","../../../components/BottomSheet":"l2Mf","../../../constants/playmode":"Ooqf","../../../lib/style":"vgU2","../../../lib/util":"PesM","../../../lib/storage":"NA5d","../templates/storyHeader":"R5lM","../templates/storyProgress":"Otdq","../../../lib/icons":"irwm","../../../constants/events":"d0lR","../../../lib/proxy":"qmVm","../../../service/focal-point-impl":"cofP","_bundle_loader":"TUK3","../../../components/StoryCart":[["StoryCart.c7184f81.js","TJeL"],"TJeL"]}],"egGP":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=o(require("@babel/runtime/helpers/classCallCheck")),e=o(require("@babel/runtime/helpers/createClass")),n=o(require("../../constants/directions")),r=require("../../lib/util"),i=o(require("./Group"));require("../../layers/base");var a=o(require("../../lib/proxy")),s=require("../../constants/events");function o(t){return t&&t.__esModule?t:{default:t}}var u=function(){function o(e,n){(0,t.default)(this,o),this.groupsOverlay_=e,this.instanceId_=n;var r=a.default.getNodeByInstanceId(n).getDataFromGlobal().globalInstanceData;this.globalInstanceData=r,this.globalInstanceData.storylyEmbed.init||this.renderGroupActions_(),this.renderGroupNavigations_=this.renderGroupNavigations_.bind(this),this.groupsOverlay_.addEventListener("onAccessibilityTriggered",this.renderGroupNavigations_)}return(0,e.default)(o,[{key:"setGroupInstance",value:function(t,e){return new i.default(t,e,this.instanceId_)}},{key:"renderGroupActions_",value:function(){var t=this,e=document.createElement("button");(0,r.setAttribute)(e,"aria-label",this.globalInstanceData.languageJSON.a11y_close),e.classList.add("storyly__mobile-view-close-story"),e.tabIndex="50",e.setAttribute("direction",this.globalInstanceData.direction),this.groupsOverlay_.appendChild(e),(0,r.stopEventBubbling)(e,"touchstart"),(0,r.setClickEventListener)(e,function(){(0,r.createAndDispatchEvent)(t.groupsOverlay_,"onCloseGroup")}),this.renderGroupNavigations_()}},{key:"renderGroupNavigations_",value:function(t){var e,i=(0,r.isMobileView)(),a=this.globalInstanceData,o=a.accessibility,u=a.direction,l=null!==(e=null==t?void 0:t.detail)&&void 0!==e?e:{},c=l.videoSeekbarEnabled,d=l.accessibilityEnabled,v=this.groupsOverlay_.querySelector(".storyly__group-container");if(!t||d||c){var b='\n        <div class="navigation-buttons show" style="'.concat(i&&!o&&!c||!i&&(o||c)?"display: none":"",'">\n          <div class="navigate-button prev-button">\n            <button data-i18n-key="a11y_prev_story_current_group" tabindex="5"></button>\n          </div>\n          <div class="navigate-button next-button">\n            <button data-i18n-key="a11y_next_story_current_group" tabindex="25"></button>\n          </div>\n        </div>\n      '),p=(0,r.generateHtmlFromTemplate)(b),y=p.querySelector(".next-button"),g=p.querySelector(".prev-button");(o||c)&&(p.classList.add("accessibility-navigation-buttons"),(0,r.stopEventBubbling)(y,"touchstart"),(0,r.stopEventBubbling)(y,"touchend"),(0,r.stopEventBubbling)(g,"touchstart"),(0,r.stopEventBubbling)(g,"touchend")),(0,r.setClickEventListener)(y,function(){return(0,r.createAndDispatchEvent)(v,u===n.default.RTL?s.CustomerEventTypes.previousStory:s.CustomerEventTypes.nextStory)}),(0,r.setClickEventListener)(g,function(){return(0,r.createAndDispatchEvent)(v,u===n.default.RTL?s.CustomerEventTypes.nextStory:s.CustomerEventTypes.previousStory)}),v.appendChild(p)}else{var h=v.querySelector(".navigation-buttons");v.removeChild(h)}}}]),o}(),l=exports.default=u;
 },{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","../../constants/directions":"w67G","../../lib/util":"PesM","./Group":"YcfY","../../layers/base":"skR7","../../lib/proxy":"qmVm","../../constants/events":"d0lR"}],"FheM":[function(require,module,exports) {

package/dist/Modern.ba02a4b1.js

@@ -1,9 +1,9 @@
 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=require("../../../lib/util"),t=exports.default=function(){var t,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{story:{}},e=i.story,o=i.type,d=i.mediaHost,c=i.altText,s=i.storyBg,r=e.sizing,l=e.position,y=e.thumbnail,u=(0,a.getStoryMedia)({host:d,story:e});"video"===o&&y&&(t=(0,a.getStoryMedia)({host:d,path:y}));var v=null;r&&(v="fill"===r?"cover":"contain");var h=l&&l.split("_").join(" ");return'\n    <div\n      class="storyly__story"\n      data-id="'.concat(e.story_id,'"\n       ').concat(c?'aria-label="'.concat(c.replace(/['"]+/g,""),'"'):'data-i18n-key="a11y_empty_alt_text"','\n      aria-hidden="true"\n      style="background: ').concat(null==s?void 0:s.bg_color,';"\n    >\n      ','\n        <div class="story-bg" aria-hidden="true" tabindex="-1">\n          '.concat("video"===o?'\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(t?'poster="'.concat(t,'"'):"","\n              ").concat(v&&h?'style="object-fit: '.concat(v,"; object-position: ").concat(h,'; height: 100%"'):"",'\n            >\n              <source data-src="').concat(u,'" src="').concat(u,'" type="video/mp4">\n            </video>\n          '):'\n            <img src="'.concat(u,'" loading="lazy" ').concat(v&&h?'style="object-fit: '.concat(v,"; object-position: ").concat(h,'; height: 100%"'):"",' class="story-image" alt="Storyly Story Image" />\n          '),'\n        </div>\n        <div class="share-container">\n          <div class="share-wrapper">\n            <div class="share-header">\n              <h6 data-i18n-key="share_via"></h6>\n              <button aria-hidden="true" data-i18n-key="a11y_close" class="icon close-share">\n                ').concat((0,n.xIcon)("#fff"),'\n              </button>\n            </div>\n            <div class="get-link">\n              <div class="share-icon">\n                <button data-i18n-key="a11y_share_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  ")};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var n=require("../../../lib/icons"),a=require("../../../lib/util"),t=exports.default=function(){var t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{story:{}},i=e.story,o=e.type,d=e.mediaHost,c=e.altText,s=e.storyBg,r=i.sizing,l=i.position,y=i.thumbnail,v=(0,a.getStoryMedia)({host:d,story:i});"video"===o&&y&&(t=(0,a.getStoryMedia)({host:d,path:y}));var u=null;r&&(u="fill"===r?"cover":"contain");var h=l&&l.split("_").join(" ");return'\n    <div\n      class="storyly__story"\n      data-id="'.concat(i.story_id,'"\n       ').concat(c?'aria-label="'.concat(c.replace(/['"]+/g,""),'"'):'data-i18n-key="a11y_empty_alt_text"','\n      aria-hidden="true"\n      style="background: ').concat(null==s?void 0:s.bg_color,';"\n    >\n      ','\n        <div class="story-bg" aria-hidden="true" tabindex="-1">\n          '.concat("video"===o?'\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(t?'poster="'.concat(t,'"'):"","\n              ").concat(u&&h?'style="object-fit: '.concat(u,"; object-position: ").concat(h,'; height: 100%"'):"",'\n            >\n              <source data-src="').concat(v,'" src="').concat(v,'" type="video/mp4">\n            </video>\n          '):'\n            <img src="'.concat(v,'" loading="lazy" ').concat(u&&h?'style="object-fit: '.concat(u,"; 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      '),"\n    </div>\n  ")};
 },{"../../../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=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")),n=g(require("../../../constants/playmode")),i=require("../../../lib/style"),a=require("../../../lib/util"),d=g(require("../../../lib/storage")),u=g(require("../Story")),c=g(require("../templates/storyHeader")),y=g(require("../templates/storyProgress")),l=require("../../../constants/events"),p=g(require("../../../constants/directions")),h=g(require("../../../lib/proxy")),_=require("../../../service"),v=g(require("../../../service/focal-point-impl"));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 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)({img:t.querySelector(".storyly__story-group-cover"),group:this.group_,containerStyle:{borderRadius:"50%",width:38,height:38,position:"relative",border:"3px solid #fff"}}),this.handleSponsoredEvent_(t),(0,a.stopEventBubbling)(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)('<div style="display: none"></div>');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_,l.UserEvent,{event:l.UserEventTypes.storyImpression,story:t.group_.stories[t.activeStoryIndex_],storyGroup:t.group_})})}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_,l.UserEvent,{event:l.UserEventTypes.storyImpression,story:t.group_.stories[t.activeStoryIndex_],storyGroup:t.group_}),(0,a.createAndDispatchEvent)(t.groupWrapper_,l.UserEvent,{event:l.UserEventTypes.storyCompleted,story:t.group_.stories[t.activeStoryIndex_],storyGroup:t.group_}),(0,a.createAndDispatchEvent)(t.groupWrapper_,"storyComplete")})}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;
+"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;
 },{"@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) {
@@ -13,7 +13,7 @@ parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcel
 },{}],"b3z1":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=l(require("@babel/runtime/helpers/asyncToGenerator")),t=l(require("@babel/runtime/helpers/classCallCheck")),a=l(require("@babel/runtime/helpers/createClass")),i=l(require("@babel/runtime/regenerator")),s=require("../../lib/util"),r=l(require("./template"));function l(e){return e&&e.__esModule?e:{default:e}}var o=function(){function l(e){var a=e.groupsOverlay,i=e.getActiveGroup;(0,t.default)(this,l),this.groupsOverlay_=a,this.active_=!1,this.getActiveGroup_=i,this.overlay_=this.groupsOverlay_.querySelector(".storyly__story-group-overlay"),this.attachCallbacksToElement_(),this.storyObserver_(this.storyObserverCallback_)}return(0,a.default)(l,[{key:"attachCallbacksToElement_",value:function(){this.handlePlayStatus_=this.handlePlayStatus_.bind(this),this.toggle=this.toggle.bind(this),this.activate_=this.activate_.bind(this),this.deactivate_=this.deactivate_.bind(this),this.storyObserverCallback_=this.storyObserverCallback_.bind(this),this.storyObserver_=this.storyObserver_.bind(this)}},{key:"init_",value:function(){this.active_||(this.modal_=(0,s.generateHtmlFromTemplate)((0,r.default)()),this.closeIcon_=this.modal_.querySelector(".storyly__story-modal-header-close-icon"),this.closeIcon_.addEventListener("click",this.toggle))}},{key:"activate_",value:function(e,t,a){var i=this;if(e&&t){this.init_(),a&&this.modal_.querySelector(".storyly__story-modal-header-title").appendChild(a),this.modal_.children[1].appendChild(e),this.modal_.lastElementChild.appendChild(t),setTimeout(function(){return i.modal_.classList.add("active")},0),this.overlay_.classList.add("active");var s=this.groupsOverlay_.querySelector(".swiper");s.insertBefore(this.modal_,s.firstChild),this.active_=!0}}},{key:"deactivate_",value:function(){this.modal_.classList.remove("active"),this.overlay_.classList.remove("active"),this.groupsOverlay_.querySelector(".swiper").removeChild(this.modal_),this.active_=!1}},{key:"toggle",value:function(e,t,a,i){var s;a?this.rerender_(e,t,i):null!==(s=this.modal_)&&void 0!==s&&s.classList.contains("active")?this.deactivate_():this.activate_(e,t,i),this.handlePlayStatus_()}},{key:"rerender_",value:function(){var t=(0,e.default)(i.default.mark(function e(t,a){var s,r;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:s=this.modal_.children[1].firstElementChild,r=this.modal_.lastElementChild.firstElementChild,s.replaceWith(t),r.replaceWith(a);case 4:case"end":return e.stop()}},e,this)}));return function(e,a){return t.apply(this,arguments)}}()},{key:"handlePlayStatus_",value:function(){var e=this.getActiveGroup_().instance.getActiveStory(),t=this.overlay_.classList.contains("active");t&&!e.instance.getProgressPausedStatus()?e.instance.playAndPauseStory():!t&&e.instance.getProgressPausedStatus()&&e.instance.playAndPauseStory()}},{key:"storyObserver_",value:function(e){new MutationObserver(e).observe(this.groupsOverlay_,{attributes:!0})}},{key:"storyObserverCallback_",value:function(e){var t=this;e.forEach(function(e){var a=e.type,i=e.attributeName,s=e.target;"attributes"===a&&"class"===i&&!s.classList.contains("active")&&t.active_&&t.deactivate_()})}}]),l}(),n=exports.default=o;
 },{"@babel/runtime/helpers/asyncToGenerator":"agGE","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/regenerator":"PMvg","../../lib/util":"PesM","./template":"ttcm"}],"ajqo":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=v(require("@babel/runtime/helpers/slicedToArray")),t=v(require("@babel/runtime/helpers/classCallCheck")),r=v(require("@babel/runtime/helpers/createClass")),n=v(require("./Group")),o=require("../../lib/style"),a=require("../../lib/util"),i=v(require("./templates/navigationButtons")),s=v(require("./templates/keyboardShortcuts")),u=require("../../lib/icons"),l=v(require("../../components/Modal")),c=v(require("../../lib/proxy")),d=require("../../constants/events"),p=v(require("../../service/focal-point-impl"));function v(e){return e&&e.__esModule?e:{default:e}}var y=function(){function v(e,r,n){(0,t.default)(this,v),this.groupsOverlay_=e,this.instanceId_=n;var o=c.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;this.globalInstanceData=o,this.getActiveGroup_=r,this.storyGroupActionListeners_()}return(0,r.default)(v,[{key:"setGroupInstance",value:function(e,t){return new n.default(e,t,this.instanceId_)}},{key:"storyGroupActionListeners_",value:function(){var t=this,r=this.renderActionsContainer_(),n=this.renderCloseButton_(),o=this.renderKeyboardShortcuts_(),i=(0,e.default)(o,3),s=i[0],u=i[1],l=i[2],c=this.renderStoryGroupButtonNavigation_(),p=(0,e.default)(c,2),v=p[0],y=p[1];r.append(s,n,u);var h=function(){var e=t.getActiveGroup_().instance.getActiveStory(),n=r.classList.contains("active");n&&!e.instance.getProgressPausedStatus()?e.instance.playAndPauseStory():!n&&e.instance.getProgressPausedStatus()&&e.instance.playAndPauseStory()},g=function(){r.classList.remove("active"),l.classList.remove("active"),h()};n.addEventListener("click",function(e){e.preventDefault(),g(),(0,a.createAndDispatchEvent)(t.groupsOverlay_,"onCloseGroup")}),v.addEventListener("click",function(){(0,a.createAndDispatchEvent)(t.groupsOverlay_,d.CustomerEventTypes.previousStoryGroup)}),y.addEventListener("click",function(){(0,a.createAndDispatchEvent)(t.groupsOverlay_,d.CustomerEventTypes.nextStoryGroup)}),s.addEventListener("click",function(e){e.preventDefault(),r.classList.toggle("active"),h(),l.classList.toggle("active"),l.classList.contains("active")?(u.setAttribute("aria-hidden","false"),u.removeAttribute("tabindex")):(u.setAttribute("aria-hidden","true"),u.setAttribute("tabindex","-1"))}),l.addEventListener("click",function(e){e.preventDefault(),g(),t.modal_&&t.modal_.toggle()}),this.groupsOverlay_.addEventListener("onModalToggle",function(e){var r=e.detail;return t.handleModal_(r.body,r.footer,r.rerender,r.header)})}},{key:"renderActionsContainer_",value:function(){var e=document.createElement("div");return e.classList.add("storyly__action-container"),this.groupsOverlay_.querySelector(".swiper").appendChild(e),e}},{key:"renderKeyboardShortcuts_",value:function(){var e=document.createElement("button");(0,a.setAttribute)(e,"tabindex","50"),(0,a.setAttribute)(e,"aria-label",this.globalInstanceData.languageJSON.keyboard_shortcuts),(0,a.setAttribute)(e,"aria-haspopup","menu"),(0,a.setAttribute)(e,"aria-controls","storyly__keyboard-shortcuts-menu"),e.classList.add("icon","keyboard-shortcut");var t=(0,a.generateHtmlFromTemplate)((0,s.default)());return this.overlay_=document.createElement("div"),(0,o.setClass)(this.overlay_,"storyly__story-group-overlay"),this.groupsOverlay_.querySelector(".swiper").appendChild(this.overlay_),[e,t,this.overlay_]}},{key:"renderCloseButton_",value:function(){var e=document.createElement("button");return(0,a.setAttribute)(e,"tabindex","55"),(0,a.setAttribute)(e,"aria-label",this.globalInstanceData.languageJSON.shortcut_esc),(0,a.setAttribute)(e,"id","storyly__close-story-button"),e.classList.add("icon","close","close-story"),e}},{key:"renderStoryGroupButtonNavigation_",value:function(){this.prevStoryGroupButtonContainer_=(0,a.generateHtmlFromTemplate)((0,i.default)("prev")),this.nextStoryGroupButtonContainer_=(0,a.generateHtmlFromTemplate)((0,i.default)("next"));var e=this.prevStoryGroupButtonContainer_.querySelector(".story-group-navigation-button-container"),t=this.nextStoryGroupButtonContainer_.querySelector(".story-group-navigation-button-container"),r=this.groupsOverlay_.querySelector(".swiper");return r.appendChild(this.prevStoryGroupButtonContainer_),r.appendChild(this.nextStoryGroupButtonContainer_),[e,t]}},{key:"handleModal_",value:function(e,t,r,n){this.modal_||(this.modal_=new l.default({groupsOverlay:this.groupsOverlay_,getActiveGroup:this.getActiveGroup_})),this.modal_.toggle(e,t,r,n)}},{key:"handleStoryGroupButton_",value:function(e,t){var r=this.globalInstanceData.shareParams.playMode;if(t&&!r){e.querySelector(".story-group-title").firstElementChild.innerText=t.title;var n=e.querySelector(".story-group-cover-image").querySelector("img");(0,p.default)({img:n,group:t,containerStyle:{borderRadius:"50%",width:38,height:38,position:"relative"}}),n.onerror=function(){n.src=u.userPropImage},(0,o.setStyle)(e,["display","flex"])}else(0,o.setStyle)(e,["display","none"])}},{key:"handleStoryGroupNavigationButtons",value:function(e,t){var r,n,o,a,i=null!==(r=e[t+1])&&void 0!==r&&r.ad||null!==(n=e[t+1])&&void 0!==n&&n.nudge?e[t+2]:e[t+1],s=null!==(o=e[t-1])&&void 0!==o&&o.ad||null!==(a=e[t-1])&&void 0!==a&&a.nudge?e[t-2]:e[t-1];this.handleStoryGroupButton_(this.prevStoryGroupButtonContainer_,s),this.handleStoryGroupButton_(this.nextStoryGroupButtonContainer_,i)}}]),v}(),h=exports.default=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=v(require("@babel/runtime/helpers/slicedToArray")),t=v(require("@babel/runtime/helpers/classCallCheck")),r=v(require("@babel/runtime/helpers/createClass")),n=v(require("./Group")),o=require("../../lib/style"),a=require("../../lib/util"),i=v(require("./templates/navigationButtons")),s=v(require("./templates/keyboardShortcuts")),u=require("../../lib/icons"),l=v(require("../../components/Modal")),c=v(require("../../lib/proxy")),d=require("../../constants/events"),p=v(require("../../service/focal-point-impl"));function v(e){return e&&e.__esModule?e:{default:e}}var y=function(){function v(e,r,n){(0,t.default)(this,v),this.groupsOverlay_=e,this.instanceId_=n;var o=c.default.getNodeByInstanceId(this.instanceId_).getDataFromGlobal().globalInstanceData;this.globalInstanceData=o,this.getActiveGroup_=r,this.storyGroupActionListeners_()}return(0,r.default)(v,[{key:"setGroupInstance",value:function(e,t){return new n.default(e,t,this.instanceId_)}},{key:"storyGroupActionListeners_",value:function(){var t=this,r=this.renderActionsContainer_(),n=this.renderCloseButton_(),o=this.renderKeyboardShortcuts_(),i=(0,e.default)(o,3),s=i[0],u=i[1],l=i[2],c=this.renderStoryGroupButtonNavigation_(),p=(0,e.default)(c,2),v=p[0],y=p[1];r.append(s,n,u);var h=function(){var e=t.getActiveGroup_().instance.getActiveStory(),n=r.classList.contains("active");n&&!e.instance.getProgressPausedStatus()?e.instance.playAndPauseStory():!n&&e.instance.getProgressPausedStatus()&&e.instance.playAndPauseStory()},g=function(){r.classList.remove("active"),l.classList.remove("active"),h()};n.addEventListener("click",function(e){e.preventDefault(),g(),(0,a.createAndDispatchEvent)(t.groupsOverlay_,"onCloseGroup")}),v.addEventListener("click",function(){(0,a.createAndDispatchEvent)(t.groupsOverlay_,d.CustomerEventTypes.previousStoryGroup)}),y.addEventListener("click",function(){(0,a.createAndDispatchEvent)(t.groupsOverlay_,d.CustomerEventTypes.nextStoryGroup)}),s.addEventListener("click",function(e){e.preventDefault(),r.classList.toggle("active"),h(),l.classList.toggle("active"),l.classList.contains("active")?(u.setAttribute("aria-hidden","false"),u.removeAttribute("tabindex")):(u.setAttribute("aria-hidden","true"),u.setAttribute("tabindex","-1"))}),l.addEventListener("click",function(e){e.preventDefault(),g(),t.modal_&&t.modal_.toggle()}),this.groupsOverlay_.addEventListener("onModalToggle",function(e){var r=e.detail;return t.handleModal_(r.body,r.footer,r.rerender,r.header)})}},{key:"renderActionsContainer_",value:function(){var e=document.createElement("div");return e.classList.add("storyly__action-container"),this.groupsOverlay_.querySelector(".swiper").appendChild(e),e}},{key:"renderKeyboardShortcuts_",value:function(){var e=document.createElement("button");(0,a.setAttribute)(e,"tabindex","50"),(0,a.setAttribute)(e,"aria-label",this.globalInstanceData.languageJSON.keyboard_shortcuts),(0,a.setAttribute)(e,"aria-haspopup","menu"),(0,a.setAttribute)(e,"aria-controls","storyly__keyboard-shortcuts-menu"),e.classList.add("icon","keyboard-shortcut");var t=(0,a.generateHtmlFromTemplate)((0,s.default)());return this.overlay_=document.createElement("div"),(0,o.setClass)(this.overlay_,"storyly__story-group-overlay"),this.groupsOverlay_.querySelector(".swiper").appendChild(this.overlay_),[e,t,this.overlay_]}},{key:"renderCloseButton_",value:function(){var e=document.createElement("button");return(0,a.setAttribute)(e,"tabindex","55"),(0,a.setAttribute)(e,"aria-label",this.globalInstanceData.languageJSON.shortcut_esc),(0,a.setAttribute)(e,"id","storyly__close-story-button"),e.classList.add("icon","close","close-story"),e}},{key:"renderStoryGroupButtonNavigation_",value:function(){this.prevStoryGroupButtonContainer_=(0,a.generateHtmlFromTemplate)((0,i.default)("prev")),this.nextStoryGroupButtonContainer_=(0,a.generateHtmlFromTemplate)((0,i.default)("next"));var e=this.prevStoryGroupButtonContainer_.querySelector(".story-group-navigation-button-container"),t=this.nextStoryGroupButtonContainer_.querySelector(".story-group-navigation-button-container"),r=this.groupsOverlay_.querySelector(".swiper");return r.appendChild(this.prevStoryGroupButtonContainer_),r.appendChild(this.nextStoryGroupButtonContainer_),[e,t]}},{key:"handleModal_",value:function(e,t,r,n){this.modal_||(this.modal_=new l.default({groupsOverlay:this.groupsOverlay_,getActiveGroup:this.getActiveGroup_})),this.modal_.toggle(e,t,r,n)}},{key:"handleStoryGroupButton_",value:function(e,t){var r=this.globalInstanceData.shareParams.playMode;if(t&&!r){e.querySelector(".story-group-title").firstElementChild.innerText=t.title;var n=e.querySelector(".story-group-cover-image").querySelector("img");(0,p.default)({mediaDom:n,group:t,containerStyle:{borderRadius:"50%",width:38,height:38,position:"relative"}}),n.onerror=function(){n.src=u.userPropImage},(0,o.setStyle)(e,["display","flex"])}else(0,o.setStyle)(e,["display","none"])}},{key:"handleStoryGroupNavigationButtons",value:function(e,t){var r,n,o,a,i=null!==(r=e[t+1])&&void 0!==r&&r.ad||null!==(n=e[t+1])&&void 0!==n&&n.nudge?e[t+2]:e[t+1],s=null!==(o=e[t-1])&&void 0!==o&&o.ad||null!==(a=e[t-1])&&void 0!==a&&a.nudge?e[t-2]:e[t-1];this.handleStoryGroupButton_(this.prevStoryGroupButtonContainer_,s),this.handleStoryGroupButton_(this.nextStoryGroupButtonContainer_,i)}}]),v}(),h=exports.default=y;
 },{"@babel/runtime/helpers/slicedToArray":"HETk","@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","./Group":"wvHA","../../lib/style":"vgU2","../../lib/util":"PesM","./templates/navigationButtons":"u7Oq","./templates/keyboardShortcuts":"KwS7","../../lib/icons":"irwm","../../components/Modal":"b3z1","../../lib/proxy":"qmVm","../../constants/events":"d0lR","../../service/focal-point-impl":"cofP"}],"FheM":[function(require,module,exports) {
 var t=null;function e(){return t||(t=n()),t}function n(){try{throw new Error}catch(e){var t=(""+e.stack).match(/(https?|file|ftp|chrome-extension|moz-extension):\/\/[^)\n]+/g);if(t)return r(t[0])}return"/"}function r(t){return(""+t).replace(/^((?:https?|file|ftp|chrome-extension|moz-extension):\/\/.+)?\/[^/]+(?:\?.*)?$/,"$1")+"/"}exports.getBundleURL=e,exports.getBaseURL=r;
 },{}],"TUK3":[function(require,module,exports) {

package/dist/ProductCatalog.e239b2ee.js

@@ -5,5 +5,5 @@ parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcel
 },{"../../../lib/util":"PesM"}],"fpAN":[function(require,module,exports) {
 "use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProductCatalogTemplate=exports.ProductCardTemplate=void 0;var t=e(require("./productCard"));exports.ProductCardTemplate=t.default;var r=e(require("./productCatalog"));exports.ProductCatalogTemplate=r.default;
 },{"./productCard":"foFQ","./productCatalog":"q0XP"}],"xEIM":[function(require,module,exports) {
-"use strict";var t=s(require("@babel/runtime/helpers/classCallCheck")),r=s(require("@babel/runtime/helpers/createClass")),e=s(require("@babel/runtime/helpers/inherits")),a=s(require("@babel/runtime/helpers/possibleConstructorReturn")),n=s(require("@babel/runtime/helpers/getPrototypeOf")),o=s(require("@babel/runtime/regenerator"));function s(t){return t&&t.__esModule?t:{default:t}}function i(t){var r=u();return function(){var e,o=(0,n.default)(t);if(r){var s=(0,n.default)(this).constructor;e=Reflect.construct(o,arguments,s)}else e=o.apply(this,arguments);return(0,a.default)(this,e)}}function u(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(u=function(){return!!t})()}var c=function(t,r,e,a){return new(e||(e=Promise))(function(n,o){function s(t){try{u(a.next(t))}catch(r){o(r)}}function i(t){try{u(a.throw(t))}catch(r){o(r)}}function u(t){var r;t.done?n(t.value):(r=t.value,r instanceof e?r:new e(function(t){t(r)})).then(s,i)}u((a=a.apply(t,r||[])).next())})},d=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var l=d(require("../base")),h=d(require("../../components/StoryProduct")),p=require("./template/index.ts"),_=require("../../constants/layerTypes"),f=require("../../lib/util"),y=d(require("../../constants/layouts")),v=require("../../constants/events"),C=function(a){(0,e.default)(s,a);var n=i(s);function s(r){var e,a=r.layer,o=r.group,i=r.storyDom,u=r.story,c=r.instanceId;return(0,t.default)(this,s),(e=n.call(this,{type:_.LayerTemplateTypes.PRODUCT_CATALOG,storyDom:i,instanceId:c})).story_=u,e.group_=o,e.rendered_=!1,e.storyPaused_=!1,e.setLayerData(Object.assign({},a)),e.attachCallbacksToElement_(),e.generateComponentAndAppendToPage((0,p.ProductCatalogTemplate)(e.globalInstanceData,c)).then(function(t){e.dom_=t,e.init_(),e.storyObserver_(e.storyObserverCallback_)}),e}return(0,r.default)(s,[{key:"attachCallbacksToElement_",value:function(){this.storyObserverCallback_=this.storyObserverCallback_.bind(this),this.onClickArrow_=this.onClickArrow_.bind(this),this.renderProducts_=this.renderProducts_.bind(this),this.handleScrollArrows_=this.handleScrollArrows_.bind(this)}},{key:"init_",value:function(){return c(this,void 0,void 0,o.default.mark(function t(){return o.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.productCardsContainer_=this.dom_.querySelector(".product-list"),(0,f.stopEventBubbling)(this.productCardsContainer_,"touchmove",!1),this.storyProduct_=new h.default({instanceId:this.instanceId,layer:this.layerData,storyDom:this.storyDom_,group:this.group_,story:this.story_}),this.handleScrollArrows_();case 4:case"end":return t.stop()}},t,this)}))}},{key:"storyObserverCallback_",value:function(t){var r=this;t.forEach(function(t){var e=t.type,a=t.attributeName,n=t.target;if("attributes"===e&&"show"===a){if(n.hasAttribute("show")){var o=r.renderProducts_();setTimeout(function(){return o.classList.add("active")},0),r.rendered_=!0}n.hasAttribute("show")||(r.productCardsContainer_.classList.remove("active"),r.productCardsContainer_.scrollTo(0,0))}"attributes"===e&&"paused"===a&&(r.storyPaused_=n.hasAttribute("paused"))})}},{key:"handleScrollArrows_",value:function(){var t=this;if((this.layerData.products||this.layerData.s_products).length>1){var r=Array.from(this.dom_.querySelectorAll(".product-list-arrow")),e=r[0],a=r[1];this.globalInstanceData.layout===y.default.MODERN&&r.forEach(function(r,e){1===e&&a.removeAttribute("hidden"),r.addEventListener("click",function(r){return t.onClickArrow_({target:r.target})})}),this.productCardsContainer_.addEventListener("scroll",function(r){var n=r.currentTarget,o=n.scrollLeft,s=n.clientWidth,i=n.scrollWidth;t.storyPaused_||(0,f.createAndDispatchEvent)(t.dom_,"onPlayPause"),t.globalInstanceData.layout!==y.default.CLASSIC&&(o+s>=i-1?a.setAttribute("hidden","true"):(o>0&&(e.removeAttribute("hidden"),a.removeAttribute("hidden")),0===o&&e.setAttribute("hidden","true")))})}}},{key:"onClickArrow_",value:function(t){var r=t.target;this.storyPaused_||(0,f.createAndDispatchEvent)(this.dom_,"onPlayPause");var e=this.productCardsContainer_.firstElementChild.offsetWidth;r.classList.contains("right-arrow")?this.productCardsContainer_.scrollTo({left:this.productCardsContainer_.scrollLeft+e}):this.productCardsContainer_.scrollTo({left:this.productCardsContainer_.scrollLeft-e})}},{key:"renderProducts_",value:function(){var t=this;if(this.rendered_){var r=this.layerData,e=r.products,a=r.s_products,n=this.instanceClass.storylyHydration.filter(function(t){return(e||a).filter(function(r){return r.product_group_id===t.product_group_id}).length});if((0,f.isArraysEqual)(n,e||a))return this.productCardsContainer_;this.layerData.productVariants=n,this.productCardsContainer_.innerHTML=""}var o=function(r){var e=r.target.closest(".product-card");if(t.handleEvent_(v.LayerEventTypes.ProductCatalogClicked),t.layerData.s_products){var a=e.dataset.productIndex,n=t.layerData.s_products[+a].url;n&&(0,f.openLink)(n)}else t.storyProduct_.onPurchase(e.dataset.productId,!1)};return this.appendProducts_(),(0,f.isMobileView)()?(this.productCardsContainer_.addEventListener("touchstart",function(r){r.stopPropagation(),r.stopImmediatePropagation(),t.productCardsContainer_.childNodes.forEach(function(t){t.ontouchend=function(t){var r=t.target;return o({target:r})}})}),this.productCardsContainer_.addEventListener("scroll",function(){t.productCardsContainer_.childNodes.forEach(function(t){t.removeEventListener("touchend",function(t){return o({target:t.target})})})}),(0,f.stopEventBubbling)(this.productCardsContainer_,"touchend",!1)):this.productCardsContainer_.childNodes.forEach(function(t){t.addEventListener("click",function(t){return o({target:t.target})})}),this.productCardsContainer_}},{key:"appendProducts_",value:function(){var t=this;this.layerData.s_products?this.layerData.s_products.forEach(function(r,e){var a=t.generateHtmlFromTemplate((0,p.ProductCardTemplate)(Object.assign(Object.assign({},t.layerData),r),e));t.productCardsContainer_.appendChild(a)}):this.layerData.products.forEach(function(r){var e=r.product_id,a=r.product_group_id,n=t.layerData.productVariants.find(function(t){return t.product_id===e||t.product_group_id===a});if(n){var o=t.generateHtmlFromTemplate((0,p.ProductCardTemplate)(Object.assign(Object.assign(Object.assign({},t.layerData),n),{type:"product_catalog"})));t.productCardsContainer_.appendChild(o)}})}},{key:"handleEvent_",value:function(t){var r={event_type:t,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_index:null,story_index:null,story_group_type:"default",story_interactive_x:null,story_interactive_y:null,duration:null,watch_length:null,event_time:Date.now(),uid:this.layerData.uid};this.api.sendEvent(r)}}]),s}(l.default);exports.default=C;
+"use strict";var t=s(require("@babel/runtime/helpers/classCallCheck")),r=s(require("@babel/runtime/helpers/createClass")),e=s(require("@babel/runtime/helpers/inherits")),a=s(require("@babel/runtime/helpers/possibleConstructorReturn")),n=s(require("@babel/runtime/helpers/getPrototypeOf")),o=s(require("@babel/runtime/regenerator"));function s(t){return t&&t.__esModule?t:{default:t}}function i(t){var r=u();return function(){var e,o=(0,n.default)(t);if(r){var s=(0,n.default)(this).constructor;e=Reflect.construct(o,arguments,s)}else e=o.apply(this,arguments);return(0,a.default)(this,e)}}function u(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(u=function(){return!!t})()}var d=function(t,r,e,a){return new(e||(e=Promise))(function(n,o){function s(t){try{u(a.next(t))}catch(r){o(r)}}function i(t){try{u(a.throw(t))}catch(r){o(r)}}function u(t){var r;t.done?n(t.value):(r=t.value,r instanceof e?r:new e(function(t){t(r)})).then(s,i)}u((a=a.apply(t,r||[])).next())})},c=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});var l=c(require("../base")),h=c(require("../../components/StoryProduct")),p=require("./template/index.ts"),_=require("../../constants/layerTypes"),f=require("../../lib/util"),y=c(require("../../constants/layouts")),v=require("../../constants/events"),C=function(a){(0,e.default)(s,a);var n=i(s);function s(r){var e,a=r.layer,o=r.group,i=r.storyDom,u=r.story,d=r.instanceId;return(0,t.default)(this,s),(e=n.call(this,{type:_.LayerTemplateTypes.PRODUCT_CATALOG,storyDom:i,instanceId:d})).story_=u,e.group_=o,e.rendered_=!1,e.storyPaused_=!1,e.setLayerData(Object.assign({},a)),e.attachCallbacksToElement_(),e.generateComponentAndAppendToPage((0,p.ProductCatalogTemplate)(e.globalInstanceData,d)).then(function(t){e.dom_=t,e.init_(),e.storyObserver_(e.storyObserverCallback_)}),e}return(0,r.default)(s,[{key:"attachCallbacksToElement_",value:function(){this.storyObserverCallback_=this.storyObserverCallback_.bind(this),this.onClickArrow_=this.onClickArrow_.bind(this),this.renderProducts_=this.renderProducts_.bind(this),this.handleScrollArrows_=this.handleScrollArrows_.bind(this)}},{key:"init_",value:function(){return d(this,void 0,void 0,o.default.mark(function t(){return o.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.productCardsContainer_=this.dom_.querySelector(".product-list"),(0,f.stopEventBubbling)(this.productCardsContainer_,"touchmove",!1),this.storyProduct_=new h.default({instanceId:this.instanceId,layer:this.layerData,storyDom:this.storyDom_,group:this.group_,story:this.story_}),this.handleScrollArrows_();case 4:case"end":return t.stop()}},t,this)}))}},{key:"storyObserverCallback_",value:function(t){var r=this;t.forEach(function(t){var e=t.type,a=t.attributeName,n=t.target;if("attributes"===e&&"show"===a){if(n.hasAttribute("show")){var o=r.renderProducts_();setTimeout(function(){return o.classList.add("active")},0),r.rendered_=!0}n.hasAttribute("show")||(r.productCardsContainer_.classList.remove("active"),r.productCardsContainer_.scrollTo(0,0))}"attributes"===e&&"paused"===a&&(r.storyPaused_=n.hasAttribute("paused"))})}},{key:"handleScrollArrows_",value:function(){var t,r=this;if((null===(t=this.layerData.products||this.layerData.s_products)||void 0===t?void 0:t.length)>1){var e=Array.from(this.dom_.querySelectorAll(".product-list-arrow")),a=e[0],n=e[1];this.globalInstanceData.layout===y.default.MODERN&&e.forEach(function(t,e){1===e&&n.removeAttribute("hidden"),t.addEventListener("click",function(t){return r.onClickArrow_({target:t.target})})}),this.productCardsContainer_.addEventListener("scroll",function(t){var e=t.currentTarget,o=e.scrollLeft,s=e.clientWidth,i=e.scrollWidth;r.storyPaused_||(0,f.createAndDispatchEvent)(r.dom_,"onPlayPause"),r.globalInstanceData.layout!==y.default.CLASSIC&&(o+s>=i-1?n.setAttribute("hidden","true"):(o>0&&(a.removeAttribute("hidden"),n.removeAttribute("hidden")),0===o&&a.setAttribute("hidden","true")))})}}},{key:"onClickArrow_",value:function(t){var r=t.target;this.storyPaused_||(0,f.createAndDispatchEvent)(this.dom_,"onPlayPause");var e=this.productCardsContainer_.firstElementChild.offsetWidth;r.classList.contains("right-arrow")?this.productCardsContainer_.scrollTo({left:this.productCardsContainer_.scrollLeft+e}):this.productCardsContainer_.scrollTo({left:this.productCardsContainer_.scrollLeft-e})}},{key:"renderProducts_",value:function(){var t=this;if(this.rendered_){var r=this.layerData,e=r.products,a=r.s_products,n=this.instanceClass.storylyHydration.filter(function(t){return(e||a).filter(function(r){return r.product_group_id===t.product_group_id}).length});if((0,f.isArraysEqual)(n,e||a))return this.productCardsContainer_;this.layerData.productVariants=n,this.productCardsContainer_.innerHTML=""}var o=function(r){var e=r.target.closest(".product-card");if(t.handleEvent_(v.LayerEventTypes.ProductCatalogClicked),t.layerData.s_products){var a=e.dataset.productIndex,n=t.layerData.s_products[+a].url;n&&(0,f.openLink)(n)}else t.storyProduct_.onPurchase(e.dataset.productId,!1)};if(this.appendProducts_(),(0,f.isMobileView)()){var s=!1;this.productCardsContainer_.addEventListener("touchstart",function(r){r.stopPropagation(),r.stopImmediatePropagation(),t.productCardsContainer_.childNodes.forEach(function(t){t.ontouchend||(t.ontouchend=function(t){s||o({target:t.target})})})}),this.productCardsContainer_.addEventListener("scrollend",function(){s=!1}),this.productCardsContainer_.addEventListener("scroll",function(){s=!0}),(0,f.stopEventBubbling)(this.productCardsContainer_,"touchend",!1)}else this.productCardsContainer_.childNodes.forEach(function(t){t.addEventListener("click",function(t){return o({target:t.target})})});return this.productCardsContainer_}},{key:"appendProducts_",value:function(){var t=this;this.layerData.s_products?this.layerData.s_products.forEach(function(r,e){var a=t.generateHtmlFromTemplate((0,p.ProductCardTemplate)(Object.assign(Object.assign({},t.layerData),r),e));t.productCardsContainer_.appendChild(a)}):this.layerData.products.forEach(function(r){var e=r.product_id,a=r.product_group_id,n=t.layerData.productVariants.find(function(t){return t.product_id===e||t.product_group_id===a});if(n){var o=t.generateHtmlFromTemplate((0,p.ProductCardTemplate)(Object.assign(Object.assign(Object.assign({},t.layerData),n),{type:"product_catalog"})));t.productCardsContainer_.appendChild(o)}})}},{key:"handleEvent_",value:function(t){var r={event_type:t,story_group_id:+this.group_.group_id,story_id:+this.story_.story_id,story_group_index:null,story_index:null,story_group_type:"default",story_interactive_x:null,story_interactive_y:null,duration:null,watch_length:null,event_time:Date.now(),uid:this.layerData.uid};this.api.sendEvent(r)}}]),s}(l.default);exports.default=C;
 },{"@babel/runtime/helpers/classCallCheck":"fcMS","@babel/runtime/helpers/createClass":"P8NW","@babel/runtime/helpers/inherits":"d4H2","@babel/runtime/helpers/possibleConstructorReturn":"pxk2","@babel/runtime/helpers/getPrototypeOf":"UJE0","@babel/runtime/regenerator":"PMvg","../base":"skR7","../../components/StoryProduct":"GdVG","./template/index.ts":"fpAN","../../constants/layerTypes":"aJRz","../../lib/util":"PesM","../../constants/layouts":"kUgL","../../constants/events":"d0lR"}]},{},[], null)