whatmore-react-assets 1.0.1425 → 1.0.1427
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +1 -1
- package/static/js/2.a6e5564f.chunk.js +1 -0
- package/static/js/286.4d801177.chunk.js +1 -0
- package/static/js/296.25439eea.chunk.js +1 -0
- package/static/js/311.96c6c80a.chunk.js +1 -0
- package/static/js/378.bce12c1d.chunk.js +1 -0
- package/static/js/461.f3e9debc.chunk.js +1 -0
- package/static/js/497.5bfb4d06.chunk.js +2 -0
- package/static/js/620.e23ff8de.chunk.js +1 -0
- package/static/js/650.7a189533.chunk.js +117 -0
- package/static/js/669.68b5c416.chunk.js +2 -0
- package/static/js/682.d59c82bd.chunk.js +1 -0
- package/static/js/732.252d2132.chunk.js +2 -0
- package/static/js/756.7523a583.chunk.js +2 -0
- package/static/js/859.7a919acd.chunk.js +1 -0
- package/static/js/920.298a46d6.chunk.js +1 -0
- package/static/js/app-main.70f7a568.chunk.js +1 -0
- package/static/js/atc-with-form.43621d03.chunk.js +1 -0
- package/static/js/banner-template-a.32024e15.chunk.js +1 -0
- package/static/js/carousel-template-a.1173f55c.chunk.js +1 -0
- package/static/js/carousel-template-b.97c5133d.chunk.js +1 -0
- package/static/js/carousel-template-f.52aade62.chunk.js +1 -0
- package/static/js/carousel-template-feed.cc5f97a1.chunk.js +15 -0
- package/static/js/carousel-template-g.6375c2a4.chunk.js +1 -0
- package/static/js/carousel-template-h.264e373e.chunk.js +1 -0
- package/static/js/carousel-template-view-more.f32e33c2.chunk.js +45 -0
- package/static/js/collections-template-a.daea1564.chunk.js +1 -0
- package/static/js/collections-template-b.22c9d294.chunk.js +1 -0
- package/static/js/collections-template-c.ba832b97.chunk.js +1 -0
- package/static/js/collections-template-stories.57f85909.chunk.js +1 -0
- package/static/js/event-click-main.0c383ac3.chunk.js +1 -0
- package/static/js/event-click-product.21e6f6d4.chunk.js +1 -0
- package/static/js/event-click-spotlight.fab8b156.chunk.js +1 -0
- package/static/js/homepage-carousel-view.3b36049a.chunk.js +1 -0
- package/static/js/{location-details.c0431f85.chunk.js → location-details.b14d3704.chunk.js} +1 -1
- package/static/js/product-page-view.3aa9a4ce.chunk.js +1 -0
- package/static/js/recommended-carousel.22249e9e.chunk.js +2 -0
- package/static/js/spotlight-view.864358a9.chunk.js +1 -0
- package/static/js/stories-template-a.a97215e7.chunk.js +1 -0
- package/whatmore.js +2 -2
- package/static/js/13.b216da25.chunk.js +0 -1
- package/static/js/154.77527b19.chunk.js +0 -2
- package/static/js/210.d4c6f9a4.chunk.js +0 -1
- package/static/js/219.a0c7f0d6.chunk.js +0 -1
- package/static/js/240.9c510ae9.chunk.js +0 -2
- package/static/js/302.41f7dffe.chunk.js +0 -1
- package/static/js/348.2f3932eb.chunk.js +0 -117
- package/static/js/423.4d5ac85a.chunk.js +0 -1
- package/static/js/561.95fd0242.chunk.js +0 -1
- package/static/js/577.646fa55d.chunk.js +0 -1
- package/static/js/731.4a524607.chunk.js +0 -1
- package/static/js/733.b0e46e99.chunk.js +0 -1
- package/static/js/751.4f97aaf7.chunk.js +0 -1
- package/static/js/819.c2077f1e.chunk.js +0 -2
- package/static/js/824.be000355.chunk.js +0 -2
- package/static/js/app-main.e481a23d.chunk.js +0 -1
- package/static/js/atc-with-form.c6e794f2.chunk.js +0 -1
- package/static/js/banner-template-a.87707e64.chunk.js +0 -1
- package/static/js/carousel-template-a.9bab2855.chunk.js +0 -1
- package/static/js/carousel-template-b.d52ffc0b.chunk.js +0 -1
- package/static/js/carousel-template-f.bd001127.chunk.js +0 -1
- package/static/js/carousel-template-feed.ad73c3ed.chunk.js +0 -15
- package/static/js/carousel-template-g.d874fad3.chunk.js +0 -1
- package/static/js/carousel-template-h.eada0967.chunk.js +0 -1
- package/static/js/carousel-template-view-more.4b1e8a28.chunk.js +0 -45
- package/static/js/collections-template-a.d79da3e9.chunk.js +0 -1
- package/static/js/collections-template-b.d191151d.chunk.js +0 -1
- package/static/js/collections-template-c.6aadef97.chunk.js +0 -1
- package/static/js/collections-template-stories.9696a048.chunk.js +0 -1
- package/static/js/event-click-main.e9e26fc2.chunk.js +0 -1
- package/static/js/event-click-product.60b5a8fa.chunk.js +0 -1
- package/static/js/event-click-spotlight.929fb915.chunk.js +0 -1
- package/static/js/homepage-carousel-view.bdf39eac.chunk.js +0 -1
- package/static/js/product-page-view.1baa0964.chunk.js +0 -1
- package/static/js/recommended-carousel.9a69fdec.chunk.js +0 -2
- package/static/js/spotlight-view.0d1ff2a1.chunk.js +0 -1
- package/static/js/stories-template-a.69cd6742.chunk.js +0 -1
- /package/static/css/{926.a9bfc3e2.chunk.css → 139.a9bfc3e2.chunk.css} +0 -0
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[428],{5582:function(e,t,n){n.r(t),n.d(t,{default:function(){return F}});var a=n(7753),i=n(7313),o=n(2860),r=n(5160),l=n(9854),s=n(6967),c=n(8984),d=n(58),u=n(4669),_=n(513),p=n(364),m=n(7300),h=n(6524),v=n(7643),g=n(778),f=n(8181),y=n(6095),w=n(653),b=n(6417);const S=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(751),n.e(926),n.e(824),n.e(437)]).then(n.bind(n,4095)))),I=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(577),n.e(751),n.e(733),n.e(748)]).then(n.bind(n,5523)))),k=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(423),n.e(751),n.e(926),n.e(731),n.e(615)]).then(n.bind(n,3827)))),x=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(423),n.e(751),n.e(926),n.e(731),n.e(91)]).then(n.bind(n,6071)))),E=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(423),n.e(751),n.e(926),n.e(731),n.e(229)]).then(n.bind(n,1291)))),j=i.lazy((()=>Promise.all([n.e(302),n.e(751),n.e(441)]).then(n.bind(n,3580)))),T=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(577),n.e(154),n.e(751),n.e(926),n.e(824),n.e(348),n.e(950)]).then(n.bind(n,6348)))),C=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(751),n.e(926),n.e(824),n.e(733),n.e(978)]).then(n.bind(n,4048)))),O=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(751),n.e(824),n.e(116)]).then(n.bind(n,9085)))),D=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(751),n.e(926),n.e(892)]).then(n.bind(n,5090)))),L=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(210),n.e(751),n.e(926),n.e(824),n.e(562)]).then(n.bind(n,4784)))),A=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(577),n.e(751),n.e(824),n.e(733),n.e(796)]).then(n.bind(n,4362)))),K=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(210),n.e(577),n.e(154),n.e(751),n.e(926),n.e(824),n.e(348),n.e(876)]).then(n.bind(n,4658)))),R=i.lazy((()=>Promise.all([n.e(302),n.e(819),n.e(13),n.e(240),n.e(423),n.e(751),n.e(926),n.e(105)]).then(n.bind(n,8767))));var N=function(e){const[t]=(0,a.j1)("isInDesignMode"),[n]=(0,a.j1)("isDemoBrand"),[N]=(0,a.j1)("whatmoreTopBottomPadding"),[q]=(0,a.j1)("whatmoreStoriesTopBottomPadding"),{whatmoreIsStoriesTemplate:P}=(0,i.useContext)(p.I),[W]=(0,a.j1)("whatmoreShopId"),{whatmoreEventsBrowsingTemplate:M}=(0,i.useContext)(p.I),G=(0,a.MO)("isLandingSharedLink"),B=(0,a.MO)("whatmoreShareTemplateId"),H=(0,a.MO)("whatmoreShareStoryId"),V=(0,a.MO)("whatmoreShareEventId"),{whatmoreWidgetSourceDetails:z,whatmoreUserInfo:F}=(0,i.useContext)(p.I),U=G&&M===(0,h.zv)(B),[Y,J]=(0,i.useState)(U),[$,Z]=(0,i.useState)(-1),[Q,X]=(0,i.useState)(null);let ee=e.events,te=null===e||void 0===e?void 0:e.allEvents,ne=[],ae=[];if("template-banner-a"!==M){let e=0;for(let t=0;t<(null===ee||void 0===ee?void 0:ee.length);t++){var ie,oe;!(0,m.B6)(ee[t])&&!(0,m.WJ)(ee[t])||null!==(ie=(null===(oe=ee[t])||void 0===oe?void 0:oe.in_stock)||(0,l.s6_)(W))&&void 0!==ie&&!ie||(ne.push({...null===ee||void 0===ee?void 0:ee[t],index:e}),e++)}for(let t=0;t<(null===te||void 0===te?void 0:te.length);t++){var re,le;!(0,m.B6)(null===te||void 0===te?void 0:te[t])&&!(0,m.WJ)(null===te||void 0===te?void 0:te[t])||null!==(re=null===te||void 0===te||null===(le=te[t])||void 0===le?void 0:le.in_stock)&&void 0!==re&&!re||(ae.push({...null===te||void 0===te?void 0:te[t],index:e}),e++)}}let se=[...ne,...ae];var ce=null;P&&!ce&&(ce=function(e){var t=e.reduce(((e,t,n)=>{var a,i=t.storyset_id;return i in e?(e[i].total_events=e[i].total_events+1,e[i].events.push(t)):e[i]={id:t.storyset_id,title:t.storyset_name,thumbnail_image:t.storyset_thumbnail_image,total_events:1,start_event_index:n,storyset_dynamic_thumbnail:null!==(a=null===t||void 0===t?void 0:t.storyset_dynamic_thumbnail)&&void 0!==a&&a,events:[t]},e}),{}),n=Object.values(t);return n.sort(((e,t)=>e.start_event_index-t.start_event_index)),n}(ne));const de=z.landingLocationType,ue=z.templateType;function _e(e){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;(0,c.KE)()&&(0,w.j)()&&!a&&(0,d.QV)(),t||n||(async()=>{const t=ce[e].events[0],n=(0,h.NY)(de)+(0,h.dS)(ue)+(null!==t&&void 0!==t&&t.isRelatedEvent?"R":"E")+"_"+(null===t||void 0===t?void 0:t.event_id);(0,r.wh)(t),(0,u.Tc)(W,o.Xh,o.OW),(0,s.H4)(t.event_id,t.products,"homepage","stories",n,null===t||void 0===t?void 0:t.location,null===F||void 0===F?void 0:F.userType)})();var l=0;null!=i&&ce[e].events.map(((e,t)=>{e.event_id==i&&(l=t)})),Z(l),X(e)}async function pe(e){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];(0,c.KE)()&&(0,w.j)()&&!a&&await(0,d.QV)(),Z(e.index),((0,m.B6)(e)||(0,m.WJ)(e))&&(t||n||(async()=>{const t=(0,h.NY)(de)+(0,h.dS)(ue)+(null!==e&&void 0!==e&&e.isRelatedEvent?"R":"E")+"_"+(null===e||void 0===e?void 0:e.event_id);(0,r.wh)(e),(0,u.Tc)(W,o.Xh,o.pR),(0,s.H4)(e.event_id,e.products,"homepage","carousel",t)})())}function me(e){return(0,b.jsx)(b.Fragment,{})}return(0,i.useEffect)((()=>{if(U)if((0,y.A)("whatmore-video-player",(()=>{J(!1)})),null!=H&&P){const e=ce.find((e=>H==e.id));if(e)return void _e(ce.indexOf(e),!0,V)}else if(null!=V){const e=ne.find((e=>V==e.event_id));if(e)return void pe(e,!0)}}),[]),(0,b.jsxs)(b.Fragment,{children:[Y&&(0,b.jsx)(f.Z,{}),(0,b.jsx)("div",{className:"whatmore-widget-container",style:{height:"100%",marginTop:(P?q:N)+"px",marginBottom:(P?q:N)+"px"},children:"template-b"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(S,{events:ne,onClick:pe,heading:e.heading})})}):"template-a-1"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(I,{events:ne,onClick:pe,heading:e.heading})}):"template-feed-a"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(A,{events:ne,onClick:pe,heading:e.heading})}):"template-collections-a"===M||"template-c"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(k,{events:ne,index:$,setScreen:Z,onClick:pe,heading:e.heading})})}):"template-collections-b"===M||"template-d"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(x,{events:ne,index:$,setScreen:Z,onClick:pe,heading:e.heading})})}):"template-collections-c"===M||"template-e"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(E,{events:ne,index:$,setScreen:Z,onClick:pe,heading:e.heading})})}):"template-collections-d"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(S,{events:ne,index:$,setScreen:Z,onClick:pe,heading:e.heading})})}):"template-collections-e"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(C,{events:ne,index:$,setScreen:Z,onClick:pe,heading:e.heading})})}):"template-collections-stories"===M||"template-stories"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.COLLECTION_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(R,{events:ne,index:$,setScreen:Z,onClick:pe,heading:e.heading})})}):"template-f"===M||"template-collections-f"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(O,{events:ne,onClick:pe,heading:e.heading})})}):"template-g"===M||"template-collections-g"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(D,{events:ne,onClick:pe,heading:e.heading})})}):"template-h"===M||"template-collections-h"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(L,{events:ne,onClick:pe,heading:e.heading})})}):"template-banner-a"===M?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.BANNER_WIDGET_VIEW,event:ee[0],triggerFlag:!t&&!n,children:(0,b.jsx)(K,{events:ee})})}):P?(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.STORIES_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(j,{eventsStories:ce,onClick:_e,template:M})})}):(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.HOMEPAGE_CAROUSEL_WIDGET_VIEW,triggerFlag:!t&&!n,children:(0,b.jsx)(C,{events:ne,onClick:pe,heading:e.heading})})})}),-1==$||-2==$?(0,b.jsx)(me,{}):(0,b.jsx)(i.Suspense,{children:(0,b.jsx)(v.u,{userInteractionType:g.K.EVENT_VIEW,event:ee[$],productList:ee[$].products,cta:ee[$].cta,triggerFlag:!t&&!n,children:(0,b.jsx)(T,{events:se,index:$,onBack:function(e){(0,l.n2L)(W)&&(0,a.MO)("whatmoreAddedToCart")&&(0,_.D)(W,(()=>{}),100,window.location.hostname,e),Z(-1),J(!1)},slideDirection:P||"horizontal"===(0,l.e8z)(W)?"horizontal":"vertical",eventsStories:ce,initialStoryIndex:Q,template:M})})})]})};const q=function(e,t,n){const i=(0,a.MO)("whatmoreShopId");var o=t.reduce(((e,t,n)=>(t.products.map((e=>e.client_product_id)).forEach((t=>{t in e||(e[t]=!0)})),e)),{}),r=Object.keys(o);if("60960964855"==i&&"undefined"!=typeof fera&&"function"===typeof fera.getRatings){var l={};fera.getRatings(r,(e=>{new Promise(((t,n)=>{e.forEach((e=>{l[e.external_product_id]={avgRating:e.average,totalRatings:e.count}})),t(l)})).then((e=>n(e)))}))}if("23114481744"==i){const e="1e6MQXxzYR19mpw9Km6Dcm86";l={};fetch("https://api.juniphq.com/v1/products?filter[remote_ids]="+r.toString(),{headers:{"Junip-Store-Key":e}}).then((e=>e.json())).then((e=>(e.products.forEach((e=>{l[e.remote_id]={avgRating:parseFloat(e.rating_average).toFixed(1),totalRatings:e.rating_count}})),l))).then((e=>n(e))).catch((e=>console.error(e)))}};var P=n(3388),W=n(7381),M=n(4522),G=n(7008),B=n(32);const H=[{event_id:2333,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:204,brand:"whatmore-dev",product_link:"https://www.aachho.com/products/sadabahaar-chanderi-suit-set",client_product_id:"6780183806018",price:"2800.00",currency:"INR",title:"Sadabahaar Chanderi Suit Set",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/2542/7564/products/5_72f81f91-e027-4497-9dfe-20480b862c54.jpg?v=1684509430",compare_price:"6999.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2022-12-27",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_b9c6f02e-6d5e-4250-97f8-71551c18c4e8.mp4",discount_coupon_image:"",event_hls_url:"https://d3syezql093hs1.cloudfront.net/whatmoredev/b9c6f02e-6d5e-4250-97f8-71551c18c4e8.mp4",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:1,event_state:"ready",poster_image:null,total_views:37,total_like:1,total_share:0,total_whatsapp:0},{event_id:2335,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:2108,brand:"whatmore-dev",product_link:"https://www.ordinaree.com/products/grease-black-designer-blackless-long-dress-for-women-online",client_product_id:"7210211311652",price:"5040.00",currency:"INR",title:"Grease Backless Long Dress",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0106/4897/7444/products/DSC_0377_45ee56eb-1240-4a17-9332-841809f132cf.jpg?v=1673001396",compare_price:"5600.00",product_metadata:null,product_status:"active"},{product_id:1955,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/black-anarkali-and-pant-with-dupatta",client_product_id:"7600010723466",price:"4125.00",currency:"INR",title:"BLACK ANARKALI AND PANT WITH DUPATTA",description:"BLACK ANARKALI AND PANT WITH DUPATTA",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/salwarsuitonlineindia-07285.jpg?v=1669434027&width=823",compare_price:"5200.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2022-12-27",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_e433898b-a5ec-4af6-b74f-2153ad609ffb.mp4",discount_coupon_image:"",event_hls_url:"https://d3syezql093hs1.cloudfront.net/whatmoredev/e433898b-a5ec-4af6-b74f-2153ad609ffb.mp4",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:4,event_state:"ready",poster_image:null,total_views:31,total_like:0,total_share:0,total_whatsapp:0},{event_id:2336,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:632,brand:"whatmore-dev",product_link:"https://www.meerasplussizestore.com/products/basil-brick-ajrakh-handblock-printed-kurta",client_product_id:"6864880173194",price:"876.00",currency:"INR",title:"Basil & Brick Ajrakh Handblock Printed Kurta",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0363/0075/0986/products/Dark-Green-Maroon-Pati-Ajrakh-Kurti-SCL_6948.jpg?v=1653729466",compare_price:"2190.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2022-12-27",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_5ddea9a1-4839-4db8-aa1c-843c14dd1cbb.mp4",discount_coupon_image:"",event_hls_url:"https://d3syezql093hs1.cloudfront.net/whatmoredev/5ddea9a1-4839-4db8-aa1c-843c14dd1cbb.mp4",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:5,event_state:"ready",poster_image:null,total_views:21,total_like:0,total_share:0,total_whatsapp:0},{event_id:2338,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:1728,brand:"whatmore-dev",product_link:"https://suta.in/products/ratri-kamal",client_product_id:"6916488003649",price:"4200.00",currency:"INR",title:"Ratri kamal",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0026/6544/7536/products/ratri-kamal-293774.jpg?v=1668084259",compare_price:null,product_metadata:null,product_status:"active"},{product_id:1732,brand:"whatmore-dev",product_link:"https://suta.in/products/kedar-ki-dor-blouse",client_product_id:"6625859502145",price:"4200.00",currency:"INR",title:"Kedar Ki Dor",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0026/6544/7536/files/DSC01009.jpg?v=1712326816",compare_price:null,product_metadata:null,product_status:"active"},{product_id:1736,brand:"whatmore-dev",product_link:"https://suta.in/products/swarna-kamal",client_product_id:"6916483317825",price:"4200.00",currency:"INR",title:"Swarna Kamal",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0026/6544/7536/products/swarna-kamal-472043.jpg?v=1668093054",compare_price:null,product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2022-12-27",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_496a26de-50cd-4823-8731-a97e0757efcf.mp4",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_496a26de-50cd-4823-8731-a97e0757efcf.mp4?v=1677477938",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:6,event_state:"ready",poster_image:null,total_views:28,total_like:0,total_share:0,total_whatsapp:0},{event_id:3255,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:3636,brand:"whatmore-dev",product_link:"https://buysohi.com/products/sohear8383",client_product_id:"7679599771864",price:"543.00",currency:"INR",title:"Gold Plated Pearl Stud",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0626/0218/2872/products/SS22_SOHEAR8383_1.jpg?v=1651755514",compare_price:"1699.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2023-01-24",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_b0045891-f042-47d4-a87a-187c96a1857e.mp4",discount_coupon_image:"",event_hls_url:"https://d3syezql093hs1.cloudfront.net/whatmoredev/b0045891-f042-47d4-a87a-187c96a1857e.mp4",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:7,event_state:"ready",poster_image:null,total_views:36,total_like:1,total_share:3,total_whatsapp:0},{event_id:3877,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:1955,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/black-anarkali-and-pant-with-dupatta",client_product_id:"7600010723466",price:"4125.00",currency:"INR",title:"BLACK ANARKALI AND PANT WITH DUPATTA",description:"BLACK ANARKALI AND PANT WITH DUPATTA",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/salwarsuitonlineindia-07285.jpg?v=1669434027&width=823",compare_price:"5200.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2023-02-03",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_CoH_liSAYOj.mp4",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_CoH_liSAYOj_b1999a62-134d-4301-9808-5d09e64a8979.mp4?v=1677477812",presenter_email:null,presenter_phone:null,room_id:null,event_type:"video",is_active:!0,rank:20,event_state:"ready",poster_image:null,total_views:16,total_like:0,total_share:0,total_whatsapp:0},{event_id:4188,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:4459,brand:"whatmore-dev",product_link:"https://theethnic.co/products/black-ruching-jacket-kurta-set",client_product_id:"8011323769076",price:"7499.00",currency:"INR",title:"Black Ruching Jacket Kurta Set",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0650/7937/8164/products/1_5102cd2e-a419-4682-abf1-d9619e6e96d7.jpg?v=1674275880",compare_price:"9999.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2023-02-07",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_c398aa0e-f0ac-4aba-91f5-4b1bcc5b1d51.mp4",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_7acda7d8-9762-47c7-9ee2-35e14db4c3fb.mp4?v=1677477803",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:23,event_state:"ready",poster_image:null,total_views:8,total_like:0,total_share:1,total_whatsapp:0},{event_id:28701,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[],cta:[{cta_id:364,cta_link:"https://lovechild.in/collections/fragrances",client_cta_id:"https://lovechild.in/collections/fragrances",cta_title:"Explore",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-01-10",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://d2r0bijhs9mx1s.cloudfront.net/whatmoredev/tn_20c05e5e-43cd-45cd-b1a4-5c942fb732d1.mp4",discount_coupon_image:"",event_hls_url:"https://d1zl4k1t5o4s75.cloudfront.net/whatmoredev/1080p_20c05e5e-43cd-45cd-b1a4-5c942fb732d1.mp4",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:57,event_state:"ready",poster_image:null,total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:28767,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:26392,brand:"whatmore-dev",product_link:"https://www.aachho.com/products/shimmering-mustard-sequin-georgette-suit-set",client_product_id:"6981740691522",price:"4199.00",currency:"INR",title:"Shimmering Mustard Sequin Georgette Suit Set",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/2542/7564/files/0H8A1426.jpg?v=1697874844",compare_price:"5999.00",product_metadata:null,product_status:"active"}],cta:[],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-01-11",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_4820fd98-246f-46b7-8af6-be1e949ff0e2.mp4?v=1704973716",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_4820fd98-246f-46b7-8af6-be1e949ff0e2.mp4?v=1704973708",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:58,event_state:"ready",poster_image:null,total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:48,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:24,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/evil-eye-adjustable-ring-gold",client_product_id:"6923301748874",price:"1250.00",currency:"INR",title:"Evil Eye adjustable ring - Gold",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/WhatsAppImage2020-09-21at11.38.01AM_1_700x_c51dd690-b6d8-4059-b3e0-13a2edf3feea.jpg?v=1656673474",compare_price:"1300",product_metadata:null,product_status:"active"},{product_id:23,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/rose-water-200ml",client_product_id:"6923319771274",price:"250.00",currency:"INR",title:"ROSE WATER 200ML",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/RoseWaterFront-01_250x_2x_c4cd34f3-625d-463a-bf36-3b159322b7ed.png?v=1656673764",compare_price:null,product_metadata:null,product_status:"active"},{product_id:21,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/honey-lemon-face-cleanser-200ml-1",client_product_id:"6923307647114",price:"1300.00",currency:"INR",title:"HONEY & LEMON FACE CLEANSER 200ML",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/C5D_9156-01_250x_2x_2f91ab64-e5a4-42f1-baf3-5f3ecffb2b50_1.png?v=1656673584",compare_price:"1340",product_metadata:null,product_status:"active"},{product_id:22,brand:"whatmore-dev",product_link:"https://whatmore-dev.myshopify.com/products/honey-lemon-face-cleanser-200ml-1",client_product_id:"6923317051530",price:"350.00",currency:"INR",title:"HONEY AND ROSE BODY CREAM 200ML",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/products/2_250x_2x_47ffd4b3-4100-4afb-b4c8-a09867e40ddb.png?v=1656673726",compare_price:null,product_metadata:null,product_status:"active"}],cta:[{cta_id:73,cta_link:"https://honeyandspice.in/collections/central-indian",client_cta_id:"https://honeyandspice.in/collections/central-indian",cta_title:"Shop Now",thumbnail_image:"",cta_type:""}],title:"BTS of HoneyAndSpice",description:"",brand:"whatmore-dev",scheduled_date:"2023-08-10",status:"upcoming",start_time:"19:00",end_time:"20:00",actual_start_time:null,actual_end_time:null,presenter_name:"Honey and Spice",thumbnail_image:"https://d28nus7q7qajdn.cloudfront.net/videos/whatmore-video-01942fec-68a5-4417-aa28-a0bff121a3ec.mp4",discount_coupon_image:"",event_hls_url:"https://d28nus7q7qajdn.cloudfront.net/videos/whatmore-video-2f0d18e6-a519-4e70-b8b3-529b90a04c28.mp4",presenter_email:null,presenter_phone:"+919888988889",room_id:null,event_type:"video",is_active:!0,rank:59,event_state:"ready",poster_image:null,total_views:13,total_like:0,total_share:0,total_whatsapp:0},{event_id:33888,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:26392,brand:"whatmore-dev",product_link:"https://www.aachho.com/products/shimmering-mustard-sequin-georgette-suit-set",client_product_id:"6981740691522",price:"4199.00",currency:"INR",title:"Shimmering Mustard Sequin Georgette Suit Set",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/2542/7564/files/0H8A1426.jpg?v=1697874844",compare_price:"5999.00",product_metadata:null,product_status:"active"}],cta:[{cta_id:402,cta_link:"https://custom.com",client_cta_id:"https://custom.com",cta_title:"custom",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-02-26",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_2b78b138-b18f-45e3-b8dc-6ce59075872f.mp4?v=1708937498",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_2b78b138-b18f-45e3-b8dc-6ce59075872f.mp4?v=1708937490",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:60,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_2b78b138-b18f-45e3-b8dc-6ce59075872f.webp?v=1708937505",total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:33890,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[{product_id:26392,brand:"whatmore-dev",product_link:"https://www.aachho.com/products/shimmering-mustard-sequin-georgette-suit-set",client_product_id:"6981740691522",price:"4199.00",currency:"INR",title:"Shimmering Mustard Sequin Georgette Suit Set",description:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/2542/7564/files/0H8A1426.jpg?v=1697874844",compare_price:"5999.00",product_metadata:null,product_status:"active"}],cta:[{cta_id:402,cta_link:"https://custom.com",client_cta_id:"https://custom.com",cta_title:"custom",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-02-26",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_08ec5ed2-3aca-4d32-b51e-d3f88123cca8.mp4?v=1708937809",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_08ec5ed2-3aca-4d32-b51e-d3f88123cca8.mp4?v=1708937801",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:61,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_08ec5ed2-3aca-4d32-b51e-d3f88123cca8.webp?v=1708937816",total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:33947,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[],cta:[{cta_id:403,cta_link:"https://test.com",client_cta_id:"https://test.com",cta_title:"test",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-02-26",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_81844dee-68c7-425e-96bf-d3ac63c664e7.mp4?v=1708947355",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_81844dee-68c7-425e-96bf-d3ac63c664e7.mp4?v=1708947347",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:62,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_81844dee-68c7-425e-96bf-d3ac63c664e7.webp?v=1708947362",total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:41975,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[],cta:[{cta_id:482,cta_link:"https://tests.com",client_cta_id:"https://tests.com",cta_title:"",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-04-25",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_51411814-cff2-491f-aca3-303e84307049.mp4?v=1714033522",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_51411814-cff2-491f-aca3-303e84307049.mp4?v=1714033514",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:69,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_51411814-cff2-491f-aca3-303e84307049.webp?v=1714033531",total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:41976,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[],cta:[{cta_id:481,cta_link:"https://test1231.com",client_cta_id:"https://test1231.com",cta_title:" ",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-04-25",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_c2a47941-cafb-4765-ac6c-d6414679c6bd.mp4?v=1714033522",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_c2a47941-cafb-4765-ac6c-d6414679c6bd.mp4?v=1714033514",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:70,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_c2a47941-cafb-4765-ac6c-d6414679c6bd.webp?v=1714033530",total_views:0,total_like:0,total_share:0,total_whatsapp:0},{event_id:41977,storyset_id:null,storyset_name:null,storyset_thumbnail_image:null,storyset_event_rank:null,products:[],cta:[{cta_id:403,cta_link:"https://test.com",client_cta_id:"https://test.com",cta_title:"test",thumbnail_image:"",cta_type:""}],title:"",description:"",brand:"whatmore-dev",scheduled_date:"2024-04-25",status:"upcoming",start_time:"",end_time:"",actual_start_time:null,actual_end_time:null,presenter_name:"",thumbnail_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_tn_a0f26d1d-462b-4548-848c-806702cf9c95.mp4?v=1714033522",discount_coupon_image:"",event_hls_url:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_1080p_a0f26d1d-462b-4548-848c-806702cf9c95.mp4?v=1714033513",presenter_email:null,presenter_phone:"",room_id:null,event_type:"video",is_active:!0,rank:71,event_state:"ready",poster_image:"https://cdn.shopify.com/s/files/1/0586/6979/3418/files/whatmore_poster_a0f26d1d-462b-4548-848c-806702cf9c95.webp?v=1714033530",total_views:0,total_like:0,total_share:0,total_whatsapp:0}];var V=function(e){const[t,n]=(0,i.useState)(),[r,u]=(0,i.useState)([]),[_,m]=(0,i.useState)(),{whatmoreIsStoriesTemplate:v}=(0,i.useContext)(p.I),{whatmoreIsCollectionsTemplate:f}=(0,i.useContext)(p.I),{whatmoreIsBannerTemplate:y}=(0,i.useContext)(p.I),[S]=(0,a.j1)("whatmoreShopId"),[I]=(0,a.j1)("whatmoreCollectionId"),k=(0,a.MO)("whatmoreLandingLocationType"),x=(0,a.MO)("whatmoreLoggingActive"),{whatmoreWidgetSourceDetails:E}=(0,i.useContext)(p.I),{whatmoreUserInfo:j,whatmoreIsPreviewMode:T}=(0,i.useContext)(p.I),C=(0,a.MO)("whatmoreCollectionUrl"),[O]=(0,a.j1)("isInDesignMode"),[D]=(0,a.j1)("isDemoBrand"),L=(0,l.cZT)(S)?(0,l._uv)(S)?C:window.location.href.split(/[?#]/)[0]:I,[A,K]=(0,a.j1)("productRatings"),[R,V]=(0,i.useState)(!1);var z=(0,l.efR)(S)?o.Dm+"/v2/events/":o.Gc+"/v2/events/",F=(0,l.efR)(S)?o.Dm+"/v3/events/":o.Gc+"/v3/events/",U=(0,l.efR)(S)?o.Dm+"/v4/events/":o.Gc+"/v4/events/",Y=(0,l.efR)(S)?o.Dm+"/v5/events/":o.Gc+"/v5/events/",J=(0,l.efR)(S)?o.Dm+"/v6/events/":o.Gc+"/v6/events/",$=(0,l.efR)(S)?o.Dm+"/get_eventset/":o.Gc+"/get_eventset/",Z=(0,l.efR)(S)?o.Dm+"/v2/collection":o.Gc+"/v2/collection",Q=(0,l.efR)(S)?o.Dm+"/v3/collection":o.Gc+"/v3/collection",X=(0,l.efR)(S)?o.Dm+"/v4/collection":o.Gc+"/v4/collection",ee=(0,l.efR)(S)?o.Dm+"/v2/brand/"+S+"/product-events":o.Gc+"/v2/brand/"+S+"/product-events",te=e.shopId,ne="live,upcoming",ae="true";return(0,i.useEffect)((()=>{(0,s.hb)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,G.K)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{null!=t&&0!=t.length&&!_&&(0,c.KE)()&&!(0,a.MO)("whatmoreVideoPlayerPoolInitiated")&&(0,w.j)()&&(0,d.b5)(d.UD)}),[t]),(0,i.useEffect)((()=>{var e;if(k.startsWith("product"))if((0,l.C86)(S))e=z.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.toString()+(v?"&template_type=stories":"");else{var t=(0,a.MO)("whatmoreProductId");t=(0,l.iXA)(S)?function(e,t){return"STRQMPNF7QK"==t?encodeURIComponent(e):e.split(/[?#]/)[0]}(window.location.href,S):t,e=ee.toString()+"?client_product_id="+t.toString()+"&status="+ne.toString()+"&event_type=video"}else if(f||"invalid-url"!==C)e=(0,l.YGB)(S)?`${Q.toString()}?store_id=${te.toString()}&client_collection_id=${"index"==k&&(0,l.igW)(S).length>0?(0,l.igW)(S)[0]:L}`:"78232846646"==S?`${X.toString()}?store_id=${te.toString()}&client_collection_id=${"index"==k&&(0,l.igW)(S).length>0?(0,l.igW)(S)[0]:L}`:`${Z.toString()}?store_id=${te.toString()}&client_collection_id=${"index"==k&&(0,l.igW)(S).length>0?(0,l.igW)(S)[0]:L}`;else if(y){const t=h.ls,n=(0,h.H1)(k);e=$.toString()+te.toString()+"?eventset_type="+t+"&source="+n+"&source_id="+S}else{var i,o,r,c;if(("72201044272"==S||"2665447536"==S&&T)&&!v)e=F.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.toString()+"&latitude="+(null!==(i=null===(o=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===o?void 0:o.latitude)&&void 0!==i?i:"")+"&longitude="+(null!==(r=null===(c=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===c?void 0:c.longitude)&&void 0!==r?r:"")+"&user_type="+(null!==j&&void 0!==j&&j.userType?"olduser":"newuser");else if((0,l.YGB)(S)&&!v)e=U.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.toString();else if("78232846646"==S&&T){var d,_,p,g;e=J.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.toString()+"&latitude="+(null!==(d=null===(_=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===_?void 0:_.latitude)&&void 0!==d?d:"")+"&longitude="+(null!==(p=null===(g=JSON.parse(localStorage.getItem("_user_wh_lc")))||void 0===g?void 0:g.longitude)&&void 0!==p?p:"")+"&user_type="+(null!==j&&void 0!==j&&j.userType?"olduser":"newuser")}else e="78232846646"==S?Y.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.toString():z.toString()+te.toString()+"?status="+ne.toString()+"&is_active="+ae.toString()+(v?"&template_type=stories":"")}fetch(e).then((e=>e.json())).then((e=>{var t;if(y){const t=h.ls;return(0,P.OC)(e,t)}return(0,l.YGB)(S)&&(null===e||void 0===e||null===(t=e.questions)||void 0===t?void 0:t.length)>0&&(null==localStorage.getItem("_whatmore_qview_index")&&localStorage.setItem("_whatmore_qview_index",0),(0,s.xV)(null===e||void 0===e?void 0:e.questions)),(null===e||void 0===e?void 0:e.all_events)&&u(null===e||void 0===e?void 0:e.all_events),(0,P.kW)(e,f||"invalid-url"!==C)})).then((e=>(x&&console.debug("initial received events size : "+e.length),v||f||y?e:(0,P.e8)(e,te)))).then((e=>(null!=e&&0!=e.length&&(0,l.LUY)(S)&&function(e,t,n){const i=setInterval((()=>{null===(0,a.MO)("productRatings")&&q(e,t,n)}),1e3);setTimeout((()=>{clearInterval(i)}),1e4)}(S,e,(e=>{K(e)})),e))).then((e=>{n((D||O)&&null==e?H:e),V(!0)})).catch((e=>{m(e.message),V(!0)}))}),[]),(0,i.useEffect)((()=>{"index"===k?t&&t.length>0&&(0,M.PB)({userInteractionType:g.K.HOMEPAGE_VISITED,widgetSourceDetails:E}):"collection"===k&&(t&&t.length>0||(0,l.miB)(S))&&(0,M.PB)({userInteractionType:g.K.COLLECTION_PAGE_VISITED,widgetSourceDetails:E})}),[t]),R&&(null==t||0==t.length||_)&&B.IR.forEach((e=>{var t,n,a,i;const o=null!==(t=e.querySelector('.whatmore-template-type[data-wh="template-stories-a"]'))&&void 0!==t?t:e.querySelector('.whatmore-template-type[data="template-stories-a"]'),r=null!==(n=e.querySelector('.whatmore-template-type[data-wh="template-a"]')||e.querySelector('.whatmore-template-type[data-wh="template-b"]')||e.querySelector('.whatmore-template-type[data-wh="template-f"]')||e.querySelector('.whatmore-template-type[data-wh="template-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-e"]')||e.querySelector('.whatmore-template-type[data-wh="template-a-1"]')||e.querySelector('.whatmore-template-type[data-wh="template-g"]')||e.querySelector('.whatmore-template-type[data-wh="template-h"]'))&&void 0!==n?n:e.querySelector('.whatmore-template-type[data="template-a"]')||e.querySelector('.whatmore-template-type[data="template-b"]')||e.querySelector('.whatmore-template-type[data="template-f"]')||e.querySelector('.whatmore-template-type[data="template-stories"]')||e.querySelector('.whatmore-template-type[data="template-e"]')||e.querySelector('.whatmore-template-type[data="template-a-1"]')||e.querySelector('.whatmore-template-type[data="template-g"]')||e.querySelector('.whatmore-template-type[data="template-h"]'),l=null!==(a=e.querySelector('.whatmore-template-type[data-wh="template-collections-a"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-b"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-c"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-d"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-e"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-f"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-g"]')||e.querySelector('.whatmore-template-type[data-wh="template-collections-h"]'))&&void 0!==a?a:e.querySelector('.whatmore-template-type[data="template-collections-a"]')||e.querySelector('.whatmore-template-type[data="template-collections-b"]')||e.querySelector('.whatmore-template-type[data="template-collections-c"]')||e.querySelector('.whatmore-template-type[data="template-collections-stories"]')||e.querySelector('.whatmore-template-type[data="template-collections-e"]')||e.querySelector('.whatmore-template-type[data="template-collections-d"]')||e.querySelector('.whatmore-template-type[data="template-collections-f"]')||e.querySelector('.whatmore-template-type[data="template-collections-g"]')||e.querySelector('.whatmore-template-type[data="template-collections-h"]'),s=null!==(i=e.querySelector('.whatmore-template-type[data-wh="template-banner-a"]'))&&void 0!==i?i:e.querySelector('.whatmore-template-type[data="template-banner-a"]'),c=e;if(v){const t=e.querySelector(".whatmore-shimmer-stories");t&&(t.style.display="none")}else if(!f){const t=e.querySelector(".loading-skeleton-wrapper");t&&(t.style.display="none")}(s||l||r||o)&&(r&&c||o&&c||s&&c||l&&c)&&(c.style.minHeight="0px")})),null==t||0==t.length||_?(0,b.jsx)("div",{}):(x&&(0,W.EI)(t),function(e){if(null!=e){var t=0;e.forEach((e=>{e.index=t++}))}}(t),x&&console.debug("final transformed events data : "+JSON.stringify(t)),x&&console.debug("valid events size : "+t.length),(0,b.jsx)(N,{heading:e.heading,events:t,allEvents:r}))},z=n(6775);var F=function(e){const[t]=(0,a.j1)("whatmoreShopId"),[n]=(0,a.j1)("whatmoreHeading"),[o,r]=(0,i.useState)(["initial",window.pageYOffset]),[s,c]=(0,i.useState)(!1),d="2665447536"==t?30:10,_=(0,a.MO)("isLandingSharedLink");(0,i.useEffect)((()=>{if((0,u.ll)(t),!(0,l.wc0)(t))return;const e=d;let n=window.pageYOffset,a=!1;const i=()=>{const t=window.pageYOffset;var i,o;Math.abs(t-n)<e?a=!1:(o=!0,r(i=[t>n?"scrolled-down":"scrolled-up",t]),i[1]>d&&c(o),n=t>0?t:0,a=!1)},o=()=>{a||(window.requestAnimationFrame(i),a=!0)};return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)}),[]);const[p,m,h]=(0,z.Z)({triggerOnce:!0});return(0,b.jsx)("div",{ref:p,style:{display:"block",height:"100%"},children:s||m||_||!(0,l.wc0)(t)||(0,l.dhc)(t)?(0,b.jsx)(V,{heading:n,shopId:t}):(0,b.jsx)("div",{})})}},8181:function(e,t,n){var a=n(7313),i=n(8866),o=n(7753),r=n(6417);const l=a.memo((()=>{if(!(0,o.MO)("isLandingSharedLink"))return(0,r.jsx)(r.Fragment,{});const[e]=(0,i.Z)();return(0,r.jsxs)("div",{className:`shimmer-container ${e}`,children:["portrait"===e?(0,r.jsx)("div",{className:"shimmer-item portrait-full",children:(0,r.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((e,t)=>(0,r.jsx)("div",{className:"shimmer-item landscape-item "+(1===t?"center-item":""),children:(0,r.jsx)("div",{className:"shimmer-effect"})},t))),(0,r.jsx)("style",{children:"\n .shimmer-container {\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n overflow-x: scroll;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n z-index: 1000;\n }\n\n .portrait {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.6);\n }\n\n .landscape {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.8);\n }\n\n .shimmer-item {\n scroll-snap-align: start;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n transition: transform 0.3s ease;\n }\n\n .portrait-full {\n width: 100vw;\n height: 100vh;\n margin: 0; \n }\n\n .landscape-item {\n width: 250px;\n height: 450px;\n background: #D3D3D3;\n border-radius: 8px;\n margin-left: -50px; \n }\n\n .center-item {\n width: 360px;\n height: 620px;\n box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); \n z-index: 10; \n }\n\n .shimmer-effect {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 75%);\n animation: shimmer 2s infinite;\n background-size: 200% 100%;\n }\n\n @keyframes shimmer {\n 0% {\n background-position: -200% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n }\n "})]})}));t.Z=l},3388:function(e,t,n){n.d(t,{OC:function(){return l},e8:function(){return o},kT:function(){return a},kW:function(){return r},xg:function(){return i}});const a=function(e,t){return!((void 0==e.products||0==e.products.length)&&(void 0==e.cta||0==e.cta.length))},i=function(e,t){return!(void 0==e.products||0==e.products.length)},o=function(e,t){if(null!=e)return e},r=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null!=e)return t?e.events[0].events:e.events};const l=function(e,t){var n;if(null==e)return[];if(!("eventsets"in e))return[];const a=null!==(n=e.eventsets[t])&&void 0!==n?n:null;return a?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(a):[]}},6095:function(e,t,n){function a(e,t){let n=0;let a=new MutationObserver((function(){document.querySelector("."+e)?(t(),a.disconnect()):0==n&&(n=1,setTimeout((()=>{t(),a.disconnect()}),8e3))}));a.observe(document.body,{childList:!0,subtree:!0})}n.d(t,{A:function(){return a}})},4522:function(e,t,n){n.d(t,{gW:function(){return s},GF:function(){return c},y4:function(){return u},PB:function(){return _},Z2:function(){return d}});var a=n(9854),i=n(7753),o=n(778);function r(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const r=(0,i.MO)("whatmoreShopId");(e!=o.K.EVENT_VIEW||(0,a.UAB)(r))&&(e!=o.K.VIDEO_PLAYBACK||(0,a.JP0)(r))&&(e!=o.K.SHOPNOW_ATC_CLICKED&&e!=o.K.PRODUCT_TILE_ATC_CLICKED||(0,a.Tn_)(r))&&(e!=o.K.VIDEO_LIKED||(0,a.sKB)(r))&&(e!=o.K.VIDEO_SHARE_CTA_CLICKED||(0,a.YOU)(r))&&(e!=o.K.PRODUCT_TILE_SHOPNOW_CLICKED&&e!=o.K.SHOPNOW_CLICKED||(0,a.ejq)(r))&&"function"==typeof fbq&&(async()=>{fbq("trackCustom",s[e],{id:null===t||void 0===t?void 0:t.client_product_id,product_url:null===t||void 0===t?void 0:t.product_link,...e===o.K.VIDEO_PLAYBACK?{watch_time:n.watch_time,video_duration:n.video_duration}:{}})})()}var l=n(733);const s={[o.K.EVENT_VIEW]:"whatmore_video_click_event",[o.K.VIDEO_LIKED]:"whatmore_video_like_event",[o.K.VIDEO_SHARE_CTA_CLICKED]:"whatmore_video_share_event",[o.K.PRODUCT_TILE_ATC_CLICKED]:"whatmore_video_atc_event",[o.K.SHOPNOW_ATC_CLICKED]:"whatmore_video_atc_event",[o.K.SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[o.K.PRODUCT_TILE_SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[o.K.VIDEO_PLAYBACK]:"whatmore_video_watch_event"};function c(e){var t;let{userInteractionType:n,userInteractionMetadata:a,widgetSourceDetails:i,event:o,productList:c,ctaList:d}=e;(0,l.s)({userInteractionType:n,userInteractionMetadata:a,widgetSourceDetails:i,event:o,productList:c,ctaList:d}),n in s&&r(n,null!==(t=null===c||void 0===c?void 0:c[1])&&void 0!==t?t:null===c||void 0===c?void 0:c[0])}function d(e){var t;let{userInteractionType:n,userInteractionMetadata:a,widgetSourceDetails:i,event:o,productList:c,ctaList:d}=e;(0,l.s)({userInteractionType:n,userInteractionMetadata:a,widgetSourceDetails:i,event:o,productList:c,ctaList:d}),n in s&&r(n,null!==(t=null===c||void 0===c?void 0:c[1])&&void 0!==t?t:null===c||void 0===c?void 0:c[0],a)}function u(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:r}=e;(0,l.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:r})}function _(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:r}=e;(0,l.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:a,event:i,productList:o,ctaList:r})}}}]);
|
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[281],{8181:function(e,t,n){var i=n(7313),o=n(8866),r=n(7753),a=n(6417);const d=i.memo((()=>{if(!(0,r.MO)("isLandingSharedLink"))return(0,a.jsx)(a.Fragment,{});const[e]=(0,o.Z)();return(0,a.jsxs)("div",{className:`shimmer-container ${e}`,children:["portrait"===e?(0,a.jsx)("div",{className:"shimmer-item portrait-full",children:(0,a.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((e,t)=>(0,a.jsx)("div",{className:"shimmer-item landscape-item "+(1===t?"center-item":""),children:(0,a.jsx)("div",{className:"shimmer-effect"})},t))),(0,a.jsx)("style",{children:"\n .shimmer-container {\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n overflow-x: scroll;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n z-index: 1000;\n }\n\n .portrait {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.6);\n }\n\n .landscape {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.8);\n }\n\n .shimmer-item {\n scroll-snap-align: start;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n transition: transform 0.3s ease;\n }\n\n .portrait-full {\n width: 100vw;\n height: 100vh;\n margin: 0; \n }\n\n .landscape-item {\n width: 250px;\n height: 450px;\n background: #D3D3D3;\n border-radius: 8px;\n margin-left: -50px; \n }\n\n .center-item {\n width: 360px;\n height: 620px;\n box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); \n z-index: 10; \n }\n\n .shimmer-effect {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 75%);\n animation: shimmer 2s infinite;\n background-size: 200% 100%;\n }\n\n @keyframes shimmer {\n 0% {\n background-position: -200% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n }\n "})]})}));t.Z=d},7951:function(e,t,n){n.d(t,{BU:function(){return r},FC:function(){return a}});let i,o=!1;function r(){return i?i.play().then((()=>{o=!0,console.debug("iOS autoplay restrictions bypassed."),i.pause()})).catch((e=>{console.error("Failed to bless videos:",e.message)})):Promise.reject(new Error("Blessing video not initialized."))}function a(){i||(i=document.createElement("video"),i.src="https://whatmore-other-assets.b-cdn.net/whatmore/dummy_for_video_pool_3s_muted_11kb.mp4",i.muted=!0,i.playsInline=!0,i.style.display="none",document.body.appendChild(i));const e=()=>{o||r()};document.addEventListener("click",e,{once:!0}),document.addEventListener("touchstart",e,{once:!0})}},5380:function(e,t,n){n.d(t,{Z:function(){return w}});var i=n(4959),o=n(7313),r=n(4892),a=n(6805),d=n(7753),s=n(9821);var l=function(e){const[t,n,i,o,r]=(0,s.Z)(),[l]=(0,d.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,d.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),u=r[a.YP]===a.$w?c/100:l/100*1.2;return[t*u,n*u,r]},c=n(9723),u=n(9461),p=n.n(u),h=n(1195),v=n(7108),m=(n(7244),n(123),n(9854)),f=n(6417);var w=function(e){var t;const n=o.useRef(null);var[s,u,w]=l();const g=(0,d.MO)("whatmoreUITheme"),[x]=(0,d.j1)("whatmoreEmbedAppVideoTitle"),[_]=(0,d.j1)("whatmoreEmbedAppPositionPortrait"),[y]=(0,d.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[E]=(0,d.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[b]=(0,d.j1)("whatmoreEmbedAppPositionLandscape"),[j]=(0,d.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[I]=(0,d.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),S=(0,d.MO)("whatmoreShopId");var L=_,C=y,P=E;w[a.YP]===a.$w&&(L=b,C=j,P=I);const[D,O]=(0,o.useState)(["initial",window.pageYOffset]),[T,K]=(0,o.useState)(!1),A=null!==(t=e.isSpotlight)&&void 0!==t&&t,k=w[a.YP]===a.$w?.7*(0,m.zGA)(S):(0,m.zGA)(S),z=A?k:1;s*=z,u*=z;const V=A?(0,m.G0o)(S):L,M=A?(0,m.X8j)(S):(0,m.lVn)(S),[N,F]=(0,o.useState)(!A&&(0,m.eXi)(S));function Y(e,t){O(e),e[1]<=100?K(!1):t!=T&&(K(t),F(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||(Y([n>e?"scrolled-down":"scrolled-up",n],!0),e=n>0?n:0),t=!1},i=()=>{t||(window.requestAnimationFrame(n),t=!0)};return window.addEventListener("scroll",i),()=>window.removeEventListener("scroll",i)}),[D]),(0,i.O3)({ref:n,handler:()=>{Y(["scrolled-up",D[1]],!0)}});const $=e.event,R=e.inVideoClick,Z=e.closeClick,W=.3*u,U=.6*u,B=.1*u,H=.1*(.5*u),G="round"==g?"10px":"0px",q=(0,m.Z$A)(S);var J=!1,X=0,Q=0;function ee(e){J=e}return(0,f.jsx)("div",{children:N&&!M?(0,f.jsx)(f.Fragment,{}):T&&M?(0,f.jsx)("div",{style:"left"===V?{left:"1px",bottom:A?(0,m.vnu)(S)+"px":P+"px",position:"fixed",zIndex:q}:{right:"5px",bottom:A?(0,m.vnu)(S)+"px":P+"px",position:"fixed",zIndex:q},children:(0,f.jsxs)("div",{onClick:()=>{Y(["initial",D[1]],!1)},style:{margin:"1px",width:u+"px",height:s+"px"},className:"left"===V?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,f.jsx)(r.Z,{url:$.thumbnail_image,isPlaying:!1,event:$})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,f.jsx)(h.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},style:{position:"relative",zIndex:1,left:H+"px",bottom:H+"px"},onClick:Z})})}),(0,f.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,f.jsx)(v.Z,{sx:{color:"white",fontSize:2*W+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,f.jsx)(p(),{nodeRef:n,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var n,i;n=t.x,i=t.y,X=n,Q=i},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{J&&(Math.abs(t.x-X)>5||Math.abs(t.y-Q)>5)?ee(!1):R($)},children:(0,f.jsx)("div",{ref:n,style:"left"===V?{left:A?(0,m.$II)(S)+"px":C+"px",bottom:A?(0,m.vnu)(S)+"px":P+"px",position:"fixed",zIndex:q}:{right:A?(0,m.$II)(S)+"px":C+"px",bottom:A?(0,m.vnu)(S)+"px":P+"px",position:"fixed",zIndex:q},children:(0,f.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==S?s+"px":u+"px",height:e.isSpotlight&&"60122562760"==S?u+"px":s+"px"}),className:"left"===V?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,f.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,f.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==S?16/9:9/16},children:(0,f.jsx)(r.Z,{url:$.thumbnail_image,isMuted:!0,isPlaying:!0,event:$})})}),(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,f.jsx)(h.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:W+"px"},onClick:Z,style:{position:"relative",zIndex:1,left:B+"px",bottom:B+"px"}})}),(0,f.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,f.jsx)(c.Z,{sx:{color:(0,m.Ya_)(S),fontSize:U+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,f.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:G,borderBottomRightRadius:G,backgroundImage:x?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,f.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*W+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",x]})})]})})]})})})})}},4284:function(e,t,n){n.r(t);var i=n(7313),o=n(9854),r=n(2860),a=n(7753),d=n(5160),s=n(6967),l=n(5380),c=n(58),u=n(8984),p=n(4669),h=n(513),v=n(9302),m=n(2575),f=n(7300),w=n(6524),g=n(364),x=n(4522),_=n(778),y=n(7643),E=n(7008),b=n(7381),j=n(8181),I=n(6095),S=n(653),L=n(7951),C=n(6417);const P=(0,m.Z)({key:"whatmore-css-ppv"}),D=i.lazy((()=>Promise.all([n.e(819),n.e(210),n.e(577),n.e(154),n.e(926),n.e(824),n.e(348),n.e(647)]).then(n.bind(n,6348))));function O(e){return e.split(/[?#]/)[0]}t.default=function(e){const[t,n]=(0,i.useState)(),[m,T]=(0,i.useState)(),{whatmoreIsPreviewMode:K}=(0,i.useContext)(g.I),[A]=(0,a.j1)("isInDesignMode"),[k]=(0,a.j1)("isDemoBrand"),[z]=(0,a.j1)("whatmoreEmbedAppUseVariant"),[V,M]=(0,i.useState)(-2),[N]=(0,a.j1)("whatmoreVariantId"),[F]=(0,a.j1)("whatmoreShopId");var[Y]=(0,a.j1)("whatmoreProductId");const $=(0,a.MO)("isLandingSharedLink"),R=(0,a.MO)("whatmoreShareTemplateId"),Z=(0,a.MO)("whatmoreShareEventId"),W=$&&"template-embed"===(0,w.zv)(R),[U,B]=(0,i.useState)(W);Y=(0,o.iXA)(F)?O(window.location.href):Y;const[H,G]=(0,i.useState)((()=>"true"===z?N:Y));var q=r.Gc+"/v2/brand/"+F+"/product-events";const{whatmoreWidgetSourceDetails:J}=(0,i.useContext)(g.I);(0,i.useEffect)((()=>{(0,b.Oo)("Video shopping powered by Whatmore!"),(0,s.hb)();const e=()=>{const e="_whatmore_bulk_events",t=JSON.parse(localStorage.getItem(e))||[];t&&t.length>0&&((0,E.K)(t),localStorage.removeItem(e))};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[]),(0,i.useEffect)((()=>{(0,p.ll)(F)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||m||!(0,u.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||((0,S.j)()?(0,c.b5)(c.UD):(0,L.FC)())}),[t]),(0,i.useEffect)((()=>{if(M(-1),(0,o.ly4)(F)){const e=`${r.Gc}/v2/brand/${F}/product-events/recommendation`,t=(0,o.FSv)(F);fetch(`${e}?client_product_id=${H}&limit=10&recommended=${!t}&origin=${window.location.hostname}&status=live,upcoming&event_type=video`).then((e=>e.json())).then((e=>{var i;const o=e=>{var t;return null===(t=e.products)||void 0===t?void 0:t.some((e=>"oos"!=(null===e||void 0===e?void 0:e.product_status)))},r=null===e||void 0===e||null===(i=e.events)||void 0===i?void 0:i.filter((e=>o(e)));if((null===r||void 0===r?void 0:r.length)>0){var a,d,s;const i=t?null===e||void 0===e||null===(a=e.all_events)||void 0===a?void 0:a.filter((e=>o(e))):null===e||void 0===e||null===(d=e.related_events)||void 0===d?void 0:d.filter((e=>o(e))).map((e=>({...e,isRelatedEvent:!0})));(null===i||void 0===i?void 0:i.length)>0&&(null===e||void 0===e||null===(s=e.product_info)||void 0===s?void 0:s.length)>0&&"6749782119"!=F?n([...r,...i,{event_type:"recommended_images",product_list:[...e.product_info]}]):n([...r,...i])}else n([])})).catch((e=>T(e.message)))}else fetch(q.toString()+"?client_product_id="+H.toString()+"&status="+"upcoming".toString()+"&event_type=video").then((e=>e.json())).then((e=>e.events)).then((e=>(null!=e&&0!=e.length&&(0,o.Htz)(F)&&(0,o.d0x)(e),n(e),e))).then((e=>((0,o.yoE)(F)&&function(e,t){setTimeout((async()=>{const n=e.reduce(((e,t)=>[...e,...t.products]),[]).filter((e=>e.client_product_id==t))[0];if(!n||n.product_link==O(window.location.href))return;const i={product_id:n.product_id,product_link:O(window.location.href)};fetch(r.Gc+"/product",{method:"PUT",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(i)})}),500)}(e,H),e))).catch((e=>{T(e.message)}))}),[H]),(0,i.useEffect)((()=>{var e,n;M(-2),(t&&t.length>0||(0,o.uO6)(F))&&(0,x.PB)({userInteractionType:_.K.PDP_VISITED,widgetSourceDetails:J,event:null===t||void 0===t?void 0:t[0],productList:null===t||void 0===t||null===(e=t[0])||void 0===e?void 0:e.products,ctaList:null===t||void 0===t||null===(n=t[0])||void 0===n?void 0:n.cta})}),[t]),(0,i.useEffect)((()=>{const e=O(window.location.href);let t=history.pushState;history.pushState=function(){let e=t.apply(this,arguments);return window.dispatchEvent(new Event("pushstate")),window.dispatchEvent(new Event("locationchange")),e};let n=history.replaceState;history.replaceState=function(){let e=n.apply(this,arguments);return window.dispatchEvent(new Event("replacestate")),window.dispatchEvent(new Event("locationchange")),e},window.addEventListener("popstate",(()=>{window.dispatchEvent(new Event("locationchange"))})),window.addEventListener("locationchange",(function(){if("24950997070"==F&&window.location.origin+window.location.pathname!=e&&fetch(window.location.origin+window.location.pathname+".json").then((e=>e.json())).then((e=>{var t;return G(null===e||void 0===e||null===(t=e.product)||void 0===t?void 0:t.id)})),"true"===z){const e=function(e){for(var t=window.location.search.substring(1).split("&"),n=0;n<t.length;n++){var i=t[n].split("=");if(i[0]==e)return i[1]}return!1}("variant");e&&""!==e&&G(e)}}))}),[]),(0,i.useEffect)((()=>{if(null!=t&&0!==t.length&&!m&&W&&((0,I.A)("whatmore-video-player",(()=>{B(!1)})),null!=Z)){const e=t.find((e=>Z==e.event_id));if(e)return void ee(e,!0,t.indexOf(e))}}),[t]);const X=J.landingLocationType,Q=J.templateType,ee=async function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if((0,u.KE)()&&!t&&await((0,S.j)()?(0,c.QV)():(0,L.FC)()),(0,f.B6)(e)||(0,f.WJ)(e))return A||k||(async()=>{const t=(0,w.NY)(X)+(0,w.dS)(Q)+(null!==e&&void 0!==e&&e.isRelatedEvent?"R":"E")+"_"+(null===e||void 0===e?void 0:e.event_id);(0,d.wh)(e),(0,p.Tc)(F,r.h7,r.dU),(0,s.H4)(e.event_id,e.products,"product_page","video_popup",t)})(),void M(n)};function te(){return(0,C.jsx)(C.Fragment,{})}return null==t||0==t.length||m?(0,C.jsx)("div",{}):(0,C.jsxs)(v.C,{value:P,children:[U&&(0,C.jsx)(j.Z,{}),"no-product"===H||-1===V||0===t.length?(0,C.jsx)(te,{}):-2===V&&t.length>0?(0,C.jsx)("div",{children:(0,C.jsx)(y.u,{userInteractionType:_.K.PDP_POPUP_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!A&&!k,children:(0,C.jsx)(l.Z,{event:t[0],inVideoClick:ee,closeClick:e=>{var n;e.stopPropagation(),M(-1),(0,x.GF)({userInteractionType:_.K.PDP_POPUP_CLOSED,widgetSourceDetails:J,event:null===t||void 0===t?void 0:t[0],productList:null===t||void 0===t||null===(n=t[0])||void 0===n?void 0:n.products})}})})}):(0,C.jsx)("div",{children:(0,C.jsx)(i.Suspense,{children:(0,C.jsx)(y.u,{userInteractionType:_.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!A&&!k,children:(0,C.jsx)(D,{events:t,index:V,onBack:function(e){(0,o.n2L)(F)&&(0,a.MO)("whatmoreAddedToCart")&&(0,h.D)(F,(()=>{}),100,window.location.hostname,e),M(-2),B(!1)},template:"template-product-page"})})})})]})}},6095:function(e,t,n){function i(e,t){let n=0;let i=new MutationObserver((function(){document.querySelector("."+e)?(t(),i.disconnect()):0==n&&(n=1,setTimeout((()=>{t(),i.disconnect()}),8e3))}));i.observe(document.body,{childList:!0,subtree:!0})}n.d(t,{A:function(){return i}})},6805:function(e,t,n){n.d(t,{$I:function(){return d},$w:function(){return l},AK:function(){return r},AL:function(){return a},YP:function(){return o},me:function(){return i},rE:function(){return s}});const i="device_type",o="device_mode",r="mobile",a="tablet",d="desktop",s="portrait",l="landscape"},9821:function(e,t,n){var i=n(7753),o=n(8866),r=n(6805),a=n(9854);t.Z=function(e){const[t,n,d]=(0,o.Z)(),[s]=(0,i.j1)("whatmoreLandscapePadding"),[l]=(0,i.j1)("whatmoreShopId"),[c]=(0,i.j1)("whatmoreVideoTileSize"),[u]=(0,i.j1)("whatmoreVideoTileSizePortrait"),p=d>=1025,h="portrait"==t?u:c,v=!("portrait"!=t||!(d>=481)),m=h/100*1.3*.5,f=h/100;var w=Math.min(d,n),[g,x,_,y]=[.6*w*(16/9),.6*w,1.4,0];function E(e){return Math.round(10*e)/10}var b={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(p){const e=x*m,t=g*m;[g,x,_,y]=[t,e,(d-2*s-2*(0,a.mZU)(l))/(1.1*e),s],b[r.me]=r.$I,b[r.YP]=r.$w}else if(v){var j=.8*x,I=.8*g;"portrait"==t?(j*=f,I*=f,[g,x,_,y]=[I,j,E(d/(1.2*j)),0],b[r.me]=r.AL,b[r.YP]=r.rE):([g,x,_,y]=[I,j,(d-2*s)/(1.1*j),s],b[r.me]=r.AL,b[r.YP]=r.$w)}else{j=x,I=g;"portrait"==t?(j=j*f*.9,I=I*f*.9,[g,x,_,y]=[I,j,E(d/(1.15*j)),0],b[r.me]=r.AK,b[r.YP]=r.rE):(j=.7*x,I=.7*g,[g,x,_,y]=[I,j,(d-2*s)/(1.1*j),s],b[r.me]=r.AK,b[r.YP]=r.$w)}return[g,x,_,y,b]}},4522:function(e,t,n){n.d(t,{gW:function(){return s},GF:function(){return l},y4:function(){return u},PB:function(){return p},Z2:function(){return c}});var i=n(9854),o=n(7753),r=n(778);function a(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const a=(0,o.MO)("whatmoreShopId");(e!=r.K.EVENT_VIEW||(0,i.UAB)(a))&&(e!=r.K.VIDEO_PLAYBACK||(0,i.JP0)(a))&&(e!=r.K.SHOPNOW_ATC_CLICKED&&e!=r.K.PRODUCT_TILE_ATC_CLICKED||(0,i.Tn_)(a))&&(e!=r.K.VIDEO_LIKED||(0,i.sKB)(a))&&(e!=r.K.VIDEO_SHARE_CTA_CLICKED||(0,i.YOU)(a))&&(e!=r.K.PRODUCT_TILE_SHOPNOW_CLICKED&&e!=r.K.SHOPNOW_CLICKED||(0,i.ejq)(a))&&"function"==typeof fbq&&(async()=>{fbq("trackCustom",s[e],{id:null===t||void 0===t?void 0:t.client_product_id,product_url:null===t||void 0===t?void 0:t.product_link,...e===r.K.VIDEO_PLAYBACK?{watch_time:n.watch_time,video_duration:n.video_duration}:{}})})()}var d=n(733);const s={[r.K.EVENT_VIEW]:"whatmore_video_click_event",[r.K.VIDEO_LIKED]:"whatmore_video_like_event",[r.K.VIDEO_SHARE_CTA_CLICKED]:"whatmore_video_share_event",[r.K.PRODUCT_TILE_ATC_CLICKED]:"whatmore_video_atc_event",[r.K.SHOPNOW_ATC_CLICKED]:"whatmore_video_atc_event",[r.K.SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[r.K.PRODUCT_TILE_SHOPNOW_CLICKED]:"whatmore_product_tile_click_event",[r.K.VIDEO_PLAYBACK]:"whatmore_video_watch_event"};function l(e){var t;let{userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}=e;(0,d.s)({userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}),n in s&&a(n,null!==(t=null===l||void 0===l?void 0:l[1])&&void 0!==t?t:null===l||void 0===l?void 0:l[0])}function c(e){var t;let{userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}=e;(0,d.s)({userInteractionType:n,userInteractionMetadata:i,widgetSourceDetails:o,event:r,productList:l,ctaList:c}),n in s&&a(n,null!==(t=null===l||void 0===l?void 0:l[1])&&void 0!==t?t:null===l||void 0===l?void 0:l[0],i)}function u(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a}=e;(0,d.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a})}function p(e){let{userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a}=e;(0,d.s)({userInteractionType:t,userInteractionMetadata:n,widgetSourceDetails:i,event:o,productList:r,ctaList:a})}},7244:function(){}}]);
|
@@ -1,2 +0,0 @@
|
|
1
|
-
/*! For license information please see recommended-carousel.9a69fdec.chunk.js.LICENSE.txt */
|
2
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[258],{5824:function(e,t,o){o.r(t),o.d(t,{default:function(){return O}});var r=o(7313),a=o(3366),n=o(7462),s=o(1921),i=o(3061),l=o(8564),c=o(3530),u=o(2298),m=o(7430);function d(e){return(0,u.Z)("MuiImageList",e)}(0,m.Z)("MuiImageList",["root","masonry","quilted","standard","woven"]);var f=r.createContext({}),p=o(6417);const g=["children","className","cols","component","rowHeight","gap","style","variant"],h=(0,l.ZP)("ul",{name:"MuiImageList",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,t[o.variant]]}})((e=>{let{ownerState:t}=e;return(0,n.Z)({display:"grid",overflowY:"auto",listStyle:"none",padding:0,WebkitOverflowScrolling:"touch"},"masonry"===t.variant&&{display:"block"})}));var v=r.forwardRef((function(e,t){const o=(0,c.Z)({props:e,name:"MuiImageList"}),{children:l,className:u,cols:m=2,component:v="ul",rowHeight:y="auto",gap:w=4,style:x,variant:b="standard"}=o,Z=(0,a.Z)(o,g),S=r.useMemo((()=>({rowHeight:y,gap:w,variant:b})),[y,w,b]);r.useEffect((()=>{0}),[]);const C="masonry"===b?(0,n.Z)({columnCount:m,columnGap:w},x):(0,n.Z)({gridTemplateColumns:`repeat(${m}, 1fr)`,gap:w},x),I=(0,n.Z)({},o,{component:v,gap:w,rowHeight:y,variant:b}),j=(e=>{const{classes:t,variant:o}=e,r={root:["root",o]};return(0,s.Z)(r,d,t)})(I);return(0,p.jsx)(h,(0,n.Z)({as:v,className:(0,i.default)(j.root,j[b],u),ref:t,style:C,ownerState:I},Z,{children:(0,p.jsx)(f.Provider,{value:S,children:l})}))})),y=(o(478),o(7816));function w(e){return(0,u.Z)("MuiImageListItem",e)}var x=(0,m.Z)("MuiImageListItem",["root","img","standard","woven","masonry","quilted"]);const b=["children","className","cols","component","rows","style"],Z=(0,l.ZP)("li",{name:"MuiImageListItem",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[{[`& .${x.img}`]:t.img},t.root,t[o.variant]]}})((e=>{let{ownerState:t}=e;return(0,n.Z)({display:"block",position:"relative"},"standard"===t.variant&&{display:"flex",flexDirection:"column"},"woven"===t.variant&&{height:"100%",alignSelf:"center","&:nth-of-type(even)":{height:"70%"}},{[`& .${x.img}`]:(0,n.Z)({objectFit:"cover",width:"100%",height:"100%",display:"block"},"standard"===t.variant&&{height:"auto",flexGrow:1})})}));var S=r.forwardRef((function(e,t){const o=(0,c.Z)({props:e,name:"MuiImageListItem"}),{children:l,className:u,cols:m=1,component:d="li",rows:g=1,style:h}=o,v=(0,a.Z)(o,b),{rowHeight:x="auto",gap:S,variant:C}=r.useContext(f);let I="auto";"woven"===C?I=void 0:"auto"!==x&&(I=x*g+S*(g-1));const j=(0,n.Z)({},o,{cols:m,component:d,gap:S,rowHeight:x,rows:g,variant:C}),k=(e=>{const{classes:t,variant:o}=e,r={root:["root",o],img:["img"]};return(0,s.Z)(r,w,t)})(j);return(0,p.jsx)(Z,(0,n.Z)({as:d,className:(0,i.default)(k.root,k[C],u),ref:t,style:(0,n.Z)({height:I,gridColumnEnd:"masonry"!==C?`span ${m}`:void 0,gridRowEnd:"masonry"!==C?`span ${g}`:void 0,marginBottom:"masonry"===C?S:void 0},h),ownerState:j},v,{children:r.Children.map(l,(e=>r.isValidElement(e)?"img"===e.type||(0,y.Z)(e,["Image"])?r.cloneElement(e,{className:(0,i.default)(k.img,e.props.className)}):e:null))}))})),C=o(564),I=o(3649),j=o(3019),k=o(3103);const N=["sx"];function M(e){const{sx:t}=e,o=(0,a.Z)(e,N),{systemProps:r,otherProps:s}=(e=>{const t={systemProps:{},otherProps:{}};return Object.keys(e).forEach((o=>{k.Gc[o]?t.systemProps[o]=e[o]:t.otherProps[o]=e[o]})),t})(o);let i;return i=Array.isArray(t)?[r,...t]:"function"===typeof t?function(){const e=t(...arguments);return(0,j.P)(e)?(0,n.Z)({},r,e):r}:(0,n.Z)({},r,t),(0,n.Z)({},s,{sx:i})}var P=o(4647);const R=["className","component"];var E=o(1271);const $=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{defaultTheme:t,defaultClassName:o="MuiBox-root",generateClassName:s,styleFunctionSx:l=I.Z}=e,c=(0,C.ZP)("div",{shouldForwardProp:e=>"theme"!==e&&"sx"!==e&&"as"!==e})(l),u=r.forwardRef((function(e,r){const l=(0,P.Z)(t),u=M(e),{className:m,component:d="div"}=u,f=(0,a.Z)(u,R);return(0,p.jsx)(c,(0,n.Z)({as:d,ref:r,className:(0,i.default)(m,s?s(o):o),theme:l},f))}));return u}({defaultTheme:(0,o(1341).Z)(),defaultClassName:"MuiBox-root",generateClassName:E.Z.generate});var H=$,L=o(2248);var _=o(3429),B=o(6159);var O=e=>{let{imageUrls:t,onBack:o,mode:a,showCloseOverlay:n}=e;const[s,i]=(0,r.useState)(null),[l,c]=(0,r.useState)(0),[u,m]=(0,r.useState)(!1),d=(0,P.Z)(L.Z),f=t.slice(0,6),g=f.length%2!==0,h=window.location.hostname;(0,r.useEffect)((()=>{if("portrait"===a&&!u){const e=setInterval((()=>{c((e=>(e+1)%f.length))}),2e3);return()=>clearInterval(e)}}),[a,u,f.length]);const y=()=>{"portrait"!==a&&i(null)};return(0,p.jsxs)(H,{sx:{position:"relative",padding:d.spacing(1),maxWidth:"100vw",overflow:"hidden"},children:[("portrait"==a||n)&&(0,p.jsx)(H,{sx:{position:"fixed",top:d.spacing(1),right:d.spacing(1),zIndex:2e3},children:(0,p.jsx)(B.Z,{onCloseCallback:o})}),(0,p.jsx)(v,{cols:2,gap:d.spacing(1),sx:{marginBottom:d.spacing(2),height:2===f.length?"100vh":"auto",maxHeight:"100vh",overflow:"hidden"},children:f.map(((e,t)=>(0,p.jsxs)(S,{cols:g&&t===f.length-1?2:1,sx:{position:"relative",overflow:"hidden",height:"auto",display:"flex",justifyContent:"center",alignItems:"center"},onMouseEnter:()=>(e=>{"portrait"!==a&&i(e)})(t),onMouseLeave:y,onClick:()=>(e=>{m(!0),c(e)})(t),children:[(0,p.jsx)(_.E.img,{src:e.featured_image.split("?")[0],style:{width:"100%",height:"100%",objectFit:"cover",cursor:"pointer",borderRadius:d.shape.borderRadius}}),(s===t||"portrait"===a&&l===t)&&(0,p.jsx)(_.E.div,{initial:{opacity:0},animate:{opacity:.8},transition:{duration:.3},style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.7)",display:"flex",justifyContent:"center",alignItems:"center",zIndex:10},children:(0,p.jsx)(_.E.a,{href:`https://${h}${e.url}`,target:"_blank",rel:"noopener noreferrer",style:{padding:d.spacing(1,1.5),fontSize:"0.9rem",borderRadius:d.shape.borderRadius,backgroundColor:"rgba(255, 255, 255, 0.7)",color:d.palette.text.primary,textDecoration:"none",cursor:"pointer",textAlign:"center",transform:4===t||5===t?"translateY(-240%)":"none"},whileHover:{backgroundColor:"rgba(255, 255, 255, 0.9)"},children:"SHOP NOW"})})]},t)))})]})}},5436:function(e,t){var o,r=Symbol.for("react.element"),a=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),s=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),c=Symbol.for("react.context"),u=Symbol.for("react.server_context"),m=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),h=Symbol.for("react.offscreen");function v(e){if("object"===typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case n:case i:case s:case d:case f:return e;default:switch(e=e&&e.$$typeof){case u:case c:case m:case g:case p:case l:return e;default:return t}}case a:return t}}}o=Symbol.for("react.module.reference")},478:function(e,t,o){o(5436)}}]);
|
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[312],{3388:function(e,t,n){n.d(t,{OC:function(){return l},e8:function(){return r},kT:function(){return i},kW:function(){return a},xg:function(){return o}});const i=function(e,t){return!((void 0==e.products||0==e.products.length)&&(void 0==e.cta||0==e.cta.length))},o=function(e,t){return!(void 0==e.products||0==e.products.length)},r=function(e,t){if(null!=e)return e},a=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null!=e)return t?e.events[0].events:e.events};const l=function(e,t){var n;if(null==e)return[];if(!("eventsets"in e))return[];const i=null!==(n=e.eventsets[t])&&void 0!==n?n:null;return i?function(e){if(null==e||0==e.length)return[];let t=[];return e.forEach((e=>{e.events.forEach((e=>{t.push(e)}))})),t}(i):[]}},7951:function(e,t,n){n.d(t,{BU:function(){return r},FC:function(){return a}});let i,o=!1;function r(){return i?i.play().then((()=>{o=!0,console.debug("iOS autoplay restrictions bypassed."),i.pause()})).catch((e=>{console.error("Failed to bless videos:",e.message)})):Promise.reject(new Error("Blessing video not initialized."))}function a(){i||(i=document.createElement("video"),i.src="https://whatmore-other-assets.b-cdn.net/whatmore/dummy_for_video_pool_3s_muted_11kb.mp4",i.muted=!0,i.playsInline=!0,i.style.display="none",document.body.appendChild(i));const e=()=>{o||r()};document.addEventListener("click",e,{once:!0}),document.addEventListener("touchstart",e,{once:!0})}},5380:function(e,t,n){n.d(t,{Z:function(){return x}});var i=n(4959),o=n(7313),r=n(4892),a=n(6805),l=n(7753),s=n(9821);var d=function(e){const[t,n,i,o,r]=(0,s.Z)(),[d]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizePortrait"),[c]=(0,l.j1)("whatmoreEmbedAppVideoPlayerSizeLandscape"),h=r[a.YP]===a.$w?c/100:d/100*1.2;return[t*h,n*h,r]},c=n(9723),h=n(9461),u=n.n(h),p=n(1195),m=n(7108),f=(n(7244),n(123),n(9854)),g=n(6417);var x=function(e){var t;const n=o.useRef(null);var[s,h,x]=d();const v=(0,l.MO)("whatmoreUITheme"),[w]=(0,l.j1)("whatmoreEmbedAppVideoTitle"),[j]=(0,l.j1)("whatmoreEmbedAppPositionPortrait"),[b]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingPortrait"),[y]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingPortrait"),[E]=(0,l.j1)("whatmoreEmbedAppPositionLandscape"),[S]=(0,l.j1)("whatmoreEmbedAppHorizontalPaddingLandscape"),[I]=(0,l.j1)("whatmoreEmbedAppVerticalPaddingLandscape"),_=(0,l.MO)("whatmoreShopId");var P=j,z=b,C=y;x[a.YP]===a.$w&&(P=E,z=S,C=I);const[L,k]=(0,o.useState)(["initial",window.pageYOffset]),[A,O]=(0,o.useState)(!1),M=null!==(t=e.isSpotlight)&&void 0!==t&&t,T=x[a.YP]===a.$w?.7*(0,f.zGA)(_):(0,f.zGA)(_),V=M?T:1;s*=V,h*=V;const F=M?(0,f.G0o)(_):P,Y=M?(0,f.X8j)(_):(0,f.lVn)(_),[Z,D]=(0,o.useState)(!M&&(0,f.eXi)(_));function $(e,t){k(e),e[1]<=100?O(!1):t!=A&&(O(t),D(!1))}(0,o.useEffect)((()=>{let e=window.pageYOffset,t=!1;const n=()=>{const n=window.pageYOffset;Math.abs(n-e)<100||($([n>e?"scrolled-down":"scrolled-up",n],!0),e=n>0?n:0),t=!1},i=()=>{t||(window.requestAnimationFrame(n),t=!0)};return window.addEventListener("scroll",i),()=>window.removeEventListener("scroll",i)}),[L]),(0,i.O3)({ref:n,handler:()=>{$(["scrolled-up",L[1]],!0)}});const R=e.event,N=e.inVideoClick,B=e.closeClick,K=.3*h,W=.6*h,G=.1*h,H=.1*(.5*h),U="round"==v?"10px":"0px",X=(0,f.Z$A)(_);var q=!1,J=0,Q=0;function ee(e){q=e}return(0,g.jsx)("div",{children:Z&&!Y?(0,g.jsx)(g.Fragment,{}):A&&Y?(0,g.jsx)("div",{style:"left"===F?{left:"1px",bottom:M?(0,f.vnu)(_)+"px":C+"px",position:"fixed",zIndex:X}:{right:"5px",bottom:M?(0,f.vnu)(_)+"px":C+"px",position:"fixed",zIndex:X},children:(0,g.jsxs)("div",{onClick:()=>{$(["initial",L[1]],!1)},style:{margin:"1px",width:h+"px",height:s+"px"},className:"left"===F?"whatmore-ultraminimized-video-view-left":"whatmore-ultraminimized-video-view-right",children:[(0,g.jsx)("div",{style:{overflow:"hidden"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:9/16},children:(0,g.jsx)(r.Z,{url:R.thumbnail_image,isPlaying:!1,event:R})})}),(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",height:"100%"},children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,g.jsx)("div",{className:"whatmore-ultraminimized-content-scale-out",children:(0,g.jsx)(p.Z,{sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:K+"px"},style:{position:"relative",zIndex:1,left:H+"px",bottom:H+"px"},onClick:B})})}),(0,g.jsx)("div",{style:{height:"100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",justifyContent:"center"},children:(0,g.jsx)(m.Z,{sx:{color:"white",fontSize:2*K+"px",filter:"drop-shadow(0 0 2px black);"}})})]})})]})}):(0,g.jsx)(u(),{nodeRef:n,cancel:".activate-button,.close-btn",defaultClassName:"whatmore-react-draggable",defaultClassNameDragging:"whatmore-react-draggable-dragging",defaultClassNameDragged:"whatmore-react-draggable-dragged",bounds:"html",onStart:(e,t)=>{var n,i;n=t.x,i=t.y,J=n,Q=i},onDrag:(e,t)=>{ee(!0)},onStop:(e,t)=>{q&&(Math.abs(t.x-J)>5||Math.abs(t.y-Q)>5)?ee(!1):N(R)},children:(0,g.jsx)("div",{ref:n,style:"left"===F?{left:M?(0,f.$II)(_)+"px":z+"px",bottom:M?(0,f.vnu)(_)+"px":C+"px",position:"fixed",zIndex:X}:{right:M?(0,f.$II)(_)+"px":z+"px",bottom:M?(0,f.vnu)(_)+"px":C+"px",position:"fixed",zIndex:X},children:(0,g.jsxs)("div",{style:Object.assign({},{boxSizing:"border-box",margin:"1px",width:e.isSpotlight&&"60122562760"==_?s+"px":h+"px",height:e.isSpotlight&&"60122562760"==_?h+"px":s+"px"}),className:"left"===F?"whatmore-minimized-video-view-left":"whatmore-minimized-video-view-right",children:[(0,g.jsx)("div",{style:{overflow:"hidden",position:"relative"},children:(0,g.jsx)("div",{style:{width:"100%",height:"100%",aspectRatio:e.isSpotlight&&"60122562760"==_?16/9:9/16},children:(0,g.jsx)(r.Z,{url:R.thumbnail_image,isMuted:!0,isPlaying:!0,event:R})})}),(0,g.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",width:"100%",height:"100%"},children:(0,g.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",height:"100%"},children:[(0,g.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",width:"100%",height:"fit-content"},children:(0,g.jsx)(p.Z,{className:"close-btn",sx:{filter:"drop-shadow(0 0 2px black);",color:"white",fontSize:K+"px"},onClick:B,style:{position:"relative",zIndex:1,left:G+"px",bottom:G+"px"}})}),(0,g.jsx)("div",{style:{marginLeft:"auto",marginRight:"auto"},children:(0,g.jsx)(c.Z,{sx:{color:(0,f.Ya_)(_),fontSize:W+"px",filter:"drop-shadow(0 0 2px black);"}})}),(0,g.jsx)("div",{style:{paddingLeft:"2px",paddingRight:"2px",borderBottomLeftRadius:U,borderBottomRightRadius:U,backgroundImage:w?"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))":""},children:(0,g.jsxs)("p",{style:{textAlign:"center",color:"white",fontFamily:"Sans-serif",fontWeight:"semi-bold",fontSize:.4*K+"px",margin:0,padding:0,lineHeight:"110%"},children:["\xa0",w]})})]})})]})})})})}},2209:function(e,t,n){n.r(t);var i=n(7313),o=n(9854),r=n(2860),a=n(7753),l=n(5160),s=n(6967),d=n(5380),c=n(58),h=n(8984),u=n(4669),p=n(513),m=n(9302),f=n(7381),g=n(2575),x=n(7300),v=n(6524),w=n(3388),j=n(7643),b=n(778),y=n(364),E=n(7951),S=n(653),I=n(6417);const _=(0,g.Z)({key:"whatmore-css-wsv"}),P=i.lazy((()=>Promise.all([n.e(819),n.e(210),n.e(577),n.e(154),n.e(926),n.e(824),n.e(348),n.e(311)]).then(n.bind(n,6348))));t.default=function(e){const[t,n]=(0,i.useState)(),[g,z]=(0,i.useState)(),[C]=(0,a.j1)("isInDesignMode"),[L]=(0,a.j1)("isDemoBrand"),[k,A]=(0,i.useState)(-2),[O]=(0,a.j1)("whatmoreShopId"),M=(0,a.MO)("isLandingSharedLink"),T=(0,a.MO)("whatmoreShareTemplateId"),V=((0,a.MO)("whatmoreShareStoryId"),(0,a.MO)("whatmoreShareEventId")),F=(0,a.MO)("whatmoreLandingLocationType"),Y=(0,a.MO)("whatmoreLoggingActive"),{whatmoreWidgetSourceDetails:Z}=(0,i.useContext)(y.I);var D=(0,o.efR)(O)?r.Dm+"/get_eventset/":r.Gc+"/get_eventset/";(0,i.useEffect)((()=>{(0,s.hb)()}),[]),(0,i.useEffect)((()=>{(0,u.ll)(O)}),[]),(0,i.useEffect)((()=>{null==t||0==t.length||g||!(0,h.KE)()||(0,a.MO)("whatmoreVideoPlayerPoolInitiated")||((0,S.j)()?(0,c.b5)(c.UD):(0,E.FC)())}),[t]),(0,i.useEffect)((()=>{A(-1);const e=v.NX,t=(0,v.H1)(F),i=D.toString()+O.toString()+"?eventset_type="+e+"&source="+t+"&source_id="+O;fetch(i).then((e=>e.json())).then((t=>(0,w.OC)(t,e))).then((e=>(n(e),e))).catch((e=>{z(e.message)}))}),[]),(0,i.useEffect)((()=>{A(-2)}),[t]),(0,i.useEffect)((()=>{null==t||0==t.length||g||M&&"template-embed"==(0,v.zv)(T)&&null!=V&&t.forEach(((e,t)=>{V==e.event_id&&N(e,!0,t)}))}),[t]);const $=Z.landingLocationType,R=Z.templateType,N=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if((0,h.KE)()&&!t&&((0,S.j)()?(0,c.QV)():(0,E.BU)()),(0,x.B6)(e)||(0,x.WJ)(e))return C||L||(async()=>{const t=(0,v.NY)($)+(0,v.dS)(R)+(null!==e&&void 0!==e&&e.isRelatedEvent?"R":"E")+"_"+(null===e||void 0===e?void 0:e.event_id);(0,l.wh)(e),(0,u.Tc)(O,r.h7,r.dU),(0,s.H4)(e.event_id,e.products,"spotlight","video_popup",t)})(),void A(n)};function B(){return(0,I.jsx)(I.Fragment,{})}return null==t||0==t.length||g?(0,I.jsx)("div",{}):(Y&&(0,f.EI)(t),(0,o.B$L)(O)&&k<0&&null!==localStorage.getItem("_whatmore_spotlight_viewed")?(0,I.jsx)(I.Fragment,{}):(localStorage.setItem("_whatmore_spotlight_viewed",!0),(0,I.jsx)(m.C,{value:_,children:-1===k||0===t.length?(0,I.jsx)(B,{}):-2===k&&t.length>0?(0,I.jsx)("div",{children:(0,I.jsx)(j.u,{userInteractionType:b.K.SPOTLIGHT_WIDGET_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!C&&!L,children:(0,I.jsx)(d.Z,{event:t[0],inVideoClick:N,closeClick:e=>{e.stopPropagation(),A(-1)},isSpotlight:!0})})}):(0,I.jsx)("div",{children:(0,I.jsx)(i.Suspense,{children:(0,I.jsx)(j.u,{userInteractionType:b.K.EVENT_VIEW,event:t[0],productList:t[0].products,cta:t[0].cta,triggerFlag:!C&&!L,children:(0,I.jsx)(P,{events:t,index:k,onBack:function(){(0,o.n2L)(O)&&(0,a.MO)("whatmoreAddedToCart")&&(0,p.D)(O,(()=>{}),100,window.location.hostname),A(-2)},template:"template-embed"})})})})})))}},6805:function(e,t,n){n.d(t,{$I:function(){return l},$w:function(){return d},AK:function(){return r},AL:function(){return a},YP:function(){return o},me:function(){return i},rE:function(){return s}});const i="device_type",o="device_mode",r="mobile",a="tablet",l="desktop",s="portrait",d="landscape"},9821:function(e,t,n){var i=n(7753),o=n(8866),r=n(6805),a=n(9854);t.Z=function(e){const[t,n,l]=(0,o.Z)(),[s]=(0,i.j1)("whatmoreLandscapePadding"),[d]=(0,i.j1)("whatmoreShopId"),[c]=(0,i.j1)("whatmoreVideoTileSize"),[h]=(0,i.j1)("whatmoreVideoTileSizePortrait"),u=l>=1025,p="portrait"==t?h:c,m=!("portrait"!=t||!(l>=481)),f=p/100*1.3*.5,g=p/100;var x=Math.min(l,n),[v,w,j,b]=[.6*x*(16/9),.6*x,1.4,0];function y(e){return Math.round(10*e)/10}var E={DEVICE_TYPE:r.AK,DEVICE_MODE:r.rE};if(u){const e=w*f,t=v*f;[v,w,j,b]=[t,e,(l-2*s-2*(0,a.mZU)(d))/(1.1*e),s],E[r.me]=r.$I,E[r.YP]=r.$w}else if(m){var S=.8*w,I=.8*v;"portrait"==t?(S*=g,I*=g,[v,w,j,b]=[I,S,y(l/(1.2*S)),0],E[r.me]=r.AL,E[r.YP]=r.rE):([v,w,j,b]=[I,S,(l-2*s)/(1.1*S),s],E[r.me]=r.AL,E[r.YP]=r.$w)}else{S=w,I=v;"portrait"==t?(S=S*g*.9,I=I*g*.9,[v,w,j,b]=[I,S,y(l/(1.15*S)),0],E[r.me]=r.AK,E[r.YP]=r.rE):(S=.7*w,I=.7*v,[v,w,j,b]=[I,S,(l-2*s)/(1.1*S),s],E[r.me]=r.AK,E[r.YP]=r.$w)}return[v,w,j,b,E]}},7244:function(){}}]);
|
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[441],{3580:function(t,e,r){r.r(e),r.d(e,{default:function(){return x}});var o=r(7313),n=r(8866),i=r(7753),l=(r(9111),r(123),r(9778),r(9854)),s=r(868),a=r(9363),c=r(4892),p=r(6417);var d=function(t){var e,r;const n=(0,i.MO)("whatmorePrimaryFont"),d=(0,i.MO)("whatmoreSecondaryColor"),u=(0,i.MO)("whatmoreShopId"),[h,f]=(0,o.useState)(!1),x=t.storyId,m=(0,s.V)(t.imageUrl),v=t.title,g=t.onClick,w=t.template,y=(0,l.f63)(u),b="template-stories-a"===w?"50%":"30%",j=Math.floor(t.tileSize),S=.12*j*(0,l.LM2)(u),k=null!==(e=(0,l.QaQ)(u))&&void 0!==e?e:n,C=null!==(r=(0,l.u2W)(u))&&void 0!==r?r:[d,y,d,y,d],F=(0,o.useRef)(0),_=(0,o.useRef)(null),R=(0,o.useRef)(null);return(0,o.useEffect)((()=>{R.current&&R.current.play()}),[]),(0,o.useEffect)((()=>{const t=_.current,e=new IntersectionObserver(((t,e)=>{t.forEach((t=>{if(t.isIntersecting){const r=t.target;r.src=r.dataset.src,e.unobserve(r)}}))}),{rootMargin:"0px 100px 0px 0px",threshold:0});return t&&e.observe(t),()=>{t&&e.unobserve(t)}}),[m]),(0,p.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignItems:"center",flexShrink:0,height:"fit-content",width:j*(0,l.jJ6)(u)+"px",marginLeft:"10px",marginRight:"10px",marginTop:"10px",marginBottom:"10px",cursor:"pointer"},onClick:()=>{f(!0),g(x)},className:[h?"whatmore-scale-on-tap":""].join(" "),children:[(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"fit-content",borderRadius:b,boxShadow:"0px 2px 1px 0px "+C[0]+"50, 0px -2px 1px 0px "+C[1]+"50, 2px 0px 1px 0px "+C[2]+"50, -2px 0px 1px 0px "+C[3]+"80, 2px -2px 1px 0px "+C[4]+"80, -2px 2px 1px 0px "+C[0]+"DA, 2px 2px 1px 0px "+C[1]+"DA, -2px -2px 1px 0px "+C[2]+"DA"},children:(0,p.jsx)("div",{className:"whatmore-story-thumbnail-wrapper",style:{flexShrink:0,objectFit:"cover",height:j+"px",width:j+"px",borderRadius:b,border:"3px solid white",backgroundColor:"#343434"===d?"#d3d3d3":d,overflow:"hidden"},children:"video"==(0,a.$)(m)?(0,p.jsx)(c.Z,{height:"100%",width:"100%",url:m,isPlaying:!0,event:{event_type:"video"},borderRadius:b}):(0,p.jsx)("img",{ref:_,className:"whatmore-story-thumbnail","data-src":m.startsWith("https://cdn.shopify.com")?m.split("?")[0]+"?width=400&height=400":m,loading:"lazy",style:{objectFit:"cover",width:"100%",height:"100%",backgroundColor:"white"},alt:"story",onError:function(){if(F.current<3){let e=(0,s.V)(t.imageUrl);_.current.src="",_.current.src=e,F.current=F.current+1}else console.log("Failed to load image after several attempts"),_.current.src="https://d2oouab8j9eigo.cloudfront.net/background_white.png"}})})}),(0,p.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",flexShrink:0,height:"fit-content",width:"100%",marginTop:"10px"},children:(0,p.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-size",S+"px","important")},style:{textAlign:"center",color:(0,l.WS3)(u),fontFamily:k,fontWeight:"normal",lineHeight:"110%",margin:0,padding:0,overflow:"hidden",textOverflow:"ellipsis",width:"auto"},children:null===v||void 0===v?void 0:v.substring(0,24)})})]})},u=r(32),h=r(9302);const f=(0,r(2575).Z)({key:"whatmore-stories-css"});var x=function(t){const[e,r,s]=(0,n.Z)(),[a]=(0,i.j1)("whatmoreStoryTileSize"),[c]=(0,i.j1)("whatmoreStoryTileSizeDesktop"),[x]=(0,i.j1)("whatmoreShopId"),[m,v]=(0,o.useState)("portrait"===e?"flex-start":"center"),g=(0,o.useRef)(null);var w=t.eventsStories;const y=t.onClick,b=t.template;(0,o.useEffect)((()=>{u.IR.forEach((t=>{var e;if(!(null!==(e=t.querySelector('.whatmore-template-type[data-wh="template-stories-a"]'))&&void 0!==e?e:t.querySelector('.whatmore-template-type[data="template-stories-a"]')))return;t&&(t.style.minHeight="0px")}))}),[]);const j=t=>{if(g.current){const e="left"===t?4*-C:4*C;g.current.scrollBy({left:e,behavior:"smooth"})}};(0,o.useEffect)((()=>{!function(){if(g.current){const t=g.current.scrollWidth,e=g.current.offsetWidth;v(t>e?"flex-start":"center")}}()}),[m,s]);const[S,k]=(0,o.useState)([]);(0,o.useEffect)((()=>{k(w.map((t=>t.storyset_dynamic_thumbnail?Math.floor(Math.random()*(t.events.length-1)):0)))}),[]);const C="landscape"===e?r*(c/100)*.3:s*(a/100)*.5;return(0,p.jsx)(h.C,{value:f,children:"landscape"==e&&!(0,l.DF0)(x)||"portrait"==e&&!(0,l.JaA)(x)?(0,p.jsx)(p.Fragment,{}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:m,height:"fit-content",width:"100%"},className:"whatmore-story-horizontal-flex",ref:g,children:w.map(((t,e)=>{var r,o,n,i,s;const a=t.storyset_dynamic_thumbnail?null!==(r=null===(o=t.events[S[e]])||void 0===o?void 0:o.poster_image)&&void 0!==r?r:t.thumbnail_image:null!==(n=t.thumbnail_image)&&void 0!==n?n:null===t||void 0===t||null===(i=t.events)||void 0===i||null===(s=i[0])||void 0===s?void 0:s.thumbnail_image;return(0,p.jsx)(d,{storyId:t.id,tileSize:(0,l.OFP)(x)?100:C,onClick:t=>{y(e)},template:b,imageUrl:a,fallbackUrl:t.thumbnail_image,title:t.title},"whatmore-story-"+t.id)}))}),"landscape"===e&&(0,l.sMW)(x)&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("button",{onClick:()=>j("left"),style:{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, 0.4)",position:"absolute",top:"40%",transform:"translateY(-50%)",left:0},children:(0,p.jsx)("p",{style:{fontSize:"22px",color:"white",padding:"8px"},children:"<"})}),(0,p.jsx)("button",{onClick:()=>j("right"),style:{borderRadius:"4px",backgroundColor:"rgba(0, 0, 0, 0.4)",position:"absolute",top:"40%",transform:"translateY(-50%)",right:0},children:(0,p.jsx)("p",{style:{fontSize:"22px",color:"white",padding:"8px"},children:">"})})]})]})})}},9363:function(t,e,r){r.d(e,{$:function(){return l},s:function(){return i}});var o=r(9854),n=r(7753);function i(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const r=(0,n.MO)("whatmoreShopId");return"shopify"!=(0,o.Ipo)(r)?"STRNV8MHJTF"==r?t+"?format=webp":t:t+e}function l(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const r=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],o=/\.(jpeg|jpg|gif|png|svg|webp)$/i,n=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==o&&void 0!==o&&o.test(r)?"image":null!==n&&void 0!==n&&n.test(r)?"video":void 0}},9111:function(){},9778:function(){}}]);
|
File without changes
|