https://pangea.cloud/component---src-pages-taxonomy-index-tsx-d3892f9bf135e353a666.js

1"use strict";(self.webpackChunkpangea=self.webpackChunkpangea||[]).push([[7057],{60106:function(e,t,n){n.r(t),n.d(t,{Head:function(){return re},default:function(){return ie}});var l=n(79474),o=n(81679),a=n(21795),i=n(30105),r=n(41209),s=n(58991),d=n(27116),c=n(79836),p=n(95204),x=n(95515),u=n(13076),m=n(86276),g=n(7745),v=n(17894),h=n(95),f=n(26380),E=n(82807),y=n(83792),b=n(13035),A=n(61005),C=n(66693),I=n(19044);var w=e=>{var t,n,o,a,i,s,d;let{navItem:x}=e;const u=(0,C.A)(),m=(0,I.A)(),g=((0,c.A)(m.breakpoints.up("lg")),(0,c.A)(m.breakpoints.up("md"))),v={display:"flex",position:"relative",borderRadius:"100px",border:`solid 1px ${A.J.AiOutline}`,fontSize:{xs:"12px",lg:"15px"},fontWeight:400,paddingX:"20px",minHeight:{xs:"30px",lg:"40px"},alignItems:"center",justifyContent:"center",textAlign:"center",textDecoration:"none",width:{xs:"300px",lg:"auto"}},h={...v,color:A.J.PrimaryContrast,"&:hover":{cursor:"pointer",color:A.J.PrimaryContrast},"&:visited":{color:A.J.PrimaryContrast}},E={...h,opacity:.5},y={...v,color:"#0F0D13",fontWeight:600,backgroundImage:"linear-gradient(90deg, #FFCDAF 12.35%, #8C48EB 88.07%)","&:hover":{cursor:"pointer",color:"#0F0D13"},"&:visited":{color:"#0F0D13"}};return l.createElement(p.A,{sx:u===x.data.categoryId?y:!0===(null==x||null===(t=x.data)||void 0===t?void 0:t.isPreview)?E:h,href:`#${x.data.categoryId}`,"data-cid":x.data.categoryId},x.data.name,!g&&(null==x||null===(n=x.data)||void 0===n?void 0:n.childrenCount)>0&&l.createElement(l.Fragment,null," (+",null==x||null===(o=x.data)||void 0===o?void 0:o.childrenCount,")"),l.createElement(r.A,{sx:{position:"absolute",display:{md:u!==x.data.categoryId&&(null==x||null===(a=x.data)||void 0===a?void 0:a.childrenCount)>0&&!x.data.selectedParent?"flex":"none",xs:"none"},width:"20px",height:"1px",borderBottom:`solid 1px ${A.J.AiOutline}`,borderRadius:"100px",right:"-20px",justifyContent:"center",alignItems:"center"}}),l.createElement(r.A,{component:f.P.div,sx:{position:"absolute",display:{xs:"none",md:"flex"},width:{xs:"30px",lg:"40px"},height:{xs:"30px",lg:"40px"},border:`solid 1px ${A.J.AiOutline}`,borderRadius:"100px",right:{xs:"-50px",lg:"-60px"},justifyContent:"center",alignItems:"center",pointerEvents:u!==x.data.categoryId&&(null==x||null===(i=x.data)||void 0===i?void 0:i.childrenCount)>0?"all":"none"},initial:{opacity:0}

1,animate:{opacity:u!==x.data.categoryId&&(null==x||null===(s=x.data)||void 0===s?void 0:s.childrenCount)>0&&!x.data.selectedParent?1:0},transition:{duration:.3}},l.createElement("span",null,"+",null==x||null===(d=x.data)||void 0===d?void 0:d.childrenCount)))},k=n(15195);var F=e=>{var t,n,o,a,i;let{navItem:s,currentDepth:d=0}=e;const m=(0,C.A)(),g=(0,I.A)(),v=(0,c.A)(g.breakpoints.up("md"));(0,c.A)(g.breakpoints.up("lg"));return l.createElement(r.A,{sx:{position:"relative"}},l.createElement(f.P.div,{initial:{transform:"scale3d(1, 1, 1)"},whileHover:{transform:"scale3d(1.01, 1.01, 1)"}},l.createElement(p.A,{sx:{display:"flex",position:"relative",borderRadius:"15px",border:`solid 1px ${A.J.AiOutline}`,fontSize:{xs:"12px",lg:"15px"},fontWeight:400,padding:"20px",minHeight:{xs:"30px",lg:"40px"},alignItems:"center",justifyContent:"center",textAlign:"center",textDecoration:"none",width:{xs:"300px",md:"350px",lg:"440px"},opacity:1,"&:hover":{opacity:1}},href:`#${s.data.categoryId}`,"data-cid":s.data.categoryId},l.createElement(x.A,{sx:{gap:"20px"}},l.createElement(x.A,null,l.createElement(u.A,{variant:"h1",sx:{textAlign:"left"}},l.createElement(r.A,{component:"span",sx:{display:"block",background:"linear-gradient(90deg, #B0E6FF 0%, #05E1F5 30%)",backgroundClip:"text",textFillColor:"transparent",letterSpacing:"3px",fontWeight:500,textTransform:"uppercase",fontSize:{xs:"12px",lg:"16px"},lineHeight:{xs:"22px"}}},"Dimension"),l.createElement(r.A,{component:"span",sx:{background:"linear-gradient(90deg, #FFCDAF 12.35%, #8C48EB 88.07%)",backgroundClip:"text",textFillColor:"transparent",maxWidth:"fit-content",display:"block",letterSpacing:1,fontWeight:600,fontSize:{xs:"18px",lg:"24px"},lineHeight:{xs:"150%"}}},null==s||null===(t=s.data)||void 0===t?void 0:t.name)),l.createElement(u.A,{variant:"body2",sx:{fontSize:{xs:"13px",lg:"16px"},lineHeight:{xs:"18px",lg:"24px"},textAlign:"left"}},null==s||null===(n=s.data)||void 0===n?void 0:n.navDescription)),l.createElement(r.A,{sx:{alignSelf:"flex-start",display:{xs:"none",lg:"inline-flex"}}},l.createElement(r.A,null,l.createElement(f.P.div,{initial:{height:"40px",opacity:1},animate:{height:d<=1?"40px":"0px",opacity:d<=1?1:0}},l.createElement(k.$n,{role:"button",sx:{border:`solid 1px ${A.J.AiOutline}`,borderRadius:"100px",outline:"none",display:"inline-flex",backgroundColor:"rgba(0, 0, 0, 0.21)",boxShadow:"none"}},"View"))))))),l.createElement(b.ArcherElement,{id:`nav-item-dimension-${s.data.categoryId}`,relations:["root"==(m||"root")&&v&&{targetId:null==s||null===(o=s.data)||void 0===o?void 0:o.categoryId,targetAnchor:"right",sourceAnchor:"left",className:"taxonomy-arrow",style:{strokeColor:A.J.AiOutline,strokeWidth:1,endMarker:!1}}].filter(Boolean)},l.createElement(r.A,{id:`nav-item-dimension-${s.data.categoryId}`,component:f.P.div,sx:{position:"absolute",color:A.J.PrimaryContrast,display:{xs:"none",md:"flex"},height:{xs:"30px",md:"40px"},border:`solid 1px ${A.J.AiOutline}`,borderRadius:"100px",right:{xs:"-50px",md:"-200px"},top:"50%",transform:"translate3d(0px, -50%, 0px)",justifyContent:"center",alignItems:"center",pointerEvents:m!==s.data.categoryId&&(null==s||null===(a=s.data)||void 0===a?void 0:a.childrenCount)>0?"all":"none",paddingX:"20px",transformOrigin:"50% 50%"},initial:{transform:"scale3d(1, 1, 1) translate3d(0px, -50%, 0px)",opacity:0},whileHover:{transform:"scale3d(1.02, 1.02, 1) translate3d(0px, -50%, 0px)"},animate:{opacity:0==d?1:0}},l.createElement(p.A,{sx:{color:A.J.PrimaryContrast,textDecoration:"none",span:{textDecoration:"none"},"&:hover":{opacity:1}},href:`#${s.data.categoryId}`},l.createElement("span",null,"+",null==s||null===(i=s.data)||void 0===i?void 0:i.totalNestedChildren," Categories")))))},S=n(175),P=n(60161),$=n(24851);var J=e=>{let{navItem:t}=e;const n=(0,$.M)(e=>e.actions.setMobileExploring),o=(0,I.A)(),a=(0,c.A)(o.breakpoints.up("lg")),i=(0,$.M)(e=>e.mobileExploring);return l.createElement(f.P.div,{initial:{transform:"scale3d(1, 1, 1)"},whileHover:{transform:"scale3d(1.01, 1.01, 1)"}},l.createElement(p.A,{sx:{display:"flex",position:"relative",borderRadius:"15p

1x",border:`solid 1px ${A.J.AiOutline}`,fontSize:{xs:"12px",lg:"15px"},fontWeight:400,padding:{xs:"20px",lg:"30px"},minHeight:{xs:"30px",lg:"40px"},alignItems:"center",justifyContent:"center",textAlign:"center",textDecoration:"none",width:{xs:"300px",md:"350px",lg:"auto"},opacity:1,"&:hover":{opacity:1,svg:{transform:"translate3d(0px, 0px, 0px)",opacity:1}},svg:{transition:`opacity ${S.ZC}ms ease-in-out, transform ${S.ZC}ms ease-in-out`,transform:"translate3d(-10px, 0px, 0px)",opacity:0}},href:"#","data-cid":t.data.categoryId,onClick:()=>{!a&&i&&n(!1)}},l.createElement(x.A,{sx:{gap:{xs:"16px",lg:"20px"}}},l.createElement(u.A,{variant:"h1",sx:{textAlign:"left"}},l.createElement(r.A,{component:"span",sx:{display:"block",background:"linear-gradient(90deg, #B0E6FF 0%, #05E1F5 30%)",backgroundClip:"text",textFillColor:"transparent",letterSpacing:"3px",fontWeight:500,textTransform:"uppercase",fontSize:{xs:"16px"},lineHeight:{xs:"22px"}}},"Prompt Injection"),l.createElement(r.A,{component:"span",sx:{display:"flex",letterSpacing:1,fontWeight:600,fontSize:{xs:"22px",lg:"24px"},lineHeight:{xs:"150%"},alignItems:"center"}},"Interactive Taxonomy"," ",l.createElement(P.A,{sx:{width:"32px",height:"32px",display:{xs:"none",lg:"block"}}}))),l.createElement(r.A,{sx:{position:"relative",display:"flex",width:{xs:"95%",md:"70%",lg:"350px"},marginX:{xs:"auto",lg:"initial"},borderRadius:"15px",opacity:1,img:{transition:`opacity ${S.ZC}ms  ease-in-out`,opacity:1},":hover":{opacity:1}}},l.createElement(p.A,{href:"https://www.crowdstrike.com/en-us/resources/infographics/taxonomy-of-prompt-injection-methods/",target:"_blank",sx:{position:"relative",transform:"scale3d(1, 1, 1)",transition:`transform ${2*S.ZC}ms ease-in-out, opacity ${S.ZC}ms ease-in-out`,"&:hover":{transform:"scale3d(1.02, 1.02, 1.02)"}}},l.createElement(r.A,{component:"img",src:"/taxonomy/poster2.png",sx:{backgroundColor:A.J.TextDark,width:"100%",height:"auto",borderRadius:"10px",border:`solid 1px ${A.J.AiOutline}`,marginX:"auto",":hover":{img:{opacity:S.ks}}}}),l.createElement(k.$n,{className:"poster-hover-button",sx:{zIndex:10,position:"absolute",left:"50%",top:"50%",width:"80%",transform:"translate3d(-50%, -50%, 0)","&:hover":{opacity:1}},variant:"contained"},"Download the high-res poster"))),l.createElement(p.A,{onClick:()=>(n(!0),!1),sx:{display:{xs:"inline-flex",md:"none"},textDecoration:"none"}},l.createElement(k.$n,{className:"explore-taxonomy-button",sx:{marginX:"auto",textDecoration:"none",justifyContent:"center",alignItems:"center","&:hover":{opacity:1}},variant:"contained"},"Explore The Taxonomy")))))};var D=e=>{let{navItem:t,currentDepth:n=0,fullscreen:o=!1}=e;const a=(0,C.A)(),i=(0,I.A)(),s=((0,c.A)(i.breakpoints.up("lg")),(0,c.A)(i.breakpoints.up("md"))),d=(0,l.useMemo)(()=>{var e,n,l,i,r,d,c,p,x,u,m,g,v;return"root"===(null==t?void 0:t.name)?[]:null!==(e=[s&&(null==t||null===(n=t.parent)||void 0===n||null===(l=n.data)||void 0===l?void 0:l.categoryId)===(a||"root")&&{targetId:null==t||null===(i=t.parent)||void 0===i||null===(r=i.data)||void 0===r?void 0:r.categoryId,targetAnchor:"right",sourceAnchor:"left",className:"taxonomy-arrow",style:{strokeColor:A.J.AiOutline,strokeWidth:1,endMarker:!1}},(s&&(null==t||null===(d=t.data)||void 0===d?void 0:d.categoryId)===(a||"root")||o)&&{targetId:null==t||null===(c=t.parent)||void 0===c||null===(p=c.data)||void 0===p?void 0:p.categoryId,targetAnchor:"right",sourceAnchor:"left",className:"taxonomy-arrow",style:{strokeColor:A.J.AiOutline,strokeWidth:1,endMarker:!1}},(s&&!0===(null==t||null===(x=t.parent)||void 0===x||null===(u=x.data)||void 0===u?void 0:u.selectedParent)&&!0===(null==t||null===(m=t.data)||void 0===m?void 0:m.selectedParent)||o)&&{targetId:null==t||null===(g=t.parent)||void 0===g||null===(v=g.data)||void 0===v?void 0:v.categoryId,targetAnchor:"right",sourceAnchor:"left",className:"taxonomy-arrow",style:{strokeColor:A.J.AiOutline,strokeWidth:1,endMarker:!1}}].filter(Boolean))&&void 0!==e?e:[]},[t,s]),p={display:"flex",position:"relative",borderRadius:"100px",border:`solid 1px ${A.J.AiOutline}`,fontSize:{xs:"12px",md:"14px",lg:"15px"},fontWeight:400,paddingX:"20px",minHeight:{xs:"30px",md:"40px"},alignItems:"center",justifyContent:"center",textAlign:"center",textDecoration:"none",width:{xs:"300px",md:"370px",lg:"auto"}};A.J.PrimaryContrast,A.J.PrimaryContrast,A.J.PrimaryContrast;const x=o?1:t.data.hidden?0:t.data.depth<=n&&(a||"root")!==t.data.categoryId?.5:1;return l.createElement(r.A,{key:t.data.categoryId,component:f.P.div,initial:{opacity:0}

1,animate:{display:t.data.hidden&&!o?"none":"flex",opacity:"root"===t.data.categoryId?1:x},transition:{duration:.3},style:{justifyContent:"center"},sx:{marginBottom:{xs:"8px",md:"16px"},":last-child":{marginBottom:"0px"},width:{xs:"300px",md:"370px",lg:"500px"}}},l.createElement(b.ArcherElement,{id:t.data.categoryId,relations:null!=d?d:[]},l.createElement("div",null,"root"===(null==t?void 0:t.data.categoryId)?l.createElement(J,{navItem:t}):"IM"===(null==t?void 0:t.data.categoryId)||"PT"===(null==t?void 0:t.data.categoryId)?l.createElement(F,{navItem:t,currentDepth:n}):l.createElement(w,{navItem:t}))))},M=n(67474);var R=e=>{var t,n,o,a,i;let{}=e;const s=y.Sk5(m.ZX),w=(0,C.A)(),k=(0,I.A)(),{0:F,1:S}=(0,l.useState)(!1),{0:P,1:J}=(0,l.useState)([]),{0:R,1:z}=(0,l.useState)(0),{0:T,1:B}=(0,l.useState)(1),{0:W,1:X}=(0,l.useState)(null),H=(0,g.d)(0),j=(0,l.useRef)(),O=(0,l.useRef)(),N=(0,m.ki)(s).children.length,U=(0,M.m)(),L=(0,v.E)(),V=(0,c.A)(k.breakpoints.up("lg")),Y=(0,c.A)(k.breakpoints.up("md")),Z=((0,c.A)(k.breakpoints.down("sm")),(0,$.M)(e=>e.mobileExploring)),G=(0,$.M)(e=>e.actions.setMobileExploring);(0,l.useEffect)(()=>{V||"root"===w||""===w||G(!0)},[V,w]),(0,l.useEffect)(()=>{let e=[];const t=(0,m.Sh)(s,""===w?"root":w);X(null!=t?t:null);return(async()=>{(0,h.i)(H,0,{duration:.3,onComplete:()=>{e.push(setTimeout(()=>{if(t){var e;if(V||Y){var n;let e=V?500:370,i=null===(n=t.data)||void 0===n?void 0:n.depth;var l,o,a;if(0===i)z(((null===(l=t.data)||void 0===l?void 0:l.depth)+2)*e);if(i>0)z(((null===(o=t.data)||void 0===o?void 0:o.depth)+1)*e+20*((null===(a=t.data)||void 0===a?void 0:a.depth)-1))}else{var i;let e=null===(i=t.data)||void 0===i?void 0:i.depth;var r,c,p,x;if(0===e)z(300*((null===(r=t.data)||void 0===r?void 0:r.depth)+(Z?2:1))+20*((null===(c=t.data)||void 0===c?void 0:c.depth)+(Z?1:0)));if(e>

10)z(300*((null===(p=t.data)||void 0===p?void 0:p.depth)+(Z?2:1))+20*((null===(x=t.data)||void 0===x?void 0:x.depth)+1))}B(null!==(e=t.data.depth)&&void 0!==e?e:0)}const u=(0,m.YD)(s,""===w?"root":w),g=(0,m.JS)(u);J([[[s]]].concat((0,d.A)(g)))},50)),e.push(setTimeout(()=>{(0,h.i)(H,1,{duration:.3})},500));for(let t=0;t<=10;t++)e.push(setTimeout(()=>{var e;null==j||null===(e=j.current)||void 0===e||e.refreshScreen()},400+50*t))}})})(),()=>{for(const t of e)clearTimeout(t)}},[w,Z,V,Y]),(0,l.useEffect)(()=>{F||L.set({x:0,y:0})},[F]);const{0:Q,1:q}=(0,l.useState)(56*N);return(0,l.useEffect)(()=>{q(V?56*N:46*(N+1))},[V]),l.createElement(l.Fragment,null,l.createElement(r.A,{sx:{position:"relative"}},l.createElement(r.A,{sx:{zIndex:-100,height:`${Q}px`}}),l.createElement(r.A,{sx:{position:"fixed",zIndex:-110,inset:0,display:F?"block":"none",backgroundColor:"rgba(0, 0, 0, 0.7)",pointerEvents:"none"}}),l.createElement(f.P.div,{layout:!0,drag:F,dragControls:U,style:{position:F?"fixed":"absolute",height:F?"calc(100vh - 53px)":`${Q}px`,width:"100%",top:F?"53px":"0px",zIndex:F?100:"initial",overflowX:"hidden",overflowY:"hidden","--taxonomy-line-opacity":H},ref:O},l.createElement(b.ArcherContainer,{ref:j},l.createElement(f.P.div,{style:{position:"relative",height:F?"calc(100vh - 53px)":`${Q}px`,transformOrigin:"50% 50%"},animate:{transform:F?"scale3d(0.5, 0.5, 1)":"scale3d(1, 1, 1)"},transition:{ease:"easeInOut",duration:.5}},"root"!==(null==W?void 0:W.id)&&Z&&l.createElement(p.A,{role:"button",href:null!=W&&null!==(t=W.parent)&&void 0!==t&&null!==(n=t.data)&&void 0!==n&&n.categoryId?`#${null==W||null===(o=W.parent)||void 0===o||null===(a=o.data)||void 0===a?void 0:a.categoryId}`:"#",sx:{position:"fixed",display:{xs:"block",md:"none"},left:"16px",bottom:"0px",color:A.J.PrimaryContrast,textDecoration:"none","&:visited":{color:A.J.PrimaryContrast},zIndex:100,border:`solid 1px ${A.J.AiOutline}`,borderRadius:"100px",padding:"5px 10px"},onClick:e=>{var t;"root"===(null==W||null===(t=W.data)||void 0===t?void 0:t.name)&&G(!1)}},"Back"),l.createElement(r.A,{sx:{flexDirection:"row",gap:"10px",paddingX:"16px",display:{xs:"flex",md:"none"}}},l.createElement(m.bX,{variant:"h1",sx:{background:"linear-gradient(90deg, #FFCDAF 12.35%, #8C48EB 88.07%)",backgroundClip:"text",textFillColor:"transparent",marginX:"auto",fontSize:{xs:"20px",md:"initial"},lineHeight:{xs:"22px",md:"initial"}}},"root"!==(null==W?void 0:W.data.categoryId)?null==W||null===(i=W.data)||void 0===i?void 0:i.name:"")),l.createElement(E.N,null,l.createElement(r.A,{sx:{position:"absolute",left:F?"0px":"50%",height:"100%",top:V?"auto":"0px",marginLeft:V?"250px":"150px",transform:`translate3d(-${R}px, 0px, 0px)`,transition:"transform 290ms cubic-bezier(0.040, 0.220, 0.000, 1.000)"}},l.createElement(x.A,{sx:{flexDirection:"row",gap:"20px",alignItems:"center"}},P.map((e,t)=>{var n;return l.createElement(x.A,{key:`level-${t}`,sx:{flexDirection:"column",width:{xs:"300px",md:"370px",lg:"500px"},gap:F?"28px":"0px"}},0===(null==W?void 0:W.height)&&!V&&l.createElement(u.A,{"data-testid":"label-no-sub-categories",sx:{position:"relative",display:{md:"none",xs:(null==W||null===(n=W.data)||void 0===n?void 0:n.depth)+(Z?1:0)===t?"block":"none"},opacity:.7,top:"100px",color:A.J.PrimaryContrast,marginX:"auto"}},"No sub categories"),e.map((e,n)=>{var o;return l.createElement(x.A,{key:`level-${t}-child-${n}`,sx:{position:F?"relative":"absolute",top:"50%",transform:"translate3d(0px, -50%, 0px)",display:{md:"flex",xs:(null==W||null===(o=W.data)||void 0===o?void 0:o.depth)+(Z?1:0)===t?"flex":"none"}}},e.map((e,o)=>l.createElement(D,{navItem:e,key:`level-${t}-child-${n}-${o}`,currentDepth:T,fullscreen:F})))}))})))))))))},z=n(54342),T=n(17478),B=n(29300);var W=(0,l.forwardRef)(function(e,t){const{children:n,sx:o={}}=e;return l.createElement(r.A,{ref:t,sx:{position:"relative",borderRadius:"15px",background:`linear-gradient(108deg, ${A.J.InfoMain}10 -10%, ${A.J.InfoMain}2B 51.18%, ${A.J.InfoMain}1A 110%)`,padding:"15px",width:"100%",...o}},l.createElement(r.A,{sx:{position:"absolute",inset:0,borderRadius:"15px",border:"1px solid transparent",background:`linear-gradient(-100deg, rgba(255, 255, 255, 0.00) 0%, ${A.J.InfoMain} 51.18%, rgba(255, 255, 255, 0.00) 99.94%)`,mask:"linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0)",maskComposite:"exclude"}}),n)}),X=n(9587);function H(e,t,n){return(null==e?void 0:e.renderType)===m.Qu.MARKDOWN?l.createElement(X.A,{content:t}):(null==e?void 0:e.renderType)===m.Qu.BLOCK?l.createElement("pre",{style:{border:"solid 1px rgb(134, 134, 134)",backgroundColor:"rgba(255, 255, 255, 0.07)",padding:"15px",borderRadius:"15p

1x 0px 15px 15px",whiteSpace:"pre-line"}},l.createElement("code",null,t)):(null==e?void 0:e.renderType)===m.Qu.TEXT?l.createElement(u.A,{sx:{...m.Ut}},t):(null==e?void 0:e.renderType)===m.Qu.BASE64?l.createElement("pre",null,l.createElement("code",null,t)):l.createElement(u.A,{sx:{...m.Ut,fontFamily:"Source Code Pro",fontSize:"18px"},key:`step-${n}`},t)}var j=e=>{var t,n,o,a,i,s,d;let{example:u}=e;const g=(0,$.M)(e=>e.currentTaxonomyExample),{0:v,1:h}=(0,l.useState)(g===u.id),E=(0,I.A)(),y=(0,c.A)(E.breakpoints.up("lg")),b=(0,$.M)(e=>e.actions.setCurrentTaxonomyExample),{0:C,1:w}=(0,l.useState)([]);return(0,l.useEffect)(()=>{if(u.multistep)try{w(JSON.parse(null==u?void 0:u.example))}catch(e){console.error("Could not render example: ",e)}},[]),(0,l.useEffect)(()=>{h(g===u.id)},[g]),l.createElement(l.Fragment,null,l.createElement(f.P.div,{initial:{opacity:0,translate:"0px -20px"},layout:!0,transition:{delay:.06},whileInView:{opacity:1,translate:"0px 0px"}},l.createElement(p.A,{role:"button",onClick:()=>{b(u.id)},sx:{":hover":{cursor:v?"auto":"pointer",opacity:y?.5:1},textDecoration:"none"}},l.createElement(W,null,l.createElement(l.Fragment,null,l.createElement(r.A,{component:f.P.div,style:{position:"absolute",inset:0,zIndex:10,borderRadius:"15px",display:"flex",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundImage:`linear-gradient(0deg,${A.J.InfoMain}54 10%, ${A.J.InfoMain}2B 100%)`,textShadow:"0px 2px 15px rgba(0,0,0,0.58)",pointerEvents:v?"none":"all"},initial:{opacity:0}

1,whileHover:{opacity:!v&&y?1:0}},"Read more"),l.createElement(x.A,{sx:{gap:"20px"}},l.createElement(f.P.div,{initial:{height:"120px"},animate:{height:v?"auto":"120px"},style:{position:"relative",overflowY:"hidden",zIndex:0,WebkitMaskImage:v?"":"linear-gradient(to bottom, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%)"}},l.createElement(x.A,null,l.createElement(x.A,{sx:{flexDirection:"row",justifyContent:"space-between"}},l.createElement(m.lL,null,u.id),l.createElement(m.X3,null,"EXAMPLE")),l.createElement(x.A,{id:"modal-modal-description",sx:{gap:"24px"}},(null==u?void 0:u.example)&&""!==(null==u||null===(t=u.example)||void 0===t?void 0:t.trim())&&l.createElement(x.A,{sx:{gap:"0px"}},l.createElement(m.X3,{sx:{textTransform:"capitalize"}},null!==(n=null==u?void 0:u.exampleLabel)&&void 0!==n?n:"Example"),l.createElement(x.A,{sx:{gap:"24px"}},!0===(null==u?void 0:u.multistep)&&C.length>0?l.createElement(l.Fragment,null,C.map((e,t)=>l.createElement(x.A,{key:t,sx:{gap:"16px"}},l.createElement(m.X3,{sx:{marginBottom:"0px"}},"Step ",t+1),H(u,e,t)))):H(u,null==u?void 0:u.example,-1))),(null==u?void 0:u.notes)&&""!==(null==u||null===(o=u.notes)||void 0===o?void 0:o.trim())&&l.createElement(r.A,null,l.createElement(m.X3,null,"Notes"),l.createElement(X.A,{content:null==u?void 0:u.notes})),(null==u?void 0:u.source)&&""!==(null==u||null===(a=u.source)||void 0===a?void 0:a.trim())&&l.createElement(r.A,null,l.createElement(m.X3,null,"Source"),(null==u?void 0:u.source)&&""!==(null==u||null===(i=u.source)||void 0===i?void 0:i.trim())&&l.createElement(X.A,{content:null==u?void 0:u.source})),(null==u?void 0:u.categoriesWithNotes)&&(null==u||null===(s=u.categoriesWithNotes)||void 0===s?void 0:s.length)>0&&l.createElement(r.A,null,l.createElement(m.X3,null,"Mapped Categories"),l.createElement("ul",null,null==u||null===(d=u.categoriesWithNotes)||void 0===d?void 0:d.map((e,t)=>l.createElement("li",{key:`example-category-${t}`,style:{...m.Ut}},e)))))))))))))};var O=e=>{let{breadcrumbs:t=[],tight:n=!1}=e;if(0!==t.length)return l.createElement(x.A,{sx:{flexGrow:1,gap:n?"4px":"10px",flexDirection:"row",flexWrap:"wrap"}},null==t?void 0:t.map((e,n)=>l.createElement(l.Fragment,{key:n},l.createElement(p.A,{href:`#${e.id}`},l.createElement(u.A,{variant:"h3",sx:{color:A.J.PrimaryContrast,fontFamily:"Inter",fontSize:"14px !important",fontWeight:600,opacity:.6,letterSpacing:0,lineHeight:{xs:"16px",lg:"unset"}}},e.label)),n<t.length-1&&l.createElement(u.A,{variant:"h3",sx:{color:A.J.PrimaryContrast,fontFamily:"Inter",fontSize:"14px !important",fontWeight:600,opacity:.5,letterSpacing:0,lineHeight:{xs:"16px",lg:"unset"}}},"/"))))};var N=e=>{let{category:t}=e;return l.createElement(l.Fragment,null,l.createElement(f.P.div,{initial:{opacity:0,translate:"0px -20px",transform:"scale3d(1, 1, 1)"},transition:{delay:.06},whileInView:{opacity:1,translate:"0px 0px"},whileHover:{transform:"scale3d(1.01, 1.01, 1)"}},l.createElement(p.A,{role:"button",href:`#${t.categoryId}`,sx:{":hover":{cursor:"pointer"}}},l.createElement(W,null,l.createElement(x.A,null,l.createElement(x.A,{sx:{flexDirection:"row",justifyContent:"space-between"}},l.createElement(m.lL,null,t.name),l.createElement(m.X3,null,"SUBCATEGORY")),l.createElement(u.A,{variant:"body2",sx:{...m.Ut,"&:first-letter":{textTransform:"capitalize"}}},l.createElement(X.A,{content:t.description})))))))};var U=e=>{let{pitClass:t}=e;return l.createElement(l.Fragment,null,l.createElement(f.P.div,{initial:{opacity:0,translate:"0px -20px"},layout:!0,transition:{delay:.06},whileInView:{opacity:1,translate:"0px 0px"}},l.createElement(W,null,l.createElement(l.Fragment,null,l.createElement(r.A,{component:f.P.div,style:{position:"absolute",inset:0,zIndex:10,borderBottomRightRadius:"15px",borderBottomLeftRadius:"15px",display:"flex",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundImage:`linear-gradient(0deg,${A.J.InfoMain}2B 10%, ${A.J.InfoMain}00 100%)`,pointerEvents:open?"none":"all"},initial:{opacity:0}

1,whileHover:{opacity:open?0:1}},"Read more"),l.createElement(x.A,{sx:{gap:"20px"}},l.createElement(x.A,null,l.createElement(x.A,{sx:{flexDirection:"row",justifyContent:"space-between"}},l.createElement(m.lL,null,m.Ur[t.id]),l.createElement(m.X3,null,"Class")),l.createElement(x.A,{id:"modal-modal-description",sx:{gap:"24px"}},l.createElement(X.A,{content:t.description}))))))))};var L=e=>{var t,n,o,a,i,s,d,c,p,g,v,h,y,b,I,w,k,F;let{}=e;const P=(0,C.A)(),J=(0,l.useRef)(),{0:D,1:M}=(0,l.useState)(null),{0:R,1:H}=(0,l.useState)(!1),{0:L,1:V}=(0,l.useState)(0),Y=(0,l.useRef)(),Z=(0,l.useRef)(),G=(0,l.useRef)(),Q=(0,S.v1)(Y,"-300px"),q=(0,S.v1)(J,"200px"),K=(0,$.M)(e=>e.actions.setCurrentTaxonomyExample),_=()=>{J&&null!=J&&J.current&&!(()=>{if(!J.current)return!1;const e=J.current.getBoundingClientRect();return e.top>=0&&e.top<=(window.innerHeight||document.documentElement.clientHeight)})()&&J.current.scrollIntoView({behavior:"smooth"})};return(0,l.useEffect)(()=>{setTimeout(()=>{if(P&&""!==(null==P?void 0:P.trim())&&"#"!==(null==P?void 0:P.trim())&&"root"!==(null==P?void 0:P.trim())){(async()=>{var e;H(!0);const t=await fetch(`/pit-data/${P.trim()}.json`),n=await t.json();(null==n||null===(e=n.examples)||void 0===e?void 0:e.length)>0?K(n.examples[0].id):K(""),H(!1),M(n),_()})().catch(console.error)}else H(!1),M(m.q5),_()})},[P]),(0,l.useEffect)(()=>{q&&V(0),Q&&V(1)},[Q,q]),l.createElement(r.A,{sx:{fontFamily:"Inter",maxWidth:{xs:"90%",lg:"950px"},marginLeft:"auto",marginRight:"auto",paddingBottom:"100px",scrollMarginTop:{xs:"100px",sm:"200px"}},ref:J},l.createElement(E.N,{mode:"wait"},l.createElement(f.P.div,{layout:!0,initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0,top:"100px"},transition:{duration:.4},layoutId:"content",style:{color:"#FFFFFF"},key:P},l.createElement(z.A,{value:L,"aria-label":"Navigate category",sx:{div:{justifyContent:"center"},marginBottom:"35px",button:{fontSize:"18px",textTransform:"capitalize","&.Mui-selected":{color:A.J.PrimaryContrast}},".MuiTabs-indicator":{backgroundColor:A.J.InfoMain,height:"3px"}}},l.createElement(T.A,{label:"Overview",value:0,onClick:()=>{var e;null==J||null===(e=J.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})},"data-testid":"tab-overview",disableRipple:!0}),(null==D||null===(t=D.examples)||void 0===t?void 0:t.length)>0&&l.createElement(T.A,{label:"Examples",value:1,"data-testid":"tab-examples",onClick:()=>{var e;null==Y||null===(e=Y.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})},disableRipple:!0}),(null==D||null===(n=D.subcategories)||void 0===n?void 0:n.length)>0&&l.createElement(T.A,{label:"Subcategories","data-testid":"tab-subcategories",value:1,onClick:()=>{var e;null==Z||null===(e=Z.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})},disableRipple:!0}),(null==D||null===(o=D.classes)||void 0===o?void 0:o.length)>0&&l.createElement(T.A,{label:"Classes","data-testid":"tab-classes",value:1,onClick:()=>{var e;null==G||null===(e=G.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})},disableRipple:!0})),l.createElement(W,{sx:{marginBottom:"20px"}},l.createElement(x.A,{sx:{gap:{xs:"10px",lg:"20px"}}},l.createElement(x.A,{sx:{flexDirection:{xs:"column-reverse",lg:"row"},width:"100%",gap:{xs:"10px",lg:"auto"}}},l.createElement(x.A,{sx:{order:{xs:1,lg:"initial"},flexGrow:1,gap:{xs:"10px",lg:"5px"},flexDirection:"column"}},(null!==(a=null==D?void 0:D.breadcrumbs)&&void 0!==a?a:[]).length>0&&l.createElement(r.A,{sx:{marginBottom:"10px"}},l.createElement(O,{breadcrumbs:null!==(i=null==D?void 0:D.breadcrumbs)&&void 0!==i?i:[]})),l.createElement(x.A,{sx:{flexDirection:{xs:"column",lg:"row"},gap:"5px"}},l.createElement(m.bX,{variant:"h1",sx:{background:"linear-gradient(90deg, #FFCDAF 12.35%, #8C48EB 88.07%)",backgroundClip:"text",textFillColor:"transparent",fontSize:{xs:"20px",lg:"initial"},lineHeight:{xs:"22px",lg:"initial"}}},null==D?void 0:D.category),(null==D?void 0:D.class)&&""!==(null==D||null===(s=D.class)||void 0===s?void 0:s.trim())&&l.createElement(m.bX,{variant:"h1",sx:{fontSize:{xs:"20px",lg:"initial"},lineHeight:{xs:"22px",lg:"initial"}}},"(",null==D?void 0:D.id,")"))),(null==D?void 0:D.class)&&""!==(null==D||null===(d=D.class)||void 0===d?void 0:d.trim())&&l.createElement(r.A,{sx:{backgroundColor:"#8936C9",borderRadius:"100px",padding:"10px",alignSelf:"center",order:{xs:0,lg:"initial"}}},l.createElement(u.A,{sx:{fontFamily:"Source Code Pro",fontSize:{xs:"12px",md:"14px"},fontWeight:500,lineHeight:1,whiteSpace:"nowrap"}},null!==(c=null===m.Ur||void 0===m.Ur?void 0:m.Ur[null==D?void 0:D.class])&&void 0!==c?c:""))),((null==D?void 0:D.description)&&""!==(null==D||null===(p=D.description)||void 0===p?void 0:p.trim())||(null==D?void 0:D.mechanism)&&""!==(null==D||null===(g=D.mechanism)||void 0===g?void 0:g.trim())||(null==D?void 0:D.notes)&&(null==D||null===(v=D.notes)||void 0===v?void 0:v.trim())||(null==D?void 0:D.references))&&l.createElement(B.A,{sx:{borderColor:A.J.PrimaryContrast,opacity:.4}}),(null==D?void 0:D.description)&&""!==(null==D||null===(h=D.description)||void 0===h?void 0:h.trim())&&l.createElement(r.A,null,"root"!==(null==D?void 0:D.id)&&l.createElement(m.X3,null,"Description"),l.createElement(X.A,{content:null==D?void 0:D.description})),(null==D?void 0:D.mechanism)&&""!==(null==D||null===(y=D.mechanism)||void 0===y?void 0:y.trim())&&l.createElement(r.A,null,l.createElement(m.X3,null,"Mechanism"),l.createElement(X.A,{content:null==D?void 0:D.mechanism})),(null==D?void 0:D.notes)&&""!==(null==D||null===(b=D.notes)||void 0===b?void 0:b.trim())&&l.createElement(r.A,null,l.createElement(m.X3,null,"Notes"),l.createElement(X.A,{content:null==D?void 0:D.notes})),(null==D?void 0:D.references)&&""!==(null==D||null===(I=D.references)||void 0===I?void 0:I.trim())&&l.createElement(r.A,null,l.createElement(m.X3,null,"References"),l.createElement(X.A,{content:null==D?void 0:D.references})))),(null==D||null===(w=D.classes)||void 0===w?void 0:w.length)>0&&l.createElement(W,{ref:G,sx:{scrollMarginTop:{xs:"100px",sm:"200px"}}},l.createElement(x.A,{"data-testid":"content-class",sx:{gap:"20px"}},l.createElement(m.bX,{variant:"h1",sx:{color:A.J.PrimaryContrast,fontSize:{xs:"20px",lg:"initial"},lineHeight:{xs:"22px",lg:"initial"}}},"Classes of PI Attack Methods"),null==D?void 0:D.classes.map(e=>l.createElement(U,{pitClass:e,key:e.id})))),(null==D||null===(k=D.examples)||void 0===k?void 0:k.length)>0&&l.createElement(W,{ref:Y,sx:{scrollMarginTop:{xs:"100px",sm:"200px"},marginBottom:"20px"}},l.createElement(x.A,{"data-testid":"content-examples",sx:{gap:"20px"}},l.createElement(m.bX,{variant:"h1",sx:{color:A.J.PrimaryContrast,fontSize:{xs:"20px",lg:"initial"},lineHeight:{xs:"22px",lg:"initial"}}},"Examples"),null==D?void 0:D.examples.map((e,t)=>l.createElement(j,{example:e,key:e.id})))),(null==D||null===(F=D.subcategories)||void 0===F?void 0:F.length)>0&&l.createElement(W,{ref:Z,sx:{scrollMarginTop:{xs:"100px",sm:"200px"}}},l.createElement(x.A,{"data-testid":"content-subcategories",sx:{gap:"20px"}},l.createElement(m.bX,{variant:"h1",sx:{color:A.J.PrimaryContrast,fontSize:{xs:"20px",lg:"initial"},lineHeight:{xs:"22px",lg:"initial"}}},"Subcategories"),null==D?void 0:D.subcategories.map(e=>l.createElement(N,{category:e,key:e.categoryId})))))))},V=n(46270),Y=n(25154),Z=n(91690),G=n(57608);var Q=e=>{var t,n,o,a,i,s,d,c,p,m,g,v,h;let{result:f}=e;return l.createElement(k.N_,{to:`#${"example"===(null==f||null===(t=f.doc)||void 0===t?void 0:t.type)?null==f||null===(n=f.doc)||void 0===n||null===(o=n.categoryIds)||void 0===o?void 0:o[0]:null==f?void 0:f.id}`,"data-testid":"pit-toolbar-search-result",sx:{position:"relative",width:"100%",border:"solid 1px #FFFFFF10",borderRadius:"15p

1x",padding:"12px","&:hover":{border:"solid 1px #FFFFFF50",opacity:1},"&:active, &:visited":{border:"solid 1px #FFFFFF10"},backdropFilter:"blur(5px)",backgroundColor:"#00000095"}},l.createElement(x.A,{sx:{flexDirection:"row",gap:"6px"}},l.createElement(u.A,{variant:"caption",sx:{color:Z.J.InfoMain}},null==f||null===(a=f.doc)||void 0===a||null===(i=a.type)||void 0===i?void 0:i.toUpperCase())," ","example"===(null==f||null===(s=f.doc)||void 0===s?void 0:s.type)&&l.createElement(u.A,{variant:"body2",sx:{fontWeight:600,opacity:.7,fontSize:"16px"}},"(",null==f||null===(d=f.doc)||void 0===d?void 0:d.id,")")),"category"===(null==f||null===(c=f.doc)||void 0===c?void 0:c.type)&&l.createElement(u.A,{variant:"body2",sx:{fontSize:"16px",fontWeight:500}},null==f||null===(p=f.doc)||void 0===p?void 0:p.title," ",l.createElement(r.A,{component:"span",sx:{opacity:.7}},"(",null==f||null===(m=f.doc)||void 0===m?void 0:m.id,")")),l.createElement(u.A,{variant:"body2",sx:{fontSize:"16px",color:Z.J.BodyText}},null==f||null===(g=f.doc)||void 0===g?void 0:g.description.substring(0,250),(null==f||null===(v=f.doc)||void 0===v||null===(h=v.description)||void 0===h?void 0:h.length)>250&&"..."))},q=n(25911),K=n(55058);const _=new G.yo({document:q});var ee=e=>{let{shuffle:t}=e;const{0:n,1:o}=(0,l.useState)(!1),{0:a,1:i}=(0,l.useState)(""),{0:s,1:d}=(0,l.useState)(!1),{0:c,1:m}=(0,l.useState)(!1),g=(0,S.q0)(a),{0:v,1:h}=(0,l.useState)([]);return(0,l.useEffect)(()=>{(async()=>{const e=await fetch("/pit-data/search-docs-index.json"),t=await e.json();for(const n in t)await _.import(n,t[n]);m(!0)})().catch(console.error)},[]),(0,l.useEffect)(()=>{if(c)if(s&&a.length>0){if(o(!0),g!==a){var e;const t=null!==(e=_.search({query:a,enrich:!0,merge:!0,limit:10,suggest:!0}))&&void 0!==e?e:[];h(t)}}else o(!1)},[a,s,c]),l.createElement(r.A,{sx:{position:"relative",width:"100%"}},l.createElement(V.A,{placeholder:"Explore the taxonomy","data-testid":"pit-toolbar-search-input",value:a,onFocus:()=>{d(!0)},onBlur:()=>{d(!1)},onChange:e=>{i(e.target.value)},sx:{height:"54px",width:"100%",paddingY:"0px",flexGrow:1,borderWidth:"1px","& label":{color:`${Z.J.PrimaryContrast}14`},"& label.Mui-focused":{color:`${Z.J.PrimaryContrast}50`},"& .MuiInput-underline:after":{borderBottomColor:"yellow"},"& .MuiOutlinedInput-root":{borderWidth:"1px","& fieldset":{borderWidth:"1px",borderRadius:"15px",borderColor:`${Z.J.PrimaryContrast}14`},"&:hover fieldset":{borderWidth:"1px",borderColor:`${Z.J.PrimaryContrast}14`},"&.Mui-focused fieldset":{borderWidth:"1px",borderColor:`${Z.J.PrimaryContrast}50`}}},InputProps:{sx:{height:"54px"},startAdornment:l.createElement(Y.A,{position:"start"},l.createElement(K.A,{sx:{color:Z.J.PrimaryContrast}}))}}),l.createElement(E.N,null,n&&l.createElement(x.A,{"data-testid":"pit-toolbar-search-results",component:f.P.div,key:"search-results",initial:{top:"100%",opacity:0}

1,animate:{top:"calc(100% + 12px)",opacity:1},exit:{top:"calc(100% + 24px)",opacity:0},sx:{position:"absolute",width:{xs:"calc(100% + 54px + 54px)",md:"100%"},left:{xs:"-54px",md:"auto"},height:"300px",overflowY:"auto",border:`solid 1px ${Z.J.PrimaryContrast}50`,borderRadius:"15px",backgroundColor:"#00000030",backdropFilter:"blur(5px)",zIndex:100,top:"calc(100% + 12px)",gap:"12px",padding:"12px"}},v.length>0&&v.map(e=>l.createElement(Q,{result:e})),0===v.length&&""!==(null==a?void 0:a.trim())&&l.createElement(u.A,{variant:"body2",sx:{position:"absolute",alignSelf:"center",justifyContent:"center",top:"50%",transform:"translate3d(0, -50%, 0)"}},"No results,"," ",l.createElement(p.A,{onClick:()=>{t(),i("")},sx:{textDecoration:"underline","&:hover":{textDecorationColor:Z.J.PrimaryContrast,cursor:"pointer"}},"data-testid":"pit-toolbar-search-no-result-shuffle"},"try discovering a new category")))))},te=n(45913),ne=n(55845);const le={height:"54px",border:`solid 1px ${Z.J.PrimaryContrast}14`,borderRadius:"15px",whiteSpace:"nowrap",flexShrink:0},oe=(0,m.gD)(m.ZX);var ae=()=>{const e=(0,$.M)(e=>e.actions.setMobileExploring),t=()=>{const e=(0,S.Yy)(0,oe.length-1),t=oe[e].categoryId;t&&void 0!==typeof window&&(window.location.hash=t)};return l.createElement(x.A,{sx:{height:"64px",width:{xs:"calc(100% - 32px)",md:"950px",lg:"1080px"},marginX:"auto",flexDirection:"row",gap:"12px",marginBottom:{xs:"12px",md:"0px"}}},l.createElement(k.$n,{sx:{...le,minWidth:"54px"},onClick:()=>{e(!1),window.location.hash=""},"data-testid":"pit-toolbar-home"},l.createElement(te.A,null)),l.createElement(ee,{shuffle:t}),l.createElement(k.$n,{sx:{...le,minWidth:"54px"},onClick:t,"data-testid":"pit-toolbar-shuffle"},l.createElement(r.A,{component:"span",sx:{display:{xs:"none",md:"block"}}},"Discover a new category "),l.createElement(ne.A,null)))};var ie=()=>l.createElement(a.A,{reverseColor:!0,noHeaderBg:!0},l.createElement(i.A,{theme:s.jG},l.createElement(r.A,{sx:{position:"relative",minHeight:{xs:"auto",md:"calc(100vh - 50px)"},zIndex:"2"}},l.createElement(r.A,{sx:{position:"fixed",inset:0,background:"linear-gradient(180deg, #0A0C0C 0%, #1B0F24 45.62%, #3C1450 80.82%)",zIndex:-10,marginTop:"-70px"}}),l.createElement(r.A,{sx:{position:"absolute",left:0,right:0,bottom:0,height:"100px",background:"linear-gradient(180deg, #240F3800 0%, #240F38 100%)",zIndex:-9,marginTop:"-70px"}}),l.createElement(ae,null),l.createElement(R,null),l.createElement(L,null))));const re=()=>l.createElement(o.A,{title:"Prompt Injection Taxonomy | Pangea",description:"Explore the Pangea Prompt Injection Taxonomy using the interactive web experience",heroImage:"/taxonomy/poster2.png",pathname:"/taxonomy/"})}}]);
2//# sourceMappingURL=component---src-pages-taxonomy-index-tsx-d3892f9bf135e353a666.js.map