1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[886],{1888:function(e,t,n){"use strict";n.r(t);var i=n(5893),a=n(4298),d=n.n(a),o=n(7294),r=n(706),s=n(9671),c=n(9612);t.default=e=>{let{widgetId:t,multipleStory:n,joinDomain:a}=e,l=(0,o.useId)(),u=(0,r.kC)(),w=(0,s.S)(),p=null==w?void 0:w.joinAvailable,[j,x]=(0,o.useState)(1),{ref:f,width:h,height:g}=(0,c.N)(),{ref:y,width:v}=(0,c.N)(),m=u.isMdOrMore?8:6;if((0,o.useEffect)(()=>{let e=f.current;!n&&e&&h&&h&&v&&x(Math.round(v/(h-(m+(u.isMdOrMore?24:8)))*100)/100)},[h,v,f]),!p)return(0,i.jsx)(i.Fragment,{});let M=u.isXlOrMore?18:u.isMdOrMore?(j||1)*(6+m):6*(j||1);return(0,i.jsx)("div",{style:g?void 0:{width:"100%",height:"500px"},children:(0,i.jsxs)("div",{ref:y,style:{width:"100%",height:g&&j?"".concat(g*j,"px"):void 0},children:[(0,i.jsx)("div",{ref:f,id:"join-widget-".concat(t),style:{display:"block",zIndex:10,...n?{margin:"0px -6px"}:{position:"absolute",transform:void 0!==j?"scale(".concat(j,")"):void 0,transformOrigin:"top left",zIndex:10,marginTop:"-".concat(m*(j||1),"px"),marginLeft:"-".concat(M,"px")}}}),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d(),{dangerouslySetInnerHTML:{__html:'\n if (!window.sendAudienceData){\n window.sendAudienceData = function (a){\n window.jDataLayer = window.jDataLayer || [];\n window.jDataLayer.push({ type: "audience", data: a })\n }\n} '}}),(0,i.jsx)(d(),{src:"https://".concat(a,".my.join-stories.com/widgets/").concat(t,"/index.js?reload=").concat(l),"data-join-widget-id":"join-widget-".concat(t),"data-join-widget-alias":t,type:"text/javascript",async:!0})]})]})})}},4298:function(e,t,n){e.exports=n(5874)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.