https://assets.cdn.ifixit.com/AssetsV2/scripts/6505.be29bd6ff04707da78cd.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"a99e4c3265af7c5eece8156095b05d1ffcc8ba85"},e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];if(null!=t)for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:ifixitFirstParty":!0});var n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="564c3bd5-5151-49aa-8a30-1c733452cbd9",e._sentryDebugIdIdentifier="sentry-dbid-564c3bd5-5151-49aa-8a30-1c733452cbd9")}catch(e){}}(),(globalThis.webpackChunkcarpenter_frontend=globalThis.webpackChunkcarpenter_frontend||[]).push([[6505],{39719(e,n,t){t.d(n,{GQ:()=>f,GR:()=>s,QC:()=>o,dA:()=>c,eJ:()=>u,rH:()=>d});var r=t(79011);const l=[],a=new WeakSet,i=new Set;function s(e){const n=l.indexOf(e);-1!==n&&l.splice(n,1),l.push(e),h()}function o(e){const n=l.indexOf(e);-1!==n&&(l.splice(n,1),h())}function d(){return l.at(-1)}function c(){const e=l.filter((e=>e.open));if(0===e.length)return()=>{};const n=document.activeElement,t=new Map;for(const n of e.slice().reverse())n.close(),t.set(n,document.activeElement),n.show(),a.add(n);return n?.isConnected&&(0,r.tp)(n)&&n.focus({preventScroll:!0}),()=>{for(const n of e)a.delete(n);for(const n of l){if(!e.includes(n)||!n.open)continue;n.close();const l=t.get(n);l&&(0,r.tp)(l)&&l.focus({preventScroll:!0}),n.showModal()}n&&(0,r.tp)(n)&&d()?.contains(n)&&n.focus({preventScroll:!0}),h()}}function u(e){return a.has(e)}function f(e){return i.add(e),()=>{i.delete(e)}}function h(){for(const e of i)e()}},54378(e,n,t){t.d(n,{q:()=>l});var r=t(97145);function l(){const[e,n]=(0,r.useState)(!1);return(0,r.useEffect)((()=>(n(!0),()=>n(!1))),[]),e}},55702(e,n,t){t.r(n),t.d(n,{EmbedCodeFrame:()=>N,default:()=>x,embedBaseUrl:()=>b,embedFrameId:()=>v,embedFrameStyle:()=>y,embedHeightScript:()=>w});var r=t(50061),l=t(27358),a=t(78967),i=t(57229),s=t(97145),o=t(32583),d=t(84185),c=t(21419),u=t(82306);const f="100 / 73",h="100%",m="step",p="full";function b(e){return`${window.location.origin}/Guide/embed/${e}`}function x({guideid:e,guideTitle:n,isOpen:t,onClose:i}){const o=b(e),f=v(e),[x,g]=(0,s.useState)(h),[y,E]=(0,s.useState)(!1),C=y?`${o}/full`:o,[M,_]=(0,s.useState)("");return(0,s.useEffect)((()=>{!function(e,n){const t=document.createElement("div"),r=(0,d.createUntrackedRoot)(t);queueMicrotask((()=>{(0,c.flushSync)((()=>{r.render(e)}));const n=t.innerHTML;var l;t.remove(),l=n,_(y?`${l}\n${w(f)}`:l)}))}((0,r.jsx)(N,{url:C,width:x,title:n,id:y?f:void 0}))}),[C,x,n,y,f]),(0,r.jsx)(l.lG,{open:t,onOpenChange:e=>{e||i()},children:(0,r.jsx)(l.Cf,{showCloseButton:!1,className:"guide-embed-modal block max-h-[90vh] overflow-hidden rounded-2xl p-0 gap-0",style:{maxWidth:"min(var(--main-container-width, 1280px), calc(100% - 32px))"},children:(0,r.jsxs)("div",{className:"flex max-h-[inherit] flex-col-reverse overflow-auto p-0 md:flex-row md:overflow-hidden",children:[(0,r.jsx)("div",{className:"flex w-full shrink-0 grow-[2] flex-col bg-gray-50 p-4 md:w-2/3",children:(0,r.jsx)(j,{url:C,width:x})}),(0,r.jsxs)("div",{className:"flex w-full shrink-0 grow flex-col overflow-hidden border-l border-gray-300 md:w-1/3 md:overflow-y-auto",children:[(0,r.jsxs)("div",{className:"sticky top-0 flex shrink-0 items-center gap-2 border-b border-gray-300 bg-white px-4 py-2",children:[(0,r.jsx)(l.L3,{className:"m-0! min-w-0 grow text-base! font-semibold",children:(0,u.N)("Embed this guide")}),(0,r.jsxs)(l.HM,{className:"button-ghost button-icon -me-2 shrink-0 text-gray-500",children:[(0,r.jsx)(a.hw,{name:"xmark"}),(0,r.jsx)("span",{className:"sr-only",children:(0,u.N)("Close")})]})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-5 px-4 py-4",children:[(0,r.jsx)(k,{code:M}),(0,r.jsx)(S,{title:(0,u.N)("Type"),onChange:e=>E(e===p),value:y?p:m,values:[{value:m,label:(0,u.N)("Single Step")},{value:p,label:(0,u.N)("Full Guide")}]}),(0,r.jsx)(S,{title:(0,u.N)("Width"),onChange:g,value:x,values:[{value:h,label:(0,u.N)("Full (100%)")},{value:"1200px",label:(0,u.N)("Large (1200px)")},{value:"800px",label:(0,u.N)("Medium (800px)")},{value:"400px",label:(0,u.N)("Small (400px)")}]})]})]})]})})})}function g(e){return Math.round(.73*Number.parseInt(e,10))}function v(e){return`dozuki-embed-${e}`}function y(e,n=!1){return n?{border:0,width:e}:e===h?{border:0,width:h,aspectRatio:f}:{border:0,width:e,height:g(e)}}function w(e){return`<script>\nwindow.addEventListener('message', function (event) {\n   if (Array.isArray(event.data) && event.data[0] === 'setHeight') {\n      var frame = document.getElementById('${e}');\n      if (frame) {\n         frame.style.height = event.data[1] + 'px';\n      }\n   }\n});\n<\/script>`}function N({url:e,width:n,title:t,id:l}){return(0,r.jsx)("iframe",{id:l,src:e,title:t,allowFullScreen:!0,style:y(n,void 0!==l)})}function j({url:e,width:n}){const t={width:`min(${n}, 100%, calc((90vh - 32px) * ${f}))`,aspectRatio:f};return(0,r.jsx)("iframe",{src:e,title:(0,u.N)("Embed this guide"),allowFullScreen:!0,className:"m-auto block rounded-lg border-0 bg-white",style:t})}function k({code:e}

1){const[n,t]=(0,s.useState)(!1);return(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)("code",{className:"block rounded-lg bg-gray-100 p-3 font-mono text-xs leading-relaxed text-gray-700 break-words whitespace-pre-wrap",children:e}),(0,r.jsxs)(i.m_,{open:n,children:[(0,r.jsx)(i.k$,{asChild:!0,children:(0,r.jsxs)("button",{type:"button",onClick:()=>{t(!0),(0,o.A)(e),setTimeout((()=>{t(!1)}),1e3)},className:"button-primary button-md",children:[(0,r.jsx)(a.hw,{name:"copy","aria-hidden":!0}),(0,u.N)("Copy embed code")]})}),(0,r.jsx)(i.ZI,{className:"text-sm",children:(0,u.N)("Copied!")})]})]})}function S({onChange:e,value:n,values:t,title:l}){return(0,r.jsxs)("fieldset",{className:"m-0 border-0 p-0",children:[(0,r.jsx)("legend",{className:"mb-2 p-0 text-sm font-medium text-gray-950",children:l}),(0,r.jsx)("div",{className:"grid grid-cols-2 gap-2",children:t.map((({value:t,label:a})=>(0,r.jsxs)("label",{className:"cursor-pointer",children:[(0,r.jsx)("input",{type:"radio",name:l,className:"peer sr-only",value:t,checked:n===t,onChange:()=>e(t)}),(0,r.jsx)("span",{className:"flex h-9 items-center justify-center rounded-lg border border-gray-300 bg-white px-3 text-sm font-medium text-gray-700 transition-colors hover:bg-gray-100 peer-checked:border-brand-500 peer-checked:bg-brand-50 peer-checked:text-brand-700 peer-focus-visible:border-ring peer-focus-visible:ring-[3px] peer-focus-visible:ring-ring/50",children:a})]},t)))})]})}},79011(e,n,t){function r(e){return e instanceof HTMLElement||e instanceof SVGElement}function l(e,n=i(e)){a(n.find((e=>"A"!==e.tagName))??e)}function a(e){e.focus({preventScroll:!0}),e instanceof HTMLInputElement&&e.select()}function i(e){return[...e.querySelectorAll("*")].filter((e=>r(e)&&e.tabIndex>=0&&!e.matches(':disabled, [hidden], input[type="hidden"]')&&function(e){return"function"!=typeof e.checkVisibility||e.checkVisibility()}(e)))}t.d(n,{dB:()=>l,tJ:()=>i,tp:()=>r,wX:()=>a})}}]);
2//# sourceMappingURL=6505.be29bd6ff04707da78cd.js.map