"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[128],{466:(e,r,t)=>{t.r(r),t.d(r,{default:()=>s});const s={wrapper:"wwQ9jqfP",wrapperCollapse:"nSLL_SrY",wrapperCollapseTitle:"KZFmTQpB",wrapperCollapseTitleIcon:"bYlBP094",wrapperCollapseTitleText:"KX0sUxc4",wrapperCollapseTitlePlus:"VFsLdawO",wrapperCollapseTitleMinus:"OBGqoApF",wrapperCollapseExpandPanel:"p_ju0rUq",wrapperCollapseExpandPanelContent:"gH_AgBwA",wrapperCollapseHidden:"uzfVeww4"}},1098:(e,r,t)=>{t.r(r),t.d(r,{default:()=>s});const s={wrapper:"tqVZcsST",wrapperSubheader:"Nu2wwEMw",wrapperSubheaderLink:"UwXpvW1_"}},1095:(e,r,t)=>{t.r(r),t.d(r,{default:()=>s});const s={wrapper:"m6u1DyzO",wrapperContent:"ajkaN3aD",wrapperContentCol:"vBpGZAat",wrapperContentColLeft:"oZ3xTwhC",wrapperContentColRight:"YV51c67u",wrapperSubtitle:"VMVFFzG5"}},1097:(e,r,t)=>{t.r(r),t.d(r,{default:()=>s});const s={wrapper:"o0iDiEcq",wrapperBox:"kfSU04b1",wrapperContent:"ZyaTCa6J",wrapperContentList:"IGRpS5s0"}},1096:(e,r,t)=>{t.r(r),t.d(r,{default:()=>s});const s={wrapper:"LlNBIFmW",wrapperText:"rsQizSNV"}},1094:(e,r,t)=>{t.r(r),t.d(r,{default:()=>s});const s={wrapper:"GDdvf9pV",wrapperLeft:"RdMBVE81",wrapperLeftText:"MaNQ32zQ",wrapperLeftTextTitle:"ysEmHJS0",wrapperLeftTextDescription:"R3W1aQ7j",wrapperRight:"AYQ8eAOT",wrapperRightContent:"Ai_1EQ5D",wrapperRightContentImage:"ym3AHiFc"}},1099:(e,r,t)=>{t.r(r),t.d(r,{default:()=>s});const s={wrapper:"sjZkmtWC",wrapperContent:"QFuM0oC8",wrapperContentSafety:"BILtQ_oG",wrapperContentSafetyText:"qDIk7XHE",wrapperContentSafetyTextInfo:"y0V5BDQg",wrapperAnatomy:"Bw70317P",wrapperAnatomyContent:"d2hAVGjJ",wrapperAnatomyContentImageMobile:"qMpSAjB3",wrapperAnatomyContentImageLarge:"J85UMUsP"}},8:(e,r,t)=>{t.r(r),t.d(r,{default:()=>s});const s={wrapper:"jeoYiegV",wrapperRight:"AIokLt1C",wrapperLeft:"NihyFReM"}},7:(e,r,t)=>{t.r(r),t.d(r,{default:()=>s});const s={wrapper:"NxzIhXo4"}},1093:(e,r,t)=>{const s=t(403);(0,t(4).createEntrypoint)("user-guide",s.UserGuide)()},408:function(e,r,t){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.Contact=void 0;const a=t(0),n=(t(1),s(t(1098))),{wrapper:i,wrapperSubheader:p,wrapperSubheaderLink:o}=n.default;r.Contact=function({link:{href:e,label:r},title:t}){return(0,a.jsxs)("div",Object.assign({className:i},{children:[(0,a.jsx)("div",{children:t}),(0,a.jsx)("div",Object.assign({className:p},{children:(0,a.jsx)("a",Object.assign({className:o,href:e},{children:r}))}))]}))}},405:function(e,r,t){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.GuideSection=void 0;const a=t(0),n=(t(1),t(2)),i=t(127),p=s(t(1095)),{wrapper:o,wrapperTitle:l,wrapperContent:c,wrapperSubtitle:d,wrapperContentCol:u,wrapperContentColLeft:w,wrapperContentColRight:j}=p.default;r.GuideSection=function({section:e,inView:r,i:t}){var s,p;return(0,a.jsxs)("div",Object.assign({className:o,id:5===t?"important":void 0},{children:[(0,a.jsx)("div",Object.assign({className:l},{children:e.title})),(null===(s=e.media)||void 0===s?void 0:s.videoUrl)?(0,a.jsxs)("div",Object.assign({className:c},{children:[(0,a.jsx)("div",{className:(0,n.cx)(c,u,w),dangerouslySetInnerHTML:{__html:e.body}}),(0,a.jsx)("div",Object.assign({className:(0,n.cx)(c,u,j)},{children:(0,a.jsx)("video",Object.assign({autoPlay:!0,loop:!0,muted:!0,"webkit-playsinline":"",playsInline:!0},{children:r?(0,a.jsx)("source",{src:e.media.videoUrl,type:"video/mp4"}):null}))}))]})):(0,a.jsx)("div",{children:(0,a.jsx)("div",Object.assign({className:d},{children:e.body?(0,a.jsx)("div",{dangerouslySetInnerHTML:{__html:e.body}}):null}))}),null===(p=e.cards)||void 0===p?void 0:p.map(((e,r)=>(0,a.jsx)(i.Collapse,{card:e,sectionIndex:t},`collapse-${r}`))),(0,a.jsx)("hr",{})]}),`guide-section-${t}`)}},406:function(e,r,t){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.Safeguards=void 0;const a=t(0),n=(t(1),t(407)),i=s(t(1097)),{wrapper:p,wrapperBox:o,wrapperContent:l,wrapperContentList:c}=i.default;r.Safeguards=function({doList:e,dontList:r}){return(0,a.jsxs)("div",Object.assign({className:p},{children:[(0,a.jsxs)("div",Object.assign({className:o},{children:[(0,a.jsx)("div",{children:"DOs"}),(0,a.jsx)("div",Object.assign({className:l},{children:(0,a.jsx)("div",Object.assign({className:c},{children:e.map((e=>(0,a.jsx)(n.SafeguardsItem,{elem:e})))}))}))]})),(0,a.jsx)("hr",{}),(0,a.jsxs)("div",Object.assign({className:o},{children:[(0,a.jsx)("div",{children:"DO NOTs"}),(0,a.jsx)("div",Object.assign({className:l},{children:(0,a.jsx)("div",Object.assign({className:c},{children:r.map((e=>(0,a.jsx)(n.SafeguardsItem,{elem:e})))}))}))]})),(0,a.jsx)("hr",{})]}))}},407:function(e,r,t){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.SafeguardsItem=void 0;const a=t(0),n=(t(1),t(465)),i=s(t(1096)),{wrapper:p,wrapperText:o}=i.default;r.SafeguardsItem=function({elem:e}){return(0,a.jsxs)("div",Object.assign({className:p},{children:[(0,a.jsx)(n.ModelIcon,{type:e.type}),(0,a.jsx)("div",Object.assign({className:o},{children:(0,a.jsx)("div",{dangerouslySetInnerHTML:{__html:e.body}})}))]}))}},403:function(e,r,t){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.UserGuide=void 0;const a=t(0),n=t(1),i=t(89),p=t(15),o=t(404),l=t(405),c=t(406),d=t(408),u=s(t(1099)),{wrapper:w,wrapperContent:j,wrapperContentSafety:f,wrapperContentSafetyText:g,wrapperContentSafetyTextInfo:m,wrapperAnatomy:h,wrapperAnatomyContent:x,wrapperAnatomyContentImageMobile:v,wrapperAnatomyContentImageLarge:b}=u.default;r.UserGuide=function({safetyWarning:e,guideSections:r,doList:t,dontList:s,componentsDesktop:u,componentsMobile:C,pageTitle:O,pageDescription:_,heroImage:y,contactUs:N}){const{inView:I,ref:S}=(0,i.useMediaInView)();return(0,a.jsxs)(n.Fragment,{children:[(0,a.jsx)(o.UserGuideBanner,{pageTitle:O,pageDescription:_,heroImage:y}),(0,a.jsx)("div",Object.assign({className:w},{children:(0,a.jsxs)("div",Object.assign({className:j},{children:[(0,a.jsx)("div",Object.assign({className:f},{children:(0,a.jsxs)("a",Object.assign({className:g,href:"#important"},{children:[(0,a.jsx)("div",Object.assign({className:m},{children:p.Info})),e.alert]}))})),(0,a.jsx)("div",Object.assign({className:h,ref:S},{children:(0,a.jsxs)("div",Object.assign({className:x},{children:[(0,a.jsx)("div",{children:"Anatomy of Awesome"}),(0,a.jsx)("img",{className:v,src:C.url,alt:C.alt,loading:"lazy"}),(0,a.jsx)("img",{className:b,src:u.url,alt:u.alt,loading:"lazy"})]}))})),r.map(((e,r)=>(0,a.jsx)(l.GuideSection,{section:e,i:r,inView:I}))),(0,a.jsx)(c.Safeguards,{doList:t,dontList:s}),(0,a.jsx)(d.Contact,Object.assign({},N))]}))}))]})}},404:function(e,r,t){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.UserGuideBanner=void 0;const a=t(0),n=(t(1),s(t(1094))),{wrapper:i,wrapperLeft:p,wrapperRight:o,wrapperRightContent:l,wrapperRightContentImage:c,wrapperLeftText:d,wrapperLeftTextTitle:u,wrapperLeftTextDescription:w}=n.default;r.UserGuideBanner=function({pageTitle:e,pageDescription:r,heroImage:t}){return(0,a.jsxs)("div",Object.assign({className:i},{children:[(0,a.jsx)("div",Object.assign({className:p},{children:(0,a.jsxs)("div",Object.assign({className:d},{children:[(0,a.jsx)("h1",Object.assign({className:u},{children:e})),(0,a.jsx)("p",Object.assign({className:w},{children:r}))]}))})),(0,a.jsx)("div",Object.assign({className:o},{children:(0,a.jsx)("div",Object.assign({className:l},{children:(0,a.jsx)("img",{src:t.url,alt:"hero",className:c,width:"440",height:"496"})}))}))]}))}},89:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useMediaInView=void 0;const s=t(27);r.useMediaInView=(e={rootMargin:"300px 0px",triggerOnce:!0})=>{const[r,t]="undefined"!=typeof window?(0,s.useObserver)(e):[null,!1];return{ref:r,inView:t}}},27:(e,r,t)=>{t.r(r),t.d(r,{ViewportObserver:()=>i,useObserver:()=>n});var s=t(1),a=t(3);const n=e=>{const[r,t]=(0,a.useState)((null==e?void 0:e.defaultInView)||!1),s=(0,a.useRef)(),n=(0,a.useRef)(),i=(0,a.useRef)();return window&&!s.current&&(s.current=new IntersectionObserver((e=>{n.current=e[0],t(e[0].isIntersecting)}),Object.assign(Object.assign({},e),{root:i.current}))),(0,a.useEffect)((()=>{n.current?(null==e?void 0:e.triggerOnce)&&i.current&&s.current.unobserve(i.current):s.current.observe(i.current)}),[i,r,e]),[i,r,n.current]},i=({render:e,options:r,as:t="div"})=>{const[a,i,p]=n(r);return(0,s.h)(t,{ref:a},e({inView:i,entry:p}))}}},e=>{e.O(0,[1,2,4,3,5,6,11,37],(()=>(1093,e(e.s=1093)))),e.O()}]);