https://assets.medicalnewstoday.com/_next/chunks/st-monarch-bdb000a6.js

1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[4696],{49752(e,t,l){l.d(t,{A:()=>s});l(96540);var a=l(69064),o=l(99912),n=l(42682),r=l(77066),i=l(20949).h;const s=e=>{let{id:t,text:l=t,isSelected:s,setSelected:d}=e;return i("button",{type:"button",onClick:()=>d(t),className:(0,r.AH)([{...a.UH,color:"white",padding:"10px",width:"100%",textAlign:"left",fontSize:"16px",border:"2px solid transparent",display:"flex",justifyContent:"space-between","&:hover":{cursor:"pointer",backgroundColor:"dimgray",borderColor:"white"}},s&&{backgroundColor:"dimgray",borderStyle:"dotted",borderColor:"white"}])},i("span",null,l),s&&i(o.Ay,{render:e=>{let{currentBreakpoint:t}=e;return i(0===t?n.zKo:n.ngD,{title:"Selected item"})}}))}},45331(e,t,l){l.d(t,{A:()=>s});l(96540);var a=l(8785),o=l.n(a),n=l(77066),r=l(20949).h;const i=o(),s=e=>{let{data:t,name:l,className:a,...o}=e;return r(i,{name:l,src:t,className:(0,n.AH)({flex:1}),theme:"monokai",displayObjectSize:!1,enableClipboard:!0,indentWidth:4,displayDataTypes:!1,iconStyle:"triangle",shouldCollapse:!1,sortKeys:!1,quotesOnKeys:!1,groupArraysAfterLength:100,onSelect:!1,...o})}},65106(e,t,l){l.r(t),l.d(t,{default:()=>S});var a=l(96540),o=l(77066),n=l(99912),r=l(88199),i=l(49752),s=l(20949).h;function d(e){return null==e||"object"==typeof e&&!Array.isArray(e)&&0===Object.keys(e).length}const c=e=>{let{enabled:t}=e;return s("span",{className:(0,o.AH)({display:"inline-flex",alignItems:"center",gap:"6px",padding:"4px 10px",borderRadius:"4px",fontSize:"13px",fontWeight:"bold",backgroundColor:t?"#1a3a1a":"#3a1a1a",color:t?"#4caf50":"#f44336"})},s(t?r.npX:r.D9N,null),t?"Active":"Inactive")},u=e=>{let{result:t}=e;const l=function(e){var t;return d(e)?"null":"string"==typeof e?"HTML":null!=e&&e.widgetFormat||null!=e&&null!=(t=e.widget)&&t.widgetFormat?"Widget":"Object"}(t),a=function(e){var t;return null==e?null:(null==e?void 0:e.widgetFormat)||(null==e||null==(t=e.widget)?void 0:t.widgetFormat)||null}(t),n=!d(t);return s("span",{className:(0,o.AH)({display:"flex",alignItems:"center",gap:"4px",flexShrink:0})},a&&s("span",{className:(0,o.AH)({fontSize:"11px",padding:"2px 6px",borderRadius:"3px",backgroundColor:"#2a3a4a",color:"#7ab8e0"})},a),s("span",{className:(0,o.AH)({fontSize:"11px",padding:"2px 6px",borderRadius:"3px",backgroundColor:n?"#2d4a2d":"#333",color:n?"#81c784":"#888"})},l))},p=e=>{let{ruleIds:t,ruleResults:l,selectedRuleId:a,setSelectedRuleId:n,className:r}=e;return s("div",{className:(0,o.cx)(r,(0,o.AH)({display:"flex",flexDirection:"column"}))},s("div",{className:(0,o.AH)({padding:"10px",borderBottom:"1px solid #444",display:"flex",flexDirection:"column",gap:"8px"})},s("div",{className:(0,o.AH)({display:"flex",alignItems:"center",justifyContent:"space-between"})},s("span",{className:(0,o.AH)({fontSize:"14px",fontWeight:"bold"})},"Monarch"),s(c,{enabled:t.length>0}))),s("div",{className:(0,o.AH)({padding:"8px 10px",fontSize:"12px",color:"#999",borderBottom:"1px solid #333"})},t.length," rule",1!==t.length?"s":""," evaluated"),s("ul",{className:(0,o.AH)({listStyle:"none",margin:0,padding:0,maxHeight:"100%",overflowY:"auto",flex:1})},t.map(e=>{return s("li",{key:e,className:(0,o.AH)({margin:0})},s(i.A,{id:e,text:s("span",{className:(0,o.AH)({display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",gap:"8px"})},s("span",{className:(0,o.AH)({fontFamily:"monospace",fontSize:"13px"})},(t=e,t&&t.length>12?`${t.slice(0,8)}...${t.slice(-4)}`:t)),s(u,{result:l[e]})),isSelected:a===e,setSelected:n}));var t})))};var g=l(45331),m=l(85325),x=l(20949).h;const f=o.Ay.div({overflow:"auto",borderTopWidth:[1,0],borderTopStyle:"solid",borderColor:"white",padding:"0 10px",backgroundColor:"dimgray"}),h=e=>{let{text:t}=e;const[l,n]=(0,a.useState)(!1);return x("button",{type:"button",onClick:()=>{navigator.clipboard.writeText(t).then(()=>{n(!0),setTimeout(()=>n(!1),2e3)}).catch(()=>{})},className:(0,o.AH)({padding:"3px 8px",border:"1px solid #666",borderRadius:"3px",backgroundColor:l?"#2d4a2d":"#444",color:l?"#81c784":"#ccc",cursor:"pointer",fontSize:"11px",marginLeft:"8px",flexShrink:0,"&:hover":{backgroundColor:"#555"}})},l?"Copied!":"Copy")},b=e=>{let{label:t,value:l}=e;return x("div",{className:(0,o.AH)({color:"#999",marginBottom:"4px",fontSize:"13px"})},t,": ",x("span",{className:(0,o.AH)({color:"#e0e0e0"})},l))},A=e=>{var t,l;let{ruleId:a,result:n,isHighlighted:r,onToggleHighlight:i}=e;if(!a)return x(m.gL,null,"Select a rule to see details");const s=null==n||"object"==typeof n&&!Array.isArray(n)&&0===Object.keys(n).length,d=!s&&"string"==typeof n,c=(null==n?void 0:n.widgetFormat)||(null==n||null==(t=n.widget)?void 0:t.widgetFormat),u=null==n||null==(l=n.widget)?void 0:l.monarchTagularDetails,p=!s;return x(f,null,x("div",{className:(0,o.AH)({padding:"10px 0",borderBottom:"1px solid #555",marginBottom:"10px"})},x("div",{className:(0,o.AH)({display:"flex",alignItems:"center",marginBottom:"6px"})},x("span",{className:(0,o.AH)({fontSize:"12px",color:"#999"})},"Rule ID")),x("div",{className:(0,o.AH)({display:"flex",alignItems:"center"})},x("code",{className:(0,o.AH)({fontFamily:"monospace",fontSize:"14px",color:"#e0e0e0",wordBreak:"break-all"})},a),x(h,{text:a}))),c&&x("div",{className:(0,o.AH)({padding:"8px 12px",backgroundColor:"#2a3a4a",borderRadius:"4px",marginBottom:"10px"})},x(b,{label:"Component",value:c}),u&&x(Fragment,null,x(b,{label:"Rule Name",value:u.ruleName}),x(b,{label:"Variant",value:u.variant}),x(b,{label:"Return Value",value:u.returnValue}))),p&&x("button",{type:"button",onClick:i,className:(0,o.AH)({padding:"6px 12px",border:"1px solid",borderColor:r?"#f44336":"#666",borderRadius:"4px",backgroundColor:r?"#3a1a1a":"#333",color:r?"#f44336":"white",cursor:"pointer",fontSize:"13px",marginBottom:"10px","&:hover":{backgroundColor:r?"#4a1a1a":"#444"}})},r?"Remove Highlight":"Highlight on Page"),s&&x("div",{className:(0,o.AH)({padding:"20px",textAlign:"center",color:"#999",fontSize:"14px"})},"This rule returned no content for this page."),d&&x("div",null,x("h4",{className:(0,o.AH)({margin:"10px 0 6px",color:"#ccc"})},"HTML Result",x(h,{text:n})),x("pre",{className:(0,o.AH)({backgroundColor:"#1a1a1a",padding:"12px",borderRadius:"4px",fontSize:"12px",color:"#e0e0e0",whiteSpace:"pre-wrap",wordBreak:"break-word",maxHeight:"400px",overflow:"auto"})},n)),!s&&!d&&x("div",null,x("div",{className:(0,o.AH)({display:"flex",alignItems:"center",margin:"10px 0 6px"})},x("h4",{className:(0,o.AH)({margin:0,color:"#ccc"})},c?"Widget Result":"Result"),x(h,{text:JSON.stringify(n,null,2)})),x(g.A,{name:"result",data:n,shouldCollapse:e=>{let{namespace:t}=e;return t.length>2}})))};var v=l(20949).h;const y="__monarch-highlight__";const H=()=>{document.querySelectorAll(`.${y}

1`).forEach(e=>e.classList.remove(y))},S=()=>{const[e,t]=(0,a.useState)(void 0),[l,r]=(0,a.useState)(null),i=__NEXT_DATA__.appState.monarchRuleIds||[],s=(0,a.useMemo)(()=>__NEXT_DATA__.appState.monarchRuleResults||{},[]);(0,a.useEffect)(()=>H,[]),(0,a.useEffect)(()=>{H(),r(null)},[e]);const d=(0,a.useCallback)(()=>{if(l===e)H(),r(null);else{H();const t=function(e){var t;if(!e||"undefined"==typeof document)return null;const l=(null==e?void 0:e.widgetFormat)||(null==e||null==(t=e.widget)?void 0:t.widgetFormat);if(l){const e=document.querySelector(`[data-widget$="-${l}"]`);if(e)return e}if(null!=e&&e.html||null!=e&&e.title||null!=e&&e.post_block_id){const e=document.querySelector('[data-widget$="-cdi-pathing-card"]');if(e)return e}if("string"==typeof e){const e=document.querySelector(".dt-pathing");if(e)return e}return null}(s[e]);t?(t.classList.add(y),t.scrollIntoView({behavior:"smooth",block:"center"}),r(e)):window.alert("Could not find the rendered element on the page for this rule.")}},[l,e,s]);return 0===i.length?v(m.gL,null,v("div",{className:(0,o.AH)({textAlign:"center",padding:"20px"})},v("div",{className:(0,o.AH)({fontSize:"16px",marginBottom:"8px"})},"Monarch is not active on this page."),v("div",{className:(0,o.AH)({fontSize:"13px",color:"#999"})},"Monarch runs when the page content contains dt-placement rules."))):v(n.Ay,{render:a=>{let{currentBreakpoint:n}=a;return v(m.iX,{currentBreakpoint:n},v(p,{className:(0,o.AH)({maxWidth:"500px"}),ruleIds:i,ruleResults:s,selectedRuleId:e,setSelectedRuleId:t}),v(A,{ruleId:e,result:s[e],isHighlighted:l===e,onToggleHighlight:d}))}})}}}]);
2//# sourceMappingURL=st-monarch-bdb000a6.js.map