https://www.maestro.io/static/js/chunks/510.6d2c31d.js

1(function(){try{var p=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},m=new p.Error().stack;m&&(p._sentryDebugIds=p._sentryDebugIds||{},p._sentryDebugIds[m]="a2332f0d-024d-4fda-86c6-2973642dbd29",p._sentryDebugIdIdentifier="sentry-dbid-a2332f0d-024d-4fda-86c6-2973642dbd29")}catch{}})();var _global=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};_global.SENTRY_RELEASE={id:"6b3b5bcd49ac3ca4e22832378da81add8169a867"},(self.webpackChunk_maestro_io_client=self.webpackChunk_maestro_io_client||[]).push([[510],{250510:(p,m,s)=>{"use strict";s.r(m),s.d(m,{default:()=>le});var u=s(224191),b=s(89649),w=s(711678),r=s(63696),g=s(362688),a=s.n(g),l=s(886550),E=s(594955),$=s(853058),o=s.n($),d=s(329983),c=s(545290),I=Object.defineProperty,f=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable,y=(t,e,n)=>e in t?I(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,P=(t,e)=>{for(var n in e||(e={}))h.call(e,n)&&y(t,n,e[n]);if(f)for(var n of f(e))v.call(e,n)&&y(t,n,e[n]);return t},A=(t,e)=>{var n={};for(var i in t)h.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(t!=null&&f)for(var i of f(t))e.indexOf(i)<0&&v.call(t,i)&&(n[i]=t[i]);return n};const x=(0,l.Ay)(t=>{var e=t,{collapsed:n}=e,i=A(e,["collapsed"]);return r.createElement("div",P({},i))})`
2  max-height: ${t=>t.collapsed?0:"100vh"};
3  overflow: hidden;
4  transition: max-height
5    ${t=>t.collapsed?"0.2s":"0.5s"}
6    ${t=>(t.collapsed,"linear")};
7  ${(0,c.nD)`
8    overflow-y: scroll;
9  `}
10`;var T=s(283722),z=Object.defineProperty,B=(t,e,n)=>e in t?z(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,L=(t,e,n)=>(B(t,typeof e!="symbol"?e+"":e,n),n);const V=l.Ay.button`
11  align-self: flex-start;
12  ${c._i}
13`;class S extends r.Component{render(){return r.createElement(V,{onClick:this.props.onDismiss},r.createElement(T.Ay,{name:"cancel-thin"}))}}L(S,"propTypes",{onDismiss:a().func.isRequired});const N=S;var H=s(429195);const Y=l.Ay.div`
14  color: ${H.mz9};
15  display: flex;
16  align-items: center;
17`,G=l.Ay.div`
18  font-size: 18px;
19  margin-right: 15px;
20  color: ${H.mrt};
21`,J=l.Ay.div`
22  display: flex;
23  justify-content: space-between;
24  align-items: center;
25  min-height: 40px;
26  flex-shrink: 0;
27`,K=l.Ay.div`
28  align-items: center;
29  display: flex;
30  flex: 1;
31  min-height: 50px;
32  padding: 10px;
33  justify-content: space-between;
34  ${c.rS};
35`;var Q=Object.defineProperty,X=(t,e,n)=>e in t?Q(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,F=(t,e,n)=>(X(t,typeof e!="symbol"?e+"":e,n),n);class D extends r.Component{render(){const{children:e,iconName:n,onDismiss:i}=this.props;return r.createElement(J,null,r.createElement(K,null,r.createElement(Y,null,n&&r.createElement(G,null,r.createElement(T.Ay,{name:n})),e),r.createElement(N,{onDismiss:i})))}}F(D,"propTypes",{children:a().node,iconName:a().string,onDismiss:a().func.isRequired}),F(D,"defaultProps",{children:void 0,iconName:void 0});var Z=s(190135),q=Object.defineProperty,k=(t,e,n)=>e in t?q(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,C=(t,e,n)=>(k(t,typeof e!="symbol"?e+"":e,n),n);const W=t=>{const e=/\/$/.test(t)?t:`${t}/`;return d.resolve(e,"media")},_=l.Ay.div`
36  display: flex;
37  flex-direction: column;
38  width: 100%;
39`;class ee extends r.Component{constructor(){super(...arguments),C(this,"handleClick",()=>{const{doc:{renderer:e}}=this.props;this.onShowImage(e),this.onEngage(e)}

39),C(this,"onEngage",(e,n)=>this.props.trackCard("engage",e,n)),C(this,"onShowImage",e=>this.props.showModal({data:e,kind:"instagram"}))}render(){const{collapsed:e,doc:{renderer:n},onDismiss:i,toggleCollapsed:M}=this.props,{hashtag:U,postUrl:de}=n;return r.createElement(r.Fragment,null,r.createElement(D,{collapsed:e,toggleCollapsed:M},U?`#${U}`:"Instagram"),r.createElement(x,{collapsed:e},r.createElement(_,null,r.createElement(Z.A,{onClick:this.handleClick,src:W(de)})),r.createElement(N,{onDismiss:i})))}}C(ee,"propTypes",{collapsed:a().bool.isRequired,doc:a().shape({renderer:a().shape({hashtag:a().string,postUrl:a().string})}).isRequired,onDismiss:a().func.isRequired,showModal:a().func.isRequired,toggleCollapsed:a().func.isRequired,trackCard:a().func.isRequired});var te=Object.defineProperty,ne=(t,e,n)=>e in t?te(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,j=(t,e,n)=>(ne(t,typeof e!="symbol"?e+"":e,n),n);const re=(0,l.Ay)(E.A)`
40  display: flex;
41  flex-direction: column;
42  margin: 20px;
43  max-height: 90vh;
44  max-width: 90vh;
45  position: relative;
46`,se=l.Ay.div`
47  background-image: url(${o()});
48  cursor: pointer;
49  height: 36px;
50  position: absolute;
51  right: -15px;
52  top: -15px;
53  width: 36px;
54`,ae=l.Ay.div`
55  display: flex;
56  overflow: hidden;
57`,oe=l.Ay.img`
58  align-self: center;
59  max-height: 100%;
60  max-width: 100%;
61`;class O extends r.Component{render(){const{data:{postUrl:e},onDismiss:n,style:i}=this.props,M=W(e);return r.createElement(re,{style:i},r.createElement(se,{onClick:n}),r.createElement(ae,null,r.createElement(oe,{alt:"",src:`${M}?size=l`})))}}j(O,"propTypes",{data:a().object.isRequired,onDismiss:a().func.isRequired,style:a().object}),j(O,"defaultProps",{style:{}});const ie=t=>({onDismiss:()=>{t((0,b.y_)(w.V.instagram))}}),le=(0,u.connect)(null,ie)(O)},594955:(p,m,s)=>{"use strict";s.d(m,{A:()=>$});var u=s(63696),b=s(224191),w=s(199749),r=s(886550),g=s(545290);const a={"bottom-left":(0,r.AH)`
62    ${({separation:o})=>`
63      transform: translate(calc(-100% - ${o}px), 0);
64    `}
65  `,"bottom-right":(0,r.AH)`
66    ${({anchorDimensions:{width:o},separation:d})=>`
67      transform: translate(${o+d}px, 0);
68    `}
69  `,"top-left":(0,r.AH)`
70    ${({anchorDimensions:{height:o},separation:d=5})=>`
71      transform: translate(calc(-100% - ${d}px), calc(${o}px - 100%));
72    `}
73  `,"top-right":(0,r.AH)`
74    ${({anchorDimensions:{height:o,width:d},separation:c})=>`
75      transform: translate(${d+c}px, calc(${o}px - 100%));
76    `}
77  `},l=r.Ay.div`
78  max-width: 100vw;
79  ${g.bo}
80  ${g.k2}
81  ${({anchorDimensions:{top:o,left:d},position:c})=>c&&(0,r.AH)`
82    position: absolute !important;
83    top: ${o}px;
84    left: ${d}px;
85    ${a[c]}
86  `}
87`,E=o=>o.stopPropagation();function $({getDimensions:o,children:d=null,className:c="",position:I,separation:f=5,style:h={},onClick:v,"data-testid":y}){const[P,A]=(0,u.useState)(new DOMRect),R=(0,b.useSelector)(w.OL);return(0,u.useEffect)(()=>{const x=o?.();x&&A(x)},[o,R]),u.createElement(l,{anchorDimensions:P,className:c,"data-testid":y,onClick:v||E,position:I,separation:f,style:h},d)}},853058:(p,m,s)=>{p.exports=s.p+"static/assets/close.32d1b61.png"}}]);