https://wrenlist.com/_next/static/chunks/37171.eb73ff120c402168.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[37171],{37171:(e,t,s)=>{s.r(t),s.d(t,{default:()=>c});var a=s(95155),l=s(12115),r=s(41514),n=s(65229);function c(e){let{onScan:t,onClose:s}=e,c=(0,l.useRef)(null),i=(0,l.useRef)(null),[u,d]=(0,l.useState)(null),m=(0,l.useId)(),f="wrenlist-qr-".concat(m.replace(/:/g,"-"));return(0,l.useEffect)(()=>{if(!c.current)return;c.current.id=f;let e=new r.j9(f);return i.current=e,e.start({facingMode:"environment"},{fps:10,qrbox:{width:250,height:250}},s=>{let a=s.match(/stashes\/([0-9a-f-]{36})/i);a&&a[1]&&(t(a[1]),e.stop().catch(()=>{}).finally(()=>{e.clear()}))},()=>{}).catch(e=>{d(e instanceof Error?e.message:"Camera not available")}),()=>{i.current&&i.current.stop().catch(()=>{}).finally(()=>{var e;return null==(e=i.current)?void 0:e.clear()})}},[t,f]),(0,a.jsx)("div",{className:"fixed inset-0 bg-black/70 z-50 flex items-center justify-center p-4",children:(0,a.jsxs)("div",{className:"bg-white rounded-lg p-4 max-w-md w-full",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,a.jsx)("h3",{className:"text-sm font-semibold text-ink",children:"Scan stash label"}),(0,a.jsx)("button",{onClick:s,className:"p-1 text-sage-dim hover:text-ink",children:(0,a.jsx)(n.A,{className:"w-4 h-4"})})]}),u?(0,a.jsx)("div",{className:"text-sm text-red-600 p-4",children:u}):(0,a.jsx)("div",{ref:c,className:"w-full",style:{minHeight:300}}),(0,a.jsx)("p",{className:"text-xs text-sage-dim mt-3",children:"Point your camera at a label printed from a stash detail page."})]})})}}}]);