https://www.maestro.io/static/js/chunks/2278.eefe298.js

1(function(){try{var i=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new i.Error().stack;r&&(i._sentryDebugIds=i._sentryDebugIds||{},i._sentryDebugIds[r]="76633b9c-d210-4583-bcd2-f62398112b20",i._sentryDebugIdIdentifier="sentry-dbid-76633b9c-d210-4583-bcd2-f62398112b20")}catch{}})();var _global=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};_global.SENTRY_RELEASE={id:"d0b2a86c2e49a10a9d9513a5bf665a7912e86753"},(self.webpackChunk_maestro_io_client=self.webpackChunk_maestro_io_client||[]).push([[2278],{594955:(i,r,e)=>{e.d(r,{A:()=>T});var o=e(63696),f=e(224191),$=e(199749),c=e(886550),m=e(545290);const A={"bottom-left":(0,c.AH)`
2    ${({separation:t})=>`
3      transform: translate(calc(-100% - ${t}px), 0);
4    `}
5  `,"bottom-right":(0,c.AH)`
6    ${({anchorDimensions:{width:t},separation:l})=>`
7      transform: translate(${t+l}px, 0);
8    `}
9  `,"top-left":(0,c.AH)`
10    ${({anchorDimensions:{height:t},separation:l=5})=>`
11      transform: translate(calc(-100% - ${l}px), calc(${t}px - 100%));
12    `}
13  `,"top-right":(0,c.AH)`
14    ${({anchorDimensions:{height:t,width:l},separation:d})=>`
15      transform: translate(${l+d}px, calc(${t}px - 100%));
16    `}
17  `},C=c.Ay.div`
18  max-width: 100vw;
19  ${m.bo}
20  ${m.k2}
21  ${({anchorDimensions:{top:t,left:l},position:d})=>

21d&&(0,c.AH)`
22    position: absolute !important;
23    top: ${t}px;
24    left: ${l}px;
25    ${A[d]}
26  `}
27`,p=t=>t.stopPropagation();function T({getDimensions:t,children:l=null,className:d="",position:a,separation:y=5,style:s={},onClick:x,"data-testid":b}){const[D,g]=(0,o.useState)(new DOMRect),P=(0,f.useSelector)($.OL);return(0,o.useEffect)(()=>{const v=t?.();v&&g(v)},[t,P]),o.createElement(C,{anchorDimensions:D,className:d,"data-testid":b,onClick:x||p,position:a,separation:y,style:s},l)}},82278:(i,r,e)=>{e.r(r),e.d(r,{default:()=>w});var o=e(63696),f=e(86138),$=e(846177),c=e.n($),m=e(888554),A=e(734082),C=e(89649),p=e(224191),T=e(711678),t=e(886550),l=e(594955),d=e(870349),a=e(429195),y=e(545290),s=e(152544);const x=(0,t.Ay)(d.i8).attrs(n=>({background:(0,a.dmy)(n),hoverBackground:(0,a.dsC)(n),hoverTextColor:(0,a.dmy)(n),textColor:(0,a.caQ)(n)}))``,b=t.Ay.input`
28  user-select: all;
29  padding-right: 12px;
30  ${({admin:n})=>n?s.eb:s.yT}
31  background: transparent;
32  color: ${a.sRE};
33  border: none;
34  flex: 1;
35  height: 40px;
36  ${(0,y.nD)`
37    position: absolute;
38    opacity: 0;
39    pointer-events: none;
40  `}
41`,D=t.Ay.textarea`
42  ${({admin:n})=>n?s.eb:s.yT}
43  user-select: all;
44  border: none;
45  background-color: ${a.YJk};
46  color: ${a.sRE};
47  padding: 10px;
48  resize: none;
49  border-radius: 5px;
50`,g=(0,t.Ay)(l.A)`
51  display: flex;
52  flex-direction: column;
53  background: ${a.YJk};
54  color: ${a.zkP};
55  max-width: 600px;
56  min-width: 300px;
57  position: relative;
58  padding: 6px 10px;
59  border-radius: 4px;
60  ${(0,y.nD)`
61    padding: 20px;
62    text-align: center;
63    align-items: center;
64    min-width: 277px;
65  `}
66`,P=t.Ay.div`
67  display: flex;
68  align-items: center;
69  background-color: ${a.YJk};
70  color: ${a.sRE};
71  padding: 0 12px;
72  border-radius: 5px;
73`,v=t.Ay.div`
74  display: flex;
75  justify-content: space-between;
76  padding-top: 5px;
77  padding-bottom: 7px;
78  ${({admin:n})=>n?s.EE:s.QA}
79  color: ${a.zkP};
80`,I=t.Ay.div`
81  &, & + * {
82    ${({admin:n})=>n?s.EE:s.QA}
83  }
84  margin-bottom: 21px;
85`,Y=(0,t.Ay)(d.V3).attrs(n=>({admin:!0,background:(0,a.dmy)(n),hoverBackground:(0,a.dsC)(n),hoverTextColor:(0,a.dmy)(n),textColor:(0,a.caQ)(n)}))`
86  ${s.xW}
87  min-width: 50%;
88`;function w({className:n="",data:{admin:u,copyTextKey:H="LABEL_COPY",getDimensions:W,isTextArea:S,mobileTitleKey:k="LABEL_COPY",position:z,separation:K,text:L,titleKey:Q="LABEL_COPY"},style:R={}}){const O=(0,p.useDispatch)(),j=(0,p.useSelector)(A.VC),E=(0,o.useRef)(null),[J,M]=(0,o.useState)(!1),V=(0,o.useCallback)(c()(()=>{M(!1),O((0,C.y_)(T.V.selectableText))},2e3),[M,O]),F=()=>{M(!0),V()},B=()=>{const h=E.current;h&&(h.select(),document.execCommand("copy"),F())};return j?o.createElement(g,{className:n,style:R},o.createElement(f.A,{component:I,componentProps:{admin:u},stringKey:k}),o.createElement(f.A,{stringKey:H},h=>o.createElement(Y,{icon:"copy",iconSize:13,onClick:B},h)),o.createElement(b,{ref:E,admin:u,value:L})):o.createElement(g,{className:n,getDimensions:W,position:z,separation:K,style:R},o.createElement(v,{admin:u},o.createElement(f.A,{stringKey:Q}),J&&o.createElement(m.G,{compact:!0,labelKey:"LABEL_COPIED_TO_CLIPBOARD",spacing:S?"0 7px 0 auto":"0 0 0 auto"}),S&&o.createElement(x,{admin:u,onClick:B,useAbsolutePosition:!0})),S?o.createElement(D,{ref:E,admin:u,value:L}):o.createElement(P,null,o.createElement(b,{ref:E,admin:u,value:L}),o.createElement(x,{admin:u,onClick:B,useAbsolutePosition:!0})))}}}]);