whatmore-react-assets 1.0.1035 → 1.0.1037

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/static/js/{818.97e2ba44.chunk.js → 818.b4f4fec6.chunk.js} +1 -1
  3. package/static/js/{920.ef0933a3.chunk.js → 920.5b30f14a.chunk.js} +1 -1
  4. package/whatmore.js +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "whatmore-react-assets",
3
- "version": "1.0.1035",
3
+ "version": "1.0.1037",
4
4
  "description": "public repo for all whatmore js and css assets",
5
5
  "main": "whatmore.js",
6
6
  "scripts": {
package/static/js/{818.97e2ba44.chunk.js → 818.b4f4fec6.chunk.js} RENAMED
@@ -73,7 +73,7 @@
73
73
  0% {
74
74
  transform: translateY(100%);
75
75
  }
76
- `} 0.5s`,bt=null===N||void 0===N||null===(e=N.options)||void 0===e?void 0:e.findIndex((t=>{var e;return"Colour"==(null===t||void 0===t?void 0:t.name)||(null===t||void 0===t||null===(e=t.name)||void 0===e?void 0:e.toLowerCase().includes("color"))})),[St,It]=(0,r.useState)(-1!==bt?null===(i=N.options)||void 0===i||null===(n=i[bt])||void 0===n||null===(o=n.values)||void 0===o?void 0:o[0]:""),[kt,_t]=(0,r.useState)({});(0,r.useEffect)((()=>{-1!==bt&&"whatmore"!==(0,c.Ipo)(ft)&&async function(){const t=await(0,lt.m3)(V);_t(t)}()}),[]);let Tt=-1,Ft=-1!==bt&&null!==kt&&void 0!==kt&&kt.product&&(null===kt||void 0===kt||null===(l=kt.product)||void 0===l||null===(a=l.images)||void 0===a?void 0:a.length)>=(null===kt||void 0===kt||null===(d=kt.product)||void 0===d||null===(p=d.options)||void 0===p||null===(x=p[bt])||void 0===x||null===(m=x.values)||void 0===m?void 0:m.length)?null===kt||void 0===kt||null===(f=kt.product)||void 0===f||null===(w=f.images)||void 0===w?void 0:w.map((t=>{var e,i,n,o,r,l,a,d,s,c,u,h,p,x;const v=null===kt||void 0===kt||null===(e=kt.product)||void 0===e||null===(i=e.options)||void 0===i?void 0:i.findIndex((t=>"Color"==(null===t||void 0===t?void 0:t.name)||"Colour"==(null===t||void 0===t?void 0:t.name)||"COLOR"==(null===t||void 0===t?void 0:t.name)));return{color:(null===t||void 0===t?void 0:t.variant_ids.length)>0?null===kt||void 0===kt||null===(n=kt.product)||void 0===n||null===(o=n.options)||void 0===o||null===(r=o[v])||void 0===r||null===(l=r.values)||void 0===l?void 0:l[Math.min(++Tt,(null===kt||void 0===kt||null===(a=kt.product)||void 0===a||null===(d=a.options)||void 0===d||null===(s=d[bt])||void 0===s||null===(c=s.values)||void 0===c?void 0:c.length)-1)]:null===kt||void 0===kt||null===(u=kt.product)||void 0===u||null===(h=u.options)||void 0===h||null===(p=h[v])||void 0===p||null===(x=p.values)||void 0===x?void 0:x[Math.max(0,Tt)],src:null===t||void 0===t?void 0:t.src}})):[],Et=[];if("whatmore"==(0,c.Ipo)(ft)&&(null===N||void 0===N||null===(j=N.images)||void 0===j?void 0:j.length)>0){var Pt;var Ot;if(-1!==(null===N||void 0===N||null===(Pt=N.options)||void 0===Pt?void 0:Pt.findIndex((t=>{var e;return"Colour"==(null===t||void 0===t?void 0:t.name)||(null===t||void 0===t||null===(e=t.name)||void 0===e?void 0:e.toLowerCase().includes("color"))}))))Et=null===N||void 0===N||null===(Ot=N.images)||void 0===Ot?void 0:Ot.map((t=>({color:t.color,src:t.src,optionsrc:t.optionsrc})))}return Tt+1<(null===kt||void 0===kt||null===(y=kt.product)||void 0===y||null===(C=y.options)||void 0===C||null===(S=C[bt])||void 0===S||null===(I=S.values)||void 0===I?void 0:I.length)&&(Ft=[]),(0,v.jsxs)(s.kC,{sx:{"&::-webkit-scrollbar":{width:"0px"}},id:"whatmore-shopnow-view",position:"relative",maxHeight:"75vh",overflowY:"scroll",direction:"column",bg:"#FFF",height:"fit-content",opacity:"100%",borderTopRadius:"round"==(null===gt||void 0===gt?void 0:gt.whatmoreUITheme)?"xl":null,animation:Ct,children:[(0,v.jsx)(Ut,{setOpenShopNow:Z,setLockSwiper:U,FONT_SIZE:W}),(0,v.jsx)(s.M5,{marginBottom:"10px",px:"20px",py:"5px",children:(0,v.jsx)(s.kC,{bg:"whiteAlpha.900",width:"fit-content",height:"fit-content",borderRadius:"round"==(null===gt||void 0===gt?void 0:gt.whatmoreUITheme)?"lg":null,overflow:"hidden",sx:{borderWidth:(0,c.alU)(ft),borderColor:(0,c.qPe)(ft)},children:(0,v.jsx)(s.kC,{width:"100%",children:(0,v.jsx)($t.P,{renderElement:t=>(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(s.xu,{width:D+"px",height:A+"px",children:(0,v.jsx)(g.Ee,{width:D+"px",height:A+"px",borderRadius:"round"==(null===gt||void 0===gt?void 0:gt.whatmoreUITheme)?"lg":null,src:(0,pt.s)(t.eventData.src,"&width=400&height=400"),alt:V.handle,sx:{objectFit:(0,c.yOX)(ft)+" !important"},fallback:(0,v.jsx)(R.Z,{width:D+"px",height:A+"px",borderRadius:"round"==(null===gt||void 0===gt?void 0:gt.whatmoreUITheme)?"10px":"0px"})})})}),dataList:Ft.length>0&&!Ft.includes(null)?null===(k=Ft)||void 0===k?void 0:k.filter((t=>(null===t||void 0===t?void 0:t.color)==St)):Et.length>0?[null===(_=Et)||void 0===_?void 0:_.find((t=>(null===t||void 0===t?void 0:t.color)==St))]:null===N||void 0===N||null===(T=N.images)||void 0===T?void 0:T.map((t=>({src:t.includes("https")?t:"https:"+t}))),spacing:10,defaultHeight:D+"px",defaultWidth:A+"px",retainAlreadyRenderedElements:!0,isScroll:!0})})})}),(0,v.jsx)(Xt,{data:N,product:V,PRODUCT_TILE_HEIGHT:M,PRODUCT_TILE_WIDTH:L,FONT_SIZE:W,getVariantPrice:te,selectedVariantId:tt,itemPrice:ot,itemQuantity:it,setItemQuantity:nt,thumbnailImage:vt}),(null===N||void 0===N||null===(F=N.variants)||void 0===F?void 0:F.length)>0&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s.M5,{paddingTop:"4px",width:"100%",children:(0,v.jsx)(s.iz,{color:(0,c.W8U)(ft),size:"xs",width:"90%"})}),(0,v.jsx)(Gt,{data:N,dividerColor:(0,c.W8U)(ft),setSelectedColor:It,finalArr:Ft,finalArrExternal:Et,product:V,PRODUCT_TILE_HEIGHT:M,PRODUCT_TILE_WIDTH:L,FONT_SIZE:W,selectOptionFirstHandler:wt,selectOptionSecondHandler:jt,selectOptionThirdHandler:yt,getVariantPrice:te,selectedOptionFirst:Y,selectedOptionSecond:G,selectedOptionThird:Q,selectedVariantId:tt})]}),c.$2G&&((null===N||void 0===N?void 0:N.description)||(null===N||void 0===N?void 0:N.body_html))&&(0,v.jsx)(Bt,{PRODUCT_TILE_HEIGHT:M,FONT_SIZE:W,data:N,handleToggle:()=>q(!K),show:K}),(0,v.jsx)(s.xu,{sx:{pointerEvents:"none"},paddingTop:"20px",opacity:0,children:(0,v.jsx)(Zt,{position:"relative",data:N,FONT_SIZE:W,product:V})}),(0,v.jsx)(Zt,{position:"fixed",selectedVariantId:tt,data:N,FONT_SIZE:W,PRODUCT_TILE_WIDTH:L,product:V,itemQuantity:it,cartItemCount:dt,addToCartFlag:ct,setAddToCartFlag:ut,soldOutFlag:ht,setSoldOutFlag:xt,event:H})]})}const Jt=(t,e,i,n)=>{var o;if(!e&&!i&&!n)return;const r=null===t||void 0===t||null===(o=t.variants)||void 0===o?void 0:o.find((t=>(!e||t.option1===e)&&(!i||t.option2===i)&&(!n||t.option3===n)));return r?r.id:void 0},te=(t,e)=>{var i,n;return null===t||void 0===t||null===(i=t.variants)||void 0===i||null===(n=i.find((t=>t.id===e)))||void 0===n?void 0:n.price},ee=(t,e)=>{var i,n;return null===t||void 0===t||null===(i=t.variants)||void 0===i||null===(n=i.find((t=>t.id.toString()===e)))||void 0===n?void 0:n.option1},ie=(t,e)=>{var i,n;return null===t||void 0===t||null===(i=t.variants)||void 0===i||null===(n=i.find((t=>t.id.toString()===e)))||void 0===n?void 0:n.option2},ne=(t,e)=>{var i,n;return null===t||void 0===t||null===(i=t.variants)||void 0===i||null===(n=i.find((t=>t.id.toString()===e)))||void 0===n?void 0:n.option3},oe=(t,e)=>{var i;const n=null===t||void 0===t||null===(i=t.variants)||void 0===i?void 0:i.find((t=>t.id==e));return void 0===n?null:null===n||void 0===n||null===(o=n.featured_image)||void 0===o?void 0:o.src;var o},re=(0,r.createContext)({setShowOptionsChart:null});var le=function(t){const e=t.event,i=t.data,n=t.currentProduct,o=t.setOpenShopNow,l=t.setLockSwiper,[a,d]=(0,r.useState)(!1);return(0,v.jsx)(re.Provider,{value:{setShowOptionsChart:d},children:(0,v.jsxs)(s.xu,{width:"full",height:"full",borderRadius:"md",children:[(0,v.jsx)(s.Kq,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",children:(0,v.jsx)(s.xu,{width:"full",height:"fit-content",children:(0,v.jsx)(Qt,{data:i,event:e,product:n,setOpenShopNow:o,setLockSwiper:l})})}),a?(0,v.jsx)(s.Kq,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",style:{position:"relative",zIndex:1,bottom:"100%"},className:"whatmore-ios-css-relative-fix",id:"whatmore-size-chart",children:(0,v.jsx)(s.xu,{width:"full",height:"fit-content",children:(0,v.jsx)(Kt,{data:i,event:e,product:n,setShowOptionsChart:()=>{d(!1)}})})}):(0,v.jsx)(v.Fragment,{})]})})};var ae=function(t){var e,[i,n,o,l]=(0,h.Z)();const[a,d]=(0,r.useState)(!1),[x,g]=(0,r.useState)(),[f,w]=(0,r.useState)(),j=(0,u.MO)("whatmoreShopId"),y=t.event,C=t.onBack,b=r.useRef(),S=t.isPlaying,I=t.isLast,k=t.setLockSwiper,_=t.selectedVariantId,T=null===(e=t.showOverlay)||void 0===e||e,F="center";return(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.xu,{width:l,height:o,sx:{overflow:"hidden"},children:[(0,v.jsx)(s.Kq,{direction:"column",justifyContent:F,height:"full",width:"full",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"white",children:(0,v.jsx)(s.oM,{width:"full",ratio:l/o,children:(0,v.jsx)(m,{height:"100%",width:"100%",url:y.event_hls_url,isPlaying:S,event:y})})})}),T?(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:F,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,v.jsx)(At,{focusRef:b,event:t.event,isLast:I,onCloseCallback:C,productClickHandler:async t=>{const e=await(0,p.p)(t,(0,c.Ipo)(j),j);w(t),g(e),d(!0),k(!0)}})})}):(0,v.jsx)(v.Fragment,{}),!0===a?(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"200%"},direction:"column",justifyContent:F,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,v.jsx)(le,{focusRef:b,event:t.event,isLast:I,onCloseCallback:()=>C(),setLockSwiper:k,data:x,currentProduct:f,setOpenShopNow:d,selectedVariantId:_})})}):(0,v.jsx)("div",{})]})})};const de=function(t,e){return isNaN(t)||isNaN(e)||e<=0||t>e?0:Math.ceil(t/e*100)};function se(t){var e,i,[n,o,r,l]=(0,h.Z)();const[a]=(0,u.j1)("whatmoreSecondaryColor"),[d]=(0,u.j1)("whatmoreSecondaryColorShade900"),c=t.progress,p=null!==(e=t.totalSiblings)&&void 0!==e?e:1,x=null!==(i=t.indexAmongSiblings)&&void 0!==i?i:0;return(0,v.jsx)(s.Kq,{width:"96%",height:"fit-content",direction:"row",justifyContent:"center",alignItems:"center",spacing:"1px",children:[...Array(p).keys()].map((t=>(0,v.jsx)(s.Kq,{width:"100%",height:.004*r+"px",backgroundColor:t<x?a:d+"99",borderRightRadius:"lg",borderLeftRadius:"lg",direction:"row",justifyContent:"flex-start",alignItems:"center",overflow:"hidden",sx:{display:"block !important"},children:t==x?(0,v.jsx)(s.xu,{height:"100%",width:c+"%",bgColor:a,borderRightRadius:"lg",borderLeftRadius:"lg",sx:{display:"block !important"}}):(0,v.jsx)(v.Fragment,{})},"event-progress-bar-slab-"+t)))})}var ce=i(868),ue=i(2630);const he=t=>t>=1e3?(t/1e3).toFixed(1)+"k":t;var pe=i(4862);var xe=function(t){var e,i,n,o,l,a=t.whatmoreShareTemplateId;const p=t.whatmoreShareStoryId,x=t.whatmoreShareEventId,m=t.event,g=null===(e=t.showShareText)||void 0===e||e,f=null!==(i=t.shareButtonBottomMargin)&&void 0!==i?i:0,w=(0,u.MO)("whatmoreShopId"),j=(0,u.MO)("isInDesignMode"),y=(0,u.MO)("isDemoBrand"),C=(0,u.MO)("whatmorePrimaryFont"),b=(0,u.MO)("websiteLanguage"),{whatmoreWidgetSourceDetails:S}=(0,r.useContext)(H.I),[I,k,_,T]=(0,h.Z)(),F=null!==(n=t.iconSize)&&void 0!==n?n:.1*T*(0,c.r5f)(w);function E(){const e=(0,u.MO)("whatmoreLandingLocationType");var i;!function(t){j||y||(async()=>{(0,d.x0)(t)})()}(m),(e.startsWith("product")||"embed"===e)&&(a="te"),i="event_product_link"===(0,c.EEC)(w)?m.products[0].product_link||"":window.location.pathname,i=("event_product_link"===(0,c.EEC)(w)?"":window.location.hostname)+i+"?wtt="+a+"&wsid="+p+"&weid="+x,(0,c.lj5)(w)&&(i=i+"&"+(0,c.awP)(w)+"&utm_campaign=video-share&utm_medium="+e);const n={title:(0,c.JNF)(w),text:`${(0,c.Qa8)(w)} \n ${i} ${(0,c.AWG)(w)?"\n \n -via Whatmore":""}`};navigator.share&&!pe.nI?navigator.share(n):(t.setIsModalOpen(!0),t.setShareText([n,i]))}return(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.Cd,{cursor:"pointer",style:{marginBottom:f+"px"},children:(0,v.jsxs)(s.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"fit-content",width:"fit-content",children:[(0,v.jsx)(ue.Z,{sx:{boxShadow:3,transform:"scaleX(-1)",color:"white",fontSize:F,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),E(),(0,q.GF)({userInteractionType:N.K.VIDEO_SHARE_CTA_CLICKED,widgetSourceDetails:S,event:m,productList:m.products,ctaList:m.cta})}}),g&&(0,c.u8S)(w)?(0,v.jsxs)(s.xv,{fontSize:.3*F+"px !important",fontWeight:"semibold !important",align:"center",sx:{fontFamily:C+" !important",color:"white !important",paddingRight:"10%"},children:["\xa0",m.total_share>(0,c.LWl)(w)?he(m.total_share):null!==(o=null===Q||void 0===Q||null===(l=Q[b])||void 0===l?void 0:l.share)&&void 0!==o?o:"Share","\xa0"]}):(0,v.jsx)(v.Fragment,{})]})})})},ve=i(7933),me=i(2785);var ge=function(t){var e,i,n;const o=(0,u.MO)("whatmoreShopId"),l=(0,u.MO)("whatmorePrimaryFont"),a=(0,u.MO)("whatmoreLikedEvents"),p=(0,u.MO)("isInDesignMode"),x=(0,u.MO)("isDemoBrand"),m=(0,u.MO)("websiteLanguage"),{whatmoreWidgetSourceDetails:g}=(0,r.useContext)(H.I),f=t.event,[w,j]=(0,r.useState)(null!==(e=a[f.event_id])&&void 0!==e&&e),[y,C,b,S]=(0,h.Z)(),I=.1*S*(0,c.r5f)(o);function k(t,e){p||x||(async()=>{(0,d.Z6)(t,e)})()}function _(){(0,u.bU)("whatmoreLikedEvents",{...a,[f.event_id]:!w}),w?(k(f,-1),(0,q.GF)({userInteractionType:N.K.VIDEO_UNLIKED,widgetSourceDetails:g,event:f,productList:f.products,ctaList:f.cta})):(k(f,1),(0,q.GF)({userInteractionType:N.K.VIDEO_LIKED,widgetSourceDetails:g,event:f,productList:f.products,ctaList:f.cta})),j(!w)}const T=f.total_like+(w?1:0);return(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.Cd,{cursor:"pointer",children:(0,v.jsxs)(s.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"fit-content",width:"fit-content",children:[w?(0,v.jsx)(me.Z,{sx:{boxShadow:3,color:(0,c.dmX)(o),fontSize:I,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),_()}}):(0,v.jsx)(ve.Z,{sx:{boxShadow:3,color:"white",fontSize:I,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),_()}}),(0,v.jsx)(v.Fragment,{children:(0,c.CEM)(o)?(0,v.jsxs)(s.xv,{fontSize:.3*I+"px !important",fontWeight:"semibold !important",align:"center",sx:{fontFamily:l+" !important",color:"white !important",position:"relative",bottom:"5px"},children:["\xa0",T>=(0,c.zKg)(o)?he(T):null!==(i=null===Q||void 0===Q||null===(n=Q[m])||void 0===n?void 0:n.like)&&void 0!==i?i:"Like","\xa0"]}):(0,v.jsx)(v.Fragment,{})})]})})})};const fe=t=>{let{iconSize:e}=t;return(0,v.jsx)("div",{style:{backgroundColor:"#25D366",borderRadius:"50%",padding:.3*e},children:(0,v.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,fill:"white",class:"bi bi-whatsapp",viewBox:"0 0 16 16",children:(0,v.jsx)("path",{d:"M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"})})})};var we=i(8866);const je=t=>{let{iconSize:e}=t;return(0,v.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:.3*e},children:(0,v.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,fill:"currentColor",class:"bi bi-twitter-x",viewBox:"0 0 16 16",children:(0,v.jsx)("path",{d:"M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"})})})},ye=t=>{let{iconSize:e}=t;return(0,v.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:.3*e},children:(0,v.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,fill:"currentColor",class:"bi bi-copy",viewBox:"0 0 16 16",children:(0,v.jsx)("path",{"fill-rule":"evenodd",d:"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"})})})};var Ce=t=>{const e=t.shareText,[i,n]=(0,r.useState)("Copy link"),[o,l]=(0,r.useState)("");return(0,v.jsx)(v.Fragment,{children:t.isModalOpen&&(0,v.jsxs)("div",{className:"modal-overlay",style:{backgroundColor:"white",borderRadius:"10px",padding:"12px 12px 20px 12px"},children:[(0,v.jsxs)("div",{style:{cursor:"pointer",display:"flex",justifyContent:"space-between",paddingBottom:"6px"},children:[(0,v.jsx)("img",{onClick:()=>{window.location.href="https://whatmore.ai"},src:"https://whatmore-other-assets.b-cdn.net/whatmore/new_whatmore_logo.png",style:{objectFit:"contain",backgroundColor:"transparent",borderRadius:"0px",width:Math.min(t.iconSize,28)+"px"}}),(0,v.jsx)(Wt.Z,{onClick:e=>{e.stopPropagation(),t.setIsModalOpen(!1)}})]}),(0,v.jsx)("div",{}),(0,v.jsx)(s.iz,{color:"blackAlpha.500",size:"1px",width:"100%"}),(0,v.jsxs)("div",{className:"social-icons",style:{display:"flex",gap:"20px",justifyContent:"center",paddingTop:"12px"},children:[(0,v.jsxs)("div",{onClick:t=>{var i;t.stopPropagation();const n=encodeURIComponent(null===(i=e[0])||void 0===i?void 0:i.text);window.open(`https://wa.me/?text=${n}`,"_blank")},style:{cursor:"pointer",display:"flex",flexDirection:"column",gap:"4px",alignItems:"center"},children:[(0,v.jsx)(fe,{iconSize:Math.min(t.iconSize,30)}),(0,v.jsx)("p",{style:{fontSize:Math.min(t.iconSize,14)},children:"Whatsapp"})]}),(0,v.jsxs)("div",{onClick:t=>{var i;t.stopPropagation();const n=encodeURIComponent(null===(i=e[0])||void 0===i?void 0:i.text);window.open(`https://twitter.com/intent/tweet?text=${n}`,"_blank")},style:{cursor:"pointer",display:"flex",flexDirection:"column",gap:"4px",alignItems:"center"},children:[(0,v.jsx)(je,{iconSize:Math.min(t.iconSize,30),style:{boxShadow:"8px 0px 8px rgba(0, 0, 0, 0.4)"}}),(0,v.jsx)("p",{style:{fontSize:Math.min(t.iconSize,14)},children:"X"})]}),(0,v.jsxs)("div",{onClick:t=>{t.stopPropagation(),navigator.clipboard.writeText(e[1]),n("Link copied"),l("green")},style:{cursor:"pointer",display:"flex",flexDirection:"column",gap:"4px",alignItems:"center"},children:[(0,v.jsx)(ye,{iconSize:Math.min(t.iconSize,30),style:{boxShadow:"8px 0px 8px rgba(0, 0, 0, 0.4)"}}),(0,v.jsx)("p",{style:{fontSize:Math.min(t.iconSize,14),color:o},children:i})]})]})]})})};var be=function(t){var e,i;const n=null===(e=t.brandName)||void 0===e?void 0:e.replace(/\s+/g,"_"),o=(0,u.MO)("whatmorePrimaryFont"),r=(0,u.MO)("whatmoreShopId"),l=null!==(i=t.fontSize)&&void 0!==i?i:"8",[a]=(0,we.Z)(),d=`https://www.whatmore.ai/shoppable-videos?utm_source=${n}&utm_medium=referral&utm_campaign=${"landscape"===a?"customer_referral_desktop":"customer_referral_mobile"}`;return(0,v.jsx)(s.rU,{href:d,isExternal:!0,children:(0,c.XFt)(r)&&(0,v.jsxs)(s.Kq,{direction:"row",justifyContent:"flex-start",alignItems:"center",width:"fit-content",spacing:"2px",paddingLeft:"2px",paddingRight:"2px",children:[(0,v.jsx)("p",{style:{textAlign:"center",color:"white",fontFamily:o,fontWeight:"normal",fontSize:1.1*l+"px"},children:"powered by Whatmore"}),(0,v.jsx)(s.xu,{width:"10px"}),(0,v.jsx)("img",{src:"https://whatmore-other-assets.b-cdn.net/whatmore/new_whatmore_logo.png",style:{objectFit:"contain",width:1.7*l,backgroundColor:"transparent",borderRadius:"0px"}})]})})},Se=i(4892),Ie=i(1195);var ke=()=>(0,v.jsxs)(s.xu,{as:"svg",width:"46px",height:"46px",viewBox:"0 0 24 24",fill:"none",className:"tick-animation",marginBottom:"20px",children:[(0,v.jsx)("circle",{cx:"12",cy:"12",r:"11",stroke:"gray",strokeWidth:"2",fill:"none"}),(0,v.jsx)("path",{d:"M7 12l3 3 7-7",stroke:"gray",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"})]});var _e=t=>{var e;const i={text:null===t||void 0===t||null===(e=t.question)||void 0===e?void 0:e.title,options:(null===t||void 0===t?void 0:t.options)||[]},[n,o]=(0,r.useState)(!1),[l,a]=(0,r.useState)(null),[d,c]=(0,r.useState)(null),u=(0,r.useRef)(null),h=(0,r.useContext)(H.I);return(0,r.useEffect)((()=>{if(n){const e=setTimeout((()=>{t.setIsQuestionVisible(!1)}),1e3);return()=>clearTimeout(e)}}),[n]),(0,r.useEffect)((()=>{!n&&u.current&&c(u.current.offsetHeight)}),[n]),(0,v.jsxs)(s.xu,{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",minWidth:"320px",width:"fit-content",bg:"white",borderRadius:"lg",boxShadow:"md",display:"flex",flexDirection:"column",maxWidth:"90%",maxHeight:"90%",overflowY:"visible",ref:u,height:d?`${d}px`:"auto",children:[(0,v.jsx)(s.xu,{position:"absolute",top:"-10px",right:"-10px",bg:"rgba(255, 255, 255, 0.8)",borderRadius:"full",padding:1,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:"10",onClick:()=>{var e;t.setIsQuestionVisible(!1),(0,q.GF)({userInteractionType:N.K.QUESTION_CLOSED,userInteractionMetadata:{questionId:null===t||void 0===t||null===(e=t.question)||void 0===e?void 0:e.id},widgetSourceDetails:h})},children:(0,v.jsx)(Ie.Z,{})}),(0,v.jsx)(s.xu,{bg:"gray.700",borderTopRadius:"lg",py:3,px:6,display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",children:(0,v.jsx)(s.X6,{py:6,as:"h2",textAlign:"center",style:{fontWeight:"bold",fontSize:"18px",color:"white"},children:null===i||void 0===i?void 0:i.text})}),(0,v.jsx)(s.xu,{flex:"1",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",py:5,px:6,width:"100%",children:n?(0,v.jsxs)(s.xu,{flex:"1",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%",children:[(0,v.jsx)(ke,{}),(0,v.jsx)(s.X6,{as:"h3",size:"md",color:"gray.700",fontWeight:"medium",textAlign:"center",mt:4,fontSize:"lg",children:"Thank you for your response!"})]}):(0,v.jsx)(s.Kq,{spacing:5,width:"100%",align:"center",children:i.options.map(((e,i)=>(0,v.jsx)(s.xu,{px:4,borderWidth:2,borderRadius:"md",cursor:"pointer",bg:l===e?"gray.200":"white",borderColor:l===e?"gray.400":"gray.200",_hover:{bg:"gray.200"},onClick:()=>(e=>{var i;a(e),o(!0),(0,q.GF)({userInteractionType:N.K.QUESTION_ANSWERED,userInteractionMetadata:{questionId:null===t||void 0===t||null===(i=t.question)||void 0===i?void 0:i.id,response:e},widgetSourceDetails:h})})(e),transition:"background-color 0.2s, border-color 0.2s",display:"flex",alignItems:"center",width:"100%",children:(0,v.jsx)(s.xv,{py:5,color:"gray.800",children:e})},i)))})})]})},Te=i(2586);var Fe=t=>{var e,i;const[n,o]=(0,r.useState)(""),[l,a]=(0,r.useState)(""),[d,c]=(0,r.useState)(!1),[u,h]=(0,r.useState)(!1),p=null===t||void 0===t||null===(e=t.question)||void 0===e?void 0:e.title,x=(0,r.useContext)(H.I),m=()=>{var e,i;(()=>{const{type:e}=(null===t||void 0===t?void 0:t.question)||{};return"number"===e?/^\d{10}$/.test(n):/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n)})()?(c(!0),(0,q.GF)({userInteractionType:N.K.QUESTION_ANSWERED,userInteractionMetadata:{questionId:null===t||void 0===t||null===(e=t.question)||void 0===e?void 0:e.id,response:n,type:"number"===(null===t||void 0===t||null===(i=t.question)||void 0===i?void 0:i.type)?"leadgen:number":"leadgen:email"},widgetSourceDetails:x})):a("Please enter valid contact info.")},g=()=>{var e;t.setIsQuestionVisible(!1),(0,q.GF)({userInteractionType:N.K.QUESTION_CLOSED,userInteractionMetadata:{questionId:null===t||void 0===t||null===(e=t.question)||void 0===e?void 0:e.id},widgetSourceDetails:x})};return(0,v.jsx)(s.kC,{bg:"rgba(0, 0, 0, 0.8)",p:6,borderRadius:"md",boxShadow:"md",width:"80%",mx:"auto",minH:"40%",maxH:"70%",position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",direction:"column",align:"center",justify:"center",zIndex:100,children:d?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(s.xu,{textAlign:"center",color:"white",children:[(0,v.jsx)(s.xu,{fontSize:"2xl",fontWeight:"bold",children:"CONGRATULATIONS!"}),(0,v.jsx)(s.xu,{my:4,fontSize:"xl",children:"Claim Now"})]}),(0,v.jsx)(s.xu,{position:"fixed",top:2,right:2,zIndex:20,children:(0,v.jsx)(P.Z,{onCloseCallback:g})}),(0,v.jsxs)(s.xu,{position:"relative",width:"70%",onClick:()=>{navigator.clipboard.writeText("WHTMR").then((()=>{h(!0),setTimeout((()=>{g()}),1e3),setTimeout((()=>h(!1)),2e3)}),(()=>{console.error("Failed to copy the coupon code")}))},cursor:"pointer",children:[(0,v.jsxs)(s.xu,{bg:"white",border:"2px dashed black",borderRadius:"md",p:2,display:"flex",alignItems:"center",justifyContent:"space-between",mt:4,children:[(0,v.jsx)(s.xu,{as:"span",fontWeight:"bold",color:"black",children:"WHTMR"}),(0,v.jsx)(Te.Z,{sx:{color:u?"green":"gray",cursor:"pointer",marginLeft:"8px"}})]}),u&&(0,v.jsx)(s.xu,{position:"absolute",bottom:"-25px",left:"50%",transform:"translateX(-50%)",bg:"green.500",color:"white",fontSize:"12px",borderRadius:"md",px:2,py:.5,textAlign:"center",children:"Copied!"})]})]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(s.xu,{textAlign:"center",color:"white",children:[(0,v.jsx)(s.xu,{fontSize:"xl",fontWeight:"bold",mx:"5%",children:p}),(0,v.jsx)(s.xu,{my:4,fontSize:"md",mx:"10%",children:"Be the first to know about our latest arrivals and exclusive deals!"})]}),(0,v.jsx)(s.xu,{position:"fixed",top:2,right:2,zIndex:20,children:(0,v.jsx)(P.Z,{onCloseCallback:g})}),(0,v.jsxs)(s.kC,{mt:4,align:"center",direction:"column",width:"60%",children:[(0,v.jsx)(s.xu,{fontSize:"14px",bg:"white",border:"2px solid #4A4A4A",borderRadius:"md",p:2,display:"flex",alignItems:"center",mb:4,width:"140%",height:12,children:(0,v.jsx)("input",{type:"number"===(null===(i=t.question)||void 0===i?void 0:i.type)?"tel":"email",placeholder:t.placeholder,value:n,onChange:t=>{o(t.target.value),l&&a("")},onKeyDown:t=>{"Enter"===t.key&&m()},style:{border:"none",outline:"none",width:"95%"}})}),l&&(0,v.jsx)(s.xv,{color:"red.500",mb:"4% !important",fontSize:"md",textAlign:"center",width:"100%",children:l}),(0,v.jsx)(s.xu,{as:"button",bg:"green.300",color:"#343434",borderRadius:"md",fontWeight:"bold",height:"35px",display:"flex",alignItems:"center",justifyContent:"center",onClick:m,children:(0,v.jsx)(s.xv,{fontSize:"14px",padding:"16px",children:"SUBMIT"})})]})]})})};var Ee=t=>{const[e,i]=(0,r.useState)(null);return(0,v.jsx)(s.xu,{children:!e&&(0,v.jsx)(Fe,{question:t.question,onEmailSubmit:t=>{i(t)},setIsQuestionVisible:t.setIsQuestionVisible,placeholder:t.placeholder})})};var Pe=t=>{var e;const[i,n]=(0,r.useState)(null),o=t.questionIndex,l=t.questionList;if((0,r.useEffect)((()=>{if(!(o>=l.length))return()=>(0,ot.xw)()}),[]),o>=l.length)return;const a=null===l||void 0===l?void 0:l[o];return"string"===(null===a||void 0===a?void 0:a.type)||"number"===(null===a||void 0===a?void 0:a.type)?(0,v.jsx)(s.xu,{children:(0,v.jsx)(Ee,{setIsQuestionVisible:t.setIsQuestionVisible,question:a,placeholder:"number"===(null===a||void 0===a?void 0:a.type)?"Enter your phone number":"Enter your email"})}):(0,v.jsx)(s.xu,{children:(0,v.jsx)(_e,{question:a,options:null===a||void 0===a||null===(e=a.answers)||void 0===e?void 0:e.values.map((t=>null===t||void 0===t?void 0:t.value)),onAnswerSelect:t=>{n(t)},selectedAnswer:i,onClose:()=>{t.setIsQuestionVisible(!1)},setIsQuestionVisible:t.setIsQuestionVisible})})};function Oe(t){var e;const i=t.event,[n,o,l,a]=(0,h.Z)(),[d]=(0,u.j1)("whatmorePrimaryFont"),{whatmoreIsStoriesTemplate:p}=(0,r.useContext)(H.I),[x]=(0,u.j1)("whatmoreSecondaryColor"),[m]=(0,u.j1)("whatmoreShopId"),g=(0,c.f63)(m),f=null!==(e=(0,c.u2W)(m))&&void 0!==e?e:[x,g,x,g,x],w=(0,r.useRef)(null);(0,r.useEffect)((()=>{w.current&&w.current.play()}),[]);const j=(0,ce.V)(null===i||void 0===i?void 0:i.storyset_thumbnail_image);return(0,v.jsx)(v.Fragment,{children:p?(0,v.jsx)(s.xu,{width:"100%",height:"fit-content",padding:"5px",children:(0,v.jsxs)(s.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"flex-start",children:[(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.Cd,{overflow:"hidden",size:.14*t.width+"px",sx:{boxShadow:"0px 2px 1px 0px "+f[0]+"50, 0px -2px 1px 0px "+f[1]+"50, 2px 0px 1px 0px "+f[2]+"50, -2px 0px 1px 0px "+f[3]+"80, 2px -2px 1px 0px "+f[4]+"80, -2px 2px 1px 0px "+f[0]+"DA, 2px 2px 1px 0px "+f[1]+"DA, -2px -2px 1px 0px "+f[2]+"DA"},children:"video"==(0,pt.$)(j)?(0,v.jsx)(Se.Z,{height:"100%",width:"100%",poster:null===i||void 0===i?void 0:i.thumbnail_image,url:j,isPlaying:!0,event:{event_type:"video"},borderRadius:"50%"}):(0,v.jsx)("img",{src:j,style:{objectFit:"cover",height:"100%",width:"100%",backgroundColor:"white"}})})}),(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.xv,{style:{overflow:"hidden",textOverflow:"ellipsis"},noOfLines:1,fontSize:.05*t.width+"px",fontWeight:"medium",lineHeight:"100%",sx:{fontFamily:d+" !important",color:"white !important",textShadow:"0px 0px 4px black !important;"},children:i.storyset_name})})]})}):(0,v.jsx)(v.Fragment,{})})}var ze=function(t){var e,i,n;const[o,l,a]=(0,we.Z)(),[p]=(0,u.j1)("isInDesignMode"),[x]=(0,u.j1)("isDemoBrand"),[m,g]=(0,u.j1)("isProductSwiperCatalogOpen"),[f,w]=(0,u.j1)("isFirstIndicatorRenderDone"),[j]=(0,u.j1)("whatmoreShopId"),C=(0,r.useContext)(wi),{whatmoreEventsBrowsingTemplate:b}=(0,r.useContext)(H.I),[S,I,k,_]=(0,h.Z)(),T=(0,u.MO)("whatmorePrimaryFont"),E=t.event,O=t.storySetId,z=t.isLast,L=t.onCloseCallback,M=t.focusRef,R=t.productClickHandler,A=t.videoPlayingData,W=t.totalSiblingEvents,K=t.indexAmongSiblings,V=t.leftOpenSpaceClickHandler,Z=t.midOpenSpaceClickHandler,U=t.rightOpenSpaceClickHandler,{whatmoreWidgetSourceDetails:B}=(0,r.useContext)(H.I),Y=.1*_,[X,G]=(0,r.useState)(!1),[$,Q]=(0,r.useState)([]),J=t=>{tt.current&&!tt.current.contains(t.target)&&G(!1)},tt=(0,r.useRef)(null);(0,r.useEffect)((()=>(X?document.addEventListener("click",J):document.removeEventListener("click",J),()=>{document.removeEventListener("click",J)})),[X]);const et="Free"==(0,c.Svj)(j)&&"portrait"==o;return(0,v.jsxs)(s.xu,{width:"full",height:"full",borderRadius:"md",children:[t.isQuestionVisible&&(0,v.jsx)(Lt.u,{userInteractionType:N.K.QUESTION_VIEWED,userInteractionMetadata:{questionId:null===(e=t.questionList)||void 0===e||null===(i=e[t.qIndex])||void 0===i?void 0:i.id},triggerFlag:!p&&!x,children:(0,v.jsx)(Pe,{questionList:t.questionList,questionIndex:t.qIndex,setIsQuestionVisible:t.setIsQuestionVisible})}),X&&(0,v.jsx)("div",{ref:tt,className:"whatmore-share-modal",style:{zIndex:100,position:"absolute",boxShadow:"8px 0px 8px rgba(0, 0, 0, 0.6)",width:"75%",top:"45%",left:"50%",transform:"translateX(-50%) translateY(-50%)"},children:(0,v.jsx)(Ce,{shareText:$,setShareText:Q,iconSize:Y,isModalOpen:X,setIsModalOpen:G})}),(!t.isQuestionVisible||t.qIndex>=(null===t||void 0===t||null===(n=t.questionList)||void 0===n?void 0:n.length))&&(0,v.jsxs)(s.Kq,{direction:"column",width:"full",height:"full",justifyContent:"space-between",children:[(0,v.jsxs)(s.Kq,{width:"full",height:"fit-content",direction:"column",justifyContent:"flex-start",alignItems:"center",bgGradient:"linear(to-t, transparent, whiteAlpha.100, blackAlpha.200, blackAlpha.400, blackAlpha.800)",children:[C.showVideoPlayingData?(0,v.jsx)(s.Kq,{direction:"row",width:"100%",height:"fit-content",marginTop:"5px",justifyContent:"center",children:(0,v.jsx)(se,{progress:de(A.current_time,A.video_duration),totalSiblings:W,indexAmongSiblings:K})}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)(s.xu,{width:"full",margin:"2px",marginTop:"5px",children:(0,v.jsxs)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",paddingRight:"10px",paddingLeft:"10px",children:[(0,v.jsx)(Oe,{event:E,width:_}),(0,v.jsxs)(s.Kq,{direction:"row",width:"fit-content",justifyContent:"end",paddingLeft:"10px",children:[(0,mt.ZK)(b)?(0,v.jsx)(xe,{whatmoreShareTemplateId:(0,mt.QN)(b),whatmoreShareStoryId:O,whatmoreShareEventId:E.event_id,event:E,showShareText:!1,iconSize:.07*_,shareButtonBottomMargin:6,setIsModalOpen:G,setShareText:Q}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)(y,{focusRef:M}),("landscape"!==o||t.showCloseOverlay)&&(0,v.jsx)(P.Z,{event:E,onCloseCallback:L})]})]})})]}),(0,v.jsxs)(s.Kq,{width:"100%",height:"100%",direction:"row",justifyContent:"center",children:[(0,v.jsx)(s.xu,{width:"33%",height:"100%",onClick:()=>{V()},sx:{display:"block !important"}}),(0,v.jsx)(s.xu,{width:"34%",height:"100%",onClick:()=>{Z()},sx:{display:"block !important"}}),(0,v.jsx)(s.xu,{width:"33%",height:"100%",onClick:()=>{U()},sx:{display:"block !important"}})]}),(0,v.jsxs)(s.xu,{width:"full",height:"fit-content",children:[C.totalEvents>1&&!f&&C.showSwipeIndicator?(0,v.jsx)(s.xu,{width:"full",margin:"2px",children:(0,v.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"center",children:(0,v.jsx)(D,{swipeUp:!z})})}):null,(0,v.jsxs)(s.xu,{width:"fit-content",height:"fit-content",position:"absolute",right:0,bottom:"25%",children:[(0,c.slY)(j)&&!(0,mt.ZK)(b)?(0,v.jsx)(s.xu,{ml:"auto",width:"fit-content",paddingY:"12px",paddingX:"8px",position:"relative",top:"-30px",children:(0,v.jsxs)(s.Kq,{gap:"4px",direction:"column",alignItems:"center",cursor:"pointer",onClick:function(){var t;p||x||(async()=>{(0,d.lY)(E,1)})(),(0,q.GF)({userInteractionType:N.K.WHATSAPP_ICON_CLICKED,widgetSourceDetails:B,event:E,productList:null===E||void 0===E?void 0:E.products,ctaList:null===E||void 0===E?void 0:E.cta});const e=E.products.map((t=>`${t.product_link} \n`)),i=(0,c.gtK)(j),n=`Hey, I am interested in ${E.products.length>1?"these products":"this product"} I saw on ${null===(t=E.products[0])||void 0===t?void 0:t.brand} store: \n${e}. Could you please help me with some queries?`;window.open(i+`&text=${n}&type=phone_number`,"_blank")},children:[(0,v.jsx)(fe,{iconSize:.7*Y,style:{boxShadow:"8px 0px 8px rgba(0, 0, 0, 0.4)"}}),(0,v.jsx)(s.xv,{fontSize:Y*(0,c.Xod)(j)+"px",fontWeight:"bold",align:"center",style:{marginTop:0},sx:{fontFamily:T+" !important",color:"white !important"},children:(0,c.UiZ)(j)})]})}):(0,v.jsx)(v.Fragment,{}),(0,c.jY3)(j)?(0,v.jsx)(s.xu,{width:"full",height:"fit-content",paddingX:"12px",position:"relative",top:"-30px",children:(0,v.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",children:(0,v.jsx)(ge,{event:E})})}):(0,v.jsx)(v.Fragment,{}),(0,c.ROU)(j)&&!(0,mt.ZK)(b)?(0,v.jsx)(s.xu,{width:"full",height:"fit-content",paddingX:"12px",position:"relative",top:"-30px",children:(0,v.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",children:(0,v.jsx)(xe,{whatmoreShareTemplateId:(0,mt.QN)(b),whatmoreShareStoryId:O,whatmoreShareEventId:E.event_id,event:E,setIsModalOpen:G,setShareText:Q})})}):(0,v.jsx)(v.Fragment,{})]}),(0,zt.kT)(E)?(0,v.jsxs)(s.xu,{width:"full",children:[(0,c.Jm1)(j)?(0,v.jsx)(s.xu,{w:"100%",children:(0,v.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",children:(0,v.jsx)(F,{event:E,onToggle:t=>{g("minimize-button"!==t)}})})}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)(s.xu,{display:"flex",width:"100%",height:"fit-content",children:(0,v.jsx)(Dt,{event:E,productClickHandler:R})})]}):(0,v.jsx)(v.Fragment,{})]}),et&&(0,v.jsx)(s.Kq,{direction:"row",width:"100%",height:"fit-content",bg:"rgba(52, 52, 52, 0.9)",py:"3px",justifyContent:"center",children:(0,v.jsx)(be,{brandName:null===E||void 0===E?void 0:E.brand,fontSize:.033*_})})]})]})},Le=i(2279),Me=i.n(Le),De=i(342);var Re=function(t){var e,i,n,o,l,a,[d,m,g,f]=(0,h.Z)();const[w,j]=(0,r.useState)(!1),[y,C]=(0,r.useState)(),[b,S]=(0,r.useState)(),[I,k]=(0,r.useState)({current_time:0,video_duration:0,is_video_ended:!1}),_=(0,u.MO)("whatmoreShopId"),T=t.event,F=t.storyId,E=t.onBack,P=r.useRef(),O=t.isPlaying,z=t.isLast,L=t.setLockSwiper,M=t.onVideoEndedCallback,D=t.progressUpdateCallback,R=null!==(e=t.totalSiblingEvents)&&void 0!==e?e:0,A=null!==(i=t.indexAmongSiblings)&&void 0!==i?i:0,W=null===(n=t.showOverlay)||void 0===n||n,K=null!==(o=t.leftOpenSpaceClickHandler)&&void 0!==o?o:()=>{},V=null!==(l=t.midOpenSpaceClickHandler)&&void 0!==l?l:()=>{},Z=null!==(a=t.rightOpenSpaceClickHandler)&&void 0!==a?a:()=>{},{whatmoreWidgetSourceDetails:U}=(0,r.useContext)(H.I),{questionList:B}=(0,r.useContext)(wi),Y=(null===B||void 0===B?void 0:B.length)>0?parseInt(localStorage.getItem("_whatmore_qview_index")):1e4,[X,G]=(0,r.useState)();(0,r.useEffect)((()=>{G(t.showQuestion)}),[t.showQuestion]);const $="center";let Q;try{Q=Me()((()=>{M()}),1e3,{leading:!0,trailing:!1})}catch(J){console.log(J)}return(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.xu,{width:f,height:g,sx:{overflow:"hidden"},children:[(0,v.jsx)(s.Kq,{direction:"column",justifyContent:$,height:"full",width:"full",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"white",children:(0,v.jsx)(s.oM,{width:"full",ratio:f/g,children:(0,v.jsx)(x.Z,{height:"100%",width:"100%",url:(0,ce.V)((0,De.uv)(T)),isPlaying:O&&(!X||Y>=B.length),timeUpdateCallback:function(t,e){const i=de(t,e);D(i);const n=I.is_video_ended;i>=99&&O&&!n?(Q(),k({current_time:t,video_duration:e,is_video_ended:!0})):k({current_time:t,video_duration:e,is_video_ended:n})},event:T,question:X&&Y<(null===B||void 0===B?void 0:B.length),source:t.source})})})}),W?(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:$,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,v.jsx)(ze,{focusRef:P,event:t.event,isLast:z,onCloseCallback:t=>{E(t),(0,q.Z2)({userInteractionType:N.K.VIDEO_PLAYBACK,userInteractionMetadata:{watch_time:I.current_time},widgetSourceDetails:U,event:T,productList:T.products,ctaList:T.cta})},productClickHandler:async t=>{const e=await(0,p.p)(t,(0,c.Ipo)(_),_);S(t),C(e),j(!0),L(!0),(0,q.GF)({userInteractionType:N.K.SHOPNOW_CLICKED,widgetSourceDetails:U,event:T,productList:T.products,ctaList:T.cta}),(0,u.bU)("whatmoreAllowAutoSlide",!1)},videoPlayingData:I,totalSiblingEvents:R,indexAmongSiblings:A,questionList:B,isQuestionVisible:X&&Y<(null===B||void 0===B?void 0:B.length),qIndex:Y,setIsQuestionVisible:G,leftOpenSpaceClickHandler:K,midOpenSpaceClickHandler:V,rightOpenSpaceClickHandler:Z,storySetId:F,showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay})})}):(0,v.jsx)(v.Fragment,{}),!0===w?(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"200%"},direction:"column",justifyContent:$,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,v.jsx)(le,{focusRef:P,event:t.event,isLast:z,onCloseCallback:()=>E(),setLockSwiper:L,data:y,currentProduct:b,setOpenShopNow:t=>{j(t),(0,u.bU)("whatmoreAllowAutoSlide",!t)}})})}):(0,v.jsx)("div",{})]})})},Ae=i(7300),We=i(8984),Ke=i(58),qe=i(9723);var Ne=function(t){var[e,i,n,o]=(0,h.Z)();const r=(0,u.MO)("whatmoreShopId"),l=t.event,a=t.isPlaying,d="center";return(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.xu,{width:o,height:n,sx:{overflow:"hidden"},children:[(0,v.jsx)(s.Kq,{direction:"column",justifyContent:d,height:"full",width:"full",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"white",children:(0,v.jsx)(s.oM,{width:"full",ratio:o/n,children:(0,v.jsx)(x.Z,{height:"100%",width:"100%",url:(0,ce.V)((0,De.uv)(l)),isPlaying:a,timeUpdateCallback:function(t,e){},event:l,source:t.source})})})}),(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:d,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",backdropFilter:"auto",backdropBlur:"10px",onClick:t=>{(0,Ke.QV)()},children:(0,v.jsxs)(s.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"full",width:"full",children:[(0,v.jsx)(qe.Z,{sx:{boxShadow:3,color:(0,c.Ya_)(r),fontSize:.4*o,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{(0,Ke.QV)()}}),(0,v.jsx)(s.xv,{color:"white",fontSize:.05*o+"px",fontWeight:"bold",align:"left",children:"Please click to play video.."})]})})})]})})},He=i(3433);const Ve=r.lazy((()=>i.e(824).then(i.bind(i,5824))));var Ze=function(t){var e,i;const r=t.event,l=null===(e=t.isPlaying)||void 0===e||e,a=t.onBack,d=t.isLast,s=t.setLockSwiper,c=(t.heightFactor,t.widthFactor,t.onVideoEndedCallback),h=t.progressUpdateCallback,[p,x]=(0,j.Z)(),[m]=(0,u.j1)("whatmoreVideoPlayerPoolBlessed"),g=null===(i=t.showOverlay)||void 0===i||i;function f(){x(!p)}if((0,We.KE)()&&0==m&&"recommended_images"!=(null===r||void 0===r?void 0:r.event_type))return(0,v.jsx)(Ne,{event:r,onBack:a,isPlaying:l,isLast:d,setLockSwiper:s,onVideoEndedCallback:c,progressUpdateCallback:h,totalSiblingEvents:1,indexAmongSiblings:0,leftOpenSpaceClickHandler:()=>{f()},midOpenSpaceClickHandler:()=>{f()},rightOpenSpaceClickHandler:()=>{f()},showOverlay:g,source:He.j.CAROUSEL_EVENT_OPENED},"shopping-video-view"+r.event_id);if((0,Ae.B6)(r)||(0,Ae.WJ)(r))return(0,v.jsx)(Re,{event:r,onBack:a,isPlaying:l,isLast:d,setLockSwiper:s,onVideoEndedCallback:c,progressUpdateCallback:h,showQuestion:t.showQuestion,totalSiblingEvents:1,indexAmongSiblings:0,leftOpenSpaceClickHandler:()=>{f()},midOpenSpaceClickHandler:()=>{f()},rightOpenSpaceClickHandler:()=>{f()},showOverlay:g,source:He.j.CAROUSEL_EVENT_OPENED,showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay},"shopping-video-view"+r.event_id);if("recommended_images"==(null===r||void 0===r?void 0:r.event_type))return(0,v.jsx)(Ve,{onBack:a,mode:t.mode,showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay,imageUrls:null===r||void 0===r?void 0:r.product_list});if((0,Ae.yC)(r)){var{status:w,bannerText:y,timeToStartInMins:C}=n.Z.getEventStatus(r);if(w.name===o.Z.LIVE.name)return(0,v.jsx)(ae,{event:r,onBack:a,isPlaying:l,isLast:d,showOverlay:g},"shopping-live-view"+r.event_id)}return console.error("Can't render event which is neither video or a currently-live-event"),(0,v.jsx)("div",{})},Ue=i(9284),Be=i.n(Ue),Ye=i(7463),Xe=i(2154);function Ge(t){var e;const[i,n]=(0,r.useState)(!1),o=t.onClick,l=null!==(e=t.fontSize)&&void 0!==e?e:50;return(0,v.jsx)("div",{style:{height:"fit-content",width:"fit-content",backgroundColor:"black",opacity:.4,borderRadius:"50%"},className:[i?"whatmore-scale-on-tap":""].join(" "),children:"left"===t.type?(0,v.jsx)(Xe.Z,{sx:{color:"white",fontSize:l+"px",filter:"drop-shadow(0 0 5px black);"},onClick:t=>{n(!0),setTimeout((()=>{n(!1)}),500),o(t,"up")}}):(0,v.jsx)(Ye.Z,{sx:{color:"white",fontSize:l+"px",filter:"drop-shadow(0 0 5px black);"},onClick:t=>{n(!0),setTimeout((()=>{n(!1)}),500),o(t,"down")}})})}var $e=function(t){var e,i,n;const o=null!==(e=t.relativeBottomPercentage)&&void 0!==e?e:"30%",r=null!==(i=t.width)&&void 0!==i?i:"100%",l=null!==(n=t.fontSize)&&void 0!==n?n:50,a=t.handleClick;return(0,v.jsx)("div",{style:{position:"relative",zIndex:1,bottom:o,width:"100%",height:"fit-content",display:"flex",flexFlow:"row nowrap",justifyContent:"center"},id:"here",children:(0,v.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:r,height:"fit-content",paddingRight:"5px",paddingLeft:"5px",paddingTop:"5px",paddingBottom:"5px",justifyContent:"space-between",alignContent:"center"},children:[(0,v.jsx)(Ge,{type:"left",onClick:a,fontSize:l}),(0,v.jsx)(Ge,{type:"right",onClick:a,fontSize:l})]})})},Qe=i(2860),Je=i(4669);var ti=function(t,e){function i(t,e){return 1==e?0:t<0?e+t:t>=e?t-e:t}const n=(0,r.useRef)({prevIndex:i(t-1,e),activeIndex:t,nextIndex:i(t+1,e)});return[function(){return n.current},function(t){n.current="right"==t?{prevIndex:i(n.current.activeIndex,e),activeIndex:i(n.current.activeIndex+1,e),nextIndex:i(n.current.activeIndex+2,e)}:{prevIndex:i(n.current.activeIndex-2,e),activeIndex:i(n.current.activeIndex-1,e),nextIndex:i(n.current.activeIndex,e)}},function(t){return i(n.current.activeIndex+t)}]};var ei=function(t,e){const i=(0,r.useRef)({clientX:0,clientY:0});return[function(t){i.current.clientX=t.changedTouches[0].clientX,i.current.clientY=t.changedTouches[0].clientY},function(n){const o=i.current.clientX,r=i.current.clientY;var l=o-n.changedTouches[0].clientX,a=r-n.changedTouches[0].clientY;return"vertical"==t&&Math.abs(a)>e||"horizontal"==t&&Math.abs(l)>e?"vertical"==t?a>0?"right":"left":l>0?"right":"left":null}]};var ii=function(t,e){const i=(0,r.useRef)(Me()(((t,e)=>{t(e)}),300,{leading:!0,trailing:!1}));return[function(n,o){var r=0;if(r="vertical"==t?n.deltaY:n.deltaX,Math.abs(r)<=e)return;const l=r>0?"right":"left";i.current(o,l)}]},ni=i(5173);var oi=function(t){const e=t.events,i=t.eventIndex,n=t.onBack;var[o,p,x,m]=(0,h.Z)();const[g]=(0,u.j1)("isInDesignMode"),[f]=(0,u.j1)("isDemoBrand"),[w,j]=(0,r.useState)(!0),[y,C]=(0,u.j1)("isFirstIndicatorRenderDone"),[b,S]=(0,r.useState)(!1),{setCloseClickComponent:I}=(0,r.useContext)(wi),{slideDirection:k}=(0,r.useContext)(wi),[_]=(0,u.j1)("whatmoreShopId"),[T]=(0,u.j1)("whatmoreLandingLocationType"),[F,E]=ti(i,e.length),[P,O]=ei(k,50),[z]=ii("vertical",30),[L,M]=(0,r.useState)(!1),[D,R]=(0,r.useState)(null),{whatmoreWidgetSourceDetails:A,whatmoreUserInfo:K}=(0,r.useContext)(H.I);function V(){M(!1)}function Z(t){V(),setTimeout((()=>{n(t)}),500)}(0,r.useEffect)((()=>(M(!0),()=>{})),[]);const U=A.landingLocationType,B=A.templateType;I(Z);let Y=i;const{questionList:X}=(0,r.useContext)(wi);function G(){(0,u.MO)("whatmoreAllowAutoSlide")&&(E("right"),D.slideNext())}function $(t,e){E(e),function(t,e){D&&("left"===e?D.slidePrev():D.slideNext())}(0,e)}const Q=Math.round(.05*x);return(0,v.jsx)(Be(),{isOpen:L,onAfterOpen:function(){},onRequestClose:V,overlayClassName:"whatmore-modal",className:"whatmore-modal-content",ariaHideApp:!1,children:(0,v.jsx)(ni.Z,{children:(0,v.jsxs)("div",{style:{height:window.innerHeight,width:window.innerWidth,backgroundColor:(0,W.lA)("#000000",13)},onTouchStart:t=>{P(t)},onTouchEnd:t=>{if(b)return;const e=O(t);e&&$(0,e)},onWheel:t=>{b||z(t,(t=>{$(0,t)}))},children:[(0,v.jsx)(l.tq,{speed:400,threshold:Q,slidesPerView:1,direction:k,modules:[a.tl,a.Gk],initialSlide:i,loop:1!=e.length,height:window.innerHeight,width:window.innerWidth,watchSlidesProgress:!0,allowSlideNext:!b,allowSlidePrev:!b,allowTouchMove:!1,onSwiper:t=>{R(t),(0,q.GF)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:A,event:e[F().activeIndex],productList:e[F().activeIndex].products})},onSlideChange:t=>{var i;w?j(!1):(y||C(!0),i=e[F().activeIndex],g||f||null===i||void 0===i||!i.event_id||(async()=>{const t=(0,mt.NY)(U)+(0,mt.dS)(B)+"_"+(null===i||void 0===i?void 0:i.event_id);(0,d.wh)(i),"index"===T?((0,Je.Tc)(_,Qe.Xh,Qe.pR),(0,ot.H4)(i.event_id,i.products,Qe.Xh,Qe.pR,t,null===i||void 0===i?void 0:i.location,null===K||void 0===K?void 0:K.userType)):T.startsWith("product")||"embed"===T?((0,Je.Tc)(_,Qe.h7,Qe.dU),(0,ot.H4)(i.event_id,i.products,Qe.h7,Qe.dU,t)):T.startsWith("collection")?((0,Je.Tc)(_,Qe.U$,Qe.Pk),(0,ot.H4)(i.event_id,i.products,Qe.U$,Qe.Pk,t)):((0,Je.Tc)(_,Qe.Xh,Qe.pR),(0,ot.H4)(i.event_id,i.products,Qe.Xh,Qe.pR,t))})(),(0,q.y4)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:A,event:e[F().activeIndex],productList:e[F().activeIndex].products}))},children:[...Array(Math.min(e.length,3)).keys()].map((n=>(0,v.jsx)(l.o5,{children:n=>{let{isActive:o,isPrev:r,isNext:l,isVisible:a,isDuplicate:d}=n;const u=o?"activeIndex":r?"prevIndex":"nextIndex",h=F()[u];"activeIndex"==u&&(Y=Math.max(Y,h),0==h&&(Y=0));const p=(null===X||void 0===X?void 0:X.length)>0&&o&&a&&(h>i||Y<i&&h>0)&&h>=Y&&h%(0,c.rFm)(_)==i%(0,c.rFm)(_);return(0,v.jsx)(s.Kq,{direction:"column",height:window.innerHeight,justifyContent:"center",children:(0,v.jsx)(Ze,{event:e[h],showQuestion:p,onBack:Z,isPlaying:1==e.length||o&&a,isLast:!1,setLockSwiper:S,onVideoEndedCallback:G,progressUpdateCallback:t=>{},showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay,mode:"portrait"})})}},"event-vertical-scroll-slide-"+n)))}),e.length>1&&!b&&(0,c.h6H)(_)&&"horizontal"===(0,c.e8z)(_)&&"horizontal"===k?(0,v.jsx)($e,{relativeBottomPercentage:"50%",width:m,handleClick:(t,e)=>{$(0,"down"==e?"right":"left")},fontSize:parseInt(.12*m)}):(0,v.jsx)(v.Fragment,{})]})})})},ri=i(1168);i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811);const li=t=>{let{children:e,customClass:i,show:n,closeCallback:o}=t;return ri.createPortal((0,v.jsxs)("div",{className:`whatmore-landscape-modal whatmore-root ${i}`,style:{display:n?"block":"none"},children:[(0,v.jsx)("div",{className:"whatmore-landscape-modal-overlay",onClick:o}),(0,v.jsx)("div",{className:"whatmore-landscape-modal-content",children:e})]}),document.body)};li.defaultProps={children:(0,v.jsx)("div",{children:"Empty Modal"}),customClass:"",show:!1,closeCallback:()=>!1};var ai=li;var di=function(t){var e,[i,n,o,p]=(0,h.Z)();const[x]=(0,u.j1)("isInDesignMode"),[m]=(0,u.j1)("isDemoBrand"),[g,f]=(0,u.j1)("isFirstIndicatorRenderDone"),[w,j]=(0,r.useState)(0!=t.eventIndex),{setCloseClickComponent:y}=(0,r.useContext)(wi),[C,b]=(0,r.useState)(!1),[S]=(0,u.j1)("whatmoreShopId"),[I]=(0,u.j1)("whatmoreLandingLocationType"),k=(0,u.MO)("whatmoreUITheme"),{whatmoreWidgetSourceDetails:_,whatmoreUserInfo:T}=(0,r.useContext)(H.I),[F,E]=(0,r.useState)(!1),[O,z]=(0,r.useState)(null);function L(){E(!1)}const M=t.events,D=t.eventIndex,R=t.onBack,A=M.concat(M),K=M.length,V=null===M||void 0===M||null===(e=M[0])||void 0===e?void 0:e.brand,Z=(0,r.useRef)(0);function U(t){L(),setTimeout((()=>{R(t)}),500)}function B(){O&&!O.isEnd&&(0,u.MO)("whatmoreAllowAutoSlide")&&O.slideNext()}(0,r.useEffect)((()=>(E(!0),()=>{})),[]),y(U);const Y=_.landingLocationType,X=_.templateType,G=parseInt(Math.min(5,M.length));return(0,v.jsx)(ai,{show:F,closeCallback:L,customClass:"whatmore-landscape-modal-swipe-view",children:(0,v.jsxs)(s.Kq,{direction:"column",width:window.innerWidth,height:window.innerHeight,justifyContent:"center",aligntItems:"center",backgroundColor:(0,W.lA)("#000000",13),children:[(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.xu,{height:"fit-content",width:p*G,children:(0,v.jsxs)(l.tq,{onInit:t=>{z(t),(0,q.GF)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:_,event:M[t.activeIndex],productList:M[t.activeIndex].products,ctaList:M[t.activeIndex].cta})},slidesPerView:G,centeredSlides:!0,allowTouchMove:!1,initialSlide:D,modules:[a.lI,a.W_,a.Gk,a.pt,a.tl],navigation:G>=5,effect:"coverflow",coverflowEffect:{rotate:-8,stretch:Math.floor(.22*o),depth:100,scale:.7,modifier:1,slideShadows:!1},height:"fit-content",width:p*G,watchSlidesProgress:!0,onSlideChange:t=>{var e;w?j(!1):(g||f(!0),e=M[t.activeIndex],x||m||null===e||void 0===e||!e.event_id||(async()=>{const t=(0,mt.NY)(Y)+(0,mt.dS)(X)+"_"+(null===e||void 0===e?void 0:e.event_id);(0,d.wh)(e),"index"===I?((0,Je.Tc)(S,Qe.Xh,Qe.pR),(0,ot.H4)(e.event_id,e.products,Qe.Xh,Qe.pR,t,null===e||void 0===e?void 0:e.location,null===T||void 0===T?void 0:T.userType)):I.startsWith("product")||"embed"===I?((0,Je.Tc)(S,Qe.h7,Qe.dU),(0,ot.H4)(e.event_id,e.products,Qe.h7,Qe.dU,t)):I.startsWith("collection")?((0,Je.Tc)(S,Qe.U$,Qe.Pk),(0,ot.H4)(e.event_id,e.products,Qe.U$,Qe.Pk,t)):((0,Je.Tc)(S,Qe.Xh,Qe.pR),(0,ot.H4)(e.event_id,e.products,Qe.Xh,Qe.pR,t))})(),(0,q.y4)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:_,event:M[t.activeIndex],productList:M[t.activeIndex].products,ctaList:M[t.activeIndex].cta}))},mousewheel:{invert:!1,thresholdDelta:20},children:[M.length>2&&(0,v.jsx)("div",{className:"whatmore-shopping-close-button",children:(0,v.jsx)(P.Z,{onCloseCallback:R})}),A.slice(D,M.length+D).map(((t,e)=>(0,v.jsx)(l.o5,{children:t=>{let{isActive:i,isPrev:n,isNext:r,isVisible:l,isDuplicate:a}=t;if(i)return(0,v.jsx)(s.Kq,{direction:"column",height:o,width:1*p,justifyContent:"center",marginLeft:"auto",marginRight:"auto",children:(0,v.jsx)(s.xu,{overflow:"hidden",sx:{borderRadius:"round"==k?"10px":"0px",borderWidth:(0,c.alU)(S),borderColor:(0,c.qPe)(S)},children:(0,v.jsx)(Ze,{event:M[e%K],onBack:U,isPlaying:!0,isLast:e%K===M.length-1,setLockSwiper:b,widthFactor:1,heightFactor:1,onVideoEndedCallback:B,progressUpdateCallback:t=>{},showCloseOverlay:(null===M||void 0===M?void 0:M.length)<=2,mode:"landscape"})})});if(r)return(0,v.jsx)(s.Kq,{direction:"column",height:o,width:p,justifyContent:"center",marginLeft:"auto",marginRight:"auto",onClick:t=>{O.slideTo(e%K,300)},children:(0,v.jsx)(s.xu,{overflow:"hidden",sx:{borderRadius:"round"==k?"10px":"0px",borderWidth:(0,c.alU)(S),borderColor:(0,c.qPe)(S)},children:(0,v.jsx)(Ze,{event:M[e%K],onBack:U,isPlaying:!1,isLast:e%K===M.length-1,setLockSwiper:b,widthFactor:1,heightFactor:1,onVideoEndedCallback:B,progressUpdateCallback:t=>{},showOverlay:!1,mode:"landscape"})})});if(n&&1===Z.current)return(0,v.jsx)(s.Kq,{direction:"column",height:o,width:p,justifyContent:"center",marginLeft:"auto",marginRight:"auto",onClick:t=>{O.slideTo(e%K,300)},children:(0,v.jsx)(s.xu,{overflow:"hidden",sx:{borderRadius:"round"==k?"10px":"0px",borderWidth:(0,c.alU)(S),borderColor:(0,c.qPe)(S)},children:(0,v.jsx)(Ze,{event:M[e%K],onBack:U,isPlaying:!1,isLast:e%K===M.length-1,setLockSwiper:b,widthFactor:1,heightFactor:1,onVideoEndedCallback:B,progressUpdateCallback:t=>{},showOverlay:!1,mode:"landscape"})})});try{D+e>=K-1&&(Z.current=1)}catch(d){console.log(d)}return(0,v.jsx)(v.Fragment,{})}},"event-horizontal-scroll-slide"+t.event_id)))]})})}),(0,v.jsx)(s.M5,{children:(0,v.jsx)(be,{brandName:V,height:.04*o,width:.1*p,fontSize:.02*o})})]})})},si=i(6090),ci=i(7616),ui=i(9302),hi=i(2575);var pi=function(t){const[e,i,n,o]=(0,h.Z)(),[r]=(0,u.j1)("whatmorePrimaryColor"),[l]=(0,u.j1)("whatmoreSecondaryColor"),a="flex-end";return(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.xu,{width:o,height:n,backgroundColor:"whiteAlpha.200",backdropBlur:"10px",children:[(0,v.jsx)(s.Kq,{direction:"column",justifyContent:a,height:"full",width:"full",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",children:(0,v.jsx)(s.oM,{width:"full",ratio:o/n,children:(0,v.jsx)(s.xu,{w:"100%",h:"100%",bgGradient:"linear(to-br, "+r+", gray, "+l+")"})})})}),(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:a,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{padding:"2px",margin:"5px",borderRadius:"md",backgroundColor:"transparent",children:(0,v.jsx)(s.oM,{width:"full",ratio:9/16,children:(0,v.jsx)(s.xu,{width:"full",height:"full",borderRadius:"md",backdropFilter:"auto",backdropBlur:"5px"})})})})]})})};var xi=function(t){var e;const i=t.stories,n=t.onBack,o=t.onStoryCompleteCallback,a=t.isActive,c=null!==(e=t.initialEventIndex)&&void 0!==e?e:0,p=i.events;var[x,m,g,f]=(0,h.Z)();const[w,y]=(0,j.Z)(),[C]=(0,u.j1)("isInDesignMode"),[b]=(0,u.j1)("isDemoBrand"),[S]=(0,u.j1)("whatmoreShopId"),[I,k]=(0,r.useState)(!0),[_,T]=(0,u.j1)("isFirstIndicatorRenderDone"),[F,E]=(0,r.useState)(null),[P,O]=(0,r.useState)(!1),{whatmoreWidgetSourceDetails:z,whatmoreUserInfo:L}=(0,r.useContext)(H.I),[M,D]=ti(c,p.length);function R(t){n(t)}const A=z.landingLocationType,W=z.templateType;function K(){if(!(0,u.MO)("whatmoreAllowAutoSlide"))return;M().activeIndex+1>=p.length?o("right"):(D("right"),F&&F.slideNext())}function V(t){const e=M().activeIndex;"right"==t&&e+1>=p.length||"left"==t&&e-1<0?o(t):(D(t),F&&("left"==t?F.slidePrev():F.slideNext()))}return p[M().activeIndex],(0,v.jsx)("div",{children:(0,v.jsx)(l.tq,{speed:1,slidesPerView:1,direction:"horizontal",initialSlide:0,loop:!0,height:g,width:f,watchSlidesProgress:!0,allowTouchMove:!1,onSwiper:t=>{E(t)},onSlideChange:t=>{I?k(!1):(_||T(!0),function(t){const e=(0,mt.NY)(A)+(0,mt.dS)(W)+"_"+(null===t||void 0===t?void 0:t.event_id);C||b||(async()=>{(0,d.wh)(t),(0,Je.Tc)(S,Qe.Xh,Qe.OW),(0,ot.H4)(t.event_id,t.products,"homepage","stories",e,null===t||void 0===t?void 0:t.location,null===L||void 0===L?void 0:L.userType)})()}(p[M().activeIndex]),(0,q.GF)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:z,event:p[M().activeIndex],productList:p[M().activeIndex].products,ctaList:p[M().activeIndex].cta}))},children:[...Array(Math.min(p.length,3)).keys()].map((e=>(0,v.jsx)(l.o5,{children:e=>{let{isActive:n,isPrev:o,isNext:r,isVisible:l,isDuplicate:d}=e;if(a){const e=n?"activeIndex":o?"prevIndex":"nextIndex",r=p[M()[e]];return(0,v.jsx)(s.Kq,{direction:"column",height:g,justifyContent:"center",children:(0,Ae.B6)(r)||(0,Ae.WJ)(r)?(0,v.jsx)(Re,{event:r,totalSiblingEvents:p.length,indexAmongSiblings:M()[e],onBack:R,isPlaying:a&&n&&l,isLast:!1,setLockSwiper:O,onVideoEndedCallback:K,progressUpdateCallback:t=>{},leftOpenSpaceClickHandler:()=>{V("left")},midOpenSpaceClickHandler:()=>{y(!w)},rightOpenSpaceClickHandler:()=>{V("right")},storyId:i.id,source:He.j.STORY_EVENT_OPENED,showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay},"shopping-video-view"+r.event_id):(0,v.jsx)(v.Fragment,{})})}return(0,v.jsx)(s.Kq,{direction:"column",height:x,justifyContent:"center",children:(0,v.jsx)(pi,{})})}},"event-story-view-slide-"+e)))})})};var vi=function(t){const e=t.onBack,i=t.eventsStories,n=t.initialStoryIndex;var[o,c,p,x]=(0,h.Z)();const[m]=(0,u.j1)("isInDesignMode"),[g]=(0,u.j1)("isDemoBrand"),[f,w]=(0,r.useState)(!0),[j,y]=(0,u.j1)("isFirstIndicatorRenderDone"),[C,b]=(0,r.useState)(!1),{setCloseClickComponent:S}=(0,r.useContext)(wi),{slideDirection:I}=(0,r.useContext)(wi),[k]=(0,u.j1)("whatmoreShopId"),[_,T]=ti(n,i.length),[F,E]=ei("horizontal",50),[P]=ii("vertical",30),O=t.eventIndex,[z,L]=(0,r.useState)(!1),[M,D]=(0,r.useState)(null),{whatmoreWidgetSourceDetails:R,whatmoreUserInfo:A}=(0,r.useContext)(H.I);function W(){L(!1)}function K(t){W(),setTimeout((()=>{e(t)}),500)}(0,r.useEffect)((()=>(L(!0),()=>{})),[]),S(K);const V=R.landingLocationType,Z=R.templateType;function U(t){M&&(0,u.MO)("whatmoreAllowAutoSlide")&&(T(t),"right"==t?M.slideNext():M.slidePrev())}function B(t,e){U(e)}return(0,v.jsx)(Be(),{isOpen:z,onAfterOpen:function(){},onRequestClose:W,overlayClassName:"whatmore-modal",className:"whatmore-modal-content",ariaHideApp:!1,children:(0,v.jsx)("div",{style:{height:window.innerHeight,width:window.innerWidth,backgroundColor:"#00000088"},onTouchStart:t=>{F(t)},onTouchEnd:t=>{const e=E(t);e&&B(0,e)},onWheel:t=>{P(t,(t=>{B(0,t)}))},children:(0,v.jsx)(l.tq,{speed:1,slidesPerView:1,direction:"horizontal",modules:[a.SH,a.Gk],initialSlide:n,loop:i.length>1,height:window.innerHeight,width:window.innerWidth,watchSlidesProgress:!0,onSwiper:t=>{var e,n;D(t),(0,q.GF)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:R,event:i[_().activeIndex].events[0],productList:null===(e=i[_().activeIndex].events[0])||void 0===e?void 0:e.products,ctaList:null===(n=i[_().activeIndex].events[0])||void 0===n?void 0:n.cta})},onSlideChange:t=>{var e,n;f?w(!1):(!function(t){const e=(0,mt.NY)(V)+(0,mt.dS)(Z)+"_"+(null===t||void 0===t?void 0:t.event_id);m||g||(async()=>{(0,d.wh)(t),(0,Je.Tc)(k,Qe.Xh,Qe.OW),(0,ot.H4)(t.event_id,t.products,"homepage","stories",e,null===t||void 0===t?void 0:t.location,null===A||void 0===A?void 0:A.userType)})()}(i[_().activeIndex].events[0]),(0,q.GF)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:R,event:i[_().activeIndex].events[0],productList:null===(e=i[_().activeIndex].events[0])||void 0===e?void 0:e.products,ctaList:null===(n=i[_().activeIndex].events[0])||void 0===n?void 0:n.cta}))},allowTouchMove:!1,cubeEffect:{shadow:!0,slideShadows:!0,shadowOffset:20,shadowScale:.94},children:[...Array(Math.min(i.length,3)).keys()].map((t=>(0,v.jsx)(l.o5,{children:t=>{let{isActive:e,isPrev:r,isNext:l,isVisible:a,isDuplicate:d}=t;const c=e?"activeIndex":r?"prevIndex":"nextIndex";return(0,v.jsx)(s.Kq,{direction:"column",height:o,justifyContent:"center",children:(0,v.jsx)(xi,{stories:i[_()[c]],onBack:K,isActive:e&&a,isNext:l,isPrev:r,onStoryCompleteCallback:U,nextStories:i[_().nextIndex],prevStories:i[_().prevIndex],initialEventIndex:n==_()[c]?O:0},"event-story-view-"+i[_()[c]].id)})}},"event-vertical-scroll-slide-"+t)))})})})};var mi=function(t){var e,i,n,[o,l,a,d]=(0,h.Z)();const[c]=(0,u.j1)("whatmorePrimaryColor"),[p]=(0,u.j1)("whatmoreSecondaryColor"),x=t.event,m=(t.onBack,r.useRef(),null!==(e=t.showPausedVideo)&&void 0!==e&&e),f=null!==(i=t.heightFactor)&&void 0!==i?i:1,w="flex-end";return d*=null!==(n=t.widthFactor)&&void 0!==n?n:1,a*=f,(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.xu,{width:d,height:a,children:[(0,v.jsx)(s.Kq,{direction:"column",justifyContent:w,height:"full",width:"full",children:(0,v.jsx)(s.xu,{children:(0,v.jsx)(s.oM,{width:"full",ratio:9/16,children:m?(0,Ae.B6)(x)||(0,Ae.WJ)(x)?(0,v.jsx)(Se.Z,{height:"100%",width:"100%",url:x.thumbnail_image,isPlaying:!1,pauseFromPlayTimeInMs:1e3,event:x}):(0,v.jsx)(g.Ee,{width:"full",height:"full",src:x.thumbnail_image,objectFit:"cover",borderRadius:"lg"}):(0,v.jsx)(s.xu,{w:"100%",h:"100%",bgGradient:"linear(to-br, "+c+", gray, "+p+")"})})})}),(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:w,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{children:(0,v.jsx)(s.oM,{width:"full",ratio:9/16,children:(0,v.jsx)(s.xu,{width:"full",height:"full",backgroundColor:"blackAlpha.400"})})})})]})})};var gi=function(t){var e,i,[n,o,c,p]=(0,h.Z)();const[x]=(0,u.j1)("isInDesignMode"),[m]=(0,u.j1)("isDemoBrand"),[g,f]=(0,u.j1)("isFirstIndicatorRenderDone"),[w,j]=(0,r.useState)(0!=t.eventIndex),{setCloseClickComponent:y}=(0,r.useContext)(wi),[C,b]=(0,r.useState)(!1),[S]=(0,u.j1)("whatmoreShopId"),{whatmoreWidgetSourceDetails:I,whatmoreUserInfo:k}=(0,r.useContext)(H.I),[_,T]=(0,r.useState)(!1),[F,E]=(0,r.useState)(null);function O(){T(!1)}t.events;const z=t.eventIndex,L=t.onBack,M=t.eventsStories,D=t.initialStoryIndex,R=null===(e=M[0])||void 0===e||null===(i=e.events[0])||void 0===i?void 0:i.brand;function A(t){O(),setTimeout((()=>{L(t)}),500)}(0,r.useEffect)((()=>(T(!0),()=>{})),[]),y(A);const W=I.landingLocationType,K=I.templateType;function V(t){F&&!F.isEnd&&("right"==t?F.slideNext():F.slidePrev())}const Z=parseInt(Math.min(5,M.length));return(0,v.jsx)(ai,{show:_,closeCallback:O,customClass:"whatmore-landscape-modal-stories-view",children:(0,v.jsxs)(s.Kq,{direction:"column",width:window.innerWidth,height:window.innerHeight,justifyContent:"center",aligntItems:"center",backgroundColor:"blackAlpha.800",children:[(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.xu,{height:"fit-content",width:p*Z,children:(0,v.jsxs)(l.tq,{onInit:t=>{var e,i;E(t),(0,q.GF)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:I,event:M[t.activeIndex].events[0],productList:null===(e=M[t.activeIndex].events[0])||void 0===e?void 0:e.products,ctaList:null===(i=M[t.activeIndex].events[0])||void 0===i?void 0:i.cta})},slidesPerView:Z,centeredSlides:!0,allowTouchMove:!1,initialSlide:D,modules:[a.lI,a.W_,a.Gk],navigation:Z>=5,effect:"coverflow",coverflowEffect:{rotate:-8,stretch:Math.floor(.22*c),depth:100,scale:.7,modifier:1,slideShadows:!1},height:"fit-content",width:p*Z,watchSlidesProgress:!0,onSlideChange:t=>{var e,i;w?j(!1):(g||f(!0),function(t){const e=(0,mt.NY)(W)+(0,mt.dS)(K)+"_"+(null===t||void 0===t?void 0:t.event_id);x||m||(async()=>{(0,d.wh)(t),(0,Je.Tc)(S,Qe.Xh,Qe.OW),(0,ot.H4)(t.event_id,t.products,"homepage","stories",e,null===t||void 0===t?void 0:t.location,null===k||void 0===k?void 0:k.userType)})()}(M[t.activeIndex].events[0]),(0,q.GF)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:I,event:M[t.activeIndex].events[0],productList:null===(e=M[t.activeIndex].events[0])||void 0===e?void 0:e.products,ctaList:null===(i=M[t.activeIndex].events[0])||void 0===i?void 0:i.cta}))},mousewheel:{invert:!1,thresholdDelta:20},children:[M.length>2&&(0,v.jsx)("div",{className:"whatmore-shopping-close-button",children:(0,v.jsx)(P.Z,{onCloseCallback:L})}),M.map(((t,e)=>(0,v.jsx)(l.o5,{children:i=>{let{isActive:n,isPrev:o,isNext:r,isVisible:l,isDuplicate:a}=i;if(n){const i=1;return(0,v.jsx)(s.Kq,{direction:"column",height:c,width:p*i,justifyContent:"center",marginLeft:"auto",marginRight:"auto",children:(0,v.jsx)(s.xu,{borderRadius:"xl",overflow:"hidden",backgroundColor:"transparent",boxShadow:"dark-lg",children:(0,v.jsx)(xi,{stories:t,onBack:A,isActive:n&&l,isNext:!1,isPrev:!1,onStoryCompleteCallback:V,initialEventIndex:D==e?z:0,showCloseOverlay:(null===M||void 0===M?void 0:M.length)<=2},"event-story-view-"+t.id)})})}return o||r?(0,v.jsx)(s.Kq,{direction:"column",height:c,width:p,justifyContent:"center",marginLeft:"auto",marginRight:"auto",onClick:t=>{F.slideTo(e,300)},children:(0,v.jsx)(s.xu,{borderRadius:"xl",overflow:"hidden",backgroundColor:"transparent",boxShadow:"dark-lg",children:(0,v.jsx)(mi,{showPausedVideo:!0,event:M[e].events[0],onBack:A,isPlaying:!1,setLockSwiper:b})})}):(0,v.jsx)(v.Fragment,{})}},"event-horizontal-scroll-slide-"+e)))]})})}),(0,v.jsx)(s.M5,{children:(0,v.jsx)(be,{brandName:R,height:.04*c,width:.1*p,fontSize:.02*c})})]})})};const fi=(0,hi.Z)({key:"whatmore-css-sv"}),wi=(0,r.createContext)({isIOS:!1,totalEvents:0,closeClickComponent:null,setCloseClickComponent:t=>{},showVideoPlayingData:!0,slideDirection:"vertical",showSwipeIndicator:!0,questionList:[]});var ji=function(t){var e,i,n;const[o,l,a]=(0,we.Z)(),[d]=(0,u.j1)("whatmoreShopId"),{whatmoreRootId:s}=(0,r.useContext)(H.I),{whatmoreIsStoriesTemplate:h}=(0,r.useContext)(H.I);var p=t.events,x=t.index,m=t.onBack,g=t.eventsStories,f=t.initialStoryIndex,w=(0,c.cX2)(d),j="portrait"===o?null!==(e=t.slideDirection)&&void 0!==e?e:"vertical":null!==(i=t.slideDirection)&&void 0!==i?i:p.length>1?"horizontal":"vertical",y="portrait"===o?!(0,c.h6H)(d)&&!h:(0,c.n89)(d);return(0,r.useLayoutEffect)((()=>{(0,c.TLG)(d)&&(window.location.href.includes(w)?history.replaceState(null,"","#"+w):history.pushState(null,"","#"+w),window.addEventListener("popstate",(()=>{window.location.href.includes(w)||m()})))}),[]),delete ci.ZP.styles.global,h?(0,v.jsx)(ui.C,{value:fi,children:(0,v.jsx)(si.x,{theme:ci.ZP,cssVarsRoot:s,resetCSS:!1,children:(0,v.jsx)(wi.Provider,{value:{isIOS:(0,We.KE)(),totalEvents:p.length,closeClickComponent:m,setCloseClickComponent:t=>{},showVideoPlayingData:!0,slideDirection:j,showSwipeIndicator:y},children:"portrait"===o?(0,v.jsx)(vi,{eventsStories:g,initialStoryIndex:f,onBack:m,eventIndex:x}):(0,c.Bbr)(d)?(0,v.jsx)(gi,{eventsStories:g,initialStoryIndex:f,onBack:m,eventIndex:x}):(0,v.jsx)(vi,{eventsStories:g,initialStoryIndex:f,onBack:m,eventIndex:x})})})}):(0,v.jsx)(ui.C,{value:fi,children:(0,v.jsx)(si.x,{theme:ci.ZP,cssVarsRoot:s,resetCSS:!1,children:(0,v.jsx)(wi.Provider,{value:{isIOS:(0,We.KE)(),totalEvents:p.length,closeClickComponent:m,setCloseClickComponent:t=>{},showVideoPlayingData:!0,slideDirection:j,showSwipeIndicator:y,questionList:(0,c.YGB)(d)?null===(n=JSON.parse(localStorage.getItem("_whatmore_brand_questions")))||void 0===n?void 0:n.questionList:[]},children:"portrait"===o?(0,v.jsx)(oi,{events:p,eventIndex:x,onBack:m}):(0,v.jsx)(di,{events:p,eventIndex:x,onBack:m})})})})}},9316:function(t,e,i){i.d(e,{mT:function(){return o}});var n=i(686);const o=`\n ${n.F4`
76
+ `} 0.5s`,bt=null===N||void 0===N||null===(e=N.options)||void 0===e?void 0:e.findIndex((t=>{var e;return"Colour"==(null===t||void 0===t?void 0:t.name)||(null===t||void 0===t||null===(e=t.name)||void 0===e?void 0:e.toLowerCase().includes("color"))})),[St,It]=(0,r.useState)(-1!==bt?null===(i=N.options)||void 0===i||null===(n=i[bt])||void 0===n||null===(o=n.values)||void 0===o?void 0:o[0]:""),[kt,_t]=(0,r.useState)({});(0,r.useEffect)((()=>{-1!==bt&&"whatmore"!==(0,c.Ipo)(ft)&&async function(){const t=await(0,lt.m3)(V);_t(t)}()}),[]);let Tt=-1,Ft=-1!==bt&&null!==kt&&void 0!==kt&&kt.product&&(null===kt||void 0===kt||null===(l=kt.product)||void 0===l||null===(a=l.images)||void 0===a?void 0:a.length)>=(null===kt||void 0===kt||null===(d=kt.product)||void 0===d||null===(p=d.options)||void 0===p||null===(x=p[bt])||void 0===x||null===(m=x.values)||void 0===m?void 0:m.length)?null===kt||void 0===kt||null===(f=kt.product)||void 0===f||null===(w=f.images)||void 0===w?void 0:w.map((t=>{var e,i,n,o,r,l,a,d,s,c,u,h,p,x;const v=null===kt||void 0===kt||null===(e=kt.product)||void 0===e||null===(i=e.options)||void 0===i?void 0:i.findIndex((t=>"Color"==(null===t||void 0===t?void 0:t.name)||"Colour"==(null===t||void 0===t?void 0:t.name)||"COLOR"==(null===t||void 0===t?void 0:t.name)));return{color:(null===t||void 0===t?void 0:t.variant_ids.length)>0?null===kt||void 0===kt||null===(n=kt.product)||void 0===n||null===(o=n.options)||void 0===o||null===(r=o[v])||void 0===r||null===(l=r.values)||void 0===l?void 0:l[Math.min(++Tt,(null===kt||void 0===kt||null===(a=kt.product)||void 0===a||null===(d=a.options)||void 0===d||null===(s=d[bt])||void 0===s||null===(c=s.values)||void 0===c?void 0:c.length)-1)]:null===kt||void 0===kt||null===(u=kt.product)||void 0===u||null===(h=u.options)||void 0===h||null===(p=h[v])||void 0===p||null===(x=p.values)||void 0===x?void 0:x[Math.max(0,Tt)],src:null===t||void 0===t?void 0:t.src}})):[],Et=[];if("whatmore"==(0,c.Ipo)(ft)&&(null===N||void 0===N||null===(j=N.images)||void 0===j?void 0:j.length)>0){var Pt;var Ot;if(-1!==(null===N||void 0===N||null===(Pt=N.options)||void 0===Pt?void 0:Pt.findIndex((t=>{var e;return"Colour"==(null===t||void 0===t?void 0:t.name)||(null===t||void 0===t||null===(e=t.name)||void 0===e?void 0:e.toLowerCase().includes("color"))}))))Et=null===N||void 0===N||null===(Ot=N.images)||void 0===Ot?void 0:Ot.map((t=>({color:t.color,src:t.src,optionsrc:t.optionsrc})))}return Tt+1<(null===kt||void 0===kt||null===(y=kt.product)||void 0===y||null===(C=y.options)||void 0===C||null===(S=C[bt])||void 0===S||null===(I=S.values)||void 0===I?void 0:I.length)&&(Ft=[]),(0,v.jsxs)(s.kC,{sx:{"&::-webkit-scrollbar":{width:"0px"}},id:"whatmore-shopnow-view",position:"relative",maxHeight:"75vh",overflowY:"scroll",direction:"column",bg:"#FFF",height:"fit-content",opacity:"100%",borderTopRadius:"round"==(null===gt||void 0===gt?void 0:gt.whatmoreUITheme)?"xl":null,animation:Ct,children:[(0,v.jsx)(Ut,{setOpenShopNow:Z,setLockSwiper:U,FONT_SIZE:W}),(0,v.jsx)(s.M5,{marginBottom:"10px",px:"20px",py:"5px",children:(0,v.jsx)(s.kC,{bg:"whiteAlpha.900",width:"fit-content",height:"fit-content",borderRadius:"round"==(null===gt||void 0===gt?void 0:gt.whatmoreUITheme)?"lg":null,overflow:"hidden",sx:{borderWidth:(0,c.alU)(ft),borderColor:(0,c.qPe)(ft)},children:(0,v.jsx)(s.kC,{width:"100%",children:(0,v.jsx)($t.P,{renderElement:t=>(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(s.xu,{width:D+"px",height:A+"px",children:(0,v.jsx)(g.Ee,{width:D+"px",height:A+"px",borderRadius:"round"==(null===gt||void 0===gt?void 0:gt.whatmoreUITheme)?"lg":null,src:(0,pt.s)(t.eventData.src,"&width=400&height=400"),alt:V.handle,sx:{objectFit:(0,c.yOX)(ft)+" !important"},fallback:(0,v.jsx)(R.Z,{width:D+"px",height:A+"px",borderRadius:"round"==(null===gt||void 0===gt?void 0:gt.whatmoreUITheme)?"10px":"0px"})})})}),dataList:Ft.length>0&&!Ft.includes(null)?null===(k=Ft)||void 0===k?void 0:k.filter((t=>(null===t||void 0===t?void 0:t.color)==St)):Et.length>0?[null===(_=Et)||void 0===_?void 0:_.find((t=>(null===t||void 0===t?void 0:t.color)==St))]:null===N||void 0===N||null===(T=N.images)||void 0===T?void 0:T.map((t=>({src:t.includes("https")?t:"https:"+t}))),spacing:10,defaultHeight:D+"px",defaultWidth:A+"px",retainAlreadyRenderedElements:!0,isScroll:!0})})})}),(0,v.jsx)(Xt,{data:N,product:V,PRODUCT_TILE_HEIGHT:M,PRODUCT_TILE_WIDTH:L,FONT_SIZE:W,getVariantPrice:te,selectedVariantId:tt,itemPrice:ot,itemQuantity:it,setItemQuantity:nt,thumbnailImage:vt}),(null===N||void 0===N||null===(F=N.variants)||void 0===F?void 0:F.length)>0&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s.M5,{paddingTop:"4px",width:"100%",children:(0,v.jsx)(s.iz,{color:(0,c.W8U)(ft),size:"xs",width:"90%"})}),(0,v.jsx)(Gt,{data:N,dividerColor:(0,c.W8U)(ft),setSelectedColor:It,finalArr:Ft,finalArrExternal:Et,product:V,PRODUCT_TILE_HEIGHT:M,PRODUCT_TILE_WIDTH:L,FONT_SIZE:W,selectOptionFirstHandler:wt,selectOptionSecondHandler:jt,selectOptionThirdHandler:yt,getVariantPrice:te,selectedOptionFirst:Y,selectedOptionSecond:G,selectedOptionThird:Q,selectedVariantId:tt})]}),c.$2G&&((null===N||void 0===N?void 0:N.description)||(null===N||void 0===N?void 0:N.body_html))&&(0,v.jsx)(Bt,{PRODUCT_TILE_HEIGHT:M,FONT_SIZE:W,data:N,handleToggle:()=>q(!K),show:K}),(0,v.jsx)(s.xu,{sx:{pointerEvents:"none"},paddingTop:"20px",opacity:0,children:(0,v.jsx)(Zt,{position:"relative",data:N,FONT_SIZE:W,product:V})}),(0,v.jsx)(Zt,{position:"fixed",selectedVariantId:tt,data:N,FONT_SIZE:W,PRODUCT_TILE_WIDTH:L,product:V,itemQuantity:it,cartItemCount:dt,addToCartFlag:ct,setAddToCartFlag:ut,soldOutFlag:ht,setSoldOutFlag:xt,event:H})]})}const Jt=(t,e,i,n)=>{var o;if(!e&&!i&&!n)return;const r=null===t||void 0===t||null===(o=t.variants)||void 0===o?void 0:o.find((t=>(!e||t.option1===e)&&(!i||t.option2===i)&&(!n||t.option3===n)));return r?r.id:void 0},te=(t,e)=>{var i,n;return null===t||void 0===t||null===(i=t.variants)||void 0===i||null===(n=i.find((t=>t.id===e)))||void 0===n?void 0:n.price},ee=(t,e)=>{var i,n;return null===t||void 0===t||null===(i=t.variants)||void 0===i||null===(n=i.find((t=>t.id.toString()===e)))||void 0===n?void 0:n.option1},ie=(t,e)=>{var i,n;return null===t||void 0===t||null===(i=t.variants)||void 0===i||null===(n=i.find((t=>t.id.toString()===e)))||void 0===n?void 0:n.option2},ne=(t,e)=>{var i,n;return null===t||void 0===t||null===(i=t.variants)||void 0===i||null===(n=i.find((t=>t.id.toString()===e)))||void 0===n?void 0:n.option3},oe=(t,e)=>{var i;const n=null===t||void 0===t||null===(i=t.variants)||void 0===i?void 0:i.find((t=>t.id==e));return void 0===n?null:null===n||void 0===n||null===(o=n.featured_image)||void 0===o?void 0:o.src;var o},re=(0,r.createContext)({setShowOptionsChart:null});var le=function(t){const e=t.event,i=t.data,n=t.currentProduct,o=t.setOpenShopNow,l=t.setLockSwiper,[a,d]=(0,r.useState)(!1);return(0,v.jsx)(re.Provider,{value:{setShowOptionsChart:d},children:(0,v.jsxs)(s.xu,{width:"full",height:"full",borderRadius:"md",children:[(0,v.jsx)(s.Kq,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",children:(0,v.jsx)(s.xu,{width:"full",height:"fit-content",children:(0,v.jsx)(Qt,{data:i,event:e,product:n,setOpenShopNow:o,setLockSwiper:l})})}),a?(0,v.jsx)(s.Kq,{direction:"column",width:"full",height:"full",justifyContent:"flex-end",style:{position:"relative",zIndex:1,bottom:"100%"},className:"whatmore-ios-css-relative-fix",id:"whatmore-size-chart",children:(0,v.jsx)(s.xu,{width:"full",height:"fit-content",children:(0,v.jsx)(Kt,{data:i,event:e,product:n,setShowOptionsChart:()=>{d(!1)}})})}):(0,v.jsx)(v.Fragment,{})]})})};var ae=function(t){var e,[i,n,o,l]=(0,h.Z)();const[a,d]=(0,r.useState)(!1),[x,g]=(0,r.useState)(),[f,w]=(0,r.useState)(),j=(0,u.MO)("whatmoreShopId"),y=t.event,C=t.onBack,b=r.useRef(),S=t.isPlaying,I=t.isLast,k=t.setLockSwiper,_=t.selectedVariantId,T=null===(e=t.showOverlay)||void 0===e||e,F="center";return(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.xu,{width:l,height:o,sx:{overflow:"hidden"},children:[(0,v.jsx)(s.Kq,{direction:"column",justifyContent:F,height:"full",width:"full",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"white",children:(0,v.jsx)(s.oM,{width:"full",ratio:l/o,children:(0,v.jsx)(m,{height:"100%",width:"100%",url:y.event_hls_url,isPlaying:S,event:y})})})}),T?(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:F,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,v.jsx)(At,{focusRef:b,event:t.event,isLast:I,onCloseCallback:C,productClickHandler:async t=>{const e=await(0,p.p)(t,(0,c.Ipo)(j),j);w(t),g(e),d(!0),k(!0)}})})}):(0,v.jsx)(v.Fragment,{}),!0===a?(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"200%"},direction:"column",justifyContent:F,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,v.jsx)(le,{focusRef:b,event:t.event,isLast:I,onCloseCallback:()=>C(),setLockSwiper:k,data:x,currentProduct:f,setOpenShopNow:d,selectedVariantId:_})})}):(0,v.jsx)("div",{})]})})};const de=function(t,e){return isNaN(t)||isNaN(e)||e<=0||t>e?0:Math.ceil(t/e*100)};function se(t){var e,i,[n,o,r,l]=(0,h.Z)();const[a]=(0,u.j1)("whatmoreSecondaryColor"),[d]=(0,u.j1)("whatmoreSecondaryColorShade900"),c=t.progress,p=null!==(e=t.totalSiblings)&&void 0!==e?e:1,x=null!==(i=t.indexAmongSiblings)&&void 0!==i?i:0;return(0,v.jsx)(s.Kq,{width:"96%",height:"fit-content",direction:"row",justifyContent:"center",alignItems:"center",spacing:"1px",children:[...Array(p).keys()].map((t=>(0,v.jsx)(s.Kq,{width:"100%",height:.004*r+"px",backgroundColor:t<x?a:d+"99",borderRightRadius:"lg",borderLeftRadius:"lg",direction:"row",justifyContent:"flex-start",alignItems:"center",overflow:"hidden",sx:{display:"block !important"},children:t==x?(0,v.jsx)(s.xu,{height:"100%",width:c+"%",bgColor:a,borderRightRadius:"lg",borderLeftRadius:"lg",sx:{display:"block !important"}}):(0,v.jsx)(v.Fragment,{})},"event-progress-bar-slab-"+t)))})}var ce=i(868),ue=i(2630);const he=t=>t>=1e3?(t/1e3).toFixed(1)+"k":t;var pe=i(4862);var xe=function(t){var e,i,n,o,l,a=t.whatmoreShareTemplateId;const p=t.whatmoreShareStoryId,x=t.whatmoreShareEventId,m=t.event,g=null===(e=t.showShareText)||void 0===e||e,f=null!==(i=t.shareButtonBottomMargin)&&void 0!==i?i:0,w=(0,u.MO)("whatmoreShopId"),j=(0,u.MO)("isInDesignMode"),y=(0,u.MO)("isDemoBrand"),C=(0,u.MO)("whatmorePrimaryFont"),b=(0,u.MO)("websiteLanguage"),{whatmoreWidgetSourceDetails:S}=(0,r.useContext)(H.I),[I,k,_,T]=(0,h.Z)(),F=null!==(n=t.iconSize)&&void 0!==n?n:.1*T*(0,c.r5f)(w);function E(){const e=(0,u.MO)("whatmoreLandingLocationType");var i;!function(t){j||y||(async()=>{(0,d.x0)(t)})()}(m),(e.startsWith("product")||"embed"===e)&&(a="te"),i="event_product_link"===(0,c.EEC)(w)?m.products[0].product_link||"":window.location.pathname,i=("event_product_link"===(0,c.EEC)(w)?"":window.location.hostname)+i+"?wtt="+a+"&wsid="+p+"&weid="+x,(0,c.lj5)(w)&&(i=i+"&"+(0,c.awP)(w)+"&utm_campaign=video-share&utm_medium="+e);const n={title:(0,c.JNF)(w),text:`${(0,c.Qa8)(w)} \n ${i} ${(0,c.AWG)(w)?"\n \n -via Whatmore":""}`};navigator.share&&!pe.nI?navigator.share(n):(t.setIsModalOpen(!0),t.setShareText([n,i]))}return(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.Cd,{cursor:"pointer",style:{marginBottom:f+"px"},children:(0,v.jsxs)(s.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"fit-content",width:"fit-content",children:[(0,v.jsx)(ue.Z,{sx:{boxShadow:3,transform:"scaleX(-1)",color:"white",fontSize:F,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),E(),(0,q.GF)({userInteractionType:N.K.VIDEO_SHARE_CTA_CLICKED,widgetSourceDetails:S,event:m,productList:m.products,ctaList:m.cta})}}),g&&(0,c.u8S)(w)?(0,v.jsxs)(s.xv,{fontSize:.3*F+"px !important",fontWeight:"semibold !important",align:"center",sx:{fontFamily:C+" !important",color:"white !important",paddingRight:"10%"},children:["\xa0",m.total_share>(0,c.LWl)(w)?he(m.total_share):null!==(o=null===Q||void 0===Q||null===(l=Q[b])||void 0===l?void 0:l.share)&&void 0!==o?o:"Share","\xa0"]}):(0,v.jsx)(v.Fragment,{})]})})})},ve=i(7933),me=i(2785);var ge=function(t){var e,i,n;const o=(0,u.MO)("whatmoreShopId"),l=(0,u.MO)("whatmorePrimaryFont"),a=(0,u.MO)("whatmoreLikedEvents"),p=(0,u.MO)("isInDesignMode"),x=(0,u.MO)("isDemoBrand"),m=(0,u.MO)("websiteLanguage"),{whatmoreWidgetSourceDetails:g}=(0,r.useContext)(H.I),f=t.event,[w,j]=(0,r.useState)(null!==(e=a[f.event_id])&&void 0!==e&&e),[y,C,b,S]=(0,h.Z)(),I=.1*S*(0,c.r5f)(o);function k(t,e){p||x||(async()=>{(0,d.Z6)(t,e)})()}function _(){(0,u.bU)("whatmoreLikedEvents",{...a,[f.event_id]:!w}),w?(k(f,-1),(0,q.GF)({userInteractionType:N.K.VIDEO_UNLIKED,widgetSourceDetails:g,event:f,productList:f.products,ctaList:f.cta})):(k(f,1),(0,q.GF)({userInteractionType:N.K.VIDEO_LIKED,widgetSourceDetails:g,event:f,productList:f.products,ctaList:f.cta})),j(!w)}const T=f.total_like+(w?1:0);return(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.Cd,{cursor:"pointer",children:(0,v.jsxs)(s.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"fit-content",width:"fit-content",children:[w?(0,v.jsx)(me.Z,{sx:{boxShadow:3,color:(0,c.dmX)(o),fontSize:I,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),_()}}):(0,v.jsx)(ve.Z,{sx:{boxShadow:3,color:"white",fontSize:I,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{t.stopPropagation(),_()}}),(0,v.jsx)(v.Fragment,{children:(0,c.CEM)(o)?(0,v.jsxs)(s.xv,{fontSize:.3*I+"px !important",fontWeight:"semibold !important",align:"center",sx:{fontFamily:l+" !important",color:"white !important",position:"relative",bottom:"5px"},children:["\xa0",T>=(0,c.zKg)(o)?he(T):null!==(i=null===Q||void 0===Q||null===(n=Q[m])||void 0===n?void 0:n.like)&&void 0!==i?i:"Like","\xa0"]}):(0,v.jsx)(v.Fragment,{})})]})})})};const fe=t=>{let{iconSize:e}=t;return(0,v.jsx)("div",{style:{backgroundColor:"#25D366",borderRadius:"50%",padding:.3*e},children:(0,v.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,fill:"white",class:"bi bi-whatsapp",viewBox:"0 0 16 16",children:(0,v.jsx)("path",{d:"M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"})})})};var we=i(8866);const je=t=>{let{iconSize:e}=t;return(0,v.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:.3*e},children:(0,v.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,fill:"currentColor",class:"bi bi-twitter-x",viewBox:"0 0 16 16",children:(0,v.jsx)("path",{d:"M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"})})})},ye=t=>{let{iconSize:e}=t;return(0,v.jsx)("div",{style:{backgroundColor:"#fff",borderRadius:"50%",padding:.3*e},children:(0,v.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,fill:"currentColor",class:"bi bi-copy",viewBox:"0 0 16 16",children:(0,v.jsx)("path",{"fill-rule":"evenodd",d:"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"})})})};var Ce=t=>{const e=t.shareText,[i,n]=(0,r.useState)("Copy link"),[o,l]=(0,r.useState)("");return(0,v.jsx)(v.Fragment,{children:t.isModalOpen&&(0,v.jsxs)("div",{className:"modal-overlay",style:{backgroundColor:"white",borderRadius:"10px",padding:"12px 12px 20px 12px"},children:[(0,v.jsxs)("div",{style:{cursor:"pointer",display:"flex",justifyContent:"space-between",paddingBottom:"6px"},children:[(0,v.jsx)("img",{onClick:()=>{window.location.href="https://whatmore.ai"},src:"https://whatmore-other-assets.b-cdn.net/whatmore/new_whatmore_logo.png",style:{objectFit:"contain",backgroundColor:"transparent",borderRadius:"0px",width:Math.min(t.iconSize,28)+"px"}}),(0,v.jsx)(Wt.Z,{onClick:e=>{e.stopPropagation(),t.setIsModalOpen(!1)}})]}),(0,v.jsx)("div",{}),(0,v.jsx)(s.iz,{color:"blackAlpha.500",size:"1px",width:"100%"}),(0,v.jsxs)("div",{className:"social-icons",style:{display:"flex",gap:"20px",justifyContent:"center",paddingTop:"12px"},children:[(0,v.jsxs)("div",{onClick:t=>{var i;t.stopPropagation();const n=encodeURIComponent(null===(i=e[0])||void 0===i?void 0:i.text);window.open(`https://wa.me/?text=${n}`,"_blank")},style:{cursor:"pointer",display:"flex",flexDirection:"column",gap:"4px",alignItems:"center"},children:[(0,v.jsx)(fe,{iconSize:Math.min(t.iconSize,30)}),(0,v.jsx)("p",{style:{fontSize:Math.min(t.iconSize,14)},children:"Whatsapp"})]}),(0,v.jsxs)("div",{onClick:t=>{var i;t.stopPropagation();const n=encodeURIComponent(null===(i=e[0])||void 0===i?void 0:i.text);window.open(`https://twitter.com/intent/tweet?text=${n}`,"_blank")},style:{cursor:"pointer",display:"flex",flexDirection:"column",gap:"4px",alignItems:"center"},children:[(0,v.jsx)(je,{iconSize:Math.min(t.iconSize,30),style:{boxShadow:"8px 0px 8px rgba(0, 0, 0, 0.4)"}}),(0,v.jsx)("p",{style:{fontSize:Math.min(t.iconSize,14)},children:"X"})]}),(0,v.jsxs)("div",{onClick:t=>{t.stopPropagation(),navigator.clipboard.writeText(e[1]),n("Link copied"),l("green")},style:{cursor:"pointer",display:"flex",flexDirection:"column",gap:"4px",alignItems:"center"},children:[(0,v.jsx)(ye,{iconSize:Math.min(t.iconSize,30),style:{boxShadow:"8px 0px 8px rgba(0, 0, 0, 0.4)"}}),(0,v.jsx)("p",{style:{fontSize:Math.min(t.iconSize,14),color:o},children:i})]})]})]})})};var be=function(t){var e,i;const n=null===(e=t.brandName)||void 0===e?void 0:e.replace(/\s+/g,"_"),o=(0,u.MO)("whatmorePrimaryFont"),r=(0,u.MO)("whatmoreShopId"),l=null!==(i=t.fontSize)&&void 0!==i?i:"8",[a]=(0,we.Z)(),d=`https://www.whatmore.ai/shoppable-videos?utm_source=${n}&utm_medium=referral&utm_campaign=${"landscape"===a?"customer_referral_desktop":"customer_referral_mobile"}`;return(0,v.jsx)(s.rU,{href:d,isExternal:!0,children:(0,c.XFt)(r)&&(0,v.jsxs)(s.Kq,{direction:"row",justifyContent:"flex-start",alignItems:"center",width:"fit-content",spacing:"2px",paddingLeft:"2px",paddingRight:"2px",children:[(0,v.jsx)("p",{style:{textAlign:"center",color:"white",fontFamily:o,fontWeight:"normal",fontSize:1.1*l+"px"},children:"powered by Whatmore"}),(0,v.jsx)(s.xu,{width:"10px"}),(0,v.jsx)("img",{src:"https://whatmore-other-assets.b-cdn.net/whatmore/new_whatmore_logo.png",style:{objectFit:"contain",width:1.7*l,backgroundColor:"transparent",borderRadius:"0px"}})]})})},Se=i(4892),Ie=i(1195);var ke=()=>(0,v.jsxs)(s.xu,{as:"svg",width:"46px",height:"46px",viewBox:"0 0 24 24",fill:"none",className:"tick-animation",marginBottom:"20px",children:[(0,v.jsx)("circle",{cx:"12",cy:"12",r:"11",stroke:"gray",strokeWidth:"2",fill:"none"}),(0,v.jsx)("path",{d:"M7 12l3 3 7-7",stroke:"gray",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"})]});var _e=t=>{var e;const i={text:null===t||void 0===t||null===(e=t.question)||void 0===e?void 0:e.title,options:(null===t||void 0===t?void 0:t.options)||[]},[n,o]=(0,r.useState)(!1),[l,a]=(0,r.useState)(null),[d,c]=(0,r.useState)(null),u=(0,r.useRef)(null),h=(0,r.useContext)(H.I);return(0,r.useEffect)((()=>{if(n){const e=setTimeout((()=>{t.setIsQuestionVisible(!1)}),1e3);return()=>clearTimeout(e)}}),[n]),(0,r.useEffect)((()=>{!n&&u.current&&c(u.current.offsetHeight)}),[n]),(0,v.jsxs)(s.xu,{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",minWidth:"320px",width:"fit-content",bg:"white",borderRadius:"lg",boxShadow:"md",display:"flex",flexDirection:"column",maxWidth:"90%",maxHeight:"90%",overflowY:"visible",ref:u,height:d?`${d}px`:"auto",children:[(0,v.jsx)(s.xu,{position:"absolute",top:"-10px",right:"-10px",bg:"rgba(255, 255, 255, 0.8)",borderRadius:"full",padding:1,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:"10",onClick:()=>{var e;t.setIsQuestionVisible(!1),(0,q.GF)({userInteractionType:N.K.QUESTION_CLOSED,userInteractionMetadata:{questionId:null===t||void 0===t||null===(e=t.question)||void 0===e?void 0:e.id},widgetSourceDetails:h})},children:(0,v.jsx)(Ie.Z,{})}),(0,v.jsx)(s.xu,{bg:"gray.700",borderTopRadius:"lg",py:3,px:6,display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",children:(0,v.jsx)(s.X6,{py:6,as:"h2",textAlign:"center",style:{fontWeight:"bold",fontSize:"18px",color:"white"},children:null===i||void 0===i?void 0:i.text})}),(0,v.jsx)(s.xu,{flex:"1",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",py:5,px:6,width:"100%",children:n?(0,v.jsxs)(s.xu,{flex:"1",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%",children:[(0,v.jsx)(ke,{}),(0,v.jsx)(s.X6,{as:"h3",size:"md",color:"gray.700",fontWeight:"medium",textAlign:"center",mt:4,fontSize:"lg",children:"Thank you for your response!"})]}):(0,v.jsx)(s.Kq,{spacing:5,width:"100%",align:"center",children:i.options.map(((e,i)=>(0,v.jsx)(s.xu,{px:4,borderWidth:2,borderRadius:"md",cursor:"pointer",bg:l===e?"gray.200":"white",borderColor:l===e?"gray.400":"gray.200",_hover:{bg:"gray.200"},onClick:()=>(e=>{var i;a(e),o(!0),(0,q.GF)({userInteractionType:N.K.QUESTION_ANSWERED,userInteractionMetadata:{questionId:null===t||void 0===t||null===(i=t.question)||void 0===i?void 0:i.id,response:e},widgetSourceDetails:h})})(e),transition:"background-color 0.2s, border-color 0.2s",display:"flex",alignItems:"center",width:"100%",children:(0,v.jsx)(s.xv,{py:5,color:"gray.800",children:e})},i)))})})]})},Te=i(2586);var Fe=t=>{var e,i;const[n,o]=(0,r.useState)(""),[l,a]=(0,r.useState)(""),[d,h]=(0,r.useState)(!1),[p,x]=(0,r.useState)(!1),m=(0,u.MO)("whatmoreShopId"),g=null===t||void 0===t||null===(e=t.question)||void 0===e?void 0:e.title,f=(0,r.useContext)(H.I),w=()=>{var e,i;(()=>{const{type:e}=(null===t||void 0===t?void 0:t.question)||{};return"number"===e?/^\d{10}$/.test(n):/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n)})()?(h(!0),(0,q.GF)({userInteractionType:N.K.QUESTION_ANSWERED,userInteractionMetadata:{questionId:null===t||void 0===t||null===(e=t.question)||void 0===e?void 0:e.id,response:n,type:"number"===(null===t||void 0===t||null===(i=t.question)||void 0===i?void 0:i.type)?"leadgen:number":"leadgen:email"},widgetSourceDetails:f})):a("Please enter valid contact info.")},j=()=>{var e;t.setIsQuestionVisible(!1),(0,q.GF)({userInteractionType:N.K.QUESTION_CLOSED,userInteractionMetadata:{questionId:null===t||void 0===t||null===(e=t.question)||void 0===e?void 0:e.id},widgetSourceDetails:f})};return(0,v.jsx)(s.kC,{bg:"rgba(0, 0, 0, 0.8)",p:6,borderRadius:"md",boxShadow:"md",width:"80%",mx:"auto",minH:"40%",maxH:"70%",position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",direction:"column",align:"center",justify:"center",zIndex:100,children:d?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(s.xu,{textAlign:"center",color:"white",children:[(0,v.jsx)(s.xu,{fontSize:"2xl",fontWeight:"bold",children:"CONGRATULATIONS!"}),(0,v.jsx)(s.xu,{my:4,fontSize:"xl",children:"Claim Now"})]}),(0,v.jsx)(s.xu,{position:"fixed",top:2,right:2,zIndex:20,children:(0,v.jsx)(P.Z,{onCloseCallback:j})}),(0,v.jsxs)(s.xu,{position:"relative",width:"70%",onClick:()=>{navigator.clipboard.writeText("WHTMR").then((()=>{x(!0),setTimeout((()=>{j()}),1e3),setTimeout((()=>x(!1)),2e3)}),(()=>{console.error("Failed to copy the coupon code")}))},cursor:"pointer",children:[(0,v.jsxs)(s.xu,{bg:"white",border:"2px dashed black",borderRadius:"md",p:2,display:"flex",alignItems:"center",justifyContent:"space-between",mt:4,children:[(0,v.jsx)(s.xu,{as:"span",fontWeight:"bold",color:"black",children:(0,c.dKN)(m)}),(0,v.jsx)(Te.Z,{sx:{color:p?"green":"gray",cursor:"pointer",marginLeft:"8px"}})]}),p&&(0,v.jsx)(s.xu,{padding:"4px",position:"absolute",bottom:"-25px",left:"50%",transform:"translateX(-50%)",bg:"green.500",color:"white",fontSize:"12px",borderRadius:"md",px:2,py:.5,textAlign:"center",children:"Copied!"})]})]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(s.xu,{textAlign:"center",color:"white",children:[(0,v.jsx)(s.xu,{mx:"5%",children:(0,v.jsx)(s.xv,{fontSize:"xl",fontWeight:"bold",children:g})}),(0,v.jsx)(s.xu,{my:4,fontSize:"md",mx:"10%",children:(0,c.ewB)(m)})]}),(0,v.jsx)(s.xu,{position:"fixed",top:2,right:2,zIndex:20,children:(0,v.jsx)(P.Z,{onCloseCallback:j})}),(0,v.jsxs)(s.kC,{mt:4,align:"center",direction:"column",width:"60%",children:[(0,v.jsx)(s.xu,{sx:{bg:"white",border:"2px solid #4A4A4A",borderRadius:"md",p:2,display:"flex",alignItems:"center",mb:4,width:"140%",height:12},children:(0,v.jsx)("input",{type:"number"===(null===(i=t.question)||void 0===i?void 0:i.type)?"tel":"email",placeholder:t.placeholder,value:n,onChange:t=>{o(t.target.value),l&&a("")},onKeyDown:t=>{"Enter"===t.key&&w()},style:{fontSize:"14px",border:"none",outline:"none",width:"95%"}})}),l&&(0,v.jsx)(s.xv,{color:"red.500",mb:"4% !important",fontSize:"md",textAlign:"center",width:"100%",children:l}),(0,v.jsx)(s.xu,{as:"button",bg:"green.300",color:"#343434",borderRadius:"md",fontWeight:"bold",height:"35px",display:"flex",alignItems:"center",justifyContent:"center",onClick:w,children:(0,v.jsx)(s.xv,{fontSize:"14px",padding:"16px",children:"SUBMIT"})})]})]})})};var Ee=t=>{const[e,i]=(0,r.useState)(null);return(0,v.jsx)(s.xu,{children:!e&&(0,v.jsx)(Fe,{question:t.question,onEmailSubmit:t=>{i(t)},setIsQuestionVisible:t.setIsQuestionVisible,placeholder:t.placeholder})})};var Pe=t=>{var e;const[i,n]=(0,r.useState)(null),o=t.questionIndex,l=t.questionList;if((0,r.useEffect)((()=>{if(!(o>=l.length))return()=>(0,ot.xw)()}),[]),o>=l.length)return;const a=null===l||void 0===l?void 0:l[o];return"string"===(null===a||void 0===a?void 0:a.type)||"number"===(null===a||void 0===a?void 0:a.type)?(0,v.jsx)(s.xu,{children:(0,v.jsx)(Ee,{setIsQuestionVisible:t.setIsQuestionVisible,question:a,placeholder:"number"===(null===a||void 0===a?void 0:a.type)?"Enter your phone number":"Enter your email"})}):(0,v.jsx)(s.xu,{children:(0,v.jsx)(_e,{question:a,options:null===a||void 0===a||null===(e=a.answers)||void 0===e?void 0:e.values.map((t=>null===t||void 0===t?void 0:t.value)),onAnswerSelect:t=>{n(t)},selectedAnswer:i,onClose:()=>{t.setIsQuestionVisible(!1)},setIsQuestionVisible:t.setIsQuestionVisible})})};function Oe(t){var e;const i=t.event,[n,o,l,a]=(0,h.Z)(),[d]=(0,u.j1)("whatmorePrimaryFont"),{whatmoreIsStoriesTemplate:p}=(0,r.useContext)(H.I),[x]=(0,u.j1)("whatmoreSecondaryColor"),[m]=(0,u.j1)("whatmoreShopId"),g=(0,c.f63)(m),f=null!==(e=(0,c.u2W)(m))&&void 0!==e?e:[x,g,x,g,x],w=(0,r.useRef)(null);(0,r.useEffect)((()=>{w.current&&w.current.play()}),[]);const j=(0,ce.V)(null===i||void 0===i?void 0:i.storyset_thumbnail_image);return(0,v.jsx)(v.Fragment,{children:p?(0,v.jsx)(s.xu,{width:"100%",height:"fit-content",padding:"5px",children:(0,v.jsxs)(s.Kq,{direction:"row",width:"100%",height:"fit-content",justifyContent:"flex-start",children:[(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.Cd,{overflow:"hidden",size:.14*t.width+"px",sx:{boxShadow:"0px 2px 1px 0px "+f[0]+"50, 0px -2px 1px 0px "+f[1]+"50, 2px 0px 1px 0px "+f[2]+"50, -2px 0px 1px 0px "+f[3]+"80, 2px -2px 1px 0px "+f[4]+"80, -2px 2px 1px 0px "+f[0]+"DA, 2px 2px 1px 0px "+f[1]+"DA, -2px -2px 1px 0px "+f[2]+"DA"},children:"video"==(0,pt.$)(j)?(0,v.jsx)(Se.Z,{height:"100%",width:"100%",poster:null===i||void 0===i?void 0:i.thumbnail_image,url:j,isPlaying:!0,event:{event_type:"video"},borderRadius:"50%"}):(0,v.jsx)("img",{src:j,style:{objectFit:"cover",height:"100%",width:"100%",backgroundColor:"white"}})})}),(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.xv,{style:{overflow:"hidden",textOverflow:"ellipsis"},noOfLines:1,fontSize:.05*t.width+"px",fontWeight:"medium",lineHeight:"100%",sx:{fontFamily:d+" !important",color:"white !important",textShadow:"0px 0px 4px black !important;"},children:i.storyset_name})})]})}):(0,v.jsx)(v.Fragment,{})})}var ze=function(t){var e,i,n;const[o,l,a]=(0,we.Z)(),[p]=(0,u.j1)("isInDesignMode"),[x]=(0,u.j1)("isDemoBrand"),[m,g]=(0,u.j1)("isProductSwiperCatalogOpen"),[f,w]=(0,u.j1)("isFirstIndicatorRenderDone"),[j]=(0,u.j1)("whatmoreShopId"),C=(0,r.useContext)(wi),{whatmoreEventsBrowsingTemplate:b}=(0,r.useContext)(H.I),[S,I,k,_]=(0,h.Z)(),T=(0,u.MO)("whatmorePrimaryFont"),E=t.event,O=t.storySetId,z=t.isLast,L=t.onCloseCallback,M=t.focusRef,R=t.productClickHandler,A=t.videoPlayingData,W=t.totalSiblingEvents,K=t.indexAmongSiblings,V=t.leftOpenSpaceClickHandler,Z=t.midOpenSpaceClickHandler,U=t.rightOpenSpaceClickHandler,{whatmoreWidgetSourceDetails:B}=(0,r.useContext)(H.I),Y=.1*_,[X,G]=(0,r.useState)(!1),[$,Q]=(0,r.useState)([]),J=t=>{tt.current&&!tt.current.contains(t.target)&&G(!1)},tt=(0,r.useRef)(null);(0,r.useEffect)((()=>(X?document.addEventListener("click",J):document.removeEventListener("click",J),()=>{document.removeEventListener("click",J)})),[X]);const et="Free"==(0,c.Svj)(j)&&"portrait"==o;return(0,v.jsxs)(s.xu,{width:"full",height:"full",borderRadius:"md",children:[t.isQuestionVisible&&(0,v.jsx)(Lt.u,{userInteractionType:N.K.QUESTION_VIEWED,userInteractionMetadata:{questionId:null===(e=t.questionList)||void 0===e||null===(i=e[t.qIndex])||void 0===i?void 0:i.id},triggerFlag:!p&&!x,children:(0,v.jsx)(Pe,{questionList:t.questionList,questionIndex:t.qIndex,setIsQuestionVisible:t.setIsQuestionVisible})}),X&&(0,v.jsx)("div",{ref:tt,className:"whatmore-share-modal",style:{zIndex:100,position:"absolute",boxShadow:"8px 0px 8px rgba(0, 0, 0, 0.6)",width:"75%",top:"45%",left:"50%",transform:"translateX(-50%) translateY(-50%)"},children:(0,v.jsx)(Ce,{shareText:$,setShareText:Q,iconSize:Y,isModalOpen:X,setIsModalOpen:G})}),(!t.isQuestionVisible||t.qIndex>=(null===t||void 0===t||null===(n=t.questionList)||void 0===n?void 0:n.length))&&(0,v.jsxs)(s.Kq,{direction:"column",width:"full",height:"full",justifyContent:"space-between",children:[(0,v.jsxs)(s.Kq,{width:"full",height:"fit-content",direction:"column",justifyContent:"flex-start",alignItems:"center",bgGradient:"linear(to-t, transparent, whiteAlpha.100, blackAlpha.200, blackAlpha.400, blackAlpha.800)",children:[C.showVideoPlayingData?(0,v.jsx)(s.Kq,{direction:"row",width:"100%",height:"fit-content",marginTop:"5px",justifyContent:"center",children:(0,v.jsx)(se,{progress:de(A.current_time,A.video_duration),totalSiblings:W,indexAmongSiblings:K})}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)(s.xu,{width:"full",margin:"2px",marginTop:"5px",children:(0,v.jsxs)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",paddingRight:"10px",paddingLeft:"10px",children:[(0,v.jsx)(Oe,{event:E,width:_}),(0,v.jsxs)(s.Kq,{direction:"row",width:"fit-content",justifyContent:"end",paddingLeft:"10px",children:[(0,mt.ZK)(b)?(0,v.jsx)(xe,{whatmoreShareTemplateId:(0,mt.QN)(b),whatmoreShareStoryId:O,whatmoreShareEventId:E.event_id,event:E,showShareText:!1,iconSize:.07*_,shareButtonBottomMargin:6,setIsModalOpen:G,setShareText:Q}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)(y,{focusRef:M}),("landscape"!==o||t.showCloseOverlay)&&(0,v.jsx)(P.Z,{event:E,onCloseCallback:L})]})]})})]}),(0,v.jsxs)(s.Kq,{width:"100%",height:"100%",direction:"row",justifyContent:"center",children:[(0,v.jsx)(s.xu,{width:"33%",height:"100%",onClick:()=>{V()},sx:{display:"block !important"}}),(0,v.jsx)(s.xu,{width:"34%",height:"100%",onClick:()=>{Z()},sx:{display:"block !important"}}),(0,v.jsx)(s.xu,{width:"33%",height:"100%",onClick:()=>{U()},sx:{display:"block !important"}})]}),(0,v.jsxs)(s.xu,{width:"full",height:"fit-content",children:[C.totalEvents>1&&!f&&C.showSwipeIndicator?(0,v.jsx)(s.xu,{width:"full",margin:"2px",children:(0,v.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"center",children:(0,v.jsx)(D,{swipeUp:!z})})}):null,(0,v.jsxs)(s.xu,{width:"fit-content",height:"fit-content",position:"absolute",right:0,bottom:"25%",children:[(0,c.slY)(j)&&!(0,mt.ZK)(b)?(0,v.jsx)(s.xu,{ml:"auto",width:"fit-content",paddingY:"12px",paddingX:"8px",position:"relative",top:"-30px",children:(0,v.jsxs)(s.Kq,{gap:"4px",direction:"column",alignItems:"center",cursor:"pointer",onClick:function(){var t;p||x||(async()=>{(0,d.lY)(E,1)})(),(0,q.GF)({userInteractionType:N.K.WHATSAPP_ICON_CLICKED,widgetSourceDetails:B,event:E,productList:null===E||void 0===E?void 0:E.products,ctaList:null===E||void 0===E?void 0:E.cta});const e=E.products.map((t=>`${t.product_link} \n`)),i=(0,c.gtK)(j),n=`Hey, I am interested in ${E.products.length>1?"these products":"this product"} I saw on ${null===(t=E.products[0])||void 0===t?void 0:t.brand} store: \n${e}. Could you please help me with some queries?`;window.open(i+`&text=${n}&type=phone_number`,"_blank")},children:[(0,v.jsx)(fe,{iconSize:.7*Y,style:{boxShadow:"8px 0px 8px rgba(0, 0, 0, 0.4)"}}),(0,v.jsx)(s.xv,{fontSize:Y*(0,c.Xod)(j)+"px",fontWeight:"bold",align:"center",style:{marginTop:0},sx:{fontFamily:T+" !important",color:"white !important"},children:(0,c.UiZ)(j)})]})}):(0,v.jsx)(v.Fragment,{}),(0,c.jY3)(j)?(0,v.jsx)(s.xu,{width:"full",height:"fit-content",paddingX:"12px",position:"relative",top:"-30px",children:(0,v.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",children:(0,v.jsx)(ge,{event:E})})}):(0,v.jsx)(v.Fragment,{}),(0,c.ROU)(j)&&!(0,mt.ZK)(b)?(0,v.jsx)(s.xu,{width:"full",height:"fit-content",paddingX:"12px",position:"relative",top:"-30px",children:(0,v.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",children:(0,v.jsx)(xe,{whatmoreShareTemplateId:(0,mt.QN)(b),whatmoreShareStoryId:O,whatmoreShareEventId:E.event_id,event:E,setIsModalOpen:G,setShareText:Q})})}):(0,v.jsx)(v.Fragment,{})]}),(0,zt.kT)(E)?(0,v.jsxs)(s.xu,{width:"full",children:[(0,c.Jm1)(j)?(0,v.jsx)(s.xu,{w:"100%",children:(0,v.jsx)(s.Kq,{direction:"row",width:"full",height:"fit-content",justifyContent:"flex-end",children:(0,v.jsx)(F,{event:E,onToggle:t=>{g("minimize-button"!==t)}})})}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)(s.xu,{display:"flex",width:"100%",height:"fit-content",children:(0,v.jsx)(Dt,{event:E,productClickHandler:R})})]}):(0,v.jsx)(v.Fragment,{})]}),et&&(0,v.jsx)(s.Kq,{direction:"row",width:"100%",height:"fit-content",bg:"rgba(52, 52, 52, 0.9)",py:"3px",justifyContent:"center",children:(0,v.jsx)(be,{brandName:null===E||void 0===E?void 0:E.brand,fontSize:.033*_})})]})]})},Le=i(2279),Me=i.n(Le),De=i(342);var Re=function(t){var e,i,n,o,l,a,[d,m,g,f]=(0,h.Z)();const[w,j]=(0,r.useState)(!1),[y,C]=(0,r.useState)(),[b,S]=(0,r.useState)(),[I,k]=(0,r.useState)({current_time:0,video_duration:0,is_video_ended:!1}),_=(0,u.MO)("whatmoreShopId"),T=t.event,F=t.storyId,E=t.onBack,P=r.useRef(),O=t.isPlaying,z=t.isLast,L=t.setLockSwiper,M=t.onVideoEndedCallback,D=t.progressUpdateCallback,R=null!==(e=t.totalSiblingEvents)&&void 0!==e?e:0,A=null!==(i=t.indexAmongSiblings)&&void 0!==i?i:0,W=null===(n=t.showOverlay)||void 0===n||n,K=null!==(o=t.leftOpenSpaceClickHandler)&&void 0!==o?o:()=>{},V=null!==(l=t.midOpenSpaceClickHandler)&&void 0!==l?l:()=>{},Z=null!==(a=t.rightOpenSpaceClickHandler)&&void 0!==a?a:()=>{},{whatmoreWidgetSourceDetails:U}=(0,r.useContext)(H.I),{questionList:B}=(0,r.useContext)(wi),Y=(null===B||void 0===B?void 0:B.length)>0?parseInt(localStorage.getItem("_whatmore_qview_index")):1e4,[X,G]=(0,r.useState)();(0,r.useEffect)((()=>{G(t.showQuestion)}),[t.showQuestion]);const $="center";let Q;try{Q=Me()((()=>{M()}),1e3,{leading:!0,trailing:!1})}catch(J){console.log(J)}return(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.xu,{width:f,height:g,sx:{overflow:"hidden"},children:[(0,v.jsx)(s.Kq,{direction:"column",justifyContent:$,height:"full",width:"full",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"white",children:(0,v.jsx)(s.oM,{width:"full",ratio:f/g,children:(0,v.jsx)(x.Z,{height:"100%",width:"100%",url:(0,ce.V)((0,De.uv)(T)),isPlaying:O&&(!X||Y>=B.length),timeUpdateCallback:function(t,e){const i=de(t,e);D(i);const n=I.is_video_ended;i>=99&&O&&!n?(Q(),k({current_time:t,video_duration:e,is_video_ended:!0})):k({current_time:t,video_duration:e,is_video_ended:n})},event:T,question:X&&Y<(null===B||void 0===B?void 0:B.length),source:t.source})})})}),W?(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:$,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,v.jsx)(ze,{focusRef:P,event:t.event,isLast:z,onCloseCallback:t=>{E(t),(0,q.Z2)({userInteractionType:N.K.VIDEO_PLAYBACK,userInteractionMetadata:{watch_time:I.current_time},widgetSourceDetails:U,event:T,productList:T.products,ctaList:T.cta})},productClickHandler:async t=>{const e=await(0,p.p)(t,(0,c.Ipo)(_),_);S(t),C(e),j(!0),L(!0),(0,q.GF)({userInteractionType:N.K.SHOPNOW_CLICKED,widgetSourceDetails:U,event:T,productList:T.products,ctaList:T.cta}),(0,u.bU)("whatmoreAllowAutoSlide",!1)},videoPlayingData:I,totalSiblingEvents:R,indexAmongSiblings:A,questionList:B,isQuestionVisible:X&&Y<(null===B||void 0===B?void 0:B.length),qIndex:Y,setIsQuestionVisible:G,leftOpenSpaceClickHandler:K,midOpenSpaceClickHandler:V,rightOpenSpaceClickHandler:Z,storySetId:F,showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay})})}):(0,v.jsx)(v.Fragment,{}),!0===w?(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"200%"},direction:"column",justifyContent:$,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",children:(0,v.jsx)(le,{focusRef:P,event:t.event,isLast:z,onCloseCallback:()=>E(),setLockSwiper:L,data:y,currentProduct:b,setOpenShopNow:t=>{j(t),(0,u.bU)("whatmoreAllowAutoSlide",!t)}})})}):(0,v.jsx)("div",{})]})})},Ae=i(7300),We=i(8984),Ke=i(58),qe=i(9723);var Ne=function(t){var[e,i,n,o]=(0,h.Z)();const r=(0,u.MO)("whatmoreShopId"),l=t.event,a=t.isPlaying,d="center";return(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.xu,{width:o,height:n,sx:{overflow:"hidden"},children:[(0,v.jsx)(s.Kq,{direction:"column",justifyContent:d,height:"full",width:"full",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"white",children:(0,v.jsx)(s.oM,{width:"full",ratio:o/n,children:(0,v.jsx)(x.Z,{height:"100%",width:"100%",url:(0,ce.V)((0,De.uv)(l)),isPlaying:a,timeUpdateCallback:function(t,e){},event:l,source:t.source})})})}),(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:d,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",width:"100%",height:"100%",backdropFilter:"auto",backdropBlur:"10px",onClick:t=>{(0,Ke.QV)()},children:(0,v.jsxs)(s.Kq,{direction:"column",justifyContent:"center",alignItems:"center",height:"full",width:"full",children:[(0,v.jsx)(qe.Z,{sx:{boxShadow:3,color:(0,c.Ya_)(r),fontSize:.4*o,filter:"drop-shadow(0 0 5px black);"},onClick:t=>{(0,Ke.QV)()}}),(0,v.jsx)(s.xv,{color:"white",fontSize:.05*o+"px",fontWeight:"bold",align:"left",children:"Please click to play video.."})]})})})]})})},He=i(3433);const Ve=r.lazy((()=>i.e(824).then(i.bind(i,5824))));var Ze=function(t){var e,i;const r=t.event,l=null===(e=t.isPlaying)||void 0===e||e,a=t.onBack,d=t.isLast,s=t.setLockSwiper,c=(t.heightFactor,t.widthFactor,t.onVideoEndedCallback),h=t.progressUpdateCallback,[p,x]=(0,j.Z)(),[m]=(0,u.j1)("whatmoreVideoPlayerPoolBlessed"),g=null===(i=t.showOverlay)||void 0===i||i;function f(){x(!p)}if((0,We.KE)()&&0==m&&"recommended_images"!=(null===r||void 0===r?void 0:r.event_type))return(0,v.jsx)(Ne,{event:r,onBack:a,isPlaying:l,isLast:d,setLockSwiper:s,onVideoEndedCallback:c,progressUpdateCallback:h,totalSiblingEvents:1,indexAmongSiblings:0,leftOpenSpaceClickHandler:()=>{f()},midOpenSpaceClickHandler:()=>{f()},rightOpenSpaceClickHandler:()=>{f()},showOverlay:g,source:He.j.CAROUSEL_EVENT_OPENED},"shopping-video-view"+r.event_id);if((0,Ae.B6)(r)||(0,Ae.WJ)(r))return(0,v.jsx)(Re,{event:r,onBack:a,isPlaying:l,isLast:d,setLockSwiper:s,onVideoEndedCallback:c,progressUpdateCallback:h,showQuestion:t.showQuestion,totalSiblingEvents:1,indexAmongSiblings:0,leftOpenSpaceClickHandler:()=>{f()},midOpenSpaceClickHandler:()=>{f()},rightOpenSpaceClickHandler:()=>{f()},showOverlay:g,source:He.j.CAROUSEL_EVENT_OPENED,showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay},"shopping-video-view"+r.event_id);if("recommended_images"==(null===r||void 0===r?void 0:r.event_type))return(0,v.jsx)(Ve,{onBack:a,mode:t.mode,showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay,imageUrls:null===r||void 0===r?void 0:r.product_list});if((0,Ae.yC)(r)){var{status:w,bannerText:y,timeToStartInMins:C}=n.Z.getEventStatus(r);if(w.name===o.Z.LIVE.name)return(0,v.jsx)(ae,{event:r,onBack:a,isPlaying:l,isLast:d,showOverlay:g},"shopping-live-view"+r.event_id)}return console.error("Can't render event which is neither video or a currently-live-event"),(0,v.jsx)("div",{})},Ue=i(9284),Be=i.n(Ue),Ye=i(7463),Xe=i(2154);function Ge(t){var e;const[i,n]=(0,r.useState)(!1),o=t.onClick,l=null!==(e=t.fontSize)&&void 0!==e?e:50;return(0,v.jsx)("div",{style:{height:"fit-content",width:"fit-content",backgroundColor:"black",opacity:.4,borderRadius:"50%"},className:[i?"whatmore-scale-on-tap":""].join(" "),children:"left"===t.type?(0,v.jsx)(Xe.Z,{sx:{color:"white",fontSize:l+"px",filter:"drop-shadow(0 0 5px black);"},onClick:t=>{n(!0),setTimeout((()=>{n(!1)}),500),o(t,"up")}}):(0,v.jsx)(Ye.Z,{sx:{color:"white",fontSize:l+"px",filter:"drop-shadow(0 0 5px black);"},onClick:t=>{n(!0),setTimeout((()=>{n(!1)}),500),o(t,"down")}})})}var $e=function(t){var e,i,n;const o=null!==(e=t.relativeBottomPercentage)&&void 0!==e?e:"30%",r=null!==(i=t.width)&&void 0!==i?i:"100%",l=null!==(n=t.fontSize)&&void 0!==n?n:50,a=t.handleClick;return(0,v.jsx)("div",{style:{position:"relative",zIndex:1,bottom:o,width:"100%",height:"fit-content",display:"flex",flexFlow:"row nowrap",justifyContent:"center"},id:"here",children:(0,v.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",width:r,height:"fit-content",paddingRight:"5px",paddingLeft:"5px",paddingTop:"5px",paddingBottom:"5px",justifyContent:"space-between",alignContent:"center"},children:[(0,v.jsx)(Ge,{type:"left",onClick:a,fontSize:l}),(0,v.jsx)(Ge,{type:"right",onClick:a,fontSize:l})]})})},Qe=i(2860),Je=i(4669);var ti=function(t,e){function i(t,e){return 1==e?0:t<0?e+t:t>=e?t-e:t}const n=(0,r.useRef)({prevIndex:i(t-1,e),activeIndex:t,nextIndex:i(t+1,e)});return[function(){return n.current},function(t){n.current="right"==t?{prevIndex:i(n.current.activeIndex,e),activeIndex:i(n.current.activeIndex+1,e),nextIndex:i(n.current.activeIndex+2,e)}:{prevIndex:i(n.current.activeIndex-2,e),activeIndex:i(n.current.activeIndex-1,e),nextIndex:i(n.current.activeIndex,e)}},function(t){return i(n.current.activeIndex+t)}]};var ei=function(t,e){const i=(0,r.useRef)({clientX:0,clientY:0});return[function(t){i.current.clientX=t.changedTouches[0].clientX,i.current.clientY=t.changedTouches[0].clientY},function(n){const o=i.current.clientX,r=i.current.clientY;var l=o-n.changedTouches[0].clientX,a=r-n.changedTouches[0].clientY;return"vertical"==t&&Math.abs(a)>e||"horizontal"==t&&Math.abs(l)>e?"vertical"==t?a>0?"right":"left":l>0?"right":"left":null}]};var ii=function(t,e){const i=(0,r.useRef)(Me()(((t,e)=>{t(e)}),300,{leading:!0,trailing:!1}));return[function(n,o){var r=0;if(r="vertical"==t?n.deltaY:n.deltaX,Math.abs(r)<=e)return;const l=r>0?"right":"left";i.current(o,l)}]},ni=i(5173);var oi=function(t){const e=t.events,i=t.eventIndex,n=t.onBack;var[o,p,x,m]=(0,h.Z)();const[g]=(0,u.j1)("isInDesignMode"),[f]=(0,u.j1)("isDemoBrand"),[w,j]=(0,r.useState)(!0),[y,C]=(0,u.j1)("isFirstIndicatorRenderDone"),[b,S]=(0,r.useState)(!1),{setCloseClickComponent:I}=(0,r.useContext)(wi),{slideDirection:k}=(0,r.useContext)(wi),[_]=(0,u.j1)("whatmoreShopId"),[T]=(0,u.j1)("whatmoreLandingLocationType"),[F,E]=ti(i,e.length),[P,O]=ei(k,50),[z]=ii("vertical",30),[L,M]=(0,r.useState)(!1),[D,R]=(0,r.useState)(null),{whatmoreWidgetSourceDetails:A,whatmoreUserInfo:K}=(0,r.useContext)(H.I);function V(){M(!1)}function Z(t){V(),setTimeout((()=>{n(t)}),500)}(0,r.useEffect)((()=>(M(!0),()=>{})),[]);const U=A.landingLocationType,B=A.templateType;I(Z);let Y=i;const{questionList:X}=(0,r.useContext)(wi);function G(){(0,u.MO)("whatmoreAllowAutoSlide")&&(E("right"),D.slideNext())}function $(t,e){E(e),function(t,e){D&&("left"===e?D.slidePrev():D.slideNext())}(0,e)}const Q=Math.round(.05*x);return(0,v.jsx)(Be(),{isOpen:L,onAfterOpen:function(){},onRequestClose:V,overlayClassName:"whatmore-modal",className:"whatmore-modal-content",ariaHideApp:!1,children:(0,v.jsx)(ni.Z,{children:(0,v.jsxs)("div",{style:{height:window.innerHeight,width:window.innerWidth,backgroundColor:(0,W.lA)("#000000",13)},onTouchStart:t=>{P(t)},onTouchEnd:t=>{if(b)return;const e=O(t);e&&$(0,e)},onWheel:t=>{b||z(t,(t=>{$(0,t)}))},children:[(0,v.jsx)(l.tq,{speed:400,threshold:Q,slidesPerView:1,direction:k,modules:[a.tl,a.Gk],initialSlide:i,loop:1!=e.length,height:window.innerHeight,width:window.innerWidth,watchSlidesProgress:!0,allowSlideNext:!b,allowSlidePrev:!b,allowTouchMove:!1,onSwiper:t=>{R(t),(0,q.GF)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:A,event:e[F().activeIndex],productList:e[F().activeIndex].products})},onSlideChange:t=>{var i;w?j(!1):(y||C(!0),i=e[F().activeIndex],g||f||null===i||void 0===i||!i.event_id||(async()=>{const t=(0,mt.NY)(U)+(0,mt.dS)(B)+"_"+(null===i||void 0===i?void 0:i.event_id);(0,d.wh)(i),"index"===T?((0,Je.Tc)(_,Qe.Xh,Qe.pR),(0,ot.H4)(i.event_id,i.products,Qe.Xh,Qe.pR,t,null===i||void 0===i?void 0:i.location,null===K||void 0===K?void 0:K.userType)):T.startsWith("product")||"embed"===T?((0,Je.Tc)(_,Qe.h7,Qe.dU),(0,ot.H4)(i.event_id,i.products,Qe.h7,Qe.dU,t)):T.startsWith("collection")?((0,Je.Tc)(_,Qe.U$,Qe.Pk),(0,ot.H4)(i.event_id,i.products,Qe.U$,Qe.Pk,t)):((0,Je.Tc)(_,Qe.Xh,Qe.pR),(0,ot.H4)(i.event_id,i.products,Qe.Xh,Qe.pR,t))})(),(0,q.y4)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:A,event:e[F().activeIndex],productList:e[F().activeIndex].products}))},children:[...Array(Math.min(e.length,3)).keys()].map((n=>(0,v.jsx)(l.o5,{children:n=>{let{isActive:o,isPrev:r,isNext:l,isVisible:a,isDuplicate:d}=n;const u=o?"activeIndex":r?"prevIndex":"nextIndex",h=F()[u];"activeIndex"==u&&(Y=Math.max(Y,h),0==h&&(Y=0));const p=(null===X||void 0===X?void 0:X.length)>0&&o&&a&&(h>i||Y<i&&h>0)&&h>=Y&&h%(0,c.rFm)(_)==i%(0,c.rFm)(_);return(0,v.jsx)(s.Kq,{direction:"column",height:window.innerHeight,justifyContent:"center",children:(0,v.jsx)(Ze,{event:e[h],showQuestion:p,onBack:Z,isPlaying:1==e.length||o&&a,isLast:!1,setLockSwiper:S,onVideoEndedCallback:G,progressUpdateCallback:t=>{},showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay,mode:"portrait"})})}},"event-vertical-scroll-slide-"+n)))}),e.length>1&&!b&&(0,c.h6H)(_)&&"horizontal"===(0,c.e8z)(_)&&"horizontal"===k?(0,v.jsx)($e,{relativeBottomPercentage:"50%",width:m,handleClick:(t,e)=>{$(0,"down"==e?"right":"left")},fontSize:parseInt(.12*m)}):(0,v.jsx)(v.Fragment,{})]})})})},ri=i(1168);i(6143),i(7850),i(4444),i(7244),i(123),i(5892),i(1811);const li=t=>{let{children:e,customClass:i,show:n,closeCallback:o}=t;return ri.createPortal((0,v.jsxs)("div",{className:`whatmore-landscape-modal whatmore-root ${i}`,style:{display:n?"block":"none"},children:[(0,v.jsx)("div",{className:"whatmore-landscape-modal-overlay",onClick:o}),(0,v.jsx)("div",{className:"whatmore-landscape-modal-content",children:e})]}),document.body)};li.defaultProps={children:(0,v.jsx)("div",{children:"Empty Modal"}),customClass:"",show:!1,closeCallback:()=>!1};var ai=li;var di=function(t){var e,[i,n,o,p]=(0,h.Z)();const[x]=(0,u.j1)("isInDesignMode"),[m]=(0,u.j1)("isDemoBrand"),[g,f]=(0,u.j1)("isFirstIndicatorRenderDone"),[w,j]=(0,r.useState)(0!=t.eventIndex),{setCloseClickComponent:y}=(0,r.useContext)(wi),[C,b]=(0,r.useState)(!1),[S]=(0,u.j1)("whatmoreShopId"),[I]=(0,u.j1)("whatmoreLandingLocationType"),k=(0,u.MO)("whatmoreUITheme"),{whatmoreWidgetSourceDetails:_,whatmoreUserInfo:T}=(0,r.useContext)(H.I),[F,E]=(0,r.useState)(!1),[O,z]=(0,r.useState)(null);function L(){E(!1)}const M=t.events,D=t.eventIndex,R=t.onBack,A=M.concat(M),K=M.length,V=null===M||void 0===M||null===(e=M[0])||void 0===e?void 0:e.brand,Z=(0,r.useRef)(0);function U(t){L(),setTimeout((()=>{R(t)}),500)}function B(){O&&!O.isEnd&&(0,u.MO)("whatmoreAllowAutoSlide")&&O.slideNext()}(0,r.useEffect)((()=>(E(!0),()=>{})),[]),y(U);const Y=_.landingLocationType,X=_.templateType,G=parseInt(Math.min(5,M.length));return(0,v.jsx)(ai,{show:F,closeCallback:L,customClass:"whatmore-landscape-modal-swipe-view",children:(0,v.jsxs)(s.Kq,{direction:"column",width:window.innerWidth,height:window.innerHeight,justifyContent:"center",aligntItems:"center",backgroundColor:(0,W.lA)("#000000",13),children:[(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.xu,{height:"fit-content",width:p*G,children:(0,v.jsxs)(l.tq,{onInit:t=>{z(t),(0,q.GF)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:_,event:M[t.activeIndex],productList:M[t.activeIndex].products,ctaList:M[t.activeIndex].cta})},slidesPerView:G,centeredSlides:!0,allowTouchMove:!1,initialSlide:D,modules:[a.lI,a.W_,a.Gk,a.pt,a.tl],navigation:G>=5,effect:"coverflow",coverflowEffect:{rotate:-8,stretch:Math.floor(.22*o),depth:100,scale:.7,modifier:1,slideShadows:!1},height:"fit-content",width:p*G,watchSlidesProgress:!0,onSlideChange:t=>{var e;w?j(!1):(g||f(!0),e=M[t.activeIndex],x||m||null===e||void 0===e||!e.event_id||(async()=>{const t=(0,mt.NY)(Y)+(0,mt.dS)(X)+"_"+(null===e||void 0===e?void 0:e.event_id);(0,d.wh)(e),"index"===I?((0,Je.Tc)(S,Qe.Xh,Qe.pR),(0,ot.H4)(e.event_id,e.products,Qe.Xh,Qe.pR,t,null===e||void 0===e?void 0:e.location,null===T||void 0===T?void 0:T.userType)):I.startsWith("product")||"embed"===I?((0,Je.Tc)(S,Qe.h7,Qe.dU),(0,ot.H4)(e.event_id,e.products,Qe.h7,Qe.dU,t)):I.startsWith("collection")?((0,Je.Tc)(S,Qe.U$,Qe.Pk),(0,ot.H4)(e.event_id,e.products,Qe.U$,Qe.Pk,t)):((0,Je.Tc)(S,Qe.Xh,Qe.pR),(0,ot.H4)(e.event_id,e.products,Qe.Xh,Qe.pR,t))})(),(0,q.y4)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:_,event:M[t.activeIndex],productList:M[t.activeIndex].products,ctaList:M[t.activeIndex].cta}))},mousewheel:{invert:!1,thresholdDelta:20},children:[M.length>2&&(0,v.jsx)("div",{className:"whatmore-shopping-close-button",children:(0,v.jsx)(P.Z,{onCloseCallback:R})}),A.slice(D,M.length+D).map(((t,e)=>(0,v.jsx)(l.o5,{children:t=>{let{isActive:i,isPrev:n,isNext:r,isVisible:l,isDuplicate:a}=t;if(i)return(0,v.jsx)(s.Kq,{direction:"column",height:o,width:1*p,justifyContent:"center",marginLeft:"auto",marginRight:"auto",children:(0,v.jsx)(s.xu,{overflow:"hidden",sx:{borderRadius:"round"==k?"10px":"0px",borderWidth:(0,c.alU)(S),borderColor:(0,c.qPe)(S)},children:(0,v.jsx)(Ze,{event:M[e%K],onBack:U,isPlaying:!0,isLast:e%K===M.length-1,setLockSwiper:b,widthFactor:1,heightFactor:1,onVideoEndedCallback:B,progressUpdateCallback:t=>{},showCloseOverlay:(null===M||void 0===M?void 0:M.length)<=2,mode:"landscape"})})});if(r)return(0,v.jsx)(s.Kq,{direction:"column",height:o,width:p,justifyContent:"center",marginLeft:"auto",marginRight:"auto",onClick:t=>{O.slideTo(e%K,300)},children:(0,v.jsx)(s.xu,{overflow:"hidden",sx:{borderRadius:"round"==k?"10px":"0px",borderWidth:(0,c.alU)(S),borderColor:(0,c.qPe)(S)},children:(0,v.jsx)(Ze,{event:M[e%K],onBack:U,isPlaying:!1,isLast:e%K===M.length-1,setLockSwiper:b,widthFactor:1,heightFactor:1,onVideoEndedCallback:B,progressUpdateCallback:t=>{},showOverlay:!1,mode:"landscape"})})});if(n&&1===Z.current)return(0,v.jsx)(s.Kq,{direction:"column",height:o,width:p,justifyContent:"center",marginLeft:"auto",marginRight:"auto",onClick:t=>{O.slideTo(e%K,300)},children:(0,v.jsx)(s.xu,{overflow:"hidden",sx:{borderRadius:"round"==k?"10px":"0px",borderWidth:(0,c.alU)(S),borderColor:(0,c.qPe)(S)},children:(0,v.jsx)(Ze,{event:M[e%K],onBack:U,isPlaying:!1,isLast:e%K===M.length-1,setLockSwiper:b,widthFactor:1,heightFactor:1,onVideoEndedCallback:B,progressUpdateCallback:t=>{},showOverlay:!1,mode:"landscape"})})});try{D+e>=K-1&&(Z.current=1)}catch(d){console.log(d)}return(0,v.jsx)(v.Fragment,{})}},"event-horizontal-scroll-slide"+t.event_id)))]})})}),(0,v.jsx)(s.M5,{children:(0,v.jsx)(be,{brandName:V,height:.04*o,width:.1*p,fontSize:.02*o})})]})})},si=i(6090),ci=i(7616),ui=i(9302),hi=i(2575);var pi=function(t){const[e,i,n,o]=(0,h.Z)(),[r]=(0,u.j1)("whatmorePrimaryColor"),[l]=(0,u.j1)("whatmoreSecondaryColor"),a="flex-end";return(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.xu,{width:o,height:n,backgroundColor:"whiteAlpha.200",backdropBlur:"10px",children:[(0,v.jsx)(s.Kq,{direction:"column",justifyContent:a,height:"full",width:"full",children:(0,v.jsx)(s.xu,{borderRadius:"md",backgroundColor:"transparent",children:(0,v.jsx)(s.oM,{width:"full",ratio:o/n,children:(0,v.jsx)(s.xu,{w:"100%",h:"100%",bgGradient:"linear(to-br, "+r+", gray, "+l+")"})})})}),(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:a,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{padding:"2px",margin:"5px",borderRadius:"md",backgroundColor:"transparent",children:(0,v.jsx)(s.oM,{width:"full",ratio:9/16,children:(0,v.jsx)(s.xu,{width:"full",height:"full",borderRadius:"md",backdropFilter:"auto",backdropBlur:"5px"})})})})]})})};var xi=function(t){var e;const i=t.stories,n=t.onBack,o=t.onStoryCompleteCallback,a=t.isActive,c=null!==(e=t.initialEventIndex)&&void 0!==e?e:0,p=i.events;var[x,m,g,f]=(0,h.Z)();const[w,y]=(0,j.Z)(),[C]=(0,u.j1)("isInDesignMode"),[b]=(0,u.j1)("isDemoBrand"),[S]=(0,u.j1)("whatmoreShopId"),[I,k]=(0,r.useState)(!0),[_,T]=(0,u.j1)("isFirstIndicatorRenderDone"),[F,E]=(0,r.useState)(null),[P,O]=(0,r.useState)(!1),{whatmoreWidgetSourceDetails:z,whatmoreUserInfo:L}=(0,r.useContext)(H.I),[M,D]=ti(c,p.length);function R(t){n(t)}const A=z.landingLocationType,W=z.templateType;function K(){if(!(0,u.MO)("whatmoreAllowAutoSlide"))return;M().activeIndex+1>=p.length?o("right"):(D("right"),F&&F.slideNext())}function V(t){const e=M().activeIndex;"right"==t&&e+1>=p.length||"left"==t&&e-1<0?o(t):(D(t),F&&("left"==t?F.slidePrev():F.slideNext()))}return p[M().activeIndex],(0,v.jsx)("div",{children:(0,v.jsx)(l.tq,{speed:1,slidesPerView:1,direction:"horizontal",initialSlide:0,loop:!0,height:g,width:f,watchSlidesProgress:!0,allowTouchMove:!1,onSwiper:t=>{E(t)},onSlideChange:t=>{I?k(!1):(_||T(!0),function(t){const e=(0,mt.NY)(A)+(0,mt.dS)(W)+"_"+(null===t||void 0===t?void 0:t.event_id);C||b||(async()=>{(0,d.wh)(t),(0,Je.Tc)(S,Qe.Xh,Qe.OW),(0,ot.H4)(t.event_id,t.products,"homepage","stories",e,null===t||void 0===t?void 0:t.location,null===L||void 0===L?void 0:L.userType)})()}(p[M().activeIndex]),(0,q.GF)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:z,event:p[M().activeIndex],productList:p[M().activeIndex].products,ctaList:p[M().activeIndex].cta}))},children:[...Array(Math.min(p.length,3)).keys()].map((e=>(0,v.jsx)(l.o5,{children:e=>{let{isActive:n,isPrev:o,isNext:r,isVisible:l,isDuplicate:d}=e;if(a){const e=n?"activeIndex":o?"prevIndex":"nextIndex",r=p[M()[e]];return(0,v.jsx)(s.Kq,{direction:"column",height:g,justifyContent:"center",children:(0,Ae.B6)(r)||(0,Ae.WJ)(r)?(0,v.jsx)(Re,{event:r,totalSiblingEvents:p.length,indexAmongSiblings:M()[e],onBack:R,isPlaying:a&&n&&l,isLast:!1,setLockSwiper:O,onVideoEndedCallback:K,progressUpdateCallback:t=>{},leftOpenSpaceClickHandler:()=>{V("left")},midOpenSpaceClickHandler:()=>{y(!w)},rightOpenSpaceClickHandler:()=>{V("right")},storyId:i.id,source:He.j.STORY_EVENT_OPENED,showCloseOverlay:null===t||void 0===t?void 0:t.showCloseOverlay},"shopping-video-view"+r.event_id):(0,v.jsx)(v.Fragment,{})})}return(0,v.jsx)(s.Kq,{direction:"column",height:x,justifyContent:"center",children:(0,v.jsx)(pi,{})})}},"event-story-view-slide-"+e)))})})};var vi=function(t){const e=t.onBack,i=t.eventsStories,n=t.initialStoryIndex;var[o,c,p,x]=(0,h.Z)();const[m]=(0,u.j1)("isInDesignMode"),[g]=(0,u.j1)("isDemoBrand"),[f,w]=(0,r.useState)(!0),[j,y]=(0,u.j1)("isFirstIndicatorRenderDone"),[C,b]=(0,r.useState)(!1),{setCloseClickComponent:S}=(0,r.useContext)(wi),{slideDirection:I}=(0,r.useContext)(wi),[k]=(0,u.j1)("whatmoreShopId"),[_,T]=ti(n,i.length),[F,E]=ei("horizontal",50),[P]=ii("vertical",30),O=t.eventIndex,[z,L]=(0,r.useState)(!1),[M,D]=(0,r.useState)(null),{whatmoreWidgetSourceDetails:R,whatmoreUserInfo:A}=(0,r.useContext)(H.I);function W(){L(!1)}function K(t){W(),setTimeout((()=>{e(t)}),500)}(0,r.useEffect)((()=>(L(!0),()=>{})),[]),S(K);const V=R.landingLocationType,Z=R.templateType;function U(t){M&&(0,u.MO)("whatmoreAllowAutoSlide")&&(T(t),"right"==t?M.slideNext():M.slidePrev())}function B(t,e){U(e)}return(0,v.jsx)(Be(),{isOpen:z,onAfterOpen:function(){},onRequestClose:W,overlayClassName:"whatmore-modal",className:"whatmore-modal-content",ariaHideApp:!1,children:(0,v.jsx)("div",{style:{height:window.innerHeight,width:window.innerWidth,backgroundColor:"#00000088"},onTouchStart:t=>{F(t)},onTouchEnd:t=>{const e=E(t);e&&B(0,e)},onWheel:t=>{P(t,(t=>{B(0,t)}))},children:(0,v.jsx)(l.tq,{speed:1,slidesPerView:1,direction:"horizontal",modules:[a.SH,a.Gk],initialSlide:n,loop:i.length>1,height:window.innerHeight,width:window.innerWidth,watchSlidesProgress:!0,onSwiper:t=>{var e,n;D(t),(0,q.GF)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:R,event:i[_().activeIndex].events[0],productList:null===(e=i[_().activeIndex].events[0])||void 0===e?void 0:e.products,ctaList:null===(n=i[_().activeIndex].events[0])||void 0===n?void 0:n.cta})},onSlideChange:t=>{var e,n;f?w(!1):(!function(t){const e=(0,mt.NY)(V)+(0,mt.dS)(Z)+"_"+(null===t||void 0===t?void 0:t.event_id);m||g||(async()=>{(0,d.wh)(t),(0,Je.Tc)(k,Qe.Xh,Qe.OW),(0,ot.H4)(t.event_id,t.products,"homepage","stories",e,null===t||void 0===t?void 0:t.location,null===A||void 0===A?void 0:A.userType)})()}(i[_().activeIndex].events[0]),(0,q.GF)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:R,event:i[_().activeIndex].events[0],productList:null===(e=i[_().activeIndex].events[0])||void 0===e?void 0:e.products,ctaList:null===(n=i[_().activeIndex].events[0])||void 0===n?void 0:n.cta}))},allowTouchMove:!1,cubeEffect:{shadow:!0,slideShadows:!0,shadowOffset:20,shadowScale:.94},children:[...Array(Math.min(i.length,3)).keys()].map((t=>(0,v.jsx)(l.o5,{children:t=>{let{isActive:e,isPrev:r,isNext:l,isVisible:a,isDuplicate:d}=t;const c=e?"activeIndex":r?"prevIndex":"nextIndex";return(0,v.jsx)(s.Kq,{direction:"column",height:o,justifyContent:"center",children:(0,v.jsx)(xi,{stories:i[_()[c]],onBack:K,isActive:e&&a,isNext:l,isPrev:r,onStoryCompleteCallback:U,nextStories:i[_().nextIndex],prevStories:i[_().prevIndex],initialEventIndex:n==_()[c]?O:0},"event-story-view-"+i[_()[c]].id)})}},"event-vertical-scroll-slide-"+t)))})})})};var mi=function(t){var e,i,n,[o,l,a,d]=(0,h.Z)();const[c]=(0,u.j1)("whatmorePrimaryColor"),[p]=(0,u.j1)("whatmoreSecondaryColor"),x=t.event,m=(t.onBack,r.useRef(),null!==(e=t.showPausedVideo)&&void 0!==e&&e),f=null!==(i=t.heightFactor)&&void 0!==i?i:1,w="flex-end";return d*=null!==(n=t.widthFactor)&&void 0!==n?n:1,a*=f,(0,v.jsx)(s.M5,{children:(0,v.jsxs)(s.xu,{width:d,height:a,children:[(0,v.jsx)(s.Kq,{direction:"column",justifyContent:w,height:"full",width:"full",children:(0,v.jsx)(s.xu,{children:(0,v.jsx)(s.oM,{width:"full",ratio:9/16,children:m?(0,Ae.B6)(x)||(0,Ae.WJ)(x)?(0,v.jsx)(Se.Z,{height:"100%",width:"100%",url:x.thumbnail_image,isPlaying:!1,pauseFromPlayTimeInMs:1e3,event:x}):(0,v.jsx)(g.Ee,{width:"full",height:"full",src:x.thumbnail_image,objectFit:"cover",borderRadius:"lg"}):(0,v.jsx)(s.xu,{w:"100%",h:"100%",bgGradient:"linear(to-br, "+c+", gray, "+p+")"})})})}),(0,v.jsx)(s.Kq,{style:{position:"relative",zIndex:1,bottom:"100%"},direction:"column",justifyContent:w,height:"full",width:"full",className:"whatmore-ios-css-relative-fix",children:(0,v.jsx)(s.xu,{children:(0,v.jsx)(s.oM,{width:"full",ratio:9/16,children:(0,v.jsx)(s.xu,{width:"full",height:"full",backgroundColor:"blackAlpha.400"})})})})]})})};var gi=function(t){var e,i,[n,o,c,p]=(0,h.Z)();const[x]=(0,u.j1)("isInDesignMode"),[m]=(0,u.j1)("isDemoBrand"),[g,f]=(0,u.j1)("isFirstIndicatorRenderDone"),[w,j]=(0,r.useState)(0!=t.eventIndex),{setCloseClickComponent:y}=(0,r.useContext)(wi),[C,b]=(0,r.useState)(!1),[S]=(0,u.j1)("whatmoreShopId"),{whatmoreWidgetSourceDetails:I,whatmoreUserInfo:k}=(0,r.useContext)(H.I),[_,T]=(0,r.useState)(!1),[F,E]=(0,r.useState)(null);function O(){T(!1)}t.events;const z=t.eventIndex,L=t.onBack,M=t.eventsStories,D=t.initialStoryIndex,R=null===(e=M[0])||void 0===e||null===(i=e.events[0])||void 0===i?void 0:i.brand;function A(t){O(),setTimeout((()=>{L(t)}),500)}(0,r.useEffect)((()=>(T(!0),()=>{})),[]),y(A);const W=I.landingLocationType,K=I.templateType;function V(t){F&&!F.isEnd&&("right"==t?F.slideNext():F.slidePrev())}const Z=parseInt(Math.min(5,M.length));return(0,v.jsx)(ai,{show:_,closeCallback:O,customClass:"whatmore-landscape-modal-stories-view",children:(0,v.jsxs)(s.Kq,{direction:"column",width:window.innerWidth,height:window.innerHeight,justifyContent:"center",aligntItems:"center",backgroundColor:"blackAlpha.800",children:[(0,v.jsx)(s.M5,{children:(0,v.jsx)(s.xu,{height:"fit-content",width:p*Z,children:(0,v.jsxs)(l.tq,{onInit:t=>{var e,i;E(t),(0,q.GF)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:I,event:M[t.activeIndex].events[0],productList:null===(e=M[t.activeIndex].events[0])||void 0===e?void 0:e.products,ctaList:null===(i=M[t.activeIndex].events[0])||void 0===i?void 0:i.cta})},slidesPerView:Z,centeredSlides:!0,allowTouchMove:!1,initialSlide:D,modules:[a.lI,a.W_,a.Gk],navigation:Z>=5,effect:"coverflow",coverflowEffect:{rotate:-8,stretch:Math.floor(.22*c),depth:100,scale:.7,modifier:1,slideShadows:!1},height:"fit-content",width:p*Z,watchSlidesProgress:!0,onSlideChange:t=>{var e,i;w?j(!1):(g||f(!0),function(t){const e=(0,mt.NY)(W)+(0,mt.dS)(K)+"_"+(null===t||void 0===t?void 0:t.event_id);x||m||(async()=>{(0,d.wh)(t),(0,Je.Tc)(S,Qe.Xh,Qe.OW),(0,ot.H4)(t.event_id,t.products,"homepage","stories",e,null===t||void 0===t?void 0:t.location,null===k||void 0===k?void 0:k.userType)})()}(M[t.activeIndex].events[0]),(0,q.GF)({userInteractionType:N.K.EVENT_VIEW,widgetSourceDetails:I,event:M[t.activeIndex].events[0],productList:null===(e=M[t.activeIndex].events[0])||void 0===e?void 0:e.products,ctaList:null===(i=M[t.activeIndex].events[0])||void 0===i?void 0:i.cta}))},mousewheel:{invert:!1,thresholdDelta:20},children:[M.length>2&&(0,v.jsx)("div",{className:"whatmore-shopping-close-button",children:(0,v.jsx)(P.Z,{onCloseCallback:L})}),M.map(((t,e)=>(0,v.jsx)(l.o5,{children:i=>{let{isActive:n,isPrev:o,isNext:r,isVisible:l,isDuplicate:a}=i;if(n){const i=1;return(0,v.jsx)(s.Kq,{direction:"column",height:c,width:p*i,justifyContent:"center",marginLeft:"auto",marginRight:"auto",children:(0,v.jsx)(s.xu,{borderRadius:"xl",overflow:"hidden",backgroundColor:"transparent",boxShadow:"dark-lg",children:(0,v.jsx)(xi,{stories:t,onBack:A,isActive:n&&l,isNext:!1,isPrev:!1,onStoryCompleteCallback:V,initialEventIndex:D==e?z:0,showCloseOverlay:(null===M||void 0===M?void 0:M.length)<=2},"event-story-view-"+t.id)})})}return o||r?(0,v.jsx)(s.Kq,{direction:"column",height:c,width:p,justifyContent:"center",marginLeft:"auto",marginRight:"auto",onClick:t=>{F.slideTo(e,300)},children:(0,v.jsx)(s.xu,{borderRadius:"xl",overflow:"hidden",backgroundColor:"transparent",boxShadow:"dark-lg",children:(0,v.jsx)(mi,{showPausedVideo:!0,event:M[e].events[0],onBack:A,isPlaying:!1,setLockSwiper:b})})}):(0,v.jsx)(v.Fragment,{})}},"event-horizontal-scroll-slide-"+e)))]})})}),(0,v.jsx)(s.M5,{children:(0,v.jsx)(be,{brandName:R,height:.04*c,width:.1*p,fontSize:.02*c})})]})})};const fi=(0,hi.Z)({key:"whatmore-css-sv"}),wi=(0,r.createContext)({isIOS:!1,totalEvents:0,closeClickComponent:null,setCloseClickComponent:t=>{},showVideoPlayingData:!0,slideDirection:"vertical",showSwipeIndicator:!0,questionList:[]});var ji=function(t){var e,i,n;const[o,l,a]=(0,we.Z)(),[d]=(0,u.j1)("whatmoreShopId"),{whatmoreRootId:s}=(0,r.useContext)(H.I),{whatmoreIsStoriesTemplate:h}=(0,r.useContext)(H.I);var p=t.events,x=t.index,m=t.onBack,g=t.eventsStories,f=t.initialStoryIndex,w=(0,c.cX2)(d),j="portrait"===o?null!==(e=t.slideDirection)&&void 0!==e?e:"vertical":null!==(i=t.slideDirection)&&void 0!==i?i:p.length>1?"horizontal":"vertical",y="portrait"===o?!(0,c.h6H)(d)&&!h:(0,c.n89)(d);return(0,r.useLayoutEffect)((()=>{(0,c.TLG)(d)&&(window.location.href.includes(w)?history.replaceState(null,"","#"+w):history.pushState(null,"","#"+w),window.addEventListener("popstate",(()=>{window.location.href.includes(w)||m()})))}),[]),delete ci.ZP.styles.global,h?(0,v.jsx)(ui.C,{value:fi,children:(0,v.jsx)(si.x,{theme:ci.ZP,cssVarsRoot:s,resetCSS:!1,children:(0,v.jsx)(wi.Provider,{value:{isIOS:(0,We.KE)(),totalEvents:p.length,closeClickComponent:m,setCloseClickComponent:t=>{},showVideoPlayingData:!0,slideDirection:j,showSwipeIndicator:y},children:"portrait"===o?(0,v.jsx)(vi,{eventsStories:g,initialStoryIndex:f,onBack:m,eventIndex:x}):(0,c.Bbr)(d)?(0,v.jsx)(gi,{eventsStories:g,initialStoryIndex:f,onBack:m,eventIndex:x}):(0,v.jsx)(vi,{eventsStories:g,initialStoryIndex:f,onBack:m,eventIndex:x})})})}):(0,v.jsx)(ui.C,{value:fi,children:(0,v.jsx)(si.x,{theme:ci.ZP,cssVarsRoot:s,resetCSS:!1,children:(0,v.jsx)(wi.Provider,{value:{isIOS:(0,We.KE)(),totalEvents:p.length,closeClickComponent:m,setCloseClickComponent:t=>{},showVideoPlayingData:!0,slideDirection:j,showSwipeIndicator:y,questionList:(0,c.YGB)(d)?null===(n=JSON.parse(localStorage.getItem("_whatmore_brand_questions")))||void 0===n?void 0:n.questionList:[]},children:"portrait"===o?(0,v.jsx)(oi,{events:p,eventIndex:x,onBack:m}):(0,v.jsx)(di,{events:p,eventIndex:x,onBack:m})})})})}},9316:function(t,e,i){i.d(e,{mT:function(){return o}});var n=i(686);const o=`\n ${n.F4`
77
77
  0% { transform: scale(1); }
78
78
  50%, { transform: scale(0.95); }
79
79
  100% { transform: scale(1); }
package/static/js/{920.ef0933a3.chunk.js → 920.5b30f14a.chunk.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[920],{1092:function(t,e,i){var n=i(237),o=i(9854),r=i(7753),l=i(6417);function s(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.Z=function(t){const e=(0,r.MO)("whatmoreUITheme"),i=(0,r.MO)("whatmoreShopId"),a=(0,r.MO)("whatmorePrimaryFont"),d=t.event,p=t.fontSize;if(d.total_views<=0)return(0,l.jsx)(l.Fragment,{});const c=(0,o.S_M)(i);return"template-icon"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(n.Z,{sx:{color:(0,o.aLw)(i)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"),t.style.setProperty("font-size",p,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+s(d.total_views)+" "})})]})})}):"template-text"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+s(d.total_views)+" views"})})})})}):void 0}},7129:function(t,e,i){i.d(e,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},4920:function(t,e,i){i.d(e,{Z:function(){return j}});var n=i(7313),o=i(9821),r=(i(3439),i(9723)),l=i(7753),s=i(4892),a=i(7129),d=i(6805),p=i(9854),c=i(1092),h=i(5945),m=i(9363),x=i(6417);var y=function(t){var e,i,r,s,[a,d]=(0,o.Z)();const c=(0,l.MO)("whatmoreUITheme"),[y]=(0,l.j1)("whatmorePrimaryFont"),[f,u]=(0,n.useState)(0),g=(0,l.MO)("whatmoreShopId"),w=t.event;if(0==w.products.length)return(0,x.jsx)(x.Fragment,{});const v=.3*d,j=v+"px",b=v+"px",P=.07*d,C=P+"px";return(0,x.jsx)("div",{style:{width:d+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,x.jsxs)("div",{ref:t=>{t&&t.style.setProperty("height","fit-content","important")},style:{display:"flex",flexFlow:"row nowrap",width:"100%",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,x.jsx)("div",{ref:t=>{t&&t.style.setProperty("height",b,"important")},style:{width:(0,p.uNj)(g)?j:"auto",boxShadow:"round"==c?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==c?"5px":"0px",borderWidth:(0,p.alU)(g),borderColor:(0,p.qPe)(g),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,x.jsx)("img",{ref:t=>{t&&(t.style.setProperty("object-fit",(0,p.yOX)(g),"important"),t.style.setProperty("max-width",j,"important"))},src:(0,m.s)(w.products[f].thumbnail_image,"&width=400&height=400"),style:{width:"100%",height:"100%",borderRadius:"round"==c?"5px":"0px"},alt:"product image"})}),(0,x.jsxs)("div",{style:{width:d-5-v+"px",height:"100%",borderRadius:"round"==c?"5px":"0px",overflow:"visible"},children:[(0,x.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,x.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",C,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",y,"important"),t.style.setProperty("-webkit-line-clamp",3,"important"),t.style.setProperty("line-clamp",3,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,h.s)(w.products[f].title)})}),(null===(e=w.products[f])||void 0===e||null===(i=e.product_metadata)||void 0===i?void 0:i.product_type)&&(0,x.jsx)("div",{style:{display:"flex",opacity:.8,width:"fit-content",maxWidth:d-5-v+"px",padding:"3px 6px",backgroundColor:"#D3D3D3",borderRadius:"round"==c?"3px":"0"},children:(0,x.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#000","important"),t.style.setProperty("maxWidth",d-5-v+"px","important"),t.style.setProperty("font-size",.7*P+"px","important"),t.style.setProperty("font-family",y,"important"),t.style.setProperty("font-weight","bold","important"),t.style.setProperty("text-overflow","ellipsis","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"))},children:null===(r=w.products[f])||void 0===r||null===(s=r.product_metadata)||void 0===s?void 0:s.product_type})})]})]},f)})},f=i(3933),u=(i(364),i(8984));function g(t){var e,[i,s]=(0,o.Z)();const[d]=(0,l.j1)("whatmoreShopId"),[c,h,m]=(0,f.YD)({triggerOnce:!0});var g=(0,n.useContext)(a.V);const w=t.event,v=null!==(e=t.unfocusedDisplay)&&void 0!==e&&e,j=.5*s,b=(0,u.gE)()?t.isOnFocus:h;return(0,x.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,x.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,x.jsx)("p",{children:" "})}),g.showPlayButton&&!v?(0,x.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,x.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,x.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:"video"==w.event_type&&(0,x.jsx)(r.Z,{sx:{color:(0,p.Ya_)(d)+" !important",opacity:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,x.jsx)(x.Fragment,{}),(0,x.jsx)("div",{ref:c,children:b&&(0,p.PWD)(d)?(0,x.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,x.jsx)(y,{event:w})}):(0,x.jsx)("div",{height:"20px"})})]})})}function w(t){var[e,i]=(0,o.Z)();const[n]=(0,l.j1)("whatmorePrimaryFont"),r=t.event;return r.title.trim().length?(0,x.jsx)("div",{style:{width:"100%",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))"},children:(0,x.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,x.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,x.jsx)("p",{style:{color:"white",fontSize:.08*i+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,x.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-family",n,"important")},style:{color:"white",fontSize:.08*i+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,x.jsx)(x.Fragment,{})}function v(t){const[e,i,n,r,s]=(0,o.Z)(),[a]=(0,l.j1)("whatmoreShowViews"),h=(0,l.MO)("whatmoreShopId"),m=t.event,y=t.isOnFocus;return(0,x.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,x.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,x.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===a&&"show"===(0,p.qcC)(h)?(0,x.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,x.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,x.jsx)(c.Z,{event:m,fontSize:.07*i+"px"})})}):(0,x.jsx)(x.Fragment,{})})}),d.$w===s[d.YP]?(0,x.jsx)(x.Fragment,{}):y?(0,x.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,x.jsx)(w,{event:m})}):(0,x.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,x.jsx)(w,{event:m})})]})})}var j=function(t){var e,i,r;const[c,h,m,y,f]=(0,o.Z)();var u=(0,n.useContext)(a.V);const w=(0,l.MO)("whatmoreUITheme"),j=(0,l.MO)("whatmoreShopId"),b=t.event,P=t.onClick,C=null===(e=t.isOnFocus)||void 0===e||e,F=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,I=null!==(r=t.animateOnFocus&&(0,p.iWI)(j))&&void 0!==r&&r,k=(0,p.nzC)(j);return(0,x.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",u.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",u.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:h,height:c,borderRadius:"round"==w?"5px":"0px",boxShadow:"round"==w?k:null,borderWidth:(0,p.alU)(j),borderColor:(0,p.qPe)(j),overflow:"hidden",cursor:"pointer"},className:I?C?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{P(b)},children:[(0,x.jsx)(s.Z,{height:(0,p.dXm)(j)+" !important",width:"100%",url:b.thumbnail_image,isPlaying:C||F,event:b}),(0,x.jsxs)("div",{style:{width:h,height:c},children:[(0,x.jsx)(v,{event:b,isOnFocus:C}),"87043703105"===j||"76467011883"===j||!C&&d.$w!==f[d.YP]?null:(0,x.jsx)(g,{event:b,unfocusedDisplay:!C,isOnFocus:C})]})]})}},9363:function(t,e,i){i.d(e,{$:function(){return l},s:function(){return r}});var n=i(9854),o=i(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,o.MO)("whatmoreShopId");return"shopify"!=(0,n.Ipo)(i)?"STRNV8MHJTF"==i?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 i=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],n=/\.(jpeg|jpg|gif|png|svg|webp)$/i,o=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==n&&void 0!==n&&n.test(i)?"image":null!==o&&void 0!==o&&o.test(i)?"video":void 0}},9723:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");e.Z=l},237:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");e.Z=l},3439:function(){}}]);
1
+ "use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[920],{1092:function(t,e,i){var n=i(237),o=i(9854),r=i(7753),l=i(6417);function s(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.Z=function(t){const e=(0,r.MO)("whatmoreUITheme"),i=(0,r.MO)("whatmoreShopId"),a=(0,r.MO)("whatmorePrimaryFont"),d=t.event,p=t.fontSize;if(d.total_views<=0)return(0,l.jsx)(l.Fragment,{});const c=(0,o.S_M)(i);return"template-icon"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(n.Z,{sx:{color:(0,o.aLw)(i)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"),t.style.setProperty("font-size",p,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+s(d.total_views)+" "})})]})})}):"template-text"==c?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.XCH)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.alU)(i),borderColor:(0,o.qPe)(i)},children:(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.aLw)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+s(d.total_views)+" views"})})})})}):void 0}},7129:function(t,e,i){i.d(e,{V:function(){return n}});const n=(0,i(7313).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},4920:function(t,e,i){i.d(e,{Z:function(){return j}});var n=i(7313),o=i(9821),r=(i(3439),i(9723)),l=i(7753),s=i(4892),a=i(7129),d=i(6805),p=i(9854),c=i(1092),h=i(5945),m=i(9363),x=i(6417);var y=function(t){var e,i,r,s,[a,d]=(0,o.Z)();const c=(0,l.MO)("whatmoreUITheme"),[y]=(0,l.j1)("whatmorePrimaryFont"),[f,u]=(0,n.useState)(0),g=(0,l.MO)("whatmoreShopId"),w=t.event;if(0==w.products.length)return(0,x.jsx)(x.Fragment,{});const v=.3*d,j=v+"px",b=v+"px",P=.07*d,C=P+"px";return(0,x.jsx)("div",{style:{width:d+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,x.jsxs)("div",{ref:t=>{t&&t.style.setProperty("height","fit-content","important")},style:{display:"flex",flexFlow:"row nowrap",width:"100%",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,x.jsx)("div",{ref:t=>{t&&t.style.setProperty("height",b,"important")},style:{width:(0,p.uNj)(g)?j:"auto",boxShadow:"round"==c?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==c?"5px":"0px",borderWidth:(0,p.alU)(g),borderColor:(0,p.qPe)(g),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,x.jsx)("img",{ref:t=>{t&&(t.style.setProperty("object-fit",(0,p.yOX)(g),"important"),t.style.setProperty("max-width",j,"important"))},src:(0,m.s)(w.products[f].thumbnail_image,"&width=400&height=400"),style:{width:"100%",height:"100%",borderRadius:"round"==c?"5px":"0px"},alt:"product image"})}),(0,x.jsxs)("div",{style:{width:d-5-v+"px",height:"100%",borderRadius:"round"==c?"5px":"0px",overflow:"visible"},children:[(0,x.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,x.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",C,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",y,"important"),t.style.setProperty("-webkit-line-clamp",3,"important"),t.style.setProperty("line-clamp",3,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,h.s)(w.products[f].title)})}),(null===(e=w.products[f])||void 0===e||null===(i=e.product_metadata)||void 0===i?void 0:i.product_type)&&(0,x.jsx)("div",{style:{display:"flex",opacity:.8,width:"fit-content",maxWidth:d-5-v+"px",padding:"3px 6px",backgroundColor:"#D3D3D3",borderRadius:"round"==c?"3px":"0"},children:(0,x.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#000","important"),t.style.setProperty("maxWidth",d-5-v+"px","important"),t.style.setProperty("font-size",.7*P+"px","important"),t.style.setProperty("font-family",y,"important"),t.style.setProperty("font-weight","bold","important"),t.style.setProperty("text-overflow","ellipsis","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"))},children:null===(r=w.products[f])||void 0===r||null===(s=r.product_metadata)||void 0===s?void 0:s.product_type})})]})]},f)})},f=i(3933),u=(i(364),i(8984));function g(t){var e,[i,s]=(0,o.Z)();const[d]=(0,l.j1)("whatmoreShopId"),[c,h,m]=(0,f.YD)({triggerOnce:!0});var g=(0,n.useContext)(a.V);const w=t.event,v=null!==(e=t.unfocusedDisplay)&&void 0!==e&&e,j=.5*s,b=(0,u.gE)()?t.isOnFocus:h;return(0,x.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,x.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,x.jsx)("p",{children:" "})}),g.showPlayButton&&!v?(0,x.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,x.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,x.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:"video"==w.event_type&&(0,x.jsx)(r.Z,{sx:{color:(0,p.Ya_)(d)+" !important",opacity:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,x.jsx)(x.Fragment,{}),(0,x.jsx)("div",{ref:c,children:b&&(0,p.PWD)(d)?(0,x.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,x.jsx)(y,{event:w})}):(0,x.jsx)("div",{height:"20px"})})]})})}function w(t){var[e,i]=(0,o.Z)();const[n]=(0,l.j1)("whatmorePrimaryFont"),r=t.event;return r.title.trim().length?(0,x.jsx)("div",{style:{width:"100%",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))"},children:(0,x.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,x.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,x.jsx)("p",{style:{color:"white",fontSize:.08*i+"px",fontWeight:"normal",textAlign:"left"},children:" "}),(0,x.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-family",n,"important")},style:{color:"white",fontSize:.08*i+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,x.jsx)(x.Fragment,{})}function v(t){const[e,i,n,r,s]=(0,o.Z)(),[a]=(0,l.j1)("whatmoreShowViews"),h=(0,l.MO)("whatmoreShopId"),m=t.event,y=t.isOnFocus;return(0,x.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,x.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,x.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,x.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-start",alignItems:"center"},children:"show"===a&&"show"===(0,p.qcC)(h)?(0,x.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,x.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,x.jsx)(c.Z,{event:m,fontSize:.07*i+"px"})})}):(0,x.jsx)(x.Fragment,{})})}),d.$w===s[d.YP]?(0,x.jsx)(x.Fragment,{}):y?(0,x.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,x.jsx)(w,{event:m})}):(0,x.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,x.jsx)(w,{event:m})})]})})}var j=function(t){var e,i,r;const[c,h,m,y,f]=(0,o.Z)();var u=(0,n.useContext)(a.V);const w=(0,l.MO)("whatmoreUITheme"),j=(0,l.MO)("whatmoreShopId"),[b]=(0,l.MO)("whatmorePrimaryFont"),P=t.event,C=t.onClick,F=null===(e=t.isOnFocus)||void 0===e||e,I=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,k=null!==(r=t.animateOnFocus&&(0,p.iWI)(j))&&void 0!==r&&r,M=(0,p.nzC)(j);return(0,x.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",u.tileTopMargin+"px","important"),t.style.setProperty("margin-bottom",u.tileBottomMMargin+"px","important"))},style:{margin:"0 auto",width:h,height:c,borderRadius:"round"==w?"5px":"0px",boxShadow:"round"==w?M:null,borderWidth:(0,p.alU)(j),borderColor:(0,p.qPe)(j),overflow:"hidden",cursor:"pointer",position:"relative"},className:k?F?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{C(P)},children:[(0,x.jsx)(s.Z,{height:(0,p.dXm)(j)+" !important",width:"100%",url:P.thumbnail_image,isPlaying:F||I,event:P}),"51394281658"===j?(0,x.jsx)("div",{style:{position:"absolute",bottom:"4%",left:"50%",transform:"translateX(-50%)",color:"white",padding:"0.5rem 0rem 0rem 0.5rem",zIndex:1,fontSize:"0.8rem",fontWeight:"600",width:"90%",maxWidth:"100%",wordWrap:"break-word",textShadow:"2px 2px 4px rgba(0, 0, 0, 0.5)",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:3,overflow:"hidden",textOverflow:"ellipsis",fontFamily:b+" !important"},children:null===P||void 0===P?void 0:P.title}):(0,x.jsxs)("div",{style:{width:h,height:c},children:[(0,x.jsx)(v,{event:P,isOnFocus:F}),"87043703105"===j||"76467011883"===j||!F&&d.$w!==f[d.YP]?null:(0,x.jsx)(g,{event:P,unfocusedDisplay:!F,isOnFocus:F})]})]})}},9363:function(t,e,i){i.d(e,{$:function(){return l},s:function(){return r}});var n=i(9854),o=i(7753);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,o.MO)("whatmoreShopId");return"shopify"!=(0,n.Ipo)(i)?"STRNV8MHJTF"==i?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 i=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],n=/\.(jpeg|jpg|gif|png|svg|webp)$/i,o=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==n&&void 0!==n&&n.test(i)?"image":null!==o&&void 0!==o&&o.test(i)?"video":void 0}},9723:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");e.Z=l},237:function(t,e,i){var n=i(5318);e.Z=void 0;var o=n(i(5045)),r=i(6417),l=(0,o.default)((0,r.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");e.Z=l},3439:function(){}}]);