https://www.maestro.io/static/js/chunks/4063.bedbab0.js

1(function(){try{var c=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new c.Error().stack;d&&(c._sentryDebugIds=c._sentryDebugIds||{},c._sentryDebugIds[d]="d7e94df1-89a1-40e0-9930-c74c81a653bf",c._sentryDebugIdIdentifier="sentry-dbid-d7e94df1-89a1-40e0-9930-c74c81a653bf")}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([[4063],{774063:(c,d,n)=>{n.r(d),n.d(d,{default:()=>T});var u=n(86138),o=n(63696),A=n(41989),a=n(886550),s=n(429195),x=n(154789),r=n(152544),E=n(594955);const v=(0,a.Ay)(E.A)`
2  background-color: ${s.dHK};
3  display: flex;
4  flex-direction: column;
5  padding: 30px;
6  ${({width:t})=>t&&`width: ${t};`}
7  border-radius: 10px;
8  text-align: center;
9  align-items: center;
10`,e=a.Ay.span`
11  ${r.II}
12  color: ${s.o0B};
13`,l=a.Ay.div`
14  ${r.II}
15  color: ${s.zkP};
16  display: flex;
17  flex-direction: column;
18  max-height: 240px; // line height * 10 page titles
19  overflow-y: auto;
20  width: 100%;
21`,i=a.Ay.span`
22  ${r.Ns}
23  color: ${s.o0B};
24  margin: 10px 0px 20px;
25  padding: 0px 35px;
26`,$=(0,a.Ay)(x._s)`
27  width: 83px;
28  height: 40px;
29  padding: 13px 30px;
30  display: flex;
31  align-items: center;
32  justify-content: center;
33  ${r.II}
34  background-color: ${s.Qod};
35`,T=({data:t,onDismiss:I})=>{var g,h,y,f;const b=(g=t?.pages)!=null?g:[],M=(h=t?.channelTemplates)!=null?h:[],N=(y=t?.automationRules)!=null?y:[],{t:O}=(0,A._h)(),P=(f=t?.location)!=null?f:"channels",w=b.length>0,C=M.length>0,S=N.length>0;return o.createElement(v,{width:S?void 0:"300px"},o.createElement(e,null,O("ADMIN_DESIGN_TAB_ACTIVE_ON_PAGE_MODAL_TITLE",{feature:t.feature,location:P})),w&&o.createElement(l,null,b.map((p,m)=>o.createElement("span",{key:m}

35,p))),C&&o.createElement(l,null,M.map((p,m)=>o.createElement("span",{key:m},p))),S&&o.createElement(l,null,N.map((p,m)=>o.createElement("span",{key:m},p))),o.createElement(i,null,O("ADMIN_DESIGN_TAB_ACTIVE_ON_PAGE_MODAL_DESCRIPTION",{feature:t.feature,location:P})),o.createElement($,{onClick:I},o.createElement(u.A,{stringKey:"ADMIN_DESIGN_TAB_ACTIVE_THEMES_MODAL_BUTTON"})))}},594955:(c,d,n)=>{n.d(d,{A:()=>v});var u=n(63696),o=n(224191),A=n(199749),a=n(886550),s=n(545290);const x={"bottom-left":(0,a.AH)`
36    ${({separation:e})=>`
37      transform: translate(calc(-100% - ${e}px), 0);
38    `}
39  `,"bottom-right":(0,a.AH)`
40    ${({anchorDimensions:{width:e},separation:l})=>`
41      transform: translate(${e+l}px, 0);
42    `}
43  `,"top-left":(0,a.AH)`
44    ${({anchorDimensions:{height:e},separation:l=5})=>`
45      transform: translate(calc(-100% - ${l}px), calc(${e}px - 100%));
46    `}
47  `,"top-right":(0,a.AH)`
48    ${({anchorDimensions:{height:e,width:l},separation:i})=>`
49      transform: translate(${l+i}px, calc(${e}px - 100%));
50    `}
51  `},r=a.Ay.div`
52  max-width: 100vw;
53  ${s.bo}
54  ${s.k2}
55  ${({anchorDimensions:{top:e,left:l},position:i})=>i&&(0,a.AH)`
56    position: absolute !important;
57    top: ${e}px;
58    left: ${l}px;
59    ${x[i]}
60  `}
61`,E=e=>e.stopPropagation();function v({getDimensions:e,children:l=null,className:i="",position:$,separation:D=5,style:T={},onClick:t,"data-testid":I}){const[g,h]=(0,u.useState)(new DOMRect),y=(0,o.useSelector)(A.OL);return(0,u.useEffect)(()=>{const f=e?.();f&&h(f)},[e,y]),u.createElement(r,{anchorDimensions:g,className:i,"data-testid":I,onClick:t||E,position:$,separation:D,style:T},l)}}}]);