"use strict";(self.webpackChunkgrafana=self.webpackChunkgrafana||[]).push([[3713],{9661:(q,R,t)=>{t.d(R,{x:()=>b});var n=t(39953),i=t(57721),e=t(43686);function b(A){const y=(0,i.useDispatch)(),d=(0,n.useRef)(A);d.current=A,(0,n.useEffect)(()=>()=>{y((0,e.e)({cleanupAction:d.current}))},[y])}},61324:(q,R,t)=>{t.d(R,{C0:()=>y,Uv:()=>b,Xq:()=>A});var n=t(39953),i=t(33155),e=t(12608),b=(d=>(d.ContactPoint="contact point",d.Template="template",d.MuteTiming="mute timing",d.AlertRule="alert rule",d.RootNotificationPolicy="root notification policy",d))(b||{});const A=({resource:d})=>n.createElement(i.b,{title:`This ${d} cannot be edited through the UI`,severity:"info"},"This ",d," has been provisioned, that means it was created by config. Please contact your server admin to update this ",d,"."),y=()=>n.createElement(e.C,{text:"Provisioned",color:"purple"})},28894:(q,R,t)=>{t.d(R,{Z:()=>S});var n=t(41407),i=t(35422),e=t(39953),b=t(14058),A=t(948),y=t(27366),d=t(82803),K=t(98632),h=t(38637),T=t(68421),U=t(96227),B=t(4919),j=t(20584);const M=j.C.injectEndpoints({endpoints:a=>({search:a.query({query:({query:o})=>{const p=new URLSearchParams({type:"dash-db",limit:"1000",page:"1",sort:"name_sort"});return o&&p.set("query",o),{url:`/api/search?${p.toString()}`}}}),dashboard:a.query({query:({uid:o})=>({url:`/api/dashboards/uid/${o}`})})})});var v=t(63483),be=t(9006);const De=({field:a})=>{const o=(0,d.wW)(xe);return e.createElement("div",null,e.createElement("span",{className:o.annotationTitle},"Custom annotation name and content"),e.createElement(h.I,{placeholder:"Enter custom annotation name...",width:18,...a,className:o.customAnnotationInput}))},xe=a=>({annotationTitle:(0,n.css)`
    color: ${a.colors.text.primary};
    margin-bottom: 3px;
  `,customAnnotationInput:(0,n.css)`
    margin-top: 5px;
    width: 100%;
  `}),Ie=De,Ce=({annotationField:a,annotations:o,annotation:p,index:P})=>{const{control:x}=(0,b.Gc)();return e.createElement(y.K,{direction:"column",gap:0},e.createElement("label",null,e.createElement(be.g,{name:`annotations.${P}.key`,defaultValue:a.key,render:({field:{ref:r,...m}})=>{if(!v.vY[p])return e.createElement(Ie,{field:m});let g;switch(a.key){case v.q6.dashboardUID:g="Dashboard and panel";case v.q6.panelID:g="";default:g=v.vY[p]&&v.vY[p]+" (optional)"}return e.createElement("span",{"data-testid":`annotation-key-${P}`},e.createElement(K.x,{color:"primary",variant:"bodySmall"},g))},control:x,rules:{required:{value:!!o[P]?.value,message:"Required."}}})),e.createElement(K.x,{variant:"bodySmall",color:"secondary"},v._y[p]))};var F=t(12190),oe=t(76716);const Be=({dashboard:a,panel:o,dashboardUid:p,panelId:P,onEditClick:x,onDeleteClick:r})=>{const m=(0,d.wW)(se),g=(0,oe.RQ)(a?.uid||p),c=(0,oe.yM)(a?.uid||p,o?.id?.toString()||P);return e.createElement("div",{className:m.container},a&&e.createElement("a",{href:g,className:m.link,target:"_blank",rel:"noreferrer","data-testid":"dashboard-annotation"},a.title," ",e.createElement(F.J,{name:"external-link-alt"})),!a&&e.createElement("span",{className:m.noLink},"Dashboard ",p," "),o&&e.createElement("a",{href:c,className:m.link,target:"_blank",rel:"noreferrer","data-testid":"panel-annotation"},o.title||"<No title>"," ",e.createElement(F.J,{name:"external-link-alt"})),!o&&e.createElement("span",{className:m.noLink}," - Panel ",P),(a||o)&&e.createElement(e.Fragment,null,e.createElement(F.J,{name:"pen",onClick:x,className:m.icon}),e.createElement(F.J,{name:"trash-alt",onClick:r,className:m.icon})))},se=a=>({container:(0,n.css)`
    margin-top: 5px;
  `,noLink:(0,n.css)`
    color: ${a.colors.text.secondary};
  `,link:(0,n.css)`
    color: ${a.colors.text.link};
    margin-right: ${a.spacing(1.5)};
  `,icon:(0,n.css)`
    margin-right: ${a.spacing(1)};
    cursor: pointer;
  `}),Se=Be;var re=t(86832),ce=t(48993),_=t(19977),ie=t(68084),de=t(69865),me=t(73075),ee=t(33155),ue=t(41245),l=t(84766);function s(a,o){return a.title&&o.title?a.title.localeCompare(o.title):a.title&&!o.title?1:!a.title&&o.title?-1:0}function I(a){const o=a?.dashboard?.panels?.filter(x=>x.type!=="row")||[],p=a?.dashboard?.panels?.filter(x=>x.collapsed).map(x=>x.panels)||[];return[...o,...p.flat()]}const L=({dashboardUid:a,panelId:o,isOpen:p,onChange:P,onDismiss:x})=>{const r=(0,d.wW)(C),[m,g]=(0,e.useState)(a),[c,z]=(0,e.useState)(o),[te,Pe]=(0,e.useState)(""),[H,G]=(0,e.useState)(""),[ae,pe]=(0,e.useState)(""),{useSearchQuery:Ae,useDashboardQuery:ge}=M,{currentData:Y=[],isFetching:X}=Ae({query:H}),{currentData:Z,isFetching:ne}=ge({uid:m??""},{skip:!m}),$e=(0,e.useCallback)(f=>{g(f),z(void 0)},[]),ve=I(Z),Ee=ve?.filter(f=>f.title?.toLowerCase().includes(ae.toLowerCase())).sort(s)??[],u=ve.find(f=>D(f)&&f.id?.toString()===c),E=(0,e.useMemo)(()=>Y.map(f=>f.uid).indexOf(m??""),[Y,m]),k=a&&a===m,J=E>=0,Q=(0,e.useCallback)(f=>{const V=E>=0;k&&V&&f?.scrollToItem(E,"smart")},[k,E]);(0,ce.Z)(()=>{G(te)},500,[te]);const fe=({index:f,style:V})=>{const N=Y[f],he=m===N.uid;return e.createElement("button",{type:"button",title:N.title,style:V,className:(0,n.cx)(r.rowButton,{[r.rowOdd]:f%2===1,[r.rowSelected]:he}),onClick:()=>$e(N.uid)},e.createElement("div",{className:(0,n.cx)(r.dashboardTitle,r.rowButtonTitle)},N.title),e.createElement("div",{className:r.dashboardFolder},e.createElement(F.J,{name:"folder"})," ",N.folderTitle??"General"))},le=({index:f,style:V})=>{const N=Ee[f],he=N.title||"<No title>",Le=N.id&&c===N.id?.toString(),Oe=N.type==="graph"||N.type==="timeseries",ye=!D(N);return e.createElement("button",{type:"button",style:V,disabled:ye,className:(0,n.cx)(r.rowButton,r.panelButton,{[r.rowOdd]:f%2===1,[r.rowSelected]:Le}),onClick:()=>ye?re.noop:z(N.id?.toString())},e.createElement("div",{className:r.rowButtonTitle,title:he},he),!Oe&&!ye&&e.createElement(de.u,{content:"Alert tab will be disabled for this panel. It is only supported on graph and timeseries panels"},e.createElement(F.J,{name:"exclamation-triangle",className:r.warnIcon,"data-testid":"warning-icon"})),ye&&e.createElement(de.u,{content:"This panel does not have a valid identifier."},e.createElement(F.J,{name:"info-circle","data-testid":"info-icon"})))};return e.createElement(me.u,{title:"Select dashboard and panel",closeOnEscape:!0,isOpen:p,onDismiss:x,className:r.modal,contentClassName:r.modalContent},!J&&a&&e.createElement(ee.b,{title:"Current selection",severity:"info",topSpacing:0,bottomSpacing:1,className:r.modalAlert},e.createElement("div",null,"Dashboard: ",Z?.dashboard.title," (",Z?.dashboard.uid,") in folder"," ",Z?.meta.folderTitle??"General"),u&&e.createElement("div",null,"Panel: ",u.title," (",u.id,")")),e.createElement("div",{className:r.container},e.createElement(ue.H,{value:te,onChange:Pe,title:"Search dashboard",placeholder:"Search dashboard",autoFocus:!0}),e.createElement(ue.H,{value:ae,onChange:pe,title:"Search panel",placeholder:"Search panel"}),e.createElement("div",{className:r.column},X&&e.createElement(l.u,{text:"Loading dashboards...",className:r.loadingPlaceholder}),!X&&e.createElement(_.Z,null,({height:f,width:V})=>e.createElement(ie.t7,{ref:Q,itemSize:50,height:f,width:V,itemCount:Y.length},fe))),e.createElement("div",{className:r.column},!m&&!ne&&e.createElement("div",{className:r.selectDashboardPlaceholder},e.createElement("div",null,"Select a dashboard to get a list of available panels")),ne&&e.createElement(l.u,{text:"Loading dashboard...",className:r.loadingPlaceholder}),m&&!ne&&e.createElement(_.Z,null,({width:f,height:V})=>e.createElement(ie.t7,{itemSize:32,height:V,width:f,itemCount:Ee.length},le)))),e.createElement(me.u.ButtonRow,null,e.createElement(B.zx,{type:"button",variant:"secondary",onClick:x,fill:"text"},"Cancel"),e.createElement(B.zx,{type:"button",variant:"primary",disabled:!(m&&c),onClick:()=>{m&&c&&P(m,c)}},"Confirm")))},D=a=>typeof a.id=="number"&&typeof a.type=="string",C=a=>{const o=(0,B.gN)(a);return{container:(0,n.css)`
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: min-content auto;
      gap: ${a.spacing(2)};
      flex: 1;
    `,column:(0,n.css)`
      flex: 1 1 auto;
    `,dashboardTitle:(0,n.css)`
      height: 22px;
      font-weight: ${a.typography.fontWeightBold};
    `,dashboardFolder:(0,n.css)`
      height: 20px;
      font-size: ${a.typography.bodySmall.fontSize};
      color: ${a.colors.text.secondary};
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      column-gap: ${a.spacing(1)};
      align-items: center;
    `,rowButton:(0,n.css)`
      ${o};
      padding: ${a.spacing(.5)};
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: left;
      white-space: nowrap;
      cursor: pointer;
      border: 2px solid transparent;

      &:disabled {
        cursor: not-allowed;
        color: ${a.colors.text.disabled};
      }
    `,rowButtonTitle:(0,n.css)`
      text-overflow: ellipsis;
      overflow: hidden;
    `,rowSelected:(0,n.css)`
      border-color: ${a.colors.primary.border};
    `,rowOdd:(0,n.css)`
      background-color: ${a.colors.background.secondary};
    `,panelButton:(0,n.css)`
      display: flex;
      gap: ${a.spacing(1)};
      justify-content: space-between;
      align-items: center;
    `,loadingPlaceholder:(0,n.css)`
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    `,selectDashboardPlaceholder:(0,n.css)`
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      font-weight: ${a.typography.fontWeightBold};
    `,modal:(0,n.css)`
      height: 100%;
    `,modalContent:(0,n.css)`
      flex: 1;
      display: flex;
      flex-direction: column;
    `,modalAlert:(0,n.css)`
      flex-grow: 0;
    `,warnIcon:(0,n.css)`
      fill: ${a.colors.warning.main};
    `}};var O=t(86992),$=t(95941);const W=()=>{const a=(0,d.wW)(w),[o,p]=(0,A.Z)(!1),{control:P,register:x,watch:r,formState:{errors:m},setValue:g}=(0,b.Gc)(),c=r("annotations"),{fields:z,append:te,remove:Pe}=(0,b.Dq)({control:P,name:"annotations"}),H=c.find(u=>u.key===v.q6.dashboardUID)?.value,G=c.find(u=>u.key===v.q6.panelID)?.value,[ae,pe]=(0,e.useState)(void 0),[Ae,ge]=(0,e.useState)(void 0),{useDashboardQuery:Y}=M,{currentData:X,isFetching:Z}=Y({uid:H??""},{skip:!H});(0,e.useEffect)(()=>{if(Z)return;pe(X?.dashboard);const E=I(X).find(k=>k.id.toString()===G);ge(E)},[G,X,Z]);const ne=(u,E)=>{const k=(0,i.Uy)(c,J=>{const Q=J.find(le=>le.key===v.q6.dashboardUID),fe=J.find(le=>le.key===v.q6.panelID);Q?Q.value=u:J.push({key:v.q6.dashboardUID,value:u}),fe?fe.value=E:J.push({key:v.q6.panelID,value:E})});g("annotations",k),p(!1)},$e=()=>{const u=c.filter(E=>E.key!==v.q6.dashboardUID&&E.key!==v.q6.panelID);g("annotations",u),pe(void 0),ge(void 0)},ve=()=>{p(!0)};function Ee(){const u="https://grafana.com/docs/grafana/latest/alerting/fundamentals/annotation-label/variables-label-annotation";return e.createElement(y.K,{direction:"row",gap:.5,alignItems:"baseline"},e.createElement(K.x,{variant:"bodySmall",color:"secondary"},"Add annotations to provide more context in your alert notifications."),e.createElement(O.h,{contentText:`Annotations add metadata to provide more information on the alert in your alert notifications.
          For example, add a Summary annotation to tell you which value caused the alert to fire or which server it happened on.
          Annotations can contain a combination of text and template code.`,externalLink:u,linkText:"Read about annotations",title:"Annotations"}))}return e.createElement($.z,{stepNo:4,title:"Add annotations",description:Ee(),fullWidth:!0},e.createElement(y.K,{direction:"column",gap:1},z.map((u,E)=>{const k=c[E]?.key?.toLocaleLowerCase().endsWith("url"),J=k?h.I:T.K,Q=u.key;return e.createElement("div",{key:u.id,className:a.flexRow},e.createElement("div",null,e.createElement(Ce,{annotationField:u,annotations:c,annotation:Q,index:E}),H&&G&&u.key===v.q6.dashboardUID&&e.createElement(Se,{dashboard:ae,panel:Ae,dashboardUid:H.toString(),panelId:G.toString(),onEditClick:ve,onDeleteClick:$e}),e.createElement("div",{className:a.annotationValueContainer},e.createElement(U.g,{hidden:u.key===v.q6.dashboardUID||u.key===v.q6.panelID,className:(0,n.cx)(a.flexRowItemMargin,a.field),invalid:!!m.annotations?.[E]?.value?.message,error:m.annotations?.[E]?.value?.message},e.createElement(J,{"data-testid":`annotation-value-${E}`,className:(0,n.cx)(a.annotationValueInput,{[a.textarea]:!k}),...x(`annotations.${E}.value`),placeholder:k?"https://":u.key&&`Enter a ${u.key}...`||"Enter custom annotation content...",defaultValue:u.value})),!v.vY[Q]&&e.createElement(B.zx,{type:"button",className:a.deleteAnnotationButton,"aria-label":"delete annotation",icon:"trash-alt",variant:"secondary",onClick:()=>Pe(E)}))))}),e.createElement(y.K,{direction:"row",gap:1},e.createElement("div",{className:a.addAnnotationsButtonContainer},e.createElement(B.zx,{icon:"plus",type:"button",variant:"secondary",onClick:()=>{te({key:"",value:""})}},"Add custom annotation"),!ae&&e.createElement(B.zx,{type:"button",variant:"secondary",icon:"dashboard",onClick:()=>p(!0)},"Link dashboard and panel"))),o&&e.createElement(L,{isOpen:!0,dashboardUid:H,panelId:G,onChange:ne,onDismiss:()=>p(!1)})))},w=a=>({annotationValueInput:(0,n.css)`
    width: 394px;
  `,textarea:(0,n.css)`
    height: 76px;
  `,addAnnotationsButtonContainer:(0,n.css)`
    margin-top: ${a.spacing(1)};
    gap: ${a.spacing(1)};
    display: flex;
  `,field:(0,n.css)`
    margin-bottom: ${a.spacing(.5)};
  `,flexRow:(0,n.css)`
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  `,flexRowItemMargin:(0,n.css)`
    margin-top: ${a.spacing(1)};
  `,deleteAnnotationButton:(0,n.css)`
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
  `,annotationTitle:(0,n.css)`
    color: ${a.colors.text.primary};
    margin-bottom: 3px;
  `,annotationContainer:(0,n.css)`
    margin-top: 5px;
  `,annotationDescription:(0,n.css)`
    color: ${a.colors.text.secondary};
  `,annotationValueContainer:(0,n.css)`
    display: flex;
  `}),S=W},34685:(q,R,t)=>{t.d(R,{Z:()=>ue});var n=t(41407),i=t(86832),e=t(39953),b=t(14058),A=t(27366),y=t(4919),d=t(82803),K=t(84766),h=t(96227),T=t(99491),U=t(38637),B=t(36495),j=t(98632),M=t(69865),v=t(12190),be=t(57721),De=t(26544),xe=t(79493),Ie=t(85385),Ne=t(9558);const Ce=(0,Ie.c)({ignoreCase:!1});function F(l,s){return Ce({label:l.label??"",value:l.value??"",data:{}},s)}const oe=(l,s,I)=>{const L=I.some(C=>C.label===l),D=l.trim().length;return!L&&!!D},se=e.forwardRef(function({onChange:s,options:I,defaultValue:L,type:D,onOpenMenu:C=()=>{}},O){return e.createElement("div",{ref:O},e.createElement(h.g,{disabled:!1,"data-testid":`alertlabel-${D}-picker`},e.createElement(Ne.Ph,{placeholder:`Choose ${D}`,width:29,className:"ds-picker select-container",backspaceRemovesValue:!1,onChange:s,onOpenMenu:C,filterOption:F,isValidNewOption:oe,options:I,maxMenuHeight:500,noOptionsMessage:"No labels found",defaultValue:L,allowCustomValue:!0})))}),Se=l=>{const s=(0,be.useDispatch)();(0,e.useEffect)(()=>{s((0,xe.IA)(l))},[s,l]);const L=(0,De._)($=>$.rulerRules)[l],D=L?.result||{},C=(0,i.compact)((0,i.flattenDeep)(Object.keys(D).map($=>D[$].map(W=>W.rules.map(w=>w.labels))))),O={};return C.forEach($=>{Object.entries($).forEach(([W,w])=>{O[W]=[...new Set([...O[W]||[],w])]})}),{loading:L?.loading,labelsByKey:O}};function re(l=[]){return l.map(s=>({label:s,value:s}))}const ce=({remove:l,className:s,index:I})=>e.createElement(y.zx,{className:s,"aria-label":"delete label",icon:"trash-alt","data-testid":`delete-label-${I}`,variant:"secondary",onClick:()=>{l(I)}}),_=({append:l,className:s})=>e.createElement(y.zx,{className:s,icon:"plus-circle",type:"button",variant:"secondary",onClick:()=>{l({key:"",value:""})}},"Add label"),ie=({dataSourceName:l})=>{const s=(0,d.wW)(ee),{register:I,control:L,watch:D,formState:{errors:C},setValue:O}=(0,b.Gc)(),$=D("labels"),{fields:W,remove:w,append:S}=(0,b.Dq)({control:L,name:"labels"}),{loading:a,labelsByKey:o}=Se(l),[p,P]=(0,e.useState)(""),x=(0,e.useMemo)(()=>re(Object.keys(o)),[o]),r=(0,e.useCallback)(g=>re(o[g]),[o]),m=(0,e.useMemo)(()=>r(p),[p,r]);return e.createElement(e.Fragment,null,a&&e.createElement(K.u,{text:"Loading"}),!a&&e.createElement(A.K,{direction:"column",gap:.5},W.map((g,c)=>e.createElement("div",{key:g.id},e.createElement("div",{className:(0,n.cx)(s.flexRow,s.centerAlignRow)},e.createElement(h.g,{className:s.labelInput,invalid:!!C.labels?.[c]?.key?.message,error:C.labels?.[c]?.key?.message,"data-testid":`label-key-${c}`},e.createElement(se,{...I(`labels.${c}.key`,{required:{value:!!$[c]?.value,message:"Required."}}),defaultValue:g.key?{label:g.key,value:g.key}:void 0,options:x,onChange:z=>{O(`labels.${c}.key`,z.value),P(z.value)},type:"key"})),e.createElement(T.W,{className:s.equalSign},"="),e.createElement(h.g,{className:s.labelInput,invalid:!!C.labels?.[c]?.value?.message,error:C.labels?.[c]?.value?.message,"data-testid":`label-value-${c}`},e.createElement(se,{...I(`labels.${c}.value`,{required:{value:!!$[c]?.key,message:"Required."}}),defaultValue:g.value?{label:g.value,value:g.value}:void 0,options:m,onChange:z=>{O(`labels.${c}.value`,z.value)},onOpenMenu:()=>{P($[c].key)},type:"value"})),e.createElement(ce,{className:s.deleteLabelButton,index:c,remove:w})))),e.createElement(_,{className:s.addLabelButton,append:S})))},de=()=>{const l=(0,d.wW)(ee),{register:s,control:I,watch:L,formState:{errors:D}}=(0,b.Gc)(),C=L("labels"),{fields:O,remove:$,append:W}=(0,b.Dq)({control:I,name:"labels"});return e.createElement(e.Fragment,null,O.map((w,S)=>e.createElement("div",{key:w.id},e.createElement("div",{className:(0,n.cx)(l.flexRow,l.centerAlignRow),"data-testid":"alertlabel-input-wrapper"},e.createElement(h.g,{className:l.labelInput,invalid:!!D.labels?.[S]?.key?.message,error:D.labels?.[S]?.key?.message},e.createElement(U.I,{...s(`labels.${S}.key`,{required:{value:!!C[S]?.value,message:"Required."}}),placeholder:"key","data-testid":`label-key-${S}`,defaultValue:w.key})),e.createElement(T.W,{className:l.equalSign},"="),e.createElement(h.g,{className:l.labelInput,invalid:!!D.labels?.[S]?.value?.message,error:D.labels?.[S]?.value?.message},e.createElement(U.I,{...s(`labels.${S}.value`,{required:{value:!!C[S]?.key,message:"Required."}}),placeholder:"value","data-testid":`label-value-${S}`,defaultValue:w.value})),e.createElement(ce,{className:l.deleteLabelButton,index:S,remove:$})))),e.createElement(_,{className:l.addLabelButton,append:W}))},me=({dataSourceName:l})=>{const s=(0,d.wW)(ee);return e.createElement("div",null,e.createElement(B._,{description:"A set of default labels is automatically added. Add additional labels as required."},e.createElement(A.K,{gap:.5,alignItems:"center"},e.createElement(j.x,{variant:"bodySmall",color:"primary"},"Labels"),e.createElement(M.u,{content:e.createElement("div",null,"The dropdown only displays labels that you have previously used for alerts. Select a label from the dropdown or type in a new one.")},e.createElement(v.J,{className:s.icon,name:"info-circle",size:"sm"})))),l?e.createElement(ie,{dataSourceName:l}):e.createElement(de,null))},ee=l=>({icon:(0,n.css)`
      margin-right: ${l.spacing(.5)};
    `,flexColumn:(0,n.css)`
      display: flex;
      flex-direction: column;
    `,flexRow:(0,n.css)`
      display: flex;
      flex-direction: row;
      justify-content: flex-start;

      & + button {
        margin-left: ${l.spacing(.5)};
      }
    `,deleteLabelButton:(0,n.css)`
      margin-left: ${l.spacing(.5)};
      align-self: flex-start;
    `,addLabelButton:(0,n.css)`
      flex-grow: 0;
      align-self: flex-start;
    `,centerAlignRow:(0,n.css)`
      align-items: baseline;
    `,equalSign:(0,n.css)`
      align-self: flex-start;
      width: 28px;
      justify-content: center;
      margin-left: ${l.spacing(.5)};
    `,labelInput:(0,n.css)`
      width: 175px;
      margin-bottom: -${l.spacing(1)};

      & + & {
        margin-left: ${l.spacing(1)};
      }
    `}),ue=me},86992:(q,R,t)=>{t.d(R,{h:()=>K});var n=t(41407),i=t(39953),e=t(27366),b=t(82803),A=t(36884),y=t(12190),d=t(98632);function K({contentText:T,externalLink:U,linkText:B,title:j}){const M=(0,b.wW)(h);return i.createElement(A.P,{content:i.createElement("div",{className:M.mutedText},T),title:i.createElement(e.K,{gap:1,direction:"row"},i.createElement(y.J,{name:"question-circle"}),j),footer:U?i.createElement("a",{href:U,target:"_blank",rel:"noreferrer"},i.createElement(e.K,{direction:"row",gap:.5,alignItems:"center"},i.createElement(d.x,{color:"link"},B," ",i.createElement(y.J,{size:"sm",name:"external-link-alt"})))):void 0,closeButton:!0,placement:"bottom-start"},i.createElement("div",{className:M.helpInfo},i.createElement(e.K,{direction:"row",alignItems:"center",gap:.5},i.createElement(y.J,{name:"question-circle",size:"sm"}),i.createElement(d.x,{variant:"bodySmall",color:"primary"},"Need help?"))))}const h=T=>({mutedText:(0,n.css)`
    color: ${T.colors.text.secondary};
    font-size: ${T.typography.size.sm};
  `,helpInfo:(0,n.css)`
    cursor: pointer;
    text-decoration: underline;
  `})},95941:(q,R,t)=>{t.d(R,{z:()=>d});var n=t(41407),i=t(39953),e=t(27366),b=t(82803),A=t(2827),y=t(98632);const d=({title:h,stepNo:T,children:U,fullWidth:B=!1,description:j})=>{const M=(0,b.wW)(K);return i.createElement("div",{className:M.parent},i.createElement(A.C,{className:(0,n.cx)(B&&M.fullWidth),label:i.createElement(y.x,{variant:"h3"},T,". ",h)},i.createElement(e.K,{direction:"column"},j&&i.createElement("div",{className:M.description},j),U)))},K=h=>({parent:(0,n.css)`
    display: flex;
    flex-direction: row;
    max-width: ${h.breakpoints.values.xl}px;
    border: solid 1px ${h.colors.border.weak};
    border-radius: ${h.shape.radius.default};
    padding: ${h.spacing(2)} ${h.spacing(3)};
  `,description:(0,n.css)`
    margin-top: -${h.spacing(2)};
  `,fullWidth:(0,n.css)`
    width: 100%;
  `})}}]);

//# sourceMappingURL=3713.c0749939275ff296aff2.js.map