@lightworkai.official/debug-capture 0.17.2 → 0.17.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -0
- package/dist/debug-capture.js +9 -9
- package/dist/index.mjs +15 -15
- package/dist/ui/callFrame.d.ts +1 -0
- package/package.json +1 -1
- package/src/live.ts +49 -3
- package/src/ui/callFrame.ts +14 -3
package/README.md
CHANGED
|
@@ -412,6 +412,14 @@ nothing is drawn here, and the team is told that only they see the marks.
|
|
|
412
412
|
Nothing to configure. Hosts on 0.16 still get the call; only the marks are
|
|
413
413
|
missing there.
|
|
414
414
|
|
|
415
|
+
**0.17.3** — your app and the support portal open side by side. When your
|
|
416
|
+
app and the support host are on the same site (one registrable domain), the
|
|
417
|
+
call's frame no longer signs the person out of their own support-portal tabs.
|
|
418
|
+
A call answered in the portal now takes the frame away in your page, and if
|
|
419
|
+
the person shares your app's tab from the portal, the team's marks are drawn
|
|
420
|
+
here, on your page, by the widget. A page reloaded during a call gets its call
|
|
421
|
+
back. Needs the support host from 2026-10-13 or later; nothing to configure.
|
|
422
|
+
|
|
415
423
|
**0.17.2** — one ring card, at once. When a call rings, the card is the
|
|
416
424
|
call's own card from the first moment (ไม่รับ · รับสาย), and the call's frame
|
|
417
425
|
starts loading straight away instead of after your `identity` token arrives (the
|
package/dist/debug-capture.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(()=>{var I6=((z)=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(z,{get:(J,$)=>(typeof require<"u"?require:J)[$]}):z)(function(z){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+z+'" is not supported')});var C6={maxRequests:60,maxConsoleEntries:120,maxActions:80,maxBodyChars:20000},m=null;function P2(z){let J=[];if(!z.host?.trim())J.push("host");if(!z.realmKey?.trim())J.push("realmKey");if(!z.app?.name?.trim())J.push("app.name");if(typeof z.module!=="function")J.push("module");if(J.length)throw Error(`[debug-capture] configureDebugCapture is missing: ${J.join(", ")}. `+"See the README — `module` maps a pathname to the part of your app it belongs to.");m=z}function N(){if(!m)throw Error("[debug-capture] configureDebugCapture() has not been called");return m}function J1(){return m!==null}function a(){let z=N().app;return{name:z.name,version:z.version??"0.0.0",environment:z.environment??O6()}}function O6(){if(typeof window>"u")return"unknown";let z=window.location.hostname;if(z==="localhost"||z==="127.0.0.1"||z.endsWith(".local"))return"development";return"production"}function Q0(z){let J=m?.capture?.[z];return typeof J==="number"?J:C6[z]}function $1(z){let J=m?.module;if(!J)return null;try{return J(z)??null}catch{return null}}function j1(){let z=m?.redact;return{headers:z?.headers??[],queryKeys:(z?.queryKeys??[]).map((J)=>J.toLowerCase()),bodyKeys:(z?.bodyKeys??[]).map((J)=>J.toLowerCase())}}function q2(){return m?.capture?.overlaySelectors??[]}var _6='[contenteditable]:not([contenteditable="false"]), [data-lw-mask]',S6="[data-lw-mask]",H2={fps:1,quality:0.5};function E0(){let z=m?.replay;if(!z)return null;let J=z===!0?{}:z,$=(Z,V)=>typeof Z==="number"&&Z>0?Z:V,j=J.maskInputs!==!1,Q=J.recordCanvas?{fps:$(typeof J.recordCanvas==="object"?J.recordCanvas.fps:void 0,H2.fps),quality:$(typeof J.recordCanvas==="object"?J.recordCanvas.quality:void 0,H2.quality)}:null;return{seconds:$(J.seconds,60),maskInputs:j,maskTextSelector:J.maskTextSelector?.trim()||(j?_6:S6),maskText:J.maskText===!0,blockSelector:J.blockSelector?.trim()||"[data-lw-private]",maxBytes:$(J.maxBytes,4000000),canvas:Q}}function F2(z){if(typeof window>"u")return!1;let J;try{J=new URL(z,window.location.href)}catch{return!1}if(L6(J))return!1;if(J.origin===window.location.origin)return!0;return(m?.capture?.bodyOrigins??[]).some(($)=>{try{return new URL($).origin===J.origin}catch{return!1}})}function L6(z){if(!m?.host)return!1;try{if(new URL(m.host).origin!==z.origin)return!1}catch{return!1}return z.pathname.startsWith("/ingest/")}function D2(z){let J=Object.entries(z).map(([$,j])=>[$.replace(/\/+$/,"")||"/",j]).sort(($,j)=>j[0].length-$[0].length);return($)=>{let j=($||"/").replace(/\/+$/,"")||"/";for(let[Q,Z]of J)if(j===Q||j.startsWith(`${Q}/`))return{key:Q,label:Z};return null}}var f0="‹redacted›",R6=/^(authorization|proxy-authorization|cookie|set-cookie|x-[a-z-]*token|x-csrf[a-z-]*|x-xsrf[a-z-]*)$/i,A6=new Set(["access_token","token","id_token","refresh_token","code","secret","client_secret","password","apikey","api_key","signature","x-amz-signature","x-amz-credential"]),T6=/(password|passwd|token|secret|authorization|refresh|client_secret|otp|pin)/i,k6=/[\w.+-]+@[\w-]+\.[\w.-]+/g,x6=/\d(?:[\d\s-]{7,})\d/g;function w0(z){return z.replace(k6,f0).replace(x6,f0)}function E6(z){if(R6.test(z))return!0;return j1().headers.some(($)=>$.toLowerCase()===z.toLowerCase())}function b0(z){let J={};for(let[$,j]of Object.entries(z))J[$]=E6($)?f0:j;return J}function Z0(z){try{let J=/^https?:\/\//i.test(z),$=new URL(z,J?void 0:"http://local.invalid"),j=!1;if($.searchParams.forEach((Q,Z)=>{if(A6.has(Z.toLowerCase())||j1().queryKeys.includes(Z.toLowerCase()))$.searchParams.set(Z,f0),j=!0}),!j)return z;return J?$.toString():`${$.pathname}${$.search}`}catch{return z}}function T1(z,J){if(J>6||z===null||typeof z!=="object")return z;if(Array.isArray(z))return z.map((j)=>T1(j,J+1));let $={};for(let[j,Q]of Object.entries(z)){let Z=T6.test(j)||j1().bodyKeys.some((V)=>j.toLowerCase().includes(V));$[j]=Z?f0:T1(Q,J+1)}return $}function g0(z,J){if(z==null)return null;let $=z,j=z.trim();if(j.startsWith("{")||j.startsWith("["))try{let Q=JSON.parse(j);$=JSON.stringify(T1(Q,0))}catch{}if($.length>J)return`${$.slice(0,J)}… [truncated ${$.length-J} chars]`;return $}var k1=120,x1=40,I0=(z,J)=>z.length>J?`${z.slice(0,J)}…`:z,E1=(z)=>{try{return decodeURIComponent(z)}catch{return z}},N0=[],B2=0,M2=!1;function y0(z,J,$,j){let Q=I0(J,k1),Z=N0[N0.length-1];if(z==="navigate"&&Z?.kind==="click"){let Y=Q.replace(/^ไปที่\s*/,"");if(Z.detail.includes(`→ ${Y}`))return Z.at=new Date().toISOString(),Z;let U=Y.split(/[?#]/)[0]??Y,P=Z.source?E1(Z.source.replace(/^→\s*/,"")).split(/[?#]/)[0]:null;if(P&&(U===P||U.startsWith(P)))return Z.detail=I0(`${Z.detail} → ${Y}`,k1),Z.source=void 0,Z.at=new Date().toISOString(),Z}if(Z&&Z.kind===z&&Z.detail===Q){if(Z.at=new Date().toISOString(),z!=="navigate")Z.count=(Z.count??1)+1;return Z}B2+=1;let V={id:`act_${B2}`,at:new Date().toISOString(),kind:z,detail:Q,count:1,source:$,html:Z1(j)};N0.push(V);while(N0.length>Q0("maxActions"))w6(N0.shift());return V}var f6=200000,v0=0;function Z1(z){if(!z)return;if(v0+z.length>f6)return;return v0+=z.length,z}function w6(z){if(!z)return;if(v0-=(z.html?.length??0)+(z.afterHtml?.length??0),v0<0)v0=0}function Q1(z){return z instanceof Element&&Boolean(z.closest("[data-debug-reporter]"))}var b6='button, a[href], [role="button"], [role="tab"], [role="menuitem"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"], [role="link"], summary, input, select, textarea',g6={button:"ปุ่ม",a:"ลิงก์",input:"ช่อง",textarea:"ช่อง",select:"ตัวเลือก",summary:"ส่วนขยาย"},N2={button:"ปุ่ม",tab:"แท็บ",menuitem:"เมนู",option:"ตัวเลือก",switch:"สวิตช์",checkbox:"ช่องเลือก",radio:"ตัวเลือก",link:"ลิงก์"};function y6(z){let J=z.getAttribute("role");if(J&&N2[J])return N2[J];return g6[z.tagName.toLowerCase()]??"ปุ่ม"}function v6(z,J){try{let $=z,j=0;while($&&j<=J){let Q=L2($);if(Q&&typeof Q.memoizedProps?.onClick==="function")return $;$=$.parentElement,j+=1}}catch{}return null}function h6(z){let J=z.getAttribute("aria-label")?.trim();if(J)return J;let $=z.getAttribute("title")?.trim();if($)return $;if(z instanceof HTMLInputElement||z instanceof HTMLTextAreaElement||z instanceof HTMLSelectElement)return(z.getAttribute("placeholder")||z.getAttribute("name")||"").trim();if(z instanceof HTMLImageElement)return(z.getAttribute("alt")||"").trim();let j=(z.textContent??"").replace(/\s+/g," ").trim();if(j)return j;if(z instanceof HTMLAnchorElement){let Q=z.getAttribute("href");if(Q?.startsWith("/"))return E1(Q)}return""}function m6(z){if(!(z instanceof Element))return null;let J=z.closest(b6)??v6(z,4);if(!J)return null;let $=J.tagName.toLowerCase();if($==="html"||$==="body")return null;return J}function u6(z){let J=w0(h6(z));if(!J)return null;return`${y6(z)} “${I0(J,x1)}”`}var S2=6000,p6=4000,d6=/(?:^|\s)!?(?:fixed|absolute|sticky|inset-\S+|z-\S+|top-\S+|bottom-\S+|left-\S+|right-\S+|w-screen|h-screen|min-h-screen|max-h-screen|translate-\S+|scale-\S+)(?=\s|$)/g;function i6(z){z.querySelectorAll("script, style, link, iframe, object, embed, noscript, canvas, video, audio").forEach((Q)=>Q.remove());let J=[z,...Array.from(z.querySelectorAll("*"))];for(let Q of J){for(let V of Array.from(Q.attributes)){let Y=V.name.toLowerCase();if(Y.startsWith("on")||Y==="srcdoc"||Y==="value"||Y.startsWith("data-"))Q.removeAttribute(V.name)}if(Q instanceof HTMLAnchorElement)Q.setAttribute("href","#");if(Q instanceof HTMLImageElement)Q.removeAttribute("src");let Z=Q.getAttribute("class");if(Z){let V=Z.replace(d6," ").replace(/\s+/g," ").trim();if(V)Q.setAttribute("class",V);else Q.removeAttribute("class")}}let $=document.createTreeWalker(z,NodeFilter.SHOW_TEXT),j=$.nextNode();while(j){if(j.nodeValue)j.nodeValue=w0(j.nodeValue);j=$.nextNode()}}function f1(z,J,$){try{let j=z.outerHTML;if(!j||j.length>J)return;let Q=z.cloneNode(!0);i6(Q);let Z=Q.outerHTML;return Z&&Z.length<=$?Z:void 0}catch{return}}var c6=(z)=>f1(z,S2,p6),l6=150000,o6=40000,I2=(z)=>f1(z,l6,o6);function r6(z){if(!(z instanceof HTMLInputElement)&&!(z instanceof HTMLTextAreaElement)&&!(z instanceof HTMLSelectElement))return null;let J=z.name||z.id||z.getAttribute("aria-label")||z.getAttribute("placeholder")||z.tagName.toLowerCase();return`ช่อง “${w0(J)}”`}var C2=80;function L2(z){let J=Object.keys(z).find(($)=>$.startsWith("__reactFiber$")||$.startsWith("__reactInternalInstance$"));return J?z[J]:null}function n6(z){if(typeof z!=="function")return null;try{let J=Function.prototype.toString.call(z);return(J.match(/\.(?:push|replace)\(\s*['"`]([^'"`]+)['"`]/)??J.match(/redirect\(\s*['"`]([^'"`]+)['"`]/))?.[1]??null}catch{return null}}function O2(z){if(!z)return;return`→ ${z.length>C2?`${z.slice(0,C2)}…`:z}`}function s6(z){try{let J=z.closest("a[href]")?.getAttribute("href");if(J&&J.startsWith("/"))return O2(J);let $=L2(z),j=0;while($&&j<30){if(typeof $.memoizedProps?.onClick==="function")return O2(n6($.memoizedProps.onClick));$=$.return,j+=1}return}catch{return}}var a6='[role="dialog"], [role="alertdialog"], [role="menu"], [role="listbox"], [role="status"], [role="alert"]';function t6(){let z=q2();return z.length?z.join(", "):a6}function e6(z){let J=z.getAttribute("role");if(J==="status"||J==="alert")return"ข้อความแจ้งเตือน";if(J==="menu")return"เมนู";if(J==="listbox")return"รายการตัวเลือก";if(J==="alertdialog")return"กล่องยืนยัน";return"กล่องโต้ตอบ"}function z8(z){let J=z.getAttribute("aria-label")?.trim();if(J)return J;let $=z.getAttribute("aria-labelledby");if($){let Z=$.split(/\s+/).map((V)=>document.getElementById(V)?.textContent?.trim()??"").filter(Boolean).join(" ");if(Z)return Z}let Q=z.querySelector('[data-slot="dialog-title"], h1, h2, h3, [role="heading"]')?.textContent?.replace(/\s+/g," ").trim();if(Q)return Q;return(z.textContent??"").replace(/\s+/g," ").trim()}function R2(z){let J=w0(z8(z)),$=e6(z);return J?`เปิด ${$} “${I0(J,x1)}”`:`เปิด ${$}`}var J8='[aria-busy="true"], [role="progressbar"], [data-loading="true"], .animate-pulse, .animate-spin',$8=/กำลังโหลด|กำลังค้นหา|กำลังดำเนินการ|\bloading\b/i;function j8(z){if(z.querySelector(J8))return!0;return $8.test(z.textContent??"")}var Q8=400,Z8=250,X8=8000;function V8(z,J){if(typeof MutationObserver>"u"){J.html=Z1(I2(z));return}let $=Date.now(),j=!1,Q=()=>{j=!0,V.disconnect(),window.clearInterval(Y),window.clearTimeout(U)},Z=()=>{if(j)return;if(Q(),!z.isConnected)return;J.detail=I0(R2(z),k1),J.html=Z1(I2(z))},V=new MutationObserver(()=>{$=Date.now()});V.observe(z,{childList:!0,subtree:!0,attributes:!0,characterData:!0});let Y=window.setInterval(()=>{if(j)return;if(!z.isConnected){Q();return}if(Date.now()-$>=Q8&&!j8(z))Z()},Z8),U=window.setTimeout(Z,X8)}function Y8(z){if(Q1(z))return;let J=y0("ui",R2(z));if(J)V8(z,J)}function K8(){if(typeof MutationObserver>"u")return;let z=new WeakSet;new MutationObserver(($)=>{for(let j of $)for(let Q of Array.from(j.addedNodes)){if(!(Q instanceof Element))continue;let Z=t6(),V=Q.matches(Z)?[Q]:Array.from(Q.querySelectorAll(Z));for(let Y of V){if(z.has(Y))continue;z.add(Y),Y8(Y)}}}).observe(document.body,{childList:!0,subtree:!0})}var W8=1600,G8=2500;function _2(z){return{disabled:z.hasAttribute("disabled")||z.getAttribute("aria-disabled")==="true",busy:z.getAttribute("aria-busy")==="true",text:I0((z.textContent??"").replace(/\s+/g," ").trim(),x1)}}function U8(z,J){if(!z.disabled&&J.disabled)return"ปุ่มถูกปิดใช้งานหลังคลิก";if(!z.busy&&J.busy)return"ปุ่มเข้าสู่สถานะกำลังโหลด";if(z.text!==J.text&&J.text)return`ข้อความเปลี่ยนเป็น “${J.text}”`;return null}function H8(z,J){if(typeof MutationObserver>"u")return;let $=_2(z),j=!1,Q=(Y,U)=>{if(j)return;if(j=!0,Z.disconnect(),window.clearTimeout(V),J.afterNote=Y,U)J.afterHtml=Z1(f1(z,S2,G8))},Z=new MutationObserver(()=>{if(!z.isConnected){Q("องค์ประกอบหายไปจากหน้าจอ",!1);return}let Y=U8($,_2(z));if(Y)Q(Y,!0)});Z.observe(z,{attributes:!0,attributeFilter:["disabled","aria-disabled","aria-busy","class"],childList:!0,subtree:!0,characterData:!0});let V=window.setTimeout(()=>{if(!j&&!z.isConnected){Q("องค์ประกอบหายไปจากหน้าจอ",!1);return}j=!0,Z.disconnect()},W8)}function A2(){if(M2||typeof window>"u")return;M2=!0,document.addEventListener("click",(j)=>{if(Q1(j.target))return;let Q=m6(j.target);if(!Q)return;let Z=u6(Q);if(!Z)return;let V=y0("click",`คลิก ${Z}`,s6(Q),c6(Q));if(V)H8(Q,V)},{capture:!0,passive:!0}),document.addEventListener("change",(j)=>{if(Q1(j.target))return;let Q=r6(j.target);if(Q)y0("input",`แก้ไข ${Q}`)},{capture:!0,passive:!0}),document.addEventListener("submit",(j)=>{if(Q1(j.target))return;y0("submit","ส่งฟอร์ม")},{capture:!0,passive:!0});let z=()=>y0("navigate",`ไปที่ ${E1(Z0(location.pathname+location.search))}`),J=history.pushState.bind(history),$=history.replaceState.bind(history);history.pushState=(...j)=>{let Q=J(...j);return z(),Q},history.replaceState=(...j)=>{let Q=$(...j);return z(),Q},window.addEventListener("popstate",z),K8()}function T2(){return N0.map((z)=>({...z}))}var k2=2000,X1=[],x2=0,E2=!1;function w1(z,J){x2+=1,X1.push({id:`log_${x2}`,at:new Date().toISOString(),level:z,message:J.length>k2?`${J.slice(0,k2)}…`:J});while(X1.length>Q0("maxConsoleEntries"))X1.shift()}function P8(){let z=new WeakSet;return(J,$)=>{if(typeof $==="object"&&$!==null){if(z.has($))return"[Circular]";z.add($)}if(typeof $==="bigint")return $.toString();return $}}function f2(z){if(typeof z==="string")return z;if(z instanceof Error)return`${z.name}: ${z.message}`;try{let J=JSON.stringify(z,P8());if(J!==void 0)return J}catch{}try{return String(z)}catch{}try{return Object.prototype.toString.call(z)}catch{return`[${typeof z}]`}}function w2(){if(E2||typeof window>"u")return;E2=!0;let z=["log","info","warn","error","debug"];for(let J of z){let $=console[J].bind(console);console[J]=(...j)=>{w1(J,j.map(f2).join(" ")),$(...j)}}window.addEventListener("error",(J)=>{let $=J.filename?` (${J.filename}:${J.lineno}:${J.colno})`:"";w1("exception",`${J.message}${$}`)}),window.addEventListener("unhandledrejection",(J)=>{let $=J.reason instanceof Error?`${J.reason.name}: ${J.reason.message}`:f2(J.reason);w1("unhandledrejection",$)})}function b2(){return X1.map((z)=>({...z}))}var g2=new Set,y2=new Set;function v2(z,J){return z.add(J),()=>z.delete(J)}function h2(z,J){for(let $ of[...z])$(J)}function m2(z){return v2(g2,z)}function V1(z={type:"manual"}){h2(g2,z)}function u2(z){return v2(y2,z)}function p2(z){h2(y2,z)}var q8=15000,F8=["ResizeObserver loop","Script error.","Non-Error promise rejection captured"],d2=!1,i2=0;function D8(z){return F8.some((J)=>z.includes(J))}function c2(z){let J=z.message??"";if(!J||D8(J))return;let $=Date.now();if($-i2<q8)return;i2=$,p2({...z,message:J})}function l2(){if(d2||typeof window>"u")return;d2=!0,window.addEventListener("error",(z)=>{if(!z.message&&!z.error)return;let J=z.error instanceof Error?z.error:null;c2({type:"runtime-error",message:z.message||(J?J.message:"Unknown error"),stack:J?.stack})}),window.addEventListener("unhandledrejection",(z)=>{let J=z.reason;c2({type:"unhandledrejection",message:J instanceof Error?J.message:String(J),stack:J instanceof Error?J.stack:void 0})})}var s2=4000,B8=1e6,M8=1e7,Y1=[],o2=0,r2=!1;function a2(z){Y1.push(z);while(Y1.length>Q0("maxRequests"))Y1.shift()}function t2(){return o2+=1,`req_${o2}`}function n2(z){let J={};if(!z)return J;if(z instanceof Headers)z.forEach(($,j)=>{J[j]=$});else if(Array.isArray(z))for(let[$,j]of z)J[$]=j;else Object.assign(J,z);return J}function N8(z){let J={};return z.forEach(($,j)=>{J[j]=$}),J}function I8(z){if(z==null)return null;if(typeof z==="string")return z;if(z instanceof URLSearchParams)return z.toString();if(typeof FormData<"u"&&z instanceof FormData)return`[FormData: ${Array.from(z.keys()).join(", ")}]`;if(typeof Blob<"u"&&z instanceof Blob)return`[Blob ${z.size} bytes]`;if(z instanceof ArrayBuffer)return`[ArrayBuffer ${z.byteLength} bytes]`;return"[binary]"}function C8(z,J){let $="",j="GET",Q={},Z=null;if(typeof z==="string")$=z;else if(z instanceof URL)$=z.toString();else $=z.url,j=z.method||j,Q=n2(z.headers);if(J){if(J.method)j=J.method;if(J.headers)Q={...Q,...n2(J.headers)};if(J.body!==void 0)Z=I8(J.body)}return{method:j.toUpperCase(),url:$,headers:Q,body:Z}}function e2(z){return!F2(z)}function O8(z,J){if(e2(J.url)){J.responseSnippet="[body not captured for this origin]";return}let $=z.headers.get("content-type")??"",j=Number(z.headers.get("content-length")??"0"),Q=j?`, ~${j} bytes`:"";if(!/json|text|xml|html|javascript|urlencoded/i.test($)){J.responseSnippet=`[binary ${$||"unknown"}${Q}]`;return}if(j>B8){J.responseSnippet=`[response ${$||"text"}${Q} — omitted]`;return}try{z.clone().text().then((Z)=>{J.responseSnippet=g0(Z,Q0("maxBodyChars"))}).catch(()=>{})}catch{}}function z4(z,J){if(/[?&]_rsc=/.test(z))return!0;for(let $ of Object.keys(J)){let j=$.toLowerCase();if(j==="rsc"||j==="next-router-prefetch"||j==="next-router-state-tree")return!0}return!1}function _8(){if(typeof window>"u"||typeof window.fetch!=="function")return;let z=window.fetch.bind(window);window.fetch=Object.assign(async(J,$)=>{let j=C8(J,$);if(z4(j.url,j.headers))return z(J,$);let Q={id:t2(),startedAt:new Date().toISOString(),method:j.method,url:Z0(j.url),requestHeaders:b0(j.headers),requestBody:g0(j.body,s2),status:null,statusText:null,durationMs:null,via:"fetch"};a2(Q);let Z=performance.now();try{let V=await z(J,$);return Q.status=V.status,Q.statusText=V.statusText,Q.durationMs=Math.round(performance.now()-Z),Q.responseHeaders=b0(N8(V.headers)),O8(V,Q),V}catch(V){throw Q.durationMs=Math.round(performance.now()-Z),Q.error=V instanceof Error?`${V.name}: ${V.message}`:String(V),V}},z)}function S8(){if(typeof window>"u"||typeof window.XMLHttpRequest!=="function")return;let z=XMLHttpRequest.prototype,J=z.open,$=z.send,j=function(Z,V){let Y=typeof V==="string"?V:V.toString();return this.__lwEntry=z4(Y,{})?void 0:{id:t2(),startedAt:"",method:(Z||"GET").toUpperCase(),url:Z0(Y),requestHeaders:{},requestBody:null,status:null,statusText:null,durationMs:null,via:"xhr"},J.apply(this,arguments)},Q=function(Z){let V=this.__lwEntry;if(V){V.startedAt=new Date().toISOString(),V.requestBody=typeof Z==="string"?g0(Z,s2):Z==null?null:"[non-string body]";let Y=performance.now();a2(V),this.addEventListener("loadend",()=>{if(V.status=this.status||null,V.statusText=this.statusText||null,V.durationMs=Math.round(performance.now()-Y),e2(V.url))V.responseSnippet="[body not captured for this origin]";else if(this.responseType===""||this.responseType==="text")try{V.responseSnippet=g0(this.responseText||"",Q0("maxBodyChars"))}catch{}else{let U=this.getResponseHeader("content-type")??this.responseType;V.responseSnippet=`[binary ${U}]`}})}return $.apply(this,arguments)};z.open=j,z.send=Q}function J4(){if(r2)return;r2=!0,_8(),S8()}function $4(){let z=Y1.map(($)=>({...$})),J=0;for(let $=z.length-1;$>=0;$-=1){let j=z[$],Q=j?.responseSnippet;if(!j||typeof Q!=="string"||Q.length===0)continue;if(J+Q.length>M8)j.responseSnippet=`[response omitted — report size budget reached (${Q.length.toLocaleString()} chars)]`;else J+=Q.length}return z}var L8=4,j4=3,R8=4000,A8="[data-debug-reporter]",Q4=()=>import("@rrweb/record");function Z4(z){Q4=z}var p=[],b1=null,K1=!1;function X4(){if(typeof window>"u"||b1||K1)return;let z=E0();if(!z)return;K1=!0;let J=()=>void T8(z);if("requestIdleCallback"in window)window.requestIdleCallback(J,{timeout:3000});else setTimeout(J,1000)}async function T8(z){let J;try{J=(await Q4()).record}catch($){K1=!1,console.warn("[debug-capture] session replay could not start:",$);return}if(b1)return;try{b1=J({emit:($)=>k8($),checkoutEveryNms:Math.max(1000,z.seconds*1000/2),checkoutEveryNth:R8,maskAllInputs:z.maskInputs,maskTextSelector:z.maskText?"*":z.maskTextSelector,blockSelector:`${z.blockSelector}, ${A8}`,slimDOMOptions:"all",inlineStylesheet:!0,sampling:{mousemove:50,scroll:150,media:800,input:"last",...z.canvas?{canvas:z.canvas.fps}:{}},recordCanvas:z.canvas!==null,...z.canvas?{dataURLOptions:{type:"image/webp",quality:z.canvas.quality}}:{},errorHandler:()=>!0})??null}catch($){console.warn("[debug-capture] session replay could not start:",$)}finally{K1=!1}}function k8(z){if(z.type===L8||p.length===0){if(p.push([]),p.length>j4)p=p.slice(-j4)}p[p.length-1].push(z)}function V4(z=Date.now()){let J=E0();if(!J||!p.length)return null;let $=z-J.seconds*1000,j=p.length-1;while(j>0&&(p[j][0]?.timestamp??z)>$)j-=1;let Q=p.slice(j).flat(),Z=Q[0]?.timestamp,V=Q[Q.length-1]?.timestamp;if(Z===void 0||V===void 0)return null;return{events:Q,startedAt:new Date(Z).toISOString(),endedAt:new Date(V).toISOString(),durationMs:Math.max(0,V-Z)}}var x8={title:"รายงานปัญหา",summaryLabel:"หัวข้อปัญหา",summaryRequired:"(ต้องกรอกก่อนแจ้งปัญหา)",summaryPlaceholder:"สรุปปัญหาสั้น ๆ เช่น กดบันทึกร่างแล้ว error",detailLabel:"อธิบายปัญหา (ไม่บังคับ)",detailPlaceholder:"เกิดอะไรขึ้น? กำลังทำอะไรอยู่ตอนที่พบปัญหา?",annotateTitle:"วาดบนรูป",annotateHint:"ทำเครื่องหมายจุดที่มีปัญหาก่อนแนบ — วงกรอบ ชี้ลูกศร ไฮไลต์ หรือพิมพ์ข้อความ",annotateApply:"ใช้รูปนี้",cancel:"ยกเลิก",toolRect:"กรอบ",toolArrow:"ลูกศร",toolHighlight:"ไฮไลต์",toolText:"ข้อความ",deleteSelected:"ลบที่เลือก",clearAll:"ล้างทั้งหมด",annotateHelp:"เลือกเครื่องมือแล้วลากบนรูป · ไม่ได้เลือกเครื่องมือ = ย้าย/ปรับขนาดสิ่งที่วาดไว้ · กดกากบาทมุมขวาบนของรูปทรงเพื่อลบ",capturing:"กำลังเก็บภาพหน้าจอ…",noScreenshot:"ไม่มีภาพหน้าจอ — ยังส่งรายงานได้",cancelled:"ยกเลิกการเก็บภาพหน้าจอแล้ว",close:"ปิด",submit:"แจ้งปัญหา",submitting:"กำลังส่ง…",submitted:"แจ้งปัญหาสำเร็จ",crashed:"เกิดข้อผิดพลาดในระบบ",crashAction:"แจ้งปัญหา",failed:"ส่งรายงานไม่สำเร็จ",failedOffline:"ส่งไม่สำเร็จ — เชื่อมต่อเซิร์ฟเวอร์ไม่ได้ ข้อความที่พิมพ์ไว้ยังอยู่ ตรวจสอบอินเทอร์เน็ตแล้วลองใหม่",failedUnavailable:"ส่งไม่สำเร็จ — ระบบกำลังปรับปรุงชั่วคราว ข้อความที่พิมพ์ไว้ยังอยู่ ลองใหม่ในอีกสักครู่",failedTooMany:"แจ้งปัญหาถี่เกินไป — ลองใหม่ในอีก {seconds} วินาที",captured:"เก็บข้อมูลแล้ว",reporter:"ผู้แจ้ง",page:"หน้า",replay:"บันทึกการใช้งาน",handoffTitle:"กำลังพาไปที่ระบบแจ้งปัญหา",handoffBody:"ระบบจะลงชื่อเข้าใช้ให้อัตโนมัติ เพื่อดูเรื่องที่คุณแจ้งไว้",handoffGo:"ไปเลย",handoffPreparing:"กำลังเตรียม…",handoffFailed:"เปิดรายการที่แจ้งไว้ไม่สำเร็จ",handoffBlocked:"เบราว์เซอร์บล็อกการเปิดแท็บใหม่",handoffOpen:"เปิดในแท็บใหม่",chooseTitle:"ต้องการให้ทีมช่วยเรื่องอะไร",kindProblem:"แจ้งปัญหา",kindRequest:"คำขอ",askInstead:"เป็นคำขอ?",askInsteadAction:"เลือกเรื่องที่ขอ",problemInstead:"เป็นปัญหาที่ต้องแก้?",problemInsteadAction:"แจ้งปัญหาแทน",problemInsteadShare:"แจ้งปัญหาแทน (แนบภาพหน้าจอ)",chooseProblemHint:"มีอะไรเสีย หรือใช้งานไม่ได้ — แนบภาพหน้าจอ",chooseRequestHint:"ขอให้ทีมทำ เช่น ขอสิทธิ์ ขอแก้ข้อมูล — ไม่ต้องแชร์หน้าจอ",requestTitle:"ขอให้ทีมดำเนินการ",requestTypeLabel:"เรื่องที่ขอ",requestTypeSearch:"ค้นหาเรื่องที่ขอ",requestTypeNone:"ไม่พบเรื่องที่ขอ — ลองคำอื่น",requestTypeCount:"{n} เรื่อง — เลื่อนดูหรือพิมพ์ค้นหา",requestTarget:"ทีมตั้งใจให้เสร็จภายใน {time}",requestSummaryLabel:"หัวข้อ",requestSummaryPlaceholder:"ขออะไร — สั้น ๆ",requestDetailLabel:"รายละเอียด (ไม่บังคับ)",requestDetailPlaceholder:"สิ่งที่ทีมต้องรู้เพื่อดำเนินการ",requestSubmit:"ส่งคำขอ",requestSubmitted:"ส่งคำขอแล้ว",requestWithShot:"แนบภาพหน้าจอนี้ไปกับคำขอ",requestAnnotateHint:"ทำเครื่องหมายสิ่งที่ขอบนภาพ — วงกรอบ ชี้ลูกศร ไฮไลต์ หรือพิมพ์ข้อความ",draftRestored:"ข้อความที่พิมพ์ไว้ครั้งก่อน ยังไม่ได้ส่ง",draftClear:"ล้าง",requestLeaves:"ไม่ส่งไปกับคำขอ",requestLeavesWhat:"บันทึกการใช้งานของหน้านี้ — ใช้กับการแจ้งปัญหาเท่านั้น",days:"{n} วัน",hours:"{n} ชั่วโมง",ringTitle:"ทีมงานกำลังโทรหาคุณ",ringAbout:"เรื่อง {key} · {title}",ringHow:"รับสายในหน้าคำร้องของคุณ — เปิดในแท็บใหม่ ไม่ต้องเข้าสู่ระบบอีก",ringOpen:"เปิดเพื่อรับสาย",ringDecline:"ไม่รับ",ringOpened:"เปิดหน้ารับสายแล้ว — กด รับสาย ในแท็บที่เปิดขึ้น",ringBlocked:"เบราว์เซอร์บล็อกแท็บใหม่ — กดที่นี่เพื่อเปิดหน้ารับสาย",ringClose:"ปิด",ringTab:"\uD83D\uDCDE สายเข้า",ringHint:"เมื่อรับสาย เบราว์เซอร์จะขอใช้ไมโครโฟน · ระหว่างคุย ทีมงานอาจขอดูหน้าจอ — คุณเลือกได้เสมอว่าจะให้ดูหรือไม่",ringTest:"ทดสอบไมค์และลำโพงก่อนรับสาย",ringAnswer:"รับสาย",ringAnswering:"กำลังรับสาย…",ringFallback:"เปิดสายในหน้านี้ไม่ได้ — รับสายในแท็บใหม่แทน ไม่ต้องเข้าสู่ระบบอีก"},E8={title:"Report a problem",summaryLabel:"Summary",summaryRequired:"(required)",summaryPlaceholder:"One line, e.g. saving a draft returns an error",detailLabel:"Details (optional)",detailPlaceholder:"What happened? What were you doing at the time?",annotateTitle:"Draw on the image",annotateHint:"Mark what went wrong before attaching — box it, point at it, highlight it, or type on it",annotateApply:"Use this image",cancel:"Cancel",toolRect:"Box",toolArrow:"Arrow",toolHighlight:"Highlight",toolText:"Text",deleteSelected:"Delete selected",clearAll:"Clear all",annotateHelp:"Pick a tool and drag on the image · no tool selected = move/resize what you drew · press the ✕ on a shape to delete it",capturing:"Capturing the screen…",noScreenshot:"No screenshot — you can still send the report",cancelled:"Screen capture cancelled",close:"Close",submit:"Send report",submitting:"Sending…",submitted:"Report sent",crashed:"Something went wrong",crashAction:"Report it",failed:"Could not send the report",failedOffline:"Could not send — the server could not be reached. What you wrote is still here; check your connection and try again.",failedUnavailable:"Could not send — the system is being updated. What you wrote is still here; try again in a moment.",failedTooMany:"Too many reports — try again in {seconds} seconds.",captured:"Captured",reporter:"Reporter",page:"Page",replay:"activity log",handoffTitle:"Opening the support portal",handoffBody:"You will be signed in automatically to see what you reported",handoffGo:"Go now",handoffPreparing:"Preparing…",handoffFailed:"Could not open your reports",handoffBlocked:"Your browser blocked the new tab",handoffOpen:"Open in a new tab",chooseTitle:"How can the team help?",kindProblem:"Report a problem",kindRequest:"Request",askInstead:"Asking for something?",askInsteadAction:"Choose what you need",problemInstead:"Something broken?",problemInsteadAction:"Report a problem instead",problemInsteadShare:"Report a problem instead (with a screenshot)",chooseProblemHint:"Something is broken or not working — with a screenshot",chooseRequestHint:"Ask the team to do something, like access or a data change — no screen sharing",requestTitle:"Ask the team",requestTypeLabel:"What you need",requestTypeSearch:"Search what you need",requestTypeNone:"Nothing matches — try another word",requestTypeCount:"{n} to choose from — scroll or search",requestTarget:"The team aims to finish within {time}",requestSummaryLabel:"Subject",requestSummaryPlaceholder:"What do you need — briefly",requestDetailLabel:"Details (optional)",requestDetailPlaceholder:"What the team needs to know to do it",requestSubmit:"Send request",requestSubmitted:"Request sent",requestWithShot:"Attach this screenshot to the request",requestAnnotateHint:"Mark what you are asking about — box it, point at it, highlight it, or type on it",draftRestored:"What you typed last time, not sent yet",draftClear:"Clear",requestLeaves:"Not sent with a request",requestLeavesWhat:"this page's activity log — it is for problem reports only",days:"{n} days",hours:"{n} hours",ringTitle:"The support team is calling you",ringAbout:"About {key} · {title}",ringHow:"Answer on your request's page — it opens in a new tab, already signed in",ringOpen:"Open to answer",ringDecline:"Decline",ringOpened:"Opened — press Answer in the new tab",ringBlocked:"Your browser blocked the new tab — open the call here",ringClose:"Close",ringTab:"\uD83D\uDCDE Incoming call",ringHint:"When you answer, your browser asks for the microphone · during the call the team may ask to see your screen — you always choose",ringTest:"Test the microphone and speaker first",ringAnswer:"Answer",ringAnswering:"Answering…",ringFallback:"The call can't open on this page — answer in a new tab instead, already signed in"};function P0(z){return z==="en"?E8:x8}var f8="lw-debug-toasts",w8=6000,b8=`
|
|
1
|
+
(()=>{var A6=((z)=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(z,{get:(J,$)=>(typeof require<"u"?require:J)[$]}):z)(function(z){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+z+'" is not supported')});var T6={maxRequests:60,maxConsoleEntries:120,maxActions:80,maxBodyChars:20000},m=null;function C2(z){let J=[];if(!z.host?.trim())J.push("host");if(!z.realmKey?.trim())J.push("realmKey");if(!z.app?.name?.trim())J.push("app.name");if(typeof z.module!=="function")J.push("module");if(J.length)throw Error(`[debug-capture] configureDebugCapture is missing: ${J.join(", ")}. `+"See the README — `module` maps a pathname to the part of your app it belongs to.");m=z}function N(){if(!m)throw Error("[debug-capture] configureDebugCapture() has not been called");return m}function $1(){return m!==null}function t(){let z=N().app;return{name:z.name,version:z.version??"0.0.0",environment:z.environment??k6()}}function k6(){if(typeof window>"u")return"unknown";let z=window.location.hostname;if(z==="localhost"||z==="127.0.0.1"||z.endsWith(".local"))return"development";return"production"}function Q0(z){let J=m?.capture?.[z];return typeof J==="number"?J:T6[z]}function j1(z){let J=m?.module;if(!J)return null;try{return J(z)??null}catch{return null}}function Q1(){let z=m?.redact;return{headers:z?.headers??[],queryKeys:(z?.queryKeys??[]).map((J)=>J.toLowerCase()),bodyKeys:(z?.bodyKeys??[]).map((J)=>J.toLowerCase())}}function I2(){return m?.capture?.overlaySelectors??[]}var x6='[contenteditable]:not([contenteditable="false"]), [data-lw-mask]',E6="[data-lw-mask]",N2={fps:1,quality:0.5};function w0(){let z=m?.replay;if(!z)return null;let J=z===!0?{}:z,$=(Z,V)=>typeof Z==="number"&&Z>0?Z:V,j=J.maskInputs!==!1,Q=J.recordCanvas?{fps:$(typeof J.recordCanvas==="object"?J.recordCanvas.fps:void 0,N2.fps),quality:$(typeof J.recordCanvas==="object"?J.recordCanvas.quality:void 0,N2.quality)}:null;return{seconds:$(J.seconds,60),maskInputs:j,maskTextSelector:J.maskTextSelector?.trim()||(j?x6:E6),maskText:J.maskText===!0,blockSelector:J.blockSelector?.trim()||"[data-lw-private]",maxBytes:$(J.maxBytes,4000000),canvas:Q}}function O2(z){if(typeof window>"u")return!1;let J;try{J=new URL(z,window.location.href)}catch{return!1}if(f6(J))return!1;if(J.origin===window.location.origin)return!0;return(m?.capture?.bodyOrigins??[]).some(($)=>{try{return new URL($).origin===J.origin}catch{return!1}})}function f6(z){if(!m?.host)return!1;try{if(new URL(m.host).origin!==z.origin)return!1}catch{return!1}return z.pathname.startsWith("/ingest/")}function _2(z){let J=Object.entries(z).map(([$,j])=>[$.replace(/\/+$/,"")||"/",j]).sort(($,j)=>j[0].length-$[0].length);return($)=>{let j=($||"/").replace(/\/+$/,"")||"/";for(let[Q,Z]of J)if(j===Q||j.startsWith(`${Q}/`))return{key:Q,label:Z};return null}}var b0="‹redacted›",w6=/^(authorization|proxy-authorization|cookie|set-cookie|x-[a-z-]*token|x-csrf[a-z-]*|x-xsrf[a-z-]*)$/i,b6=new Set(["access_token","token","id_token","refresh_token","code","secret","client_secret","password","apikey","api_key","signature","x-amz-signature","x-amz-credential"]),g6=/(password|passwd|token|secret|authorization|refresh|client_secret|otp|pin)/i,y6=/[\w.+-]+@[\w-]+\.[\w.-]+/g,v6=/\d(?:[\d\s-]{7,})\d/g;function g0(z){return z.replace(y6,b0).replace(v6,b0)}function h6(z){if(w6.test(z))return!0;return Q1().headers.some(($)=>$.toLowerCase()===z.toLowerCase())}function y0(z){let J={};for(let[$,j]of Object.entries(z))J[$]=h6($)?b0:j;return J}function Z0(z){try{let J=/^https?:\/\//i.test(z),$=new URL(z,J?void 0:"http://local.invalid"),j=!1;if($.searchParams.forEach((Q,Z)=>{if(b6.has(Z.toLowerCase())||Q1().queryKeys.includes(Z.toLowerCase()))$.searchParams.set(Z,b0),j=!0}),!j)return z;return J?$.toString():`${$.pathname}${$.search}`}catch{return z}}function f1(z,J){if(J>6||z===null||typeof z!=="object")return z;if(Array.isArray(z))return z.map((j)=>f1(j,J+1));let $={};for(let[j,Q]of Object.entries(z)){let Z=g6.test(j)||Q1().bodyKeys.some((V)=>j.toLowerCase().includes(V));$[j]=Z?b0:f1(Q,J+1)}return $}function v0(z,J){if(z==null)return null;let $=z,j=z.trim();if(j.startsWith("{")||j.startsWith("["))try{let Q=JSON.parse(j);$=JSON.stringify(f1(Q,0))}catch{}if($.length>J)return`${$.slice(0,J)}… [truncated ${$.length-J} chars]`;return $}var w1=120,b1=40,I0=(z,J)=>z.length>J?`${z.slice(0,J)}…`:z,g1=(z)=>{try{return decodeURIComponent(z)}catch{return z}},C0=[],S2=0,L2=!1;function h0(z,J,$,j){let Q=I0(J,w1),Z=C0[C0.length-1];if(z==="navigate"&&Z?.kind==="click"){let Y=Q.replace(/^ไปที่\s*/,"");if(Z.detail.includes(`→ ${Y}`))return Z.at=new Date().toISOString(),Z;let U=Y.split(/[?#]/)[0]??Y,P=Z.source?g1(Z.source.replace(/^→\s*/,"")).split(/[?#]/)[0]:null;if(P&&(U===P||U.startsWith(P)))return Z.detail=I0(`${Z.detail} → ${Y}`,w1),Z.source=void 0,Z.at=new Date().toISOString(),Z}if(Z&&Z.kind===z&&Z.detail===Q){if(Z.at=new Date().toISOString(),z!=="navigate")Z.count=(Z.count??1)+1;return Z}S2+=1;let V={id:`act_${S2}`,at:new Date().toISOString(),kind:z,detail:Q,count:1,source:$,html:X1(j)};C0.push(V);while(C0.length>Q0("maxActions"))u6(C0.shift());return V}var m6=200000,m0=0;function X1(z){if(!z)return;if(m0+z.length>m6)return;return m0+=z.length,z}function u6(z){if(!z)return;if(m0-=(z.html?.length??0)+(z.afterHtml?.length??0),m0<0)m0=0}function Z1(z){return z instanceof Element&&Boolean(z.closest("[data-debug-reporter]"))}var p6='button, a[href], [role="button"], [role="tab"], [role="menuitem"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"], [role="link"], summary, input, select, textarea',d6={button:"ปุ่ม",a:"ลิงก์",input:"ช่อง",textarea:"ช่อง",select:"ตัวเลือก",summary:"ส่วนขยาย"},R2={button:"ปุ่ม",tab:"แท็บ",menuitem:"เมนู",option:"ตัวเลือก",switch:"สวิตช์",checkbox:"ช่องเลือก",radio:"ตัวเลือก",link:"ลิงก์"};function i6(z){let J=z.getAttribute("role");if(J&&R2[J])return R2[J];return d6[z.tagName.toLowerCase()]??"ปุ่ม"}function c6(z,J){try{let $=z,j=0;while($&&j<=J){let Q=f2($);if(Q&&typeof Q.memoizedProps?.onClick==="function")return $;$=$.parentElement,j+=1}}catch{}return null}function l6(z){let J=z.getAttribute("aria-label")?.trim();if(J)return J;let $=z.getAttribute("title")?.trim();if($)return $;if(z instanceof HTMLInputElement||z instanceof HTMLTextAreaElement||z instanceof HTMLSelectElement)return(z.getAttribute("placeholder")||z.getAttribute("name")||"").trim();if(z instanceof HTMLImageElement)return(z.getAttribute("alt")||"").trim();let j=(z.textContent??"").replace(/\s+/g," ").trim();if(j)return j;if(z instanceof HTMLAnchorElement){let Q=z.getAttribute("href");if(Q?.startsWith("/"))return g1(Q)}return""}function o6(z){if(!(z instanceof Element))return null;let J=z.closest(p6)??c6(z,4);if(!J)return null;let $=J.tagName.toLowerCase();if($==="html"||$==="body")return null;return J}function r6(z){let J=g0(l6(z));if(!J)return null;return`${i6(z)} “${I0(J,b1)}”`}var E2=6000,s6=4000,n6=/(?:^|\s)!?(?:fixed|absolute|sticky|inset-\S+|z-\S+|top-\S+|bottom-\S+|left-\S+|right-\S+|w-screen|h-screen|min-h-screen|max-h-screen|translate-\S+|scale-\S+)(?=\s|$)/g;function a6(z){z.querySelectorAll("script, style, link, iframe, object, embed, noscript, canvas, video, audio").forEach((Q)=>Q.remove());let J=[z,...Array.from(z.querySelectorAll("*"))];for(let Q of J){for(let V of Array.from(Q.attributes)){let Y=V.name.toLowerCase();if(Y.startsWith("on")||Y==="srcdoc"||Y==="value"||Y.startsWith("data-"))Q.removeAttribute(V.name)}if(Q instanceof HTMLAnchorElement)Q.setAttribute("href","#");if(Q instanceof HTMLImageElement)Q.removeAttribute("src");let Z=Q.getAttribute("class");if(Z){let V=Z.replace(n6," ").replace(/\s+/g," ").trim();if(V)Q.setAttribute("class",V);else Q.removeAttribute("class")}}let $=document.createTreeWalker(z,NodeFilter.SHOW_TEXT),j=$.nextNode();while(j){if(j.nodeValue)j.nodeValue=g0(j.nodeValue);j=$.nextNode()}}function y1(z,J,$){try{let j=z.outerHTML;if(!j||j.length>J)return;let Q=z.cloneNode(!0);a6(Q);let Z=Q.outerHTML;return Z&&Z.length<=$?Z:void 0}catch{return}}var t6=(z)=>y1(z,E2,s6),e6=150000,z8=40000,A2=(z)=>y1(z,e6,z8);function J8(z){if(!(z instanceof HTMLInputElement)&&!(z instanceof HTMLTextAreaElement)&&!(z instanceof HTMLSelectElement))return null;let J=z.name||z.id||z.getAttribute("aria-label")||z.getAttribute("placeholder")||z.tagName.toLowerCase();return`ช่อง “${g0(J)}”`}var T2=80;function f2(z){let J=Object.keys(z).find(($)=>$.startsWith("__reactFiber$")||$.startsWith("__reactInternalInstance$"));return J?z[J]:null}function $8(z){if(typeof z!=="function")return null;try{let J=Function.prototype.toString.call(z);return(J.match(/\.(?:push|replace)\(\s*['"`]([^'"`]+)['"`]/)??J.match(/redirect\(\s*['"`]([^'"`]+)['"`]/))?.[1]??null}catch{return null}}function k2(z){if(!z)return;return`→ ${z.length>T2?`${z.slice(0,T2)}…`:z}`}function j8(z){try{let J=z.closest("a[href]")?.getAttribute("href");if(J&&J.startsWith("/"))return k2(J);let $=f2(z),j=0;while($&&j<30){if(typeof $.memoizedProps?.onClick==="function")return k2($8($.memoizedProps.onClick));$=$.return,j+=1}return}catch{return}}var Q8='[role="dialog"], [role="alertdialog"], [role="menu"], [role="listbox"], [role="status"], [role="alert"]';function Z8(){let z=I2();return z.length?z.join(", "):Q8}function X8(z){let J=z.getAttribute("role");if(J==="status"||J==="alert")return"ข้อความแจ้งเตือน";if(J==="menu")return"เมนู";if(J==="listbox")return"รายการตัวเลือก";if(J==="alertdialog")return"กล่องยืนยัน";return"กล่องโต้ตอบ"}function V8(z){let J=z.getAttribute("aria-label")?.trim();if(J)return J;let $=z.getAttribute("aria-labelledby");if($){let Z=$.split(/\s+/).map((V)=>document.getElementById(V)?.textContent?.trim()??"").filter(Boolean).join(" ");if(Z)return Z}let Q=z.querySelector('[data-slot="dialog-title"], h1, h2, h3, [role="heading"]')?.textContent?.replace(/\s+/g," ").trim();if(Q)return Q;return(z.textContent??"").replace(/\s+/g," ").trim()}function w2(z){let J=g0(V8(z)),$=X8(z);return J?`เปิด ${$} “${I0(J,b1)}”`:`เปิด ${$}`}var Y8='[aria-busy="true"], [role="progressbar"], [data-loading="true"], .animate-pulse, .animate-spin',W8=/กำลังโหลด|กำลังค้นหา|กำลังดำเนินการ|\bloading\b/i;function K8(z){if(z.querySelector(Y8))return!0;return W8.test(z.textContent??"")}var G8=400,U8=250,H8=8000;function P8(z,J){if(typeof MutationObserver>"u"){J.html=X1(A2(z));return}let $=Date.now(),j=!1,Q=()=>{j=!0,V.disconnect(),window.clearInterval(Y),window.clearTimeout(U)},Z=()=>{if(j)return;if(Q(),!z.isConnected)return;J.detail=I0(w2(z),w1),J.html=X1(A2(z))},V=new MutationObserver(()=>{$=Date.now()});V.observe(z,{childList:!0,subtree:!0,attributes:!0,characterData:!0});let Y=window.setInterval(()=>{if(j)return;if(!z.isConnected){Q();return}if(Date.now()-$>=G8&&!K8(z))Z()},U8),U=window.setTimeout(Z,H8)}function q8(z){if(Z1(z))return;let J=h0("ui",w2(z));if(J)P8(z,J)}function F8(){if(typeof MutationObserver>"u")return;let z=new WeakSet;new MutationObserver(($)=>{for(let j of $)for(let Q of Array.from(j.addedNodes)){if(!(Q instanceof Element))continue;let Z=Z8(),V=Q.matches(Z)?[Q]:Array.from(Q.querySelectorAll(Z));for(let Y of V){if(z.has(Y))continue;z.add(Y),q8(Y)}}}).observe(document.body,{childList:!0,subtree:!0})}var D8=1600,M8=2500;function x2(z){return{disabled:z.hasAttribute("disabled")||z.getAttribute("aria-disabled")==="true",busy:z.getAttribute("aria-busy")==="true",text:I0((z.textContent??"").replace(/\s+/g," ").trim(),b1)}}function B8(z,J){if(!z.disabled&&J.disabled)return"ปุ่มถูกปิดใช้งานหลังคลิก";if(!z.busy&&J.busy)return"ปุ่มเข้าสู่สถานะกำลังโหลด";if(z.text!==J.text&&J.text)return`ข้อความเปลี่ยนเป็น “${J.text}”`;return null}function N8(z,J){if(typeof MutationObserver>"u")return;let $=x2(z),j=!1,Q=(Y,U)=>{if(j)return;if(j=!0,Z.disconnect(),window.clearTimeout(V),J.afterNote=Y,U)J.afterHtml=X1(y1(z,E2,M8))},Z=new MutationObserver(()=>{if(!z.isConnected){Q("องค์ประกอบหายไปจากหน้าจอ",!1);return}let Y=B8($,x2(z));if(Y)Q(Y,!0)});Z.observe(z,{attributes:!0,attributeFilter:["disabled","aria-disabled","aria-busy","class"],childList:!0,subtree:!0,characterData:!0});let V=window.setTimeout(()=>{if(!j&&!z.isConnected){Q("องค์ประกอบหายไปจากหน้าจอ",!1);return}j=!0,Z.disconnect()},D8)}function b2(){if(L2||typeof window>"u")return;L2=!0,document.addEventListener("click",(j)=>{if(Z1(j.target))return;let Q=o6(j.target);if(!Q)return;let Z=r6(Q);if(!Z)return;let V=h0("click",`คลิก ${Z}`,j8(Q),t6(Q));if(V)N8(Q,V)},{capture:!0,passive:!0}),document.addEventListener("change",(j)=>{if(Z1(j.target))return;let Q=J8(j.target);if(Q)h0("input",`แก้ไข ${Q}`)},{capture:!0,passive:!0}),document.addEventListener("submit",(j)=>{if(Z1(j.target))return;h0("submit","ส่งฟอร์ม")},{capture:!0,passive:!0});let z=()=>h0("navigate",`ไปที่ ${g1(Z0(location.pathname+location.search))}`),J=history.pushState.bind(history),$=history.replaceState.bind(history);history.pushState=(...j)=>{let Q=J(...j);return z(),Q},history.replaceState=(...j)=>{let Q=$(...j);return z(),Q},window.addEventListener("popstate",z),F8()}function g2(){return C0.map((z)=>({...z}))}var y2=2000,V1=[],v2=0,h2=!1;function v1(z,J){v2+=1,V1.push({id:`log_${v2}`,at:new Date().toISOString(),level:z,message:J.length>y2?`${J.slice(0,y2)}…`:J});while(V1.length>Q0("maxConsoleEntries"))V1.shift()}function C8(){let z=new WeakSet;return(J,$)=>{if(typeof $==="object"&&$!==null){if(z.has($))return"[Circular]";z.add($)}if(typeof $==="bigint")return $.toString();return $}}function m2(z){if(typeof z==="string")return z;if(z instanceof Error)return`${z.name}: ${z.message}`;try{let J=JSON.stringify(z,C8());if(J!==void 0)return J}catch{}try{return String(z)}catch{}try{return Object.prototype.toString.call(z)}catch{return`[${typeof z}]`}}function u2(){if(h2||typeof window>"u")return;h2=!0;let z=["log","info","warn","error","debug"];for(let J of z){let $=console[J].bind(console);console[J]=(...j)=>{v1(J,j.map(m2).join(" ")),$(...j)}}window.addEventListener("error",(J)=>{let $=J.filename?` (${J.filename}:${J.lineno}:${J.colno})`:"";v1("exception",`${J.message}${$}`)}),window.addEventListener("unhandledrejection",(J)=>{let $=J.reason instanceof Error?`${J.reason.name}: ${J.reason.message}`:m2(J.reason);v1("unhandledrejection",$)})}function p2(){return V1.map((z)=>({...z}))}var d2=new Set,i2=new Set;function c2(z,J){return z.add(J),()=>z.delete(J)}function l2(z,J){for(let $ of[...z])$(J)}function o2(z){return c2(d2,z)}function Y1(z={type:"manual"}){l2(d2,z)}function r2(z){return c2(i2,z)}function s2(z){l2(i2,z)}var I8=15000,O8=["ResizeObserver loop","Script error.","Non-Error promise rejection captured"],n2=!1,a2=0;function _8(z){return O8.some((J)=>z.includes(J))}function t2(z){let J=z.message??"";if(!J||_8(J))return;let $=Date.now();if($-a2<I8)return;a2=$,s2({...z,message:J})}function e2(){if(n2||typeof window>"u")return;n2=!0,window.addEventListener("error",(z)=>{if(!z.message&&!z.error)return;let J=z.error instanceof Error?z.error:null;t2({type:"runtime-error",message:z.message||(J?J.message:"Unknown error"),stack:J?.stack})}),window.addEventListener("unhandledrejection",(z)=>{let J=z.reason;t2({type:"unhandledrejection",message:J instanceof Error?J.message:String(J),stack:J instanceof Error?J.stack:void 0})})}var j4=4000,S8=1e6,L8=1e7,W1=[],z4=0,J4=!1;function Q4(z){W1.push(z);while(W1.length>Q0("maxRequests"))W1.shift()}function Z4(){return z4+=1,`req_${z4}`}function $4(z){let J={};if(!z)return J;if(z instanceof Headers)z.forEach(($,j)=>{J[j]=$});else if(Array.isArray(z))for(let[$,j]of z)J[$]=j;else Object.assign(J,z);return J}function R8(z){let J={};return z.forEach(($,j)=>{J[j]=$}),J}function A8(z){if(z==null)return null;if(typeof z==="string")return z;if(z instanceof URLSearchParams)return z.toString();if(typeof FormData<"u"&&z instanceof FormData)return`[FormData: ${Array.from(z.keys()).join(", ")}]`;if(typeof Blob<"u"&&z instanceof Blob)return`[Blob ${z.size} bytes]`;if(z instanceof ArrayBuffer)return`[ArrayBuffer ${z.byteLength} bytes]`;return"[binary]"}function T8(z,J){let $="",j="GET",Q={},Z=null;if(typeof z==="string")$=z;else if(z instanceof URL)$=z.toString();else $=z.url,j=z.method||j,Q=$4(z.headers);if(J){if(J.method)j=J.method;if(J.headers)Q={...Q,...$4(J.headers)};if(J.body!==void 0)Z=A8(J.body)}return{method:j.toUpperCase(),url:$,headers:Q,body:Z}}function X4(z){return!O2(z)}function k8(z,J){if(X4(J.url)){J.responseSnippet="[body not captured for this origin]";return}let $=z.headers.get("content-type")??"",j=Number(z.headers.get("content-length")??"0"),Q=j?`, ~${j} bytes`:"";if(!/json|text|xml|html|javascript|urlencoded/i.test($)){J.responseSnippet=`[binary ${$||"unknown"}${Q}]`;return}if(j>S8){J.responseSnippet=`[response ${$||"text"}${Q} — omitted]`;return}try{z.clone().text().then((Z)=>{J.responseSnippet=v0(Z,Q0("maxBodyChars"))}).catch(()=>{})}catch{}}function V4(z,J){if(/[?&]_rsc=/.test(z))return!0;for(let $ of Object.keys(J)){let j=$.toLowerCase();if(j==="rsc"||j==="next-router-prefetch"||j==="next-router-state-tree")return!0}return!1}function x8(){if(typeof window>"u"||typeof window.fetch!=="function")return;let z=window.fetch.bind(window);window.fetch=Object.assign(async(J,$)=>{let j=T8(J,$);if(V4(j.url,j.headers))return z(J,$);let Q={id:Z4(),startedAt:new Date().toISOString(),method:j.method,url:Z0(j.url),requestHeaders:y0(j.headers),requestBody:v0(j.body,j4),status:null,statusText:null,durationMs:null,via:"fetch"};Q4(Q);let Z=performance.now();try{let V=await z(J,$);return Q.status=V.status,Q.statusText=V.statusText,Q.durationMs=Math.round(performance.now()-Z),Q.responseHeaders=y0(R8(V.headers)),k8(V,Q),V}catch(V){throw Q.durationMs=Math.round(performance.now()-Z),Q.error=V instanceof Error?`${V.name}: ${V.message}`:String(V),V}},z)}function E8(){if(typeof window>"u"||typeof window.XMLHttpRequest!=="function")return;let z=XMLHttpRequest.prototype,J=z.open,$=z.send,j=function(Z,V){let Y=typeof V==="string"?V:V.toString();return this.__lwEntry=V4(Y,{})?void 0:{id:Z4(),startedAt:"",method:(Z||"GET").toUpperCase(),url:Z0(Y),requestHeaders:{},requestBody:null,status:null,statusText:null,durationMs:null,via:"xhr"},J.apply(this,arguments)},Q=function(Z){let V=this.__lwEntry;if(V){V.startedAt=new Date().toISOString(),V.requestBody=typeof Z==="string"?v0(Z,j4):Z==null?null:"[non-string body]";let Y=performance.now();Q4(V),this.addEventListener("loadend",()=>{if(V.status=this.status||null,V.statusText=this.statusText||null,V.durationMs=Math.round(performance.now()-Y),X4(V.url))V.responseSnippet="[body not captured for this origin]";else if(this.responseType===""||this.responseType==="text")try{V.responseSnippet=v0(this.responseText||"",Q0("maxBodyChars"))}catch{}else{let U=this.getResponseHeader("content-type")??this.responseType;V.responseSnippet=`[binary ${U}]`}})}return $.apply(this,arguments)};z.open=j,z.send=Q}function Y4(){if(J4)return;J4=!0,x8(),E8()}function W4(){let z=W1.map(($)=>({...$})),J=0;for(let $=z.length-1;$>=0;$-=1){let j=z[$],Q=j?.responseSnippet;if(!j||typeof Q!=="string"||Q.length===0)continue;if(J+Q.length>L8)j.responseSnippet=`[response omitted — report size budget reached (${Q.length.toLocaleString()} chars)]`;else J+=Q.length}return z}var f8=4,K4=3,w8=4000,b8="[data-debug-reporter]",G4=()=>import("@rrweb/record");function U4(z){G4=z}var p=[],h1=null,K1=!1;function H4(){if(typeof window>"u"||h1||K1)return;let z=w0();if(!z)return;K1=!0;let J=()=>void g8(z);if("requestIdleCallback"in window)window.requestIdleCallback(J,{timeout:3000});else setTimeout(J,1000)}async function g8(z){let J;try{J=(await G4()).record}catch($){K1=!1,console.warn("[debug-capture] session replay could not start:",$);return}if(h1)return;try{h1=J({emit:($)=>y8($),checkoutEveryNms:Math.max(1000,z.seconds*1000/2),checkoutEveryNth:w8,maskAllInputs:z.maskInputs,maskTextSelector:z.maskText?"*":z.maskTextSelector,blockSelector:`${z.blockSelector}, ${b8}`,slimDOMOptions:"all",inlineStylesheet:!0,sampling:{mousemove:50,scroll:150,media:800,input:"last",...z.canvas?{canvas:z.canvas.fps}:{}},recordCanvas:z.canvas!==null,...z.canvas?{dataURLOptions:{type:"image/webp",quality:z.canvas.quality}}:{},errorHandler:()=>!0})??null}catch($){console.warn("[debug-capture] session replay could not start:",$)}finally{K1=!1}}function y8(z){if(z.type===f8||p.length===0){if(p.push([]),p.length>K4)p=p.slice(-K4)}p[p.length-1].push(z)}function P4(z=Date.now()){let J=w0();if(!J||!p.length)return null;let $=z-J.seconds*1000,j=p.length-1;while(j>0&&(p[j][0]?.timestamp??z)>$)j-=1;let Q=p.slice(j).flat(),Z=Q[0]?.timestamp,V=Q[Q.length-1]?.timestamp;if(Z===void 0||V===void 0)return null;return{events:Q,startedAt:new Date(Z).toISOString(),endedAt:new Date(V).toISOString(),durationMs:Math.max(0,V-Z)}}var v8={title:"รายงานปัญหา",summaryLabel:"หัวข้อปัญหา",summaryRequired:"(ต้องกรอกก่อนแจ้งปัญหา)",summaryPlaceholder:"สรุปปัญหาสั้น ๆ เช่น กดบันทึกร่างแล้ว error",detailLabel:"อธิบายปัญหา (ไม่บังคับ)",detailPlaceholder:"เกิดอะไรขึ้น? กำลังทำอะไรอยู่ตอนที่พบปัญหา?",annotateTitle:"วาดบนรูป",annotateHint:"ทำเครื่องหมายจุดที่มีปัญหาก่อนแนบ — วงกรอบ ชี้ลูกศร ไฮไลต์ หรือพิมพ์ข้อความ",annotateApply:"ใช้รูปนี้",cancel:"ยกเลิก",toolRect:"กรอบ",toolArrow:"ลูกศร",toolHighlight:"ไฮไลต์",toolText:"ข้อความ",deleteSelected:"ลบที่เลือก",clearAll:"ล้างทั้งหมด",annotateHelp:"เลือกเครื่องมือแล้วลากบนรูป · ไม่ได้เลือกเครื่องมือ = ย้าย/ปรับขนาดสิ่งที่วาดไว้ · กดกากบาทมุมขวาบนของรูปทรงเพื่อลบ",capturing:"กำลังเก็บภาพหน้าจอ…",noScreenshot:"ไม่มีภาพหน้าจอ — ยังส่งรายงานได้",cancelled:"ยกเลิกการเก็บภาพหน้าจอแล้ว",close:"ปิด",submit:"แจ้งปัญหา",submitting:"กำลังส่ง…",submitted:"แจ้งปัญหาสำเร็จ",crashed:"เกิดข้อผิดพลาดในระบบ",crashAction:"แจ้งปัญหา",failed:"ส่งรายงานไม่สำเร็จ",failedOffline:"ส่งไม่สำเร็จ — เชื่อมต่อเซิร์ฟเวอร์ไม่ได้ ข้อความที่พิมพ์ไว้ยังอยู่ ตรวจสอบอินเทอร์เน็ตแล้วลองใหม่",failedUnavailable:"ส่งไม่สำเร็จ — ระบบกำลังปรับปรุงชั่วคราว ข้อความที่พิมพ์ไว้ยังอยู่ ลองใหม่ในอีกสักครู่",failedTooMany:"แจ้งปัญหาถี่เกินไป — ลองใหม่ในอีก {seconds} วินาที",captured:"เก็บข้อมูลแล้ว",reporter:"ผู้แจ้ง",page:"หน้า",replay:"บันทึกการใช้งาน",handoffTitle:"กำลังพาไปที่ระบบแจ้งปัญหา",handoffBody:"ระบบจะลงชื่อเข้าใช้ให้อัตโนมัติ เพื่อดูเรื่องที่คุณแจ้งไว้",handoffGo:"ไปเลย",handoffPreparing:"กำลังเตรียม…",handoffFailed:"เปิดรายการที่แจ้งไว้ไม่สำเร็จ",handoffBlocked:"เบราว์เซอร์บล็อกการเปิดแท็บใหม่",handoffOpen:"เปิดในแท็บใหม่",chooseTitle:"ต้องการให้ทีมช่วยเรื่องอะไร",kindProblem:"แจ้งปัญหา",kindRequest:"คำขอ",askInstead:"เป็นคำขอ?",askInsteadAction:"เลือกเรื่องที่ขอ",problemInstead:"เป็นปัญหาที่ต้องแก้?",problemInsteadAction:"แจ้งปัญหาแทน",problemInsteadShare:"แจ้งปัญหาแทน (แนบภาพหน้าจอ)",chooseProblemHint:"มีอะไรเสีย หรือใช้งานไม่ได้ — แนบภาพหน้าจอ",chooseRequestHint:"ขอให้ทีมทำ เช่น ขอสิทธิ์ ขอแก้ข้อมูล — ไม่ต้องแชร์หน้าจอ",requestTitle:"ขอให้ทีมดำเนินการ",requestTypeLabel:"เรื่องที่ขอ",requestTypeSearch:"ค้นหาเรื่องที่ขอ",requestTypeNone:"ไม่พบเรื่องที่ขอ — ลองคำอื่น",requestTypeCount:"{n} เรื่อง — เลื่อนดูหรือพิมพ์ค้นหา",requestTarget:"ทีมตั้งใจให้เสร็จภายใน {time}",requestSummaryLabel:"หัวข้อ",requestSummaryPlaceholder:"ขออะไร — สั้น ๆ",requestDetailLabel:"รายละเอียด (ไม่บังคับ)",requestDetailPlaceholder:"สิ่งที่ทีมต้องรู้เพื่อดำเนินการ",requestSubmit:"ส่งคำขอ",requestSubmitted:"ส่งคำขอแล้ว",requestWithShot:"แนบภาพหน้าจอนี้ไปกับคำขอ",requestAnnotateHint:"ทำเครื่องหมายสิ่งที่ขอบนภาพ — วงกรอบ ชี้ลูกศร ไฮไลต์ หรือพิมพ์ข้อความ",draftRestored:"ข้อความที่พิมพ์ไว้ครั้งก่อน ยังไม่ได้ส่ง",draftClear:"ล้าง",requestLeaves:"ไม่ส่งไปกับคำขอ",requestLeavesWhat:"บันทึกการใช้งานของหน้านี้ — ใช้กับการแจ้งปัญหาเท่านั้น",days:"{n} วัน",hours:"{n} ชั่วโมง",ringTitle:"ทีมงานกำลังโทรหาคุณ",ringAbout:"เรื่อง {key} · {title}",ringHow:"รับสายในหน้าคำร้องของคุณ — เปิดในแท็บใหม่ ไม่ต้องเข้าสู่ระบบอีก",ringOpen:"เปิดเพื่อรับสาย",ringDecline:"ไม่รับ",ringOpened:"เปิดหน้ารับสายแล้ว — กด รับสาย ในแท็บที่เปิดขึ้น",ringBlocked:"เบราว์เซอร์บล็อกแท็บใหม่ — กดที่นี่เพื่อเปิดหน้ารับสาย",ringClose:"ปิด",ringTab:"\uD83D\uDCDE สายเข้า",ringHint:"เมื่อรับสาย เบราว์เซอร์จะขอใช้ไมโครโฟน · ระหว่างคุย ทีมงานอาจขอดูหน้าจอ — คุณเลือกได้เสมอว่าจะให้ดูหรือไม่",ringTest:"ทดสอบไมค์และลำโพงก่อนรับสาย",ringAnswer:"รับสาย",ringAnswering:"กำลังรับสาย…",ringFallback:"เปิดสายในหน้านี้ไม่ได้ — รับสายในแท็บใหม่แทน ไม่ต้องเข้าสู่ระบบอีก"},h8={title:"Report a problem",summaryLabel:"Summary",summaryRequired:"(required)",summaryPlaceholder:"One line, e.g. saving a draft returns an error",detailLabel:"Details (optional)",detailPlaceholder:"What happened? What were you doing at the time?",annotateTitle:"Draw on the image",annotateHint:"Mark what went wrong before attaching — box it, point at it, highlight it, or type on it",annotateApply:"Use this image",cancel:"Cancel",toolRect:"Box",toolArrow:"Arrow",toolHighlight:"Highlight",toolText:"Text",deleteSelected:"Delete selected",clearAll:"Clear all",annotateHelp:"Pick a tool and drag on the image · no tool selected = move/resize what you drew · press the ✕ on a shape to delete it",capturing:"Capturing the screen…",noScreenshot:"No screenshot — you can still send the report",cancelled:"Screen capture cancelled",close:"Close",submit:"Send report",submitting:"Sending…",submitted:"Report sent",crashed:"Something went wrong",crashAction:"Report it",failed:"Could not send the report",failedOffline:"Could not send — the server could not be reached. What you wrote is still here; check your connection and try again.",failedUnavailable:"Could not send — the system is being updated. What you wrote is still here; try again in a moment.",failedTooMany:"Too many reports — try again in {seconds} seconds.",captured:"Captured",reporter:"Reporter",page:"Page",replay:"activity log",handoffTitle:"Opening the support portal",handoffBody:"You will be signed in automatically to see what you reported",handoffGo:"Go now",handoffPreparing:"Preparing…",handoffFailed:"Could not open your reports",handoffBlocked:"Your browser blocked the new tab",handoffOpen:"Open in a new tab",chooseTitle:"How can the team help?",kindProblem:"Report a problem",kindRequest:"Request",askInstead:"Asking for something?",askInsteadAction:"Choose what you need",problemInstead:"Something broken?",problemInsteadAction:"Report a problem instead",problemInsteadShare:"Report a problem instead (with a screenshot)",chooseProblemHint:"Something is broken or not working — with a screenshot",chooseRequestHint:"Ask the team to do something, like access or a data change — no screen sharing",requestTitle:"Ask the team",requestTypeLabel:"What you need",requestTypeSearch:"Search what you need",requestTypeNone:"Nothing matches — try another word",requestTypeCount:"{n} to choose from — scroll or search",requestTarget:"The team aims to finish within {time}",requestSummaryLabel:"Subject",requestSummaryPlaceholder:"What do you need — briefly",requestDetailLabel:"Details (optional)",requestDetailPlaceholder:"What the team needs to know to do it",requestSubmit:"Send request",requestSubmitted:"Request sent",requestWithShot:"Attach this screenshot to the request",requestAnnotateHint:"Mark what you are asking about — box it, point at it, highlight it, or type on it",draftRestored:"What you typed last time, not sent yet",draftClear:"Clear",requestLeaves:"Not sent with a request",requestLeavesWhat:"this page's activity log — it is for problem reports only",days:"{n} days",hours:"{n} hours",ringTitle:"The support team is calling you",ringAbout:"About {key} · {title}",ringHow:"Answer on your request's page — it opens in a new tab, already signed in",ringOpen:"Open to answer",ringDecline:"Decline",ringOpened:"Opened — press Answer in the new tab",ringBlocked:"Your browser blocked the new tab — open the call here",ringClose:"Close",ringTab:"\uD83D\uDCDE Incoming call",ringHint:"When you answer, your browser asks for the microphone · during the call the team may ask to see your screen — you always choose",ringTest:"Test the microphone and speaker first",ringAnswer:"Answer",ringAnswering:"Answering…",ringFallback:"The call can't open on this page — answer in a new tab instead, already signed in"};function q0(z){return z==="en"?h8:v8}var m8="lw-debug-toasts",u8=6000,p8=`
|
|
2
2
|
:host { all: initial; }
|
|
3
3
|
.stack {
|
|
4
4
|
position: fixed; top: 16px; right: 16px; z-index: 2147483001;
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
}
|
|
31
31
|
@keyframes in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
|
|
32
32
|
@media (prefers-reduced-motion: reduce) { .toast { animation: none; } }
|
|
33
|
-
`,g1=null;function g8(){if(typeof document>"u")return null;if(g1?.isConnected)return g1;let z=document.createElement(f8);z.dataset.debugReporter="true";let J=z.attachShadow({mode:"open"}),$=document.createElement("style");$.textContent=b8;let j=document.createElement("div");return j.className="stack",j.setAttribute("role","status"),j.setAttribute("aria-live","polite"),J.append($,j),document.body.append(z),g1=j,j}function C0(z,J="success",$){let j=J1()?N().toast:void 0;if(j){j({message:z,tone:J,...$?{action:$}:{}});return}let Q=g8();if(!Q)return;let Z=document.createElement("div");Z.className="toast",Z.dataset.tone=J;let V=document.createElement("span");V.className="dot";let Y=document.createElement("span");Y.textContent=z;let U=document.createElement("button");U.type="button",U.className="close",U.textContent="✕",U.setAttribute("aria-label","ปิด");let P=()=>{window.clearTimeout(L),Z.remove()};U.addEventListener("click",P);let L=J==="error"||$?0:window.setTimeout(P,w8);if(Z.append(V,Y),$){let B=document.createElement("button");B.type="button",B.className="action",B.textContent=$.label,B.addEventListener("click",()=>{P(),$.onClick()}),Z.append(B)}Z.append(U),Q.append(Z)}function Y4(z,J,$){let j=z.filter((Z)=>Boolean(Z.error)||Z.status!=null&&Z.status>=400).slice(-20).map((Z)=>({method:Z.method,url:Z.url,status:Z.status,error:Z.error,at:Z.startedAt})),Q=J.filter((Z)=>Z.level==="error"||Z.level==="exception"||Z.level==="unhandledrejection").slice(-20).map((Z)=>Z.message);return{failedRequests:j,errors:Q,erroredQueries:$.slice(0,20)}}function y8(){let z={memoryUsedMb:null,memoryLimitMb:null,domContentLoadedMs:null,loadEventMs:null};if(typeof performance>"u")return z;let J=performance.memory;if(J)z.memoryUsedMb=Math.round(J.usedJSHeapSize/1024/1024),z.memoryLimitMb=Math.round(J.jsHeapSizeLimit/1024/1024);let[$]=performance.getEntriesByType("navigation");if($)z.domContentLoadedMs=Math.round($.domContentLoadedEventEnd),z.loadEventMs=Math.round($.loadEventEnd);return z}function y1(z,J){if(!z)return J;try{return z()}catch{return J}}function K4(){let z=N(),{pathname:J,search:$,href:j}=window.location;return{capturedAt:new Date().toISOString(),route:{href:j,pathname:J,search:$},module:$1(J),user:y1(z.user,{}),apiHeaders:b0(y1(z.headers,{})),app:{name:a().name,version:a().version,environment:a().environment},client:{userAgent:navigator.userAgent,language:navigator.language,platform:navigator.platform,online:navigator.onLine,viewport:{width:window.innerWidth,height:window.innerHeight,dpr:window.devicePixelRatio},screen:{width:window.screen.width,height:window.screen.height}},performance:y8(),extra:y1(z.extra,{})}}var v8=2;function W1(z){let J=$4(),$=b2();return{context:K4(),reason:z.reason,note:z.note,cause:Y4(J,$,z.erroredQueries),actionTrail:T2(),network:J,console:$,screenshotDataUrl:z.screenshotDataUrl,screenshotMethod:z.screenshotMethod,replay:V4()??void 0,meta:{generatedBy:"lightwork-debug-capture",schemaVersion:v8}}}async function v1(){if(typeof navigator<"u"&&Boolean(navigator.mediaDevices?.getDisplayMedia)){let $=await h8();if($.status==="ok")return{dataUrl:$.dataUrl,method:"display-media"};if($.status==="cancelled")return{dataUrl:null,method:"cancelled"}}let J=await p8();if(J)return{dataUrl:J,method:"html-to-image"};return{dataUrl:null,method:"none"}}async function h8(){let z=null;try{let J={video:{frameRate:30},audio:!1,preferCurrentTab:!0,selfBrowserSurface:"include",surfaceSwitching:"exclude"};z=await navigator.mediaDevices.getDisplayMedia(J);let $=await m8(z);return $?{status:"ok",dataUrl:$}:{status:"error"}}catch(J){if(J instanceof DOMException&&(J.name==="NotAllowedError"||J.name==="AbortError"))return{status:"cancelled"};return{status:"error"}}finally{z?.getTracks().forEach((J)=>J.stop())}}async function m8(z){let J=document.createElement("video");J.srcObject=z,J.muted=!0,J.playsInline=!0,await new Promise((V)=>{let Y=!1,U=()=>{if(Y)return;Y=!0,V()};J.onloadedmetadata=()=>{J.play().then(U).catch(U)},window.setTimeout(U,1500)}),await u8(J);let{videoWidth:$,videoHeight:j}=J;if(!$||!j)return null;let Q=document.createElement("canvas");Q.width=$,Q.height=j;let Z=Q.getContext("2d");if(!Z)return null;Z.drawImage(J,0,0,$,j),J.pause(),J.srcObject=null;try{return Q.toDataURL("image/png")}catch{return null}}function u8(z){return new Promise((J)=>{let $=!1,j=()=>{if($)return;$=!0,J()},Q=z;if(typeof Q.requestVideoFrameCallback==="function")Q.requestVideoFrameCallback(()=>j()),window.setTimeout(j,1000);else window.setTimeout(j,250)})}async function p8(){let z=N().screenshotFallback;if(!z)return null;let J=await z().catch(()=>null);if(!J)return null;try{return await J(document.body,{cacheBust:!0,pixelRatio:Math.min(window.devicePixelRatio||1,2),filter:($)=>!($ instanceof HTMLElement&&$.dataset?.debugReporter==="true")})}catch{return null}}var d8=2000,i8=0.82,c8=3000000;function l8(z){return new Promise((J,$)=>{let j=new Image;j.onload=()=>J(j),j.onerror=()=>$(Error("could not read the screenshot")),j.src=z})}async function G1(z){try{let J=await l8(z),$=Math.max(J.naturalWidth,J.naturalHeight),j=Math.min(1,d8/$),Q=document.createElement("canvas");Q.width=Math.max(1,Math.round(J.naturalWidth*j)),Q.height=Math.max(1,Math.round(J.naturalHeight*j));let Z=Q.getContext("2d");if(!Z)return z;Z.fillStyle="#fff",Z.fillRect(0,0,Q.width,Q.height),Z.drawImage(J,0,0,Q.width,Q.height);let V=i8,Y=Q.toDataURL("image/jpeg",V);while(Y.length>c8&&V>0.4)V-=0.15,Y=Q.toDataURL("image/jpeg",V);return Y}catch{return z}}var o8=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,r8=/^\d+$/,n8=/^[0-9a-f]{16,}$/i;function W4(z){if(z.reason.type==="manual")return null;let J=z.cause?.failedRequests?.[0];if(!J?.url)return null;let $;try{$=new URL(J.url,"http://x").pathname}catch{$=J.url}let j=$.split("/").map((Z)=>o8.test(Z)||r8.test(Z)||n8.test(Z)?":id":Z).join("/"),Q=J.status??(J.error?"ERR":"?");return`${J.method??"REQ"} ${j} ${Q}`}var G4=2000000;function U1(z){let{screenshotDataUrl:J,replay:$,...j}=z;return JSON.stringify(j).length}function U4(z,J=2000000){if(U1(z)<=J)return z;let $=z.network.map((Q)=>({...Q})),j={...z,network:$};for(let Q of $){if(U1(j)<=J)return j;if(typeof Q.responseSnippet==="string"&&Q.responseSnippet.length>35)Q.responseSnippet="[body dropped — report size budget]";if(typeof Q.requestBody==="string"&&Q.requestBody.length>35)Q.requestBody="[body dropped — report size budget]"}while(j.network.length>1&&U1(j)>J)j.network=j.network.slice(1);while(j.console.length>1&&U1(j)>J)j.console=j.console.slice(1);return j}function h0(z){let J="";for(let $=0;$<z.length;$+=32768)J+=String.fromCharCode(...z.subarray($,$+32768));return btoa(J)}var s8=4,a8=2,t8=3,e8=0,z5=new Set(["href","src","action","formaction","xlink:href","data","poster","srcset"]),J5=/^\s*javascript:/i;function $5(z,J){let $=z.toLowerCase();if($.startsWith("on")||$==="srcdoc")return!0;return typeof J==="string"&&J5.test(J)}function H4(z,J=!1){if(!z)return;for(let $ of Object.keys(z)){let j=z[$];if($5($,j)){if(J)z[$]=null;else delete z[$];continue}if(typeof j!=="string"||!z5.has($)||!j.includes("?"))continue;z[$]=Z0(j)}}function h1(z){if(!z)return;H4(z.attributes);for(let J of z.childNodes??[])h1(J)}function P4(z){let J=JSON.parse(JSON.stringify(z));for(let $ of J){let j=$.data;if(!j||typeof j!=="object")continue;if($.type===s8&&typeof j.href==="string")j.href=Z0(j.href);else if($.type===a8)h1(j.node);else if($.type===t8&&j.source===e8){for(let Q of j.adds??[])h1(Q.node);for(let Q of j.attributes??[])H4(Q.attributes,!0)}}return J}var j5="session-replay.json.gz",Q5="session-replay.json";function Z5(z){return Boolean(z&&z.events.length>0)}async function X5(z){if(typeof CompressionStream>"u")return null;try{let J=new Blob([z]).stream().pipeThrough(new CompressionStream("gzip"));return new Uint8Array(await new Response(J).arrayBuffer())}catch{return null}}async function F4(z,J){if(!Z5(z))return{summary:{omitted:"empty"}};let j={seconds:Math.round(z.durationMs/1000),events:z.events.length,startedAt:z.startedAt,endedAt:z.endedAt},Q=P4(z.events),Z=await q4(Q),V=!1;if(Z.bytes.byteLength>J&&K5(Q))Q=W5(Q),Z=await q4(Q),V=!0;let{bytes:Y,compressed:U}=Z;if(Y.byteLength>J)return{summary:{...j,bytes:Y.byteLength,omitted:"too-large"}};return{dataUri:`data:${U?"application/gzip":"application/json"};base64,${h0(Y)}`,filename:U?j5:Q5,summary:{...j,events:Q.length,bytes:Y.byteLength,compressed:U,...V?{canvasDropped:V}:{}}}}async function q4(z){let J=new TextEncoder().encode(JSON.stringify({events:z})),$=await X5(J);return $?{bytes:$,compressed:!0}:{bytes:J,compressed:!1}}var V5=3,D4=2,Y5=9;function B4(z){return z.type===V5&&z.data?.source===Y5}function K5(z){return z.some(B4)||z.some((J)=>J.type===D4&&M4(J.data.node))}function M4(z){if(!z)return!1;if(z.attributes&&"rr_dataURL"in z.attributes)return!0;return(z.childNodes??[]).some(M4)}function N4(z){if(!z)return;if(z.attributes&&"rr_dataURL"in z.attributes)delete z.attributes.rr_dataURL;for(let J of z.childNodes??[])N4(J)}function W5(z){let J=[];for(let $ of z){if(B4($))continue;if($.type===D4)N4($.data.node);J.push($)}return J}var G5=new Set([502,503,504]);class t extends Error{kind;retryAfter;status;constructor(z,J,$,j){super(z);this.kind=J;this.retryAfter=$;this.status=j;this.name="ReportError"}}function U5(z){let{screenshotDataUrl:J,replay:$,...j}=z;return{dataUri:`data:application/json;base64,${h0(new TextEncoder().encode(JSON.stringify(j)))}`,filename:"debug-bundle.json"}}async function m1(){let z=N().identity;if(!z)return{};try{let J=await z();return J?{authorization:`Bearer ${J}`}:{}}catch{return{}}}async function I4(z,J){let $=N(),j=U4(J,G4),{context:Q,note:Z}=j,V=[];if(j.screenshotDataUrl){let O=await G1(j.screenshotDataUrl);V.push({dataUri:O,filename:"screenshot.jpg"})}V.push(U5(j));let Y,U=E0();if(U){let O=await F4(j.replay,U.maxBytes);if(Y=O.summary,"dataUri"in O)V.push({dataUri:O.dataUri,filename:O.filename})}let P=W4(j),L={title:z,description:Z.trim()||void 0,appName:a().name,category:Q.module?.label,routeUrl:Q.route.href,priority:"MEDIUM",requesterEmail:Q.user.email??void 0,requesterName:Q.user.fullName??void 0,customFields:{unit:Q.user.unit??"",appVersion:Q.app.version,environment:Q.app.environment,reasonType:j.reason.type,appName:a().name,module:Q.module?.label??""},context:{...P?{signature:P}:{},capturedAt:Q.capturedAt,reason:j.reason,cause:j.cause,actionTrail:j.actionTrail,client:Q.client,performance:Q.performance,apiHeaders:Q.apiHeaders,extra:Q.extra,counts:{network:j.network.length,console:j.console.length,actions:j.actionTrail.length},screenshotMethod:j.screenshotMethod,...Y?{replay:Y}:{}},attachments:V},B=await fetch(`${$.host.replace(/\/$/,"")}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":$.realmKey,...await m1()},body:JSON.stringify(L)}).catch(()=>{throw new t("report never left the browser","offline")});if(!B.ok)throw await u1(B);return await B.json()}async function u1(z){let J=z.headers.get("retry-after"),$=await z.json().then((j)=>j.error).catch(()=>null);if(z.status===429)return new t("rate limited","rateLimited",J??void 0);if(G5.has(z.status))return new t("desk unavailable","unavailable");return new t($??`Report failed (${z.status})`,"rejected",void 0,z.status)}var H1=null,m0=null,C4=()=>N().host.replace(/\/$/,"");function p1(){return H1}function O0(){if(m0)return m0;return m0=(async()=>{try{let z=await fetch(`${C4()}/ingest/request-types`,{headers:{"x-realm-key":N().realmKey}}),J=z.ok?await z.json():null;H1=Array.isArray(J?.types)?J.types.filter(H5):[]}catch{H1=[],m0=null}return H1??[]})(),m0}function H5(z){let J=z;return!!J&&typeof J.id==="string"&&typeof J.name==="string"}async function O4(z){let J=N(),$={};try{$=J.user?.()??{}}catch{$={}}let j=typeof window>"u"?null:window.location,Q={title:z.title,description:z.description.trim()||void 0,ticketTypeId:z.ticketTypeId,appName:a().name,category:j?$1(j.pathname)?.label:void 0,routeUrl:j?.href,priority:"MEDIUM",requesterEmail:$.email??void 0,requesterName:$.fullName??void 0,attachments:z.screenshotDataUrl?[{dataUri:await G1(z.screenshotDataUrl),filename:"screenshot.jpg"}]:void 0},Z=await fetch(`${C4()}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":J.realmKey,...await m1()},body:JSON.stringify(Q)}).catch(()=>{throw new t("request never left the browser","offline")});if(!Z.ok)throw await u1(Z);return await Z.json()}var u0=Math.PI/6;function _4(z,J,$){let j=J.x-z.x,Q=J.y-z.y,Z=Math.hypot(j,Q),V=Math.atan2(Q,j),Y=[{x:J.x,y:J.y},{x:J.x-$*Math.cos(V-u0),y:J.y-$*Math.sin(V-u0)},{x:J.x-$*Math.cos(V+u0),y:J.y-$*Math.sin(V+u0)}],U=$*Math.cos(u0)*0.92;if(Z<=U)return{shaft:null,head:Y};return{shaft:{from:z,to:{x:J.x-U*Math.cos(V),y:J.y-U*Math.sin(V)}},head:Y}}var d1="#f44336",P5="rgba(250, 204, 21, 0.4)",i1=22,S4="#2563eb",L4=9,R4=11,A4=18,T4=4,P1=8,q5=[{id:"nw",fx:0,fy:0,cursor:"nwse-resize"},{id:"n",fx:0.5,fy:0,cursor:"ns-resize"},{id:"ne",fx:1,fy:0,cursor:"nesw-resize"},{id:"e",fx:1,fy:0.5,cursor:"ew-resize"},{id:"se",fx:1,fy:1,cursor:"nwse-resize"},{id:"s",fx:0.5,fy:1,cursor:"ns-resize"},{id:"sw",fx:0,fy:1,cursor:"nesw-resize"},{id:"w",fx:0,fy:0.5,cursor:"ew-resize"}];function k4(z,J,$){let j=[],Q=null,Z=-1,V=null,Y=null,U=z.getContext("2d");function P(){let X=z.getBoundingClientRect().width;return X>0?z.width/X:1}function L(X){let K=z.getBoundingClientRect();return{x:(X.clientX-K.left)/K.width*z.width,y:(X.clientY-K.top)/K.height*z.height}}function B(X){let K=X.size??i1;if(!U)return(X.text?.length??0)*K*0.6;U.save(),U.font=`600 ${K}px system-ui, sans-serif`;let G=U.measureText(X.text??"").width;return U.restore(),G}function O(X){if(X.tool==="text"){let K=X.size??i1;return{left:X.x1,top:X.y1,right:X.x1+B(X),bottom:X.y1+K*1.25}}return{left:Math.min(X.x1,X.x2),top:Math.min(X.y1,X.y2),right:Math.max(X.x1,X.x2),bottom:Math.max(X.y1,X.y2)}}function T(X){if(X.tool==="arrow")return[{id:"tail",x:X.x1,y:X.y1,cursor:"move"},{id:"head",x:X.x2,y:X.y2,cursor:"move"}];let K=O(X);if(X.tool==="text")return[{id:"size",x:K.right,y:K.bottom,cursor:"nwse-resize"}];return q5.map((G)=>({id:G.id,x:K.left+(K.right-K.left)*G.fx,y:K.top+(K.bottom-K.top)*G.fy,cursor:G.cursor}))}function x(X){let K=O(X);return{x:K.right+A4*P(),y:K.top-A4*P()}}function v(X,K,G){let{shaft:W,head:H}=_4({x:K.x1,y:K.y1},{x:K.x2,y:K.y2},Math.max(10,16*G));if(W)X.lineCap="butt",X.beginPath(),X.moveTo(W.from.x,W.from.y),X.lineTo(W.to.x,W.to.y),X.stroke();X.beginPath(),X.moveTo(H[0].x,H[0].y),X.lineTo(H[1].x,H[1].y),X.lineTo(H[2].x,H[2].y),X.closePath(),X.fill()}function c(X,K,G){X.save(),X.lineWidth=Math.max(2,3*G),X.strokeStyle=d1,X.fillStyle=d1;let W=O(K);if(K.tool==="rect")X.strokeRect(W.left,W.top,W.right-W.left,W.bottom-W.top);else if(K.tool==="arrow")v(X,K,G);else if(K.tool==="highlight")X.fillStyle=P5,X.fillRect(W.left,W.top,W.right-W.left,W.bottom-W.top);else if(K.tool==="text"&&K.text){let H=K.size??i1;X.font=`600 ${H}px system-ui, sans-serif`,X.textBaseline="top";let F=H*0.22;X.fillStyle="rgba(255,255,255,0.92)",X.fillRect(W.left-F,W.top-F,W.right-W.left+F*2,W.bottom-W.top+F*2),X.fillStyle=d1,X.fillText(K.text,W.left,W.top)}X.restore()}function g(X,K,G){let W=O(K);X.save(),X.strokeStyle=S4,X.lineWidth=Math.max(1,1.5*G),X.setLineDash([6*G,4*G]),X.strokeRect(W.left,W.top,W.right-W.left,W.bottom-W.top),X.setLineDash([]);let H=L4*G;for(let b of T(K))X.fillStyle="#fff",X.strokeStyle=S4,X.lineWidth=Math.max(1,1.5*G),X.beginPath(),X.rect(b.x-H/2,b.y-H/2,H,H),X.fill(),X.stroke();let F=x(K),I=R4*G;X.beginPath(),X.arc(F.x,F.y,I,0,Math.PI*2),X.fillStyle="#dc2626",X.fill(),X.strokeStyle="#fff",X.lineWidth=Math.max(1.5,2*G),X.beginPath(),X.moveTo(F.x-I*0.4,F.y-I*0.4),X.lineTo(F.x+I*0.4,F.y+I*0.4),X.moveTo(F.x+I*0.4,F.y-I*0.4),X.lineTo(F.x-I*0.4,F.y+I*0.4),X.stroke(),X.restore()}function _(){if(!U)return;let X=P();if(U.clearRect(0,0,z.width,z.height),U.drawImage(J,0,0,z.width,z.height),j.forEach((G,W)=>{if(W!==G0)c(U,G,X)}),V)c(U,V,X);let K=j[Z];if(K&&!V)g(U,K,X)}function F0(X,K,G,W,H){return Math.abs(X-G)<=H&&Math.abs(K-W)<=H}function W0(X,K){let G=j[Z];if(!G)return null;let W=L4*P()/2+3*P();for(let H of T(G))if(F0(X,K,H.x,H.y,W))return H.id;return null}function w(X,K){let G=j[Z];if(!G)return!1;let W=x(G);return F0(X,K,W.x,W.y,R4*P())}function n(X,K){let G=6*P();for(let W=j.length-1;W>=0;W-=1){let H=j[W];if(H.tool==="arrow"){let I=H.x2-H.x1,b=H.y2-H.y1,r=Math.hypot(I,b)||1,q=Math.max(0,Math.min(1,((X-H.x1)*I+(K-H.y1)*b)/(r*r)));if(Math.hypot(X-(H.x1+q*I),K-(H.y1+q*b))<=G+4*P())return W;continue}let F=O(H);if(X>=F.left-G&&X<=F.right+G&&K>=F.top-G&&K<=F.bottom+G)return W}return-1}function f(X,K,G,W,H){if(K==="tail"){X.x1=G.x1+W,X.y1=G.y1+H;return}if(K==="head"){X.x2=G.x2+W,X.y2=G.y2+H;return}if(K==="size"){let C=(G.size??24)+H;X.size=Math.max(10,C);return}let F=O(G),{left:I,top:b,right:r,bottom:q}=F;if(K.includes("w"))I=Math.min(r-P1,I+W);if(K.includes("e"))r=Math.max(I+P1,r+W);if(K.includes("n"))b=Math.min(q-P1,b+H);if(K.includes("s"))q=Math.max(b+P1,q+H);X.x1=I,X.y1=b,X.x2=r,X.y2=q}function e0(X,K,G,W){X.x1=K.x1+G,X.y1=K.y1+W,X.x2=K.x2+G,X.y2=K.y2+W}let R=null,G0=-1,h={x:0,y:0,size:24};function x0(){let X=z.getBoundingClientRect().width;return X>0?X/z.width:1}function z1(X,K){if(!U)return X.length*K*0.6;U.save(),U.font=`600 ${K}px system-ui, sans-serif`;let G=U.measureText(X||" ").width;return U.restore(),G}function D0(){if(!R)return;let X=z.parentElement;if(!X)return;let K=z.getBoundingClientRect(),G=X.getBoundingClientRect(),W=x0(),H=h.size*W;R.style.left=`${K.left-G.left+h.x*W}px`,R.style.top=`${K.top-G.top+h.y*W}px`,R.style.fontSize=`${H}px`,R.style.width=`${Math.max(40,z1(R.value,H)+H)}px`}function J0(X){let K=R;if(!K)return;R=null;let G=K.value.trim(),W=G0;if(G0=-1,K.remove(),X&&G){if(W>=0&&j[W])j[W].text=G,Z=W;else j.push({tool:"text",x1:h.x,y1:h.y,x2:h.x,y2:h.y,text:G,size:h.size}),Z=j.length-1;$()}else if(W>=0)Z=W;z.focus(),_()}function s(X,K,G=-1){J0(!0);let W=z.parentElement;if(!W)return;if(getComputedStyle(W).position==="static")W.style.position="relative";let H=G>=0?j[G]:void 0;G0=G,h={x:H?.x1??X,y:H?.y1??K,size:H?.size??Math.round(24*P())};let F=document.createElement("input");F.type="text",F.className="text-edit",F.value=H?.text??"",F.setAttribute("aria-label","ข้อความบนภาพ"),F.placeholder="ข้อความ",R=F,W.append(F),D0(),F.addEventListener("input",D0),F.addEventListener("keydown",(I)=>{if(I.stopPropagation(),I.key==="Enter")J0(!0);else if(I.key==="Escape")J0(!1)}),requestAnimationFrame(()=>{if(R!==F)return;F.focus(),F.select(),F.addEventListener("blur",()=>J0(!0))}),_()}function l(X){let{x:K,y:G}=L(X);if(z.setPointerCapture(X.pointerId),w(K,G)){o();return}let W=W0(K,G);if(W&&j[Z]){Y={grip:W,x:K,y:G,start:{...j[Z]}};return}if(Q==="text"){if(X.preventDefault(),z.hasPointerCapture(X.pointerId))z.releasePointerCapture(X.pointerId);Q=null,$(),s(K,G);return}if(Q){V={tool:Q,x1:K,y1:G,x2:K,y2:G},Z=-1;return}let H=n(K,G);Z=H,Y=H>=0?{grip:"body",x:K,y:G,start:{...j[H]}}:null,_()}function B0(X){let{x:K,y:G}=L(X);if(V){V.x2=K,V.y2=G,_();return}if(Y){let H=j[Z];if(!H)return;let F=K-Y.x,I=G-Y.y;if(Y.grip==="body")e0(H,Y.start,F,I);else f(H,Y.grip,Y.start,F,I);_();return}if(Q){z.style.cursor="crosshair";return}if(w(K,G)){z.style.cursor="pointer";return}let W=W0(K,G);if(W){let H=j[Z]?T(j[Z]).find((F)=>F.id===W):null;z.style.cursor=H?.cursor??"pointer";return}z.style.cursor=n(K,G)>=0?"move":"default"}function U0(){if(V){if(!(Math.abs(V.x2-V.x1)<T4&&Math.abs(V.y2-V.y1)<T4))j.push(V),Z=j.length-1,Q=null,$();V=null}if(Y)Y=null,$();_()}function $0(X){let K=z.getBoundingClientRect(),G=(X.clientX-K.left)/K.width*z.width,W=(X.clientY-K.top)/K.height*z.height,H=n(G,W),F=j[H];if(!F||F.tool!=="text")return;X.preventDefault(),s(F.x1,F.y1,H)}function j0(X){if(Z<0)return;if(X.key==="Delete"||X.key==="Backspace")X.preventDefault(),o();else if(X.key==="Escape")X.preventDefault(),Z=-1,_()}function o(){if(Z<0)return;j.splice(Z,1),Z=-1,$(),_()}return z.addEventListener("pointerdown",l),z.addEventListener("pointermove",B0),z.addEventListener("pointerup",U0),z.addEventListener("pointercancel",U0),z.addEventListener("dblclick",$0),z.tabIndex=0,z.addEventListener("keydown",j0),_(),{setTool(X){Q=X,Z=-1,z.style.cursor=X?"crosshair":"default",_()},deleteSelected:o,clear(){j.length=0,Z=-1,$(),_()},hasShapes:()=>j.length>0,hasSelection:()=>Z>=0,toDataUrl(){let X=document.createElement("canvas");X.width=J.naturalWidth,X.height=J.naturalHeight;let K=X.getContext("2d");if(!K)return z.toDataURL("image/png");K.drawImage(J,0,0);let G=P();for(let W of j)c(K,W,G);return X.toDataURL("image/png")},destroy(){J0(!1),z.removeEventListener("pointerdown",l),z.removeEventListener("pointermove",B0),z.removeEventListener("pointerup",U0),z.removeEventListener("pointercancel",U0),z.removeEventListener("dblclick",$0),z.removeEventListener("keydown",j0)}}}var F5=["keydown","keyup","keypress"];function p0(z){for(let J of F5)z.addEventListener(J,($)=>$.stopPropagation())}var x4=`
|
|
33
|
+
`,m1=null;function d8(){if(typeof document>"u")return null;if(m1?.isConnected)return m1;let z=document.createElement(m8);z.dataset.debugReporter="true";let J=z.attachShadow({mode:"open"}),$=document.createElement("style");$.textContent=p8;let j=document.createElement("div");return j.className="stack",j.setAttribute("role","status"),j.setAttribute("aria-live","polite"),J.append($,j),document.body.append(z),m1=j,j}function O0(z,J="success",$){let j=$1()?N().toast:void 0;if(j){j({message:z,tone:J,...$?{action:$}:{}});return}let Q=d8();if(!Q)return;let Z=document.createElement("div");Z.className="toast",Z.dataset.tone=J;let V=document.createElement("span");V.className="dot";let Y=document.createElement("span");Y.textContent=z;let U=document.createElement("button");U.type="button",U.className="close",U.textContent="✕",U.setAttribute("aria-label","ปิด");let P=()=>{window.clearTimeout(L),Z.remove()};U.addEventListener("click",P);let L=J==="error"||$?0:window.setTimeout(P,u8);if(Z.append(V,Y),$){let M=document.createElement("button");M.type="button",M.className="action",M.textContent=$.label,M.addEventListener("click",()=>{P(),$.onClick()}),Z.append(M)}Z.append(U),Q.append(Z)}function q4(z,J,$){let j=z.filter((Z)=>Boolean(Z.error)||Z.status!=null&&Z.status>=400).slice(-20).map((Z)=>({method:Z.method,url:Z.url,status:Z.status,error:Z.error,at:Z.startedAt})),Q=J.filter((Z)=>Z.level==="error"||Z.level==="exception"||Z.level==="unhandledrejection").slice(-20).map((Z)=>Z.message);return{failedRequests:j,errors:Q,erroredQueries:$.slice(0,20)}}function i8(){let z={memoryUsedMb:null,memoryLimitMb:null,domContentLoadedMs:null,loadEventMs:null};if(typeof performance>"u")return z;let J=performance.memory;if(J)z.memoryUsedMb=Math.round(J.usedJSHeapSize/1024/1024),z.memoryLimitMb=Math.round(J.jsHeapSizeLimit/1024/1024);let[$]=performance.getEntriesByType("navigation");if($)z.domContentLoadedMs=Math.round($.domContentLoadedEventEnd),z.loadEventMs=Math.round($.loadEventEnd);return z}function u1(z,J){if(!z)return J;try{return z()}catch{return J}}function F4(){let z=N(),{pathname:J,search:$,href:j}=window.location;return{capturedAt:new Date().toISOString(),route:{href:j,pathname:J,search:$},module:j1(J),user:u1(z.user,{}),apiHeaders:y0(u1(z.headers,{})),app:{name:t().name,version:t().version,environment:t().environment},client:{userAgent:navigator.userAgent,language:navigator.language,platform:navigator.platform,online:navigator.onLine,viewport:{width:window.innerWidth,height:window.innerHeight,dpr:window.devicePixelRatio},screen:{width:window.screen.width,height:window.screen.height}},performance:i8(),extra:u1(z.extra,{})}}var c8=2;function G1(z){let J=W4(),$=p2();return{context:F4(),reason:z.reason,note:z.note,cause:q4(J,$,z.erroredQueries),actionTrail:g2(),network:J,console:$,screenshotDataUrl:z.screenshotDataUrl,screenshotMethod:z.screenshotMethod,replay:P4()??void 0,meta:{generatedBy:"lightwork-debug-capture",schemaVersion:c8}}}async function p1(){if(typeof navigator<"u"&&Boolean(navigator.mediaDevices?.getDisplayMedia)){let $=await l8();if($.status==="ok")return{dataUrl:$.dataUrl,method:"display-media"};if($.status==="cancelled")return{dataUrl:null,method:"cancelled"}}let J=await s8();if(J)return{dataUrl:J,method:"html-to-image"};return{dataUrl:null,method:"none"}}async function l8(){let z=null;try{let J={video:{frameRate:30},audio:!1,preferCurrentTab:!0,selfBrowserSurface:"include",surfaceSwitching:"exclude"};z=await navigator.mediaDevices.getDisplayMedia(J);let $=await o8(z);return $?{status:"ok",dataUrl:$}:{status:"error"}}catch(J){if(J instanceof DOMException&&(J.name==="NotAllowedError"||J.name==="AbortError"))return{status:"cancelled"};return{status:"error"}}finally{z?.getTracks().forEach((J)=>J.stop())}}async function o8(z){let J=document.createElement("video");J.srcObject=z,J.muted=!0,J.playsInline=!0,await new Promise((V)=>{let Y=!1,U=()=>{if(Y)return;Y=!0,V()};J.onloadedmetadata=()=>{J.play().then(U).catch(U)},window.setTimeout(U,1500)}),await r8(J);let{videoWidth:$,videoHeight:j}=J;if(!$||!j)return null;let Q=document.createElement("canvas");Q.width=$,Q.height=j;let Z=Q.getContext("2d");if(!Z)return null;Z.drawImage(J,0,0,$,j),J.pause(),J.srcObject=null;try{return Q.toDataURL("image/png")}catch{return null}}function r8(z){return new Promise((J)=>{let $=!1,j=()=>{if($)return;$=!0,J()},Q=z;if(typeof Q.requestVideoFrameCallback==="function")Q.requestVideoFrameCallback(()=>j()),window.setTimeout(j,1000);else window.setTimeout(j,250)})}async function s8(){let z=N().screenshotFallback;if(!z)return null;let J=await z().catch(()=>null);if(!J)return null;try{return await J(document.body,{cacheBust:!0,pixelRatio:Math.min(window.devicePixelRatio||1,2),filter:($)=>!($ instanceof HTMLElement&&$.dataset?.debugReporter==="true")})}catch{return null}}var n8=2000,a8=0.82,t8=3000000;function e8(z){return new Promise((J,$)=>{let j=new Image;j.onload=()=>J(j),j.onerror=()=>$(Error("could not read the screenshot")),j.src=z})}async function U1(z){try{let J=await e8(z),$=Math.max(J.naturalWidth,J.naturalHeight),j=Math.min(1,n8/$),Q=document.createElement("canvas");Q.width=Math.max(1,Math.round(J.naturalWidth*j)),Q.height=Math.max(1,Math.round(J.naturalHeight*j));let Z=Q.getContext("2d");if(!Z)return z;Z.fillStyle="#fff",Z.fillRect(0,0,Q.width,Q.height),Z.drawImage(J,0,0,Q.width,Q.height);let V=a8,Y=Q.toDataURL("image/jpeg",V);while(Y.length>t8&&V>0.4)V-=0.15,Y=Q.toDataURL("image/jpeg",V);return Y}catch{return z}}var z5=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,J5=/^\d+$/,$5=/^[0-9a-f]{16,}$/i;function D4(z){if(z.reason.type==="manual")return null;let J=z.cause?.failedRequests?.[0];if(!J?.url)return null;let $;try{$=new URL(J.url,"http://x").pathname}catch{$=J.url}let j=$.split("/").map((Z)=>z5.test(Z)||J5.test(Z)||$5.test(Z)?":id":Z).join("/"),Q=J.status??(J.error?"ERR":"?");return`${J.method??"REQ"} ${j} ${Q}`}var M4=2000000;function H1(z){let{screenshotDataUrl:J,replay:$,...j}=z;return JSON.stringify(j).length}function B4(z,J=2000000){if(H1(z)<=J)return z;let $=z.network.map((Q)=>({...Q})),j={...z,network:$};for(let Q of $){if(H1(j)<=J)return j;if(typeof Q.responseSnippet==="string"&&Q.responseSnippet.length>35)Q.responseSnippet="[body dropped — report size budget]";if(typeof Q.requestBody==="string"&&Q.requestBody.length>35)Q.requestBody="[body dropped — report size budget]"}while(j.network.length>1&&H1(j)>J)j.network=j.network.slice(1);while(j.console.length>1&&H1(j)>J)j.console=j.console.slice(1);return j}function u0(z){let J="";for(let $=0;$<z.length;$+=32768)J+=String.fromCharCode(...z.subarray($,$+32768));return btoa(J)}var j5=4,Q5=2,Z5=3,X5=0,V5=new Set(["href","src","action","formaction","xlink:href","data","poster","srcset"]),Y5=/^\s*javascript:/i;function W5(z,J){let $=z.toLowerCase();if($.startsWith("on")||$==="srcdoc")return!0;return typeof J==="string"&&Y5.test(J)}function N4(z,J=!1){if(!z)return;for(let $ of Object.keys(z)){let j=z[$];if(W5($,j)){if(J)z[$]=null;else delete z[$];continue}if(typeof j!=="string"||!V5.has($)||!j.includes("?"))continue;z[$]=Z0(j)}}function d1(z){if(!z)return;N4(z.attributes);for(let J of z.childNodes??[])d1(J)}function C4(z){let J=JSON.parse(JSON.stringify(z));for(let $ of J){let j=$.data;if(!j||typeof j!=="object")continue;if($.type===j5&&typeof j.href==="string")j.href=Z0(j.href);else if($.type===Q5)d1(j.node);else if($.type===Z5&&j.source===X5){for(let Q of j.adds??[])d1(Q.node);for(let Q of j.attributes??[])N4(Q.attributes,!0)}}return J}var K5="session-replay.json.gz",G5="session-replay.json";function U5(z){return Boolean(z&&z.events.length>0)}async function H5(z){if(typeof CompressionStream>"u")return null;try{let J=new Blob([z]).stream().pipeThrough(new CompressionStream("gzip"));return new Uint8Array(await new Response(J).arrayBuffer())}catch{return null}}async function O4(z,J){if(!U5(z))return{summary:{omitted:"empty"}};let j={seconds:Math.round(z.durationMs/1000),events:z.events.length,startedAt:z.startedAt,endedAt:z.endedAt},Q=C4(z.events),Z=await I4(Q),V=!1;if(Z.bytes.byteLength>J&&F5(Q))Q=D5(Q),Z=await I4(Q),V=!0;let{bytes:Y,compressed:U}=Z;if(Y.byteLength>J)return{summary:{...j,bytes:Y.byteLength,omitted:"too-large"}};return{dataUri:`data:${U?"application/gzip":"application/json"};base64,${u0(Y)}`,filename:U?K5:G5,summary:{...j,events:Q.length,bytes:Y.byteLength,compressed:U,...V?{canvasDropped:V}:{}}}}async function I4(z){let J=new TextEncoder().encode(JSON.stringify({events:z})),$=await H5(J);return $?{bytes:$,compressed:!0}:{bytes:J,compressed:!1}}var P5=3,_4=2,q5=9;function S4(z){return z.type===P5&&z.data?.source===q5}function F5(z){return z.some(S4)||z.some((J)=>J.type===_4&&L4(J.data.node))}function L4(z){if(!z)return!1;if(z.attributes&&"rr_dataURL"in z.attributes)return!0;return(z.childNodes??[]).some(L4)}function R4(z){if(!z)return;if(z.attributes&&"rr_dataURL"in z.attributes)delete z.attributes.rr_dataURL;for(let J of z.childNodes??[])R4(J)}function D5(z){let J=[];for(let $ of z){if(S4($))continue;if($.type===_4)R4($.data.node);J.push($)}return J}var M5=new Set([502,503,504]);class e extends Error{kind;retryAfter;status;constructor(z,J,$,j){super(z);this.kind=J;this.retryAfter=$;this.status=j;this.name="ReportError"}}function B5(z){let{screenshotDataUrl:J,replay:$,...j}=z;return{dataUri:`data:application/json;base64,${u0(new TextEncoder().encode(JSON.stringify(j)))}`,filename:"debug-bundle.json"}}async function i1(){let z=N().identity;if(!z)return{};try{let J=await z();return J?{authorization:`Bearer ${J}`}:{}}catch{return{}}}async function A4(z,J){let $=N(),j=B4(J,M4),{context:Q,note:Z}=j,V=[];if(j.screenshotDataUrl){let O=await U1(j.screenshotDataUrl);V.push({dataUri:O,filename:"screenshot.jpg"})}V.push(B5(j));let Y,U=w0();if(U){let O=await O4(j.replay,U.maxBytes);if(Y=O.summary,"dataUri"in O)V.push({dataUri:O.dataUri,filename:O.filename})}let P=D4(j),L={title:z,description:Z.trim()||void 0,appName:t().name,category:Q.module?.label,routeUrl:Q.route.href,priority:"MEDIUM",requesterEmail:Q.user.email??void 0,requesterName:Q.user.fullName??void 0,customFields:{unit:Q.user.unit??"",appVersion:Q.app.version,environment:Q.app.environment,reasonType:j.reason.type,appName:t().name,module:Q.module?.label??""},context:{...P?{signature:P}:{},capturedAt:Q.capturedAt,reason:j.reason,cause:j.cause,actionTrail:j.actionTrail,client:Q.client,performance:Q.performance,apiHeaders:Q.apiHeaders,extra:Q.extra,counts:{network:j.network.length,console:j.console.length,actions:j.actionTrail.length},screenshotMethod:j.screenshotMethod,...Y?{replay:Y}:{}},attachments:V},M=await fetch(`${$.host.replace(/\/$/,"")}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":$.realmKey,...await i1()},body:JSON.stringify(L)}).catch(()=>{throw new e("report never left the browser","offline")});if(!M.ok)throw await c1(M);return await M.json()}async function c1(z){let J=z.headers.get("retry-after"),$=await z.json().then((j)=>j.error).catch(()=>null);if(z.status===429)return new e("rate limited","rateLimited",J??void 0);if(M5.has(z.status))return new e("desk unavailable","unavailable");return new e($??`Report failed (${z.status})`,"rejected",void 0,z.status)}var P1=null,p0=null,T4=()=>N().host.replace(/\/$/,"");function l1(){return P1}function _0(){if(p0)return p0;return p0=(async()=>{try{let z=await fetch(`${T4()}/ingest/request-types`,{headers:{"x-realm-key":N().realmKey}}),J=z.ok?await z.json():null;P1=Array.isArray(J?.types)?J.types.filter(N5):[]}catch{P1=[],p0=null}return P1??[]})(),p0}function N5(z){let J=z;return!!J&&typeof J.id==="string"&&typeof J.name==="string"}async function k4(z){let J=N(),$={};try{$=J.user?.()??{}}catch{$={}}let j=typeof window>"u"?null:window.location,Q={title:z.title,description:z.description.trim()||void 0,ticketTypeId:z.ticketTypeId,appName:t().name,category:j?j1(j.pathname)?.label:void 0,routeUrl:j?.href,priority:"MEDIUM",requesterEmail:$.email??void 0,requesterName:$.fullName??void 0,attachments:z.screenshotDataUrl?[{dataUri:await U1(z.screenshotDataUrl),filename:"screenshot.jpg"}]:void 0},Z=await fetch(`${T4()}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":J.realmKey,...await i1()},body:JSON.stringify(Q)}).catch(()=>{throw new e("request never left the browser","offline")});if(!Z.ok)throw await c1(Z);return await Z.json()}var d0=Math.PI/6;function x4(z,J,$){let j=J.x-z.x,Q=J.y-z.y,Z=Math.hypot(j,Q),V=Math.atan2(Q,j),Y=[{x:J.x,y:J.y},{x:J.x-$*Math.cos(V-d0),y:J.y-$*Math.sin(V-d0)},{x:J.x-$*Math.cos(V+d0),y:J.y-$*Math.sin(V+d0)}],U=$*Math.cos(d0)*0.92;if(Z<=U)return{shaft:null,head:Y};return{shaft:{from:z,to:{x:J.x-U*Math.cos(V),y:J.y-U*Math.sin(V)}},head:Y}}var o1="#f44336",C5="rgba(250, 204, 21, 0.4)",r1=22,E4="#2563eb",f4=9,w4=11,b4=18,g4=4,q1=8,I5=[{id:"nw",fx:0,fy:0,cursor:"nwse-resize"},{id:"n",fx:0.5,fy:0,cursor:"ns-resize"},{id:"ne",fx:1,fy:0,cursor:"nesw-resize"},{id:"e",fx:1,fy:0.5,cursor:"ew-resize"},{id:"se",fx:1,fy:1,cursor:"nwse-resize"},{id:"s",fx:0.5,fy:1,cursor:"ns-resize"},{id:"sw",fx:0,fy:1,cursor:"nesw-resize"},{id:"w",fx:0,fy:0.5,cursor:"ew-resize"}];function y4(z,J,$){let j=[],Q=null,Z=-1,V=null,Y=null,U=z.getContext("2d");function P(){let X=z.getBoundingClientRect().width;return X>0?z.width/X:1}function L(X){let W=z.getBoundingClientRect();return{x:(X.clientX-W.left)/W.width*z.width,y:(X.clientY-W.top)/W.height*z.height}}function M(X){let W=X.size??r1;if(!U)return(X.text?.length??0)*W*0.6;U.save(),U.font=`600 ${W}px system-ui, sans-serif`;let G=U.measureText(X.text??"").width;return U.restore(),G}function O(X){if(X.tool==="text"){let W=X.size??r1;return{left:X.x1,top:X.y1,right:X.x1+M(X),bottom:X.y1+W*1.25}}return{left:Math.min(X.x1,X.x2),top:Math.min(X.y1,X.y2),right:Math.max(X.x1,X.x2),bottom:Math.max(X.y1,X.y2)}}function T(X){if(X.tool==="arrow")return[{id:"tail",x:X.x1,y:X.y1,cursor:"move"},{id:"head",x:X.x2,y:X.y2,cursor:"move"}];let W=O(X);if(X.tool==="text")return[{id:"size",x:W.right,y:W.bottom,cursor:"nwse-resize"}];return I5.map((G)=>({id:G.id,x:W.left+(W.right-W.left)*G.fx,y:W.top+(W.bottom-W.top)*G.fy,cursor:G.cursor}))}function x(X){let W=O(X);return{x:W.right+b4*P(),y:W.top-b4*P()}}function v(X,W,G){let{shaft:K,head:H}=x4({x:W.x1,y:W.y1},{x:W.x2,y:W.y2},Math.max(10,16*G));if(K)X.lineCap="butt",X.beginPath(),X.moveTo(K.from.x,K.from.y),X.lineTo(K.to.x,K.to.y),X.stroke();X.beginPath(),X.moveTo(H[0].x,H[0].y),X.lineTo(H[1].x,H[1].y),X.lineTo(H[2].x,H[2].y),X.closePath(),X.fill()}function c(X,W,G){X.save(),X.lineWidth=Math.max(2,3*G),X.strokeStyle=o1,X.fillStyle=o1;let K=O(W);if(W.tool==="rect")X.strokeRect(K.left,K.top,K.right-K.left,K.bottom-K.top);else if(W.tool==="arrow")v(X,W,G);else if(W.tool==="highlight")X.fillStyle=C5,X.fillRect(K.left,K.top,K.right-K.left,K.bottom-K.top);else if(W.tool==="text"&&W.text){let H=W.size??r1;X.font=`600 ${H}px system-ui, sans-serif`,X.textBaseline="top";let F=H*0.22;X.fillStyle="rgba(255,255,255,0.92)",X.fillRect(K.left-F,K.top-F,K.right-K.left+F*2,K.bottom-K.top+F*2),X.fillStyle=o1,X.fillText(W.text,K.left,K.top)}X.restore()}function g(X,W,G){let K=O(W);X.save(),X.strokeStyle=E4,X.lineWidth=Math.max(1,1.5*G),X.setLineDash([6*G,4*G]),X.strokeRect(K.left,K.top,K.right-K.left,K.bottom-K.top),X.setLineDash([]);let H=f4*G;for(let b of T(W))X.fillStyle="#fff",X.strokeStyle=E4,X.lineWidth=Math.max(1,1.5*G),X.beginPath(),X.rect(b.x-H/2,b.y-H/2,H,H),X.fill(),X.stroke();let F=x(W),C=w4*G;X.beginPath(),X.arc(F.x,F.y,C,0,Math.PI*2),X.fillStyle="#dc2626",X.fill(),X.strokeStyle="#fff",X.lineWidth=Math.max(1.5,2*G),X.beginPath(),X.moveTo(F.x-C*0.4,F.y-C*0.4),X.lineTo(F.x+C*0.4,F.y+C*0.4),X.moveTo(F.x+C*0.4,F.y-C*0.4),X.lineTo(F.x-C*0.4,F.y+C*0.4),X.stroke(),X.restore()}function _(){if(!U)return;let X=P();if(U.clearRect(0,0,z.width,z.height),U.drawImage(J,0,0,z.width,z.height),j.forEach((G,K)=>{if(K!==U0)c(U,G,X)}),V)c(U,V,X);let W=j[Z];if(W&&!V)g(U,W,X)}function D0(X,W,G,K,H){return Math.abs(X-G)<=H&&Math.abs(W-K)<=H}function G0(X,W){let G=j[Z];if(!G)return null;let K=f4*P()/2+3*P();for(let H of T(G))if(D0(X,W,H.x,H.y,K))return H.id;return null}function w(X,W){let G=j[Z];if(!G)return!1;let K=x(G);return D0(X,W,K.x,K.y,w4*P())}function n(X,W){let G=6*P();for(let K=j.length-1;K>=0;K-=1){let H=j[K];if(H.tool==="arrow"){let C=H.x2-H.x1,b=H.y2-H.y1,r=Math.hypot(C,b)||1,q=Math.max(0,Math.min(1,((X-H.x1)*C+(W-H.y1)*b)/(r*r)));if(Math.hypot(X-(H.x1+q*C),W-(H.y1+q*b))<=G+4*P())return K;continue}let F=O(H);if(X>=F.left-G&&X<=F.right+G&&W>=F.top-G&&W<=F.bottom+G)return K}return-1}function f(X,W,G,K,H){if(W==="tail"){X.x1=G.x1+K,X.y1=G.y1+H;return}if(W==="head"){X.x2=G.x2+K,X.y2=G.y2+H;return}if(W==="size"){let I=(G.size??24)+H;X.size=Math.max(10,I);return}let F=O(G),{left:C,top:b,right:r,bottom:q}=F;if(W.includes("w"))C=Math.min(r-q1,C+K);if(W.includes("e"))r=Math.max(C+q1,r+K);if(W.includes("n"))b=Math.min(q-q1,b+H);if(W.includes("s"))q=Math.max(b+q1,q+H);X.x1=C,X.y1=b,X.x2=r,X.y2=q}function z1(X,W,G,K){X.x1=W.x1+G,X.y1=W.y1+K,X.x2=W.x2+G,X.y2=W.y2+K}let R=null,U0=-1,h={x:0,y:0,size:24};function f0(){let X=z.getBoundingClientRect().width;return X>0?X/z.width:1}function J1(X,W){if(!U)return X.length*W*0.6;U.save(),U.font=`600 ${W}px system-ui, sans-serif`;let G=U.measureText(X||" ").width;return U.restore(),G}function M0(){if(!R)return;let X=z.parentElement;if(!X)return;let W=z.getBoundingClientRect(),G=X.getBoundingClientRect(),K=f0(),H=h.size*K;R.style.left=`${W.left-G.left+h.x*K}px`,R.style.top=`${W.top-G.top+h.y*K}px`,R.style.fontSize=`${H}px`,R.style.width=`${Math.max(40,J1(R.value,H)+H)}px`}function J0(X){let W=R;if(!W)return;R=null;let G=W.value.trim(),K=U0;if(U0=-1,W.remove(),X&&G){if(K>=0&&j[K])j[K].text=G,Z=K;else j.push({tool:"text",x1:h.x,y1:h.y,x2:h.x,y2:h.y,text:G,size:h.size}),Z=j.length-1;$()}else if(K>=0)Z=K;z.focus(),_()}function a(X,W,G=-1){J0(!0);let K=z.parentElement;if(!K)return;if(getComputedStyle(K).position==="static")K.style.position="relative";let H=G>=0?j[G]:void 0;U0=G,h={x:H?.x1??X,y:H?.y1??W,size:H?.size??Math.round(24*P())};let F=document.createElement("input");F.type="text",F.className="text-edit",F.value=H?.text??"",F.setAttribute("aria-label","ข้อความบนภาพ"),F.placeholder="ข้อความ",R=F,K.append(F),M0(),F.addEventListener("input",M0),F.addEventListener("keydown",(C)=>{if(C.stopPropagation(),C.key==="Enter")J0(!0);else if(C.key==="Escape")J0(!1)}),requestAnimationFrame(()=>{if(R!==F)return;F.focus(),F.select(),F.addEventListener("blur",()=>J0(!0))}),_()}function l(X){let{x:W,y:G}=L(X);if(z.setPointerCapture(X.pointerId),w(W,G)){o();return}let K=G0(W,G);if(K&&j[Z]){Y={grip:K,x:W,y:G,start:{...j[Z]}};return}if(Q==="text"){if(X.preventDefault(),z.hasPointerCapture(X.pointerId))z.releasePointerCapture(X.pointerId);Q=null,$(),a(W,G);return}if(Q){V={tool:Q,x1:W,y1:G,x2:W,y2:G},Z=-1;return}let H=n(W,G);Z=H,Y=H>=0?{grip:"body",x:W,y:G,start:{...j[H]}}:null,_()}function B0(X){let{x:W,y:G}=L(X);if(V){V.x2=W,V.y2=G,_();return}if(Y){let H=j[Z];if(!H)return;let F=W-Y.x,C=G-Y.y;if(Y.grip==="body")z1(H,Y.start,F,C);else f(H,Y.grip,Y.start,F,C);_();return}if(Q){z.style.cursor="crosshair";return}if(w(W,G)){z.style.cursor="pointer";return}let K=G0(W,G);if(K){let H=j[Z]?T(j[Z]).find((F)=>F.id===K):null;z.style.cursor=H?.cursor??"pointer";return}z.style.cursor=n(W,G)>=0?"move":"default"}function H0(){if(V){if(!(Math.abs(V.x2-V.x1)<g4&&Math.abs(V.y2-V.y1)<g4))j.push(V),Z=j.length-1,Q=null,$();V=null}if(Y)Y=null,$();_()}function $0(X){let W=z.getBoundingClientRect(),G=(X.clientX-W.left)/W.width*z.width,K=(X.clientY-W.top)/W.height*z.height,H=n(G,K),F=j[H];if(!F||F.tool!=="text")return;X.preventDefault(),a(F.x1,F.y1,H)}function j0(X){if(Z<0)return;if(X.key==="Delete"||X.key==="Backspace")X.preventDefault(),o();else if(X.key==="Escape")X.preventDefault(),Z=-1,_()}function o(){if(Z<0)return;j.splice(Z,1),Z=-1,$(),_()}return z.addEventListener("pointerdown",l),z.addEventListener("pointermove",B0),z.addEventListener("pointerup",H0),z.addEventListener("pointercancel",H0),z.addEventListener("dblclick",$0),z.tabIndex=0,z.addEventListener("keydown",j0),_(),{setTool(X){Q=X,Z=-1,z.style.cursor=X?"crosshair":"default",_()},deleteSelected:o,clear(){j.length=0,Z=-1,$(),_()},hasShapes:()=>j.length>0,hasSelection:()=>Z>=0,toDataUrl(){let X=document.createElement("canvas");X.width=J.naturalWidth,X.height=J.naturalHeight;let W=X.getContext("2d");if(!W)return z.toDataURL("image/png");W.drawImage(J,0,0);let G=P();for(let K of j)c(W,K,G);return X.toDataURL("image/png")},destroy(){J0(!1),z.removeEventListener("pointerdown",l),z.removeEventListener("pointermove",B0),z.removeEventListener("pointerup",H0),z.removeEventListener("pointercancel",H0),z.removeEventListener("dblclick",$0),z.removeEventListener("keydown",j0)}}}var O5=["keydown","keyup","keypress"];function i0(z){for(let J of O5)z.addEventListener(J,($)=>$.stopPropagation())}var v4=`
|
|
34
34
|
:host { all: initial; }
|
|
35
35
|
* { box-sizing: border-box; }
|
|
36
36
|
|
|
@@ -181,7 +181,7 @@ button.link:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
|
|
|
181
181
|
.shot-choice input { width: 16px; height: 16px; margin: 0; accent-color: #2563eb; }
|
|
182
182
|
.dropped { opacity: 0.35; pointer-events: none; }
|
|
183
183
|
.draft { margin: -8px 0 0; padding: 8px 12px; border-radius: 10px; background: #eff6ff; font-size: 13px; color: #1e3a8a; }
|
|
184
|
-
`;var d0="lw-debug-reporter",X0=null;function D5(z,J){if(z instanceof t){if(z.kind==="offline")return J.failedOffline;if(z.kind==="unavailable")return J.failedUnavailable;if(z.kind==="rateLimited")return J.failedTooMany.replace("{seconds}",z.retryAfter??"60");return z.message||J.failed}return J.failed}var B5=()=>[];var M5=[{tool:"rect",key:"toolRect"},{tool:"arrow",key:"toolArrow"},{tool:"highlight",key:"toolHighlight"},{tool:"text",key:"toolText"}];function N5(){return class extends HTMLElement{root;stop=null;annotator=null;bundle=null;busy=!1;keep=null;returnFocus=null;constructor(){super();this.root=this.attachShadow({mode:"open"}),p0(this.root),this.root.addEventListener("keydown",(J)=>{let $=J;if($.key!=="Escape"||$.defaultPrevented||!this.root.querySelector("[role=dialog]"))return;$.preventDefault(),this.close()})}connectedCallback(){this.dataset.debugReporter="true",this.stop=m2((J)=>void this.open(J))}disconnectedCallback(){this.stop?.(),this.stop=null,this.close()}async open(J){if(this.busy)return;this.busy=!0;let $=document.activeElement;this.returnFocus=$ instanceof HTMLElement&&$!==document.body?$:null;let j=P0(N().locale),Q=p1();if(Q===null)O0();if(J.type==="manual"&&Q?.length){this.renderChooser(j,J);return}await this.report(J,j)}renderChooser(J,$){let j=this.shell(J);j.classList.add("narrow"),j.setAttribute("aria-label",J.chooseTitle);let Q=M("div","head"),Z=d("✕","icon");Z.setAttribute("aria-label",J.close),Z.addEventListener("click",()=>this.close()),Q.append(M("h2","",J.chooseTitle),Z);let V=b4("problem",C5,J.kindProblem,J.chooseProblemHint);V.dataset.choose="problem",V.addEventListener("click",()=>{this.root.replaceChildren(),this.report($,J)});let Y=b4("request",f4,J.kindRequest,J.chooseRequestHint);Y.dataset.choose="request",Y.addEventListener("click",()=>{this.bundle=W1({reason:$,note:"",screenshotDataUrl:null,screenshotMethod:"none",erroredQueries:c1()}),this.renderForm(J,$,"request")});let U=M("div","kinds choose");U.append(V,Y),U.addEventListener("keydown",(P)=>{if(!E4.includes(P.key))return;P.preventDefault(),(this.root.activeElement===V?Y:V).focus()}),j.append(Q,U),V.focus()}async switchToReport(J,$,j){this.root.replaceChildren();let Q=await v1();if(Q.method==="cancelled"){this.renderForm(J,$,"request",{...j,asking:!0});return}this.bundle=W1({reason:$,note:"",screenshotDataUrl:Q.dataUrl,screenshotMethod:Q.method,erroredQueries:c1()}),this.renderForm(J,$,"problem",j)}async report(J,$){let j=await v1();if(j.method==="cancelled"){this.close();return}this.bundle=W1({reason:J,note:"",screenshotDataUrl:j.dataUrl,screenshotMethod:j.method,erroredQueries:c1()}),this.renderForm($,J,"problem")}close(J=!1){if(J)X0=null;else if(this.keep)X0=this.keep()??X0;this.keep=null,this.annotator?.destroy(),this.annotator=null,this.bundle=null,this.busy=!1,this.root.replaceChildren();let $=this.returnFocus;if(this.returnFocus=null,$?.isConnected)$.focus()}shell(J){let $=document.createElement("style");$.textContent=x4;let j=document.createElement("div");j.className="backdrop";let Q=document.createElement("div");return Q.className="panel",Q.setAttribute("role","dialog"),Q.setAttribute("aria-modal","true"),Q.setAttribute("aria-label",J.title),j.append(Q),this.root.replaceChildren($,j),Q}renderShell(J,$){let j=this.shell(J),Q=M("div","head");Q.append(M("h2","",J.title)),j.append(Q,M("p","status",$))}renderForm(J,$,j,Q){let Z=this.bundle;if(!Z)return;let V=this.shell(J),Y=j,U=j==="problem"||!!Z.screenshotDataUrl,P=null,L=M("div","head"),B=M("h2","",J.title),O=d("✕","icon");O.setAttribute("aria-label",J.close),O.addEventListener("click",()=>this.close()),L.append(B,O);let T=M("p","door");T.hidden=!0;let x=M("span"),v=d("","link");v.dataset.switchKind="",v.addEventListener("click",()=>K(Y==="problem"?"request":"problem")),T.append(x,v);let c=M("div","ask");c.hidden=!0;let g=document.createElement("input");g.type="search",g.className="type-search",g.placeholder=J.requestTypeSearch,g.setAttribute("aria-label",J.requestTypeSearch),g.dataset.requestTypeSearch="",g.hidden=!0;let _=M("div","types");_.setAttribute("role","radiogroup"),_.setAttribute("aria-label",J.requestTypeLabel);let F0=M("p","status",J.requestTypeNone);F0.hidden=!0;let W0=M("p","status type-count","");W0.hidden=!0,c.append(q1(J.requestTypeLabel,"",!0),g,_,F0,W0);let w=[],n=()=>{for(let C of w){let D=C.dataset.requestType===P?.id;C.setAttribute("aria-checked",String(D)),C.tabIndex=D?0:-1}let q=w.find((C)=>C.dataset.requestType===P?.id);if(q&&_.scrollHeight>_.clientHeight){let C=q.offsetTop-_.offsetTop;if(C<_.scrollTop)_.scrollTop=C;else if(C+q.offsetHeight>_.scrollTop+_.clientHeight)_.scrollTop=C+q.offsetHeight-_.clientHeight}},f=document.createElement("input");f.type="text";let e0=q1(""),R=document.createElement("textarea"),G0=q1(""),h=M("div","meta"),{context:x0}=Z,z1=`${Z.network.length} network · ${Z.console.length} console · ${Z.actionTrail.length} actions${Z.replay?` · ${J.replay} ${Math.round(Z.replay.durationMs/1000)}s`:""}`,D0=(q,C)=>{let D=document.createElement("div"),S=document.createElement("b");S.textContent=`${q}: `;let k=document.createTextNode(C);return D.append(S,k),h.append(D),{b:S,v:k}};D0(J.reporter,`${x0.user.fullName??"—"} (${x0.user.email??"—"})`),D0(J.page,x0.route.href);let J0=D0(J.captured,z1),s=document.createElement("label");s.className="shot-choice",s.hidden=!0;let l=document.createElement("input");l.type="checkbox",l.checked=!0,l.dataset.requestShot="",s.append(l,document.createTextNode(` ${J.requestWithShot}`));let B0=Z.screenshotDataUrl?this.screenshotSection(J,Z.screenshotDataUrl):[M("p","status",J.noScreenshot)],U0=Z.screenshotDataUrl?B0[0]:null;if(!Z.screenshotDataUrl)s.replaceChildren();let $0=M("p","status",""),j0=d(J.submit,"primary"),o=()=>{j0.disabled=f.value.trim().length===0||Y==="request"&&!P};f.addEventListener("input",o);let X=()=>{let q=Y==="request";if(B.textContent=q?J.requestTitle:J.title,V.setAttribute("aria-label",q?J.requestTitle:J.title),x.textContent=`${q?J.problemInstead:J.askInstead} `,v.textContent=q?U?J.problemInsteadAction:J.problemInsteadShare:J.askInsteadAction,c.hidden=!q,F1(e0,q?J.requestSummaryLabel:J.summaryLabel,q?"":J.summaryRequired,!0),f.placeholder=q?J.requestSummaryPlaceholder:J.summaryPlaceholder,F1(G0,q?J.requestDetailLabel:J.detailLabel),R.placeholder=q?J.requestDetailPlaceholder:J.detailPlaceholder,J0.b.textContent=`${q?J.requestLeaves:J.captured}: `,J0.v.textContent=q?J.requestLeavesWhat:z1,s.hidden=!q||!Z.screenshotDataUrl,U0)F1(U0,q?J.requestAnnotateHint:J.annotateHint);for(let C of B0)C.classList.toggle("dropped",q&&!l.checked),C.hidden=q&&!Z.screenshotDataUrl;j0.textContent=q?J.requestSubmit:J.submit,o()};l.addEventListener("change",X);let K=(q)=>{if(q===Y)return;if(q==="problem"&&!U){this.switchToReport(J,$,{title:f.value,detail:R.value,asking:!1,typeId:P?.id??null});return}Y=q,X()},G=(q)=>{if(this.bundle!==Z||$.type!=="manual"||!q.length)return;P=q[0],w.length=0;for(let D of q){let S=d("","type");S.setAttribute("role","radio"),S.dataset.requestType=D.id;let k=M("span","type-body");if(k.append(M("b","",D.name)),D.description)k.append(M("span","type-hint",D.description));if(D.targetHours){let M0=M("span","type-due");M0.append(D1(O5),document.createTextNode(J.requestTarget.replace("{time}",I5(J,D.targetHours)))),k.append(M0)}S.append(D1(f4),k),S.addEventListener("click",()=>{P=D,n(),o()}),w.push(S)}_.replaceChildren(...w),_.onkeydown=(D)=>{if(!E4.includes(D.key)||!P)return;D.preventDefault();let S=q.filter((H0,N6)=>!w[N6].hidden);if(!S.length)return;let k=S.findIndex((H0)=>H0.id===P.id),M0=D.key==="ArrowUp"||D.key==="ArrowLeft"?-1:1;P=S[k<0?0:(k+M0+S.length)%S.length],n(),w.find((H0)=>H0.dataset.requestType===P.id)?.focus()},_.classList.toggle("long",q.length>=l1),g.hidden=q.length<l1;let C=(D)=>{W0.hidden=q.length<l1||D===0,W0.textContent=J.requestTypeCount.replace("{n}",String(D))};C(q.length),g.oninput=()=>{let D=g.value.trim().toLowerCase(),S=null;if(q.forEach((k,M0)=>{let H0=!D||`${k.name} ${k.description}`.toLowerCase().includes(D);if(w[M0].hidden=!H0,H0&&!S)S=k}),F0.hidden=!!S,C(w.filter((k)=>!k.hidden).length),S&&P&&w[q.indexOf(P)].hidden)P=S;n(),o()},g.onkeydown=(D)=>{if(D.key==="ArrowDown"||D.key==="Enter")D.preventDefault(),w.find((S)=>S.dataset.requestType===P?.id&&!S.hidden)?.focus()},n(),T.hidden=!1,X()},W=Q??(X0&&(X0.title||X0.detail)?X0:null),H=M("p","draft");if(H.hidden=!W||!!Q,W){f.value=W.title,R.value=W.detail;let q=d(J.draftClear,"link");q.dataset.draftClear="",q.addEventListener("click",()=>{f.value="",R.value="",X0=null,H.hidden=!0,o(),f.focus()}),H.append(document.createTextNode(`${J.draftRestored} · `),q)}let F=p1(),I=(q)=>{if(G(q),Y!=="request"||T.hidden||!W?.typeId)return;let C=q.find((D)=>D.id===W.typeId);if(C)P=C,n()};if(F)I(F);else if($.type==="manual")O0().then(I);this.keep=()=>({title:f.value,detail:R.value,asking:Y==="request",typeId:P?.id??null}),V.append(L,T,H,c,e0,f,G0,R,h,s,...B0);let b=M("div","foot"),r=d(J.close);r.addEventListener("click",()=>this.close()),b.append(r,$0,M("span","grow"),j0),V.append(b),X(),j0.addEventListener("click",async()=>{j0.disabled=!0,$0.dataset.tone="",$0.textContent=J.submitting;let q=()=>this.annotator?.hasShapes()?this.annotator.toDataUrl():Z.screenshotDataUrl;try{if(Y==="request"&&P){let S=await O4({ticketTypeId:P.id,title:f.value.trim(),description:R.value,screenshotDataUrl:l.checked?q():null}),k=this.dispatchEvent(new CustomEvent("lw-request-submitted",{detail:S,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(!0),k)C0(`${J.requestSubmitted} — #${S.number}`,"success");return}let C=await I4(f.value.trim(),{...Z,note:R.value,screenshotDataUrl:q()}),D=this.dispatchEvent(new CustomEvent("lw-report-submitted",{detail:C,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(!0),D)C0(`${J.submitted} — #${C.number}`,"success")}catch(C){let D=D5(C,J);$0.dataset.tone="error",$0.textContent=D,C0(D,"error"),o()}}),f.focus()}screenshotSection(J,$){let j=q1(J.annotateHint),Q=M("div","tools"),Z=document.createElement("canvas"),V=M("div","shot");V.append(Z);let Y=[],U=(O)=>{for(let T of Y)T.setAttribute("aria-pressed",String(T===O))};for(let{tool:O,key:T}of M5){let x=d(J[T]);x.setAttribute("aria-pressed","false"),x.addEventListener("click",()=>{let v=x.getAttribute("aria-pressed")==="true";U(v?null:x),this.annotator?.setTool(v?null:O)}),Y.push(x),Q.append(x)}Q.append(M("span","sep"));let P=d(J.deleteSelected);P.addEventListener("click",()=>this.annotator?.deleteSelected());let L=d(J.clearAll);L.addEventListener("click",()=>{this.annotator?.clear(),U(null)}),Q.append(P,L);let B=new Image;return B.onload=()=>{Z.width=B.naturalWidth,Z.height=B.naturalHeight,this.annotator=k4(Z,B,()=>{U(null),P.disabled=!this.annotator?.hasSelection()})},B.src=$,[j,Q,M("p","status",J.annotateHelp),V]}}}function c1(){try{return B5()}catch{return[]}}function M(z,J="",$=""){let j=document.createElement(z);if(J)j.className=J;if($)j.textContent=$;return j}function I5(z,J){return J>=24&&J%24===0?z.days.replace("{n}",String(J/24)):z.hours.replace("{n}",String(J))}var E4=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],l1=7,C5=[["path",{d:"M12 20v-9"}],["path",{d:"M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"}],["path",{d:"M14.12 3.88 16 2"}],["path",{d:"M21 21a4 4 0 0 0-3.81-4"}],["path",{d:"M21 5a4 4 0 0 1-3.55 3.97"}],["path",{d:"M22 13h-4"}],["path",{d:"M3 21a4 4 0 0 1 3.81-4"}],["path",{d:"M3 5a4 4 0 0 0 3.55 3.97"}],["path",{d:"M6 13H2"}],["path",{d:"m8 2 1.88 1.88"}],["path",{d:"M9 7.13V6a3 3 0 1 1 6 0v1.13"}]],f4=[["rect",{width:"8",height:"8",x:"3",y:"3",rx:"2"}],["path",{d:"M7 11v4a2 2 0 0 0 2 2h4"}],["rect",{width:"8",height:"8",x:"13",y:"13",rx:"2"}]],O5=[["circle",{cx:"12",cy:"12",r:"10"}],["path",{d:"M12 6v6l4 2"}]],_5=[["path",{d:"M20 6 9 17l-5-5"}]],w4="http://www.w3.org/2000/svg";function b4(z,J,$,j){let Q=d("","kind");Q.dataset.kind=z;let Z=M("span","kind-top");return Z.append(D1(J),M("b","",$)),Q.append(Z,M("span","kind-hint",j),D1(_5,"tick")),Q}function D1(z,J="icon"){let $=document.createElementNS(w4,"svg");for(let[j,Q]of Object.entries({viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",class:J}))$.setAttribute(j,Q);for(let[j,Q]of z){let Z=document.createElementNS(w4,j);for(let[V,Y]of Object.entries(Q))Z.setAttribute(V,Y);$.append(Z)}return $}function d(z,J=""){let $=document.createElement("button");if($.type="button",$.textContent=z,J)$.className=J;return $}function q1(z,J="",$=!1){return F1(document.createElement("label"),z,J,$)}function F1(z,J,$="",j=!1){if(z.replaceChildren(document.createTextNode(J)),j){let Q=document.createElement("span");Q.className="req",Q.textContent=" *",z.append(Q)}if($){let Q=document.createElement("span");Q.className="hint",Q.textContent=` ${$}`,z.append(Q)}return z}function g4(){if(typeof window>"u"||customElements.get(d0))return;customElements.define(d0,N5())}var y4=138.23,k9=`
|
|
184
|
+
`;var c0="lw-debug-reporter",X0=null;function _5(z,J){if(z instanceof e){if(z.kind==="offline")return J.failedOffline;if(z.kind==="unavailable")return J.failedUnavailable;if(z.kind==="rateLimited")return J.failedTooMany.replace("{seconds}",z.retryAfter??"60");return z.message||J.failed}return J.failed}var S5=()=>[];var L5=[{tool:"rect",key:"toolRect"},{tool:"arrow",key:"toolArrow"},{tool:"highlight",key:"toolHighlight"},{tool:"text",key:"toolText"}];function R5(){return class extends HTMLElement{root;stop=null;annotator=null;bundle=null;busy=!1;keep=null;returnFocus=null;constructor(){super();this.root=this.attachShadow({mode:"open"}),i0(this.root),this.root.addEventListener("keydown",(J)=>{let $=J;if($.key!=="Escape"||$.defaultPrevented||!this.root.querySelector("[role=dialog]"))return;$.preventDefault(),this.close()})}connectedCallback(){this.dataset.debugReporter="true",this.stop=o2((J)=>void this.open(J))}disconnectedCallback(){this.stop?.(),this.stop=null,this.close()}async open(J){if(this.busy)return;this.busy=!0;let $=document.activeElement;this.returnFocus=$ instanceof HTMLElement&&$!==document.body?$:null;let j=q0(N().locale),Q=l1();if(Q===null)_0();if(J.type==="manual"&&Q?.length){this.renderChooser(j,J);return}await this.report(J,j)}renderChooser(J,$){let j=this.shell(J);j.classList.add("narrow"),j.setAttribute("aria-label",J.chooseTitle);let Q=B("div","head"),Z=d("✕","icon");Z.setAttribute("aria-label",J.close),Z.addEventListener("click",()=>this.close()),Q.append(B("h2","",J.chooseTitle),Z);let V=p4("problem",T5,J.kindProblem,J.chooseProblemHint);V.dataset.choose="problem",V.addEventListener("click",()=>{this.root.replaceChildren(),this.report($,J)});let Y=p4("request",m4,J.kindRequest,J.chooseRequestHint);Y.dataset.choose="request",Y.addEventListener("click",()=>{this.bundle=G1({reason:$,note:"",screenshotDataUrl:null,screenshotMethod:"none",erroredQueries:s1()}),this.renderForm(J,$,"request")});let U=B("div","kinds choose");U.append(V,Y),U.addEventListener("keydown",(P)=>{if(!h4.includes(P.key))return;P.preventDefault(),(this.root.activeElement===V?Y:V).focus()}),j.append(Q,U),V.focus()}async switchToReport(J,$,j){this.root.replaceChildren();let Q=await p1();if(Q.method==="cancelled"){this.renderForm(J,$,"request",{...j,asking:!0});return}this.bundle=G1({reason:$,note:"",screenshotDataUrl:Q.dataUrl,screenshotMethod:Q.method,erroredQueries:s1()}),this.renderForm(J,$,"problem",j)}async report(J,$){let j=await p1();if(j.method==="cancelled"){this.close();return}this.bundle=G1({reason:J,note:"",screenshotDataUrl:j.dataUrl,screenshotMethod:j.method,erroredQueries:s1()}),this.renderForm($,J,"problem")}close(J=!1){if(J)X0=null;else if(this.keep)X0=this.keep()??X0;this.keep=null,this.annotator?.destroy(),this.annotator=null,this.bundle=null,this.busy=!1,this.root.replaceChildren();let $=this.returnFocus;if(this.returnFocus=null,$?.isConnected)$.focus()}shell(J){let $=document.createElement("style");$.textContent=v4;let j=document.createElement("div");j.className="backdrop";let Q=document.createElement("div");return Q.className="panel",Q.setAttribute("role","dialog"),Q.setAttribute("aria-modal","true"),Q.setAttribute("aria-label",J.title),j.append(Q),this.root.replaceChildren($,j),Q}renderShell(J,$){let j=this.shell(J),Q=B("div","head");Q.append(B("h2","",J.title)),j.append(Q,B("p","status",$))}renderForm(J,$,j,Q){let Z=this.bundle;if(!Z)return;let V=this.shell(J),Y=j,U=j==="problem"||!!Z.screenshotDataUrl,P=null,L=B("div","head"),M=B("h2","",J.title),O=d("✕","icon");O.setAttribute("aria-label",J.close),O.addEventListener("click",()=>this.close()),L.append(M,O);let T=B("p","door");T.hidden=!0;let x=B("span"),v=d("","link");v.dataset.switchKind="",v.addEventListener("click",()=>W(Y==="problem"?"request":"problem")),T.append(x,v);let c=B("div","ask");c.hidden=!0;let g=document.createElement("input");g.type="search",g.className="type-search",g.placeholder=J.requestTypeSearch,g.setAttribute("aria-label",J.requestTypeSearch),g.dataset.requestTypeSearch="",g.hidden=!0;let _=B("div","types");_.setAttribute("role","radiogroup"),_.setAttribute("aria-label",J.requestTypeLabel);let D0=B("p","status",J.requestTypeNone);D0.hidden=!0;let G0=B("p","status type-count","");G0.hidden=!0,c.append(F1(J.requestTypeLabel,"",!0),g,_,D0,G0);let w=[],n=()=>{for(let I of w){let D=I.dataset.requestType===P?.id;I.setAttribute("aria-checked",String(D)),I.tabIndex=D?0:-1}let q=w.find((I)=>I.dataset.requestType===P?.id);if(q&&_.scrollHeight>_.clientHeight){let I=q.offsetTop-_.offsetTop;if(I<_.scrollTop)_.scrollTop=I;else if(I+q.offsetHeight>_.scrollTop+_.clientHeight)_.scrollTop=I+q.offsetHeight-_.clientHeight}},f=document.createElement("input");f.type="text";let z1=F1(""),R=document.createElement("textarea"),U0=F1(""),h=B("div","meta"),{context:f0}=Z,J1=`${Z.network.length} network · ${Z.console.length} console · ${Z.actionTrail.length} actions${Z.replay?` · ${J.replay} ${Math.round(Z.replay.durationMs/1000)}s`:""}`,M0=(q,I)=>{let D=document.createElement("div"),S=document.createElement("b");S.textContent=`${q}: `;let k=document.createTextNode(I);return D.append(S,k),h.append(D),{b:S,v:k}};M0(J.reporter,`${f0.user.fullName??"—"} (${f0.user.email??"—"})`),M0(J.page,f0.route.href);let J0=M0(J.captured,J1),a=document.createElement("label");a.className="shot-choice",a.hidden=!0;let l=document.createElement("input");l.type="checkbox",l.checked=!0,l.dataset.requestShot="",a.append(l,document.createTextNode(` ${J.requestWithShot}`));let B0=Z.screenshotDataUrl?this.screenshotSection(J,Z.screenshotDataUrl):[B("p","status",J.noScreenshot)],H0=Z.screenshotDataUrl?B0[0]:null;if(!Z.screenshotDataUrl)a.replaceChildren();let $0=B("p","status",""),j0=d(J.submit,"primary"),o=()=>{j0.disabled=f.value.trim().length===0||Y==="request"&&!P};f.addEventListener("input",o);let X=()=>{let q=Y==="request";if(M.textContent=q?J.requestTitle:J.title,V.setAttribute("aria-label",q?J.requestTitle:J.title),x.textContent=`${q?J.problemInstead:J.askInstead} `,v.textContent=q?U?J.problemInsteadAction:J.problemInsteadShare:J.askInsteadAction,c.hidden=!q,D1(z1,q?J.requestSummaryLabel:J.summaryLabel,q?"":J.summaryRequired,!0),f.placeholder=q?J.requestSummaryPlaceholder:J.summaryPlaceholder,D1(U0,q?J.requestDetailLabel:J.detailLabel),R.placeholder=q?J.requestDetailPlaceholder:J.detailPlaceholder,J0.b.textContent=`${q?J.requestLeaves:J.captured}: `,J0.v.textContent=q?J.requestLeavesWhat:J1,a.hidden=!q||!Z.screenshotDataUrl,H0)D1(H0,q?J.requestAnnotateHint:J.annotateHint);for(let I of B0)I.classList.toggle("dropped",q&&!l.checked),I.hidden=q&&!Z.screenshotDataUrl;j0.textContent=q?J.requestSubmit:J.submit,o()};l.addEventListener("change",X);let W=(q)=>{if(q===Y)return;if(q==="problem"&&!U){this.switchToReport(J,$,{title:f.value,detail:R.value,asking:!1,typeId:P?.id??null});return}Y=q,X()},G=(q)=>{if(this.bundle!==Z||$.type!=="manual"||!q.length)return;P=q[0],w.length=0;for(let D of q){let S=d("","type");S.setAttribute("role","radio"),S.dataset.requestType=D.id;let k=B("span","type-body");if(k.append(B("b","",D.name)),D.description)k.append(B("span","type-hint",D.description));if(D.targetHours){let N0=B("span","type-due");N0.append(M1(k5),document.createTextNode(J.requestTarget.replace("{time}",A5(J,D.targetHours)))),k.append(N0)}S.append(M1(m4),k),S.addEventListener("click",()=>{P=D,n(),o()}),w.push(S)}_.replaceChildren(...w),_.onkeydown=(D)=>{if(!h4.includes(D.key)||!P)return;D.preventDefault();let S=q.filter((P0,R6)=>!w[R6].hidden);if(!S.length)return;let k=S.findIndex((P0)=>P0.id===P.id),N0=D.key==="ArrowUp"||D.key==="ArrowLeft"?-1:1;P=S[k<0?0:(k+N0+S.length)%S.length],n(),w.find((P0)=>P0.dataset.requestType===P.id)?.focus()},_.classList.toggle("long",q.length>=n1),g.hidden=q.length<n1;let I=(D)=>{G0.hidden=q.length<n1||D===0,G0.textContent=J.requestTypeCount.replace("{n}",String(D))};I(q.length),g.oninput=()=>{let D=g.value.trim().toLowerCase(),S=null;if(q.forEach((k,N0)=>{let P0=!D||`${k.name} ${k.description}`.toLowerCase().includes(D);if(w[N0].hidden=!P0,P0&&!S)S=k}),D0.hidden=!!S,I(w.filter((k)=>!k.hidden).length),S&&P&&w[q.indexOf(P)].hidden)P=S;n(),o()},g.onkeydown=(D)=>{if(D.key==="ArrowDown"||D.key==="Enter")D.preventDefault(),w.find((S)=>S.dataset.requestType===P?.id&&!S.hidden)?.focus()},n(),T.hidden=!1,X()},K=Q??(X0&&(X0.title||X0.detail)?X0:null),H=B("p","draft");if(H.hidden=!K||!!Q,K){f.value=K.title,R.value=K.detail;let q=d(J.draftClear,"link");q.dataset.draftClear="",q.addEventListener("click",()=>{f.value="",R.value="",X0=null,H.hidden=!0,o(),f.focus()}),H.append(document.createTextNode(`${J.draftRestored} · `),q)}let F=l1(),C=(q)=>{if(G(q),Y!=="request"||T.hidden||!K?.typeId)return;let I=q.find((D)=>D.id===K.typeId);if(I)P=I,n()};if(F)C(F);else if($.type==="manual")_0().then(C);this.keep=()=>({title:f.value,detail:R.value,asking:Y==="request",typeId:P?.id??null}),V.append(L,T,H,c,z1,f,U0,R,h,a,...B0);let b=B("div","foot"),r=d(J.close);r.addEventListener("click",()=>this.close()),b.append(r,$0,B("span","grow"),j0),V.append(b),X(),j0.addEventListener("click",async()=>{j0.disabled=!0,$0.dataset.tone="",$0.textContent=J.submitting;let q=()=>this.annotator?.hasShapes()?this.annotator.toDataUrl():Z.screenshotDataUrl;try{if(Y==="request"&&P){let S=await k4({ticketTypeId:P.id,title:f.value.trim(),description:R.value,screenshotDataUrl:l.checked?q():null}),k=this.dispatchEvent(new CustomEvent("lw-request-submitted",{detail:S,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(!0),k)O0(`${J.requestSubmitted} — #${S.number}`,"success");return}let I=await A4(f.value.trim(),{...Z,note:R.value,screenshotDataUrl:q()}),D=this.dispatchEvent(new CustomEvent("lw-report-submitted",{detail:I,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(!0),D)O0(`${J.submitted} — #${I.number}`,"success")}catch(I){let D=_5(I,J);$0.dataset.tone="error",$0.textContent=D,O0(D,"error"),o()}}),f.focus()}screenshotSection(J,$){let j=F1(J.annotateHint),Q=B("div","tools"),Z=document.createElement("canvas"),V=B("div","shot");V.append(Z);let Y=[],U=(O)=>{for(let T of Y)T.setAttribute("aria-pressed",String(T===O))};for(let{tool:O,key:T}of L5){let x=d(J[T]);x.setAttribute("aria-pressed","false"),x.addEventListener("click",()=>{let v=x.getAttribute("aria-pressed")==="true";U(v?null:x),this.annotator?.setTool(v?null:O)}),Y.push(x),Q.append(x)}Q.append(B("span","sep"));let P=d(J.deleteSelected);P.addEventListener("click",()=>this.annotator?.deleteSelected());let L=d(J.clearAll);L.addEventListener("click",()=>{this.annotator?.clear(),U(null)}),Q.append(P,L);let M=new Image;return M.onload=()=>{Z.width=M.naturalWidth,Z.height=M.naturalHeight,this.annotator=y4(Z,M,()=>{U(null),P.disabled=!this.annotator?.hasSelection()})},M.src=$,[j,Q,B("p","status",J.annotateHelp),V]}}}function s1(){try{return S5()}catch{return[]}}function B(z,J="",$=""){let j=document.createElement(z);if(J)j.className=J;if($)j.textContent=$;return j}function A5(z,J){return J>=24&&J%24===0?z.days.replace("{n}",String(J/24)):z.hours.replace("{n}",String(J))}var h4=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],n1=7,T5=[["path",{d:"M12 20v-9"}],["path",{d:"M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"}],["path",{d:"M14.12 3.88 16 2"}],["path",{d:"M21 21a4 4 0 0 0-3.81-4"}],["path",{d:"M21 5a4 4 0 0 1-3.55 3.97"}],["path",{d:"M22 13h-4"}],["path",{d:"M3 21a4 4 0 0 1 3.81-4"}],["path",{d:"M3 5a4 4 0 0 0 3.55 3.97"}],["path",{d:"M6 13H2"}],["path",{d:"m8 2 1.88 1.88"}],["path",{d:"M9 7.13V6a3 3 0 1 1 6 0v1.13"}]],m4=[["rect",{width:"8",height:"8",x:"3",y:"3",rx:"2"}],["path",{d:"M7 11v4a2 2 0 0 0 2 2h4"}],["rect",{width:"8",height:"8",x:"13",y:"13",rx:"2"}]],k5=[["circle",{cx:"12",cy:"12",r:"10"}],["path",{d:"M12 6v6l4 2"}]],x5=[["path",{d:"M20 6 9 17l-5-5"}]],u4="http://www.w3.org/2000/svg";function p4(z,J,$,j){let Q=d("","kind");Q.dataset.kind=z;let Z=B("span","kind-top");return Z.append(M1(J),B("b","",$)),Q.append(Z,B("span","kind-hint",j),M1(x5,"tick")),Q}function M1(z,J="icon"){let $=document.createElementNS(u4,"svg");for(let[j,Q]of Object.entries({viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",class:J}))$.setAttribute(j,Q);for(let[j,Q]of z){let Z=document.createElementNS(u4,j);for(let[V,Y]of Object.entries(Q))Z.setAttribute(V,Y);$.append(Z)}return $}function d(z,J=""){let $=document.createElement("button");if($.type="button",$.textContent=z,J)$.className=J;return $}function F1(z,J="",$=!1){return D1(document.createElement("label"),z,J,$)}function D1(z,J,$="",j=!1){if(z.replaceChildren(document.createTextNode(J)),j){let Q=document.createElement("span");Q.className="req",Q.textContent=" *",z.append(Q)}if($){let Q=document.createElement("span");Q.className="hint",Q.textContent=` ${$}`,z.append(Q)}return z}function d4(){if(typeof window>"u"||customElements.get(c0))return;customElements.define(c0,R5())}var i4=138.23,g9=`
|
|
185
185
|
:host { all: initial; }
|
|
186
186
|
.backdrop {
|
|
187
187
|
position: fixed; inset: 0; z-index: 2147483002;
|
|
@@ -211,10 +211,10 @@ button.link:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
|
|
|
211
211
|
.ring .track { stroke: #e2e8f0; }
|
|
212
212
|
.ring .bar {
|
|
213
213
|
stroke: #0ea5e9; transform: rotate(-90deg); transform-origin: 50% 50%;
|
|
214
|
-
stroke-dasharray: ${
|
|
214
|
+
stroke-dasharray: ${i4}; stroke-dashoffset: 0;
|
|
215
215
|
animation: deplete var(--secs, 3s) linear forwards;
|
|
216
216
|
}
|
|
217
|
-
@keyframes deplete { to { stroke-dashoffset: ${
|
|
217
|
+
@keyframes deplete { to { stroke-dashoffset: ${i4}; } }
|
|
218
218
|
.count {
|
|
219
219
|
position: absolute; inset: 0; display: grid; place-items: center;
|
|
220
220
|
font-size: 18px; font-weight: 600; color: #0f172a;
|
|
@@ -258,7 +258,7 @@ p { margin: 0; font-size: 13px; line-height: 1.6; color: #475569; }
|
|
|
258
258
|
.ring .bar { animation: none; stroke-dashoffset: 0; }
|
|
259
259
|
.spinner { animation-duration: 2s; }
|
|
260
260
|
}
|
|
261
|
-
`;var
|
|
261
|
+
`;var E5="/sso";function f5(z,J,$,j){let Q=new URL(E5,z.endsWith("/")?z:`${z}/`);if(Q.searchParams.set("realm",J),Q.searchParams.set("token",$),j)Q.searchParams.set("return",j);return Q.toString()}class a1 extends Error{constructor(z="No identity provider is configured, or nobody is signed in"){super(z);this.name="NoIdentityError"}}async function w5(z){let J=N();if(!J.identity)throw new a1;let $=await J.identity();if(!$)throw new a1;return f5(J.host,J.realmKey,$,z)}var c4=w5;var b5="lw-call-ring",g5=`
|
|
262
262
|
:host { all: initial; }
|
|
263
263
|
.card {
|
|
264
264
|
position: fixed; right: 16px; bottom: 16px; z-index: 2147483002;
|
|
@@ -309,7 +309,7 @@ h2 { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.5; color: #1a1
|
|
|
309
309
|
@keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } }
|
|
310
310
|
@keyframes spin { to { transform: rotate(360deg); } }
|
|
311
311
|
@media (prefers-reduced-motion: reduce) { .card { animation: none; } .icon::after { animation: none; opacity: 0; } .spin { animation: none; } }
|
|
312
|
-
`,
|
|
313
|
-
canvas { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 2147483002; }`;let $=document.createElement("canvas");$.setAttribute("aria-hidden","true"),$.dataset.lwCallInk="",z.append(J,$),document.body.append(Y0),
|
|
312
|
+
`,N1=(z)=>`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${z}</svg>`,l4=N1('<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/>'),y5=N1('<path d="M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91"/><line x1="22" x2="2" y1="2" y2="22"/>'),v5=N1('<path d="M20 7h-9"/><path d="M14 17H5"/><circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/>'),h5=N1('<path d="M21 12a9 9 0 1 1-6.219-8.56"/>').replace("<svg ",'<svg class="spin" '),E=null,z0=null,S0=null;function m5(z,J){return z.replace("{key}",J.ticketKey).replace("{title}",J.ticketTitle)}var L0=()=>q0(N().locale);function u5(){if(typeof document>"u")return null;if(E?.isConnected)return E.shadowRoot;E=document.createElement(b5),E.dataset.debugReporter="true";let z=E.attachShadow({mode:"open"});return i0(z),document.body.append(E),z}function B1(z,J,$,j){let Q=document.createElement("button");return Q.type="button",Q.className=z,Q.innerHTML=J,Q.dataset.lwRing=$,Q.onclick=j,Q}var l0=(z)=>{let J=document.createElement("span");return J.textContent=z,J.outerHTML};function r4(z,J,$,j,Q){let Z=L0();z.innerHTML="";let V=document.createElement("style");V.textContent=g5;let Y=document.createElement("div");Y.className="card",Y.setAttribute("role","alertdialog"),Y.setAttribute("aria-label",Z.ringTitle),Y.dataset.lwCallRing=J.id,Y.dataset.lwRingMode=j;let U=document.createElement("div");U.className="head";let P=document.createElement("span");P.className="icon",P.innerHTML=l4;let L=document.createElement("div");L.className="words";let M=document.createElement("h2");M.textContent=Z.ringTitle;let O=document.createElement("p");O.className="about",O.textContent=m5(Z.ringAbout,J),O.title=O.textContent,L.append(M,O),U.append(P,L);let T=document.createElement("p");T.className="how",T.textContent=Q??(j==="frame"?Z.ringHint:Z.ringHow);let x=document.createElement("div");x.className="actions";let v=B1("decline",y5+l0(Z.ringDecline),"decline",()=>$.decline());if(Y.append(U,T),j==="frame"&&$.answer){if($.voice)Y.append(B1("test",v5+l0(Z.ringTest),"test",()=>$.voice?.()));let c=B1("answer",l4+l0(Z.ringAnswer),"answer",()=>$.answer?.());x.append(v,c)}else x.append(v,B1("open",l0(Z.ringOpen),"open",()=>$.open()));Y.append(x),z.append(V,Y)}function C1(z,J,$="portal"){if(z0===z.id&&E?.isConnected)return;let j=u5();if(!j)return;if(z0=z.id,r4(j,z,J,$),p5(),S0===null)S0=document.title,document.title=`${L0().ringTab} — ${S0}`}function s4(z){let J=E?.shadowRoot;if(!J||z0!==z)return;let $=J.querySelector(".answer");if($)$.innerHTML=h5+l0(L0().ringAnswering),$.disabled=!0;let j=J.querySelector(".decline");if(j)j.disabled=!0}function n4(z,J){let $=E?.isConnected?E.shadowRoot:null;if(!$||z0!==z.id)return C1(z,J,"portal");E.style.display="",r4($,z,J,"portal",L0().ringFallback)}function I1(z){let J=E?.shadowRoot;if(!J)return;e1(),e4();let $=L0(),j=J.querySelector(".how"),Q=J.querySelector(".actions");if(j)if(j.textContent="",z){let Z=document.createElement("a");Z.href=z,Z.target="_blank",Z.rel="noopener",Z.textContent=$.ringBlocked,Z.dataset.lwRing="link",Z.onclick=()=>window.setTimeout(()=>I1(),0),j.append(Z)}else j.textContent=$.ringOpened;if(Q){Q.innerHTML="";let Z=document.createElement("button");Z.type="button",Z.className="close",Z.textContent=$.ringClose,Z.dataset.lwRing="close",Z.onclick=()=>R0(),Q.append(Z)}}function a4(z,J=!0){if(!E?.isConnected||z0!==z)return;let $=E;if(clearTimeout(o4),!J){$.style.display="",$.style.opacity="";return}$.style.transition="opacity 150ms ease-out",$.style.opacity="0",o4=setTimeout(()=>{if($.style.opacity==="0")$.style.display="none"},160)}var o4;function R0(z){if(z&&z0&&z!==z0)return;e1(),e4(),E?.remove(),E=null,z0=null}function t4(){return E?.isConnected?z0:null}function e4(){if(S0===null||typeof document>"u")return;if(document.title.startsWith(L0().ringTab))document.title=S0;S0=null}var V0=null,t1;function p5(){e1();let z=window,J=z.AudioContext??z.webkitAudioContext;if(!J)return;try{let j=V0??new J;V0=j,j.resume?.().catch(()=>{return})}catch{return}let $=()=>{if(!V0||V0.state!=="running")return;let j=V0.currentTime;for(let[Q,Z]of[660,880].entries()){let V=V0.createOscillator(),Y=V0.createGain();V.frequency.value=Z,Y.gain.setValueAtTime(0.0001,j+Q*0.22),Y.gain.exponentialRampToValueAtTime(0.08,j+Q*0.22+0.02),Y.gain.exponentialRampToValueAtTime(0.0001,j+Q*0.22+0.2),V.connect(Y).connect(V0.destination),V.start(j+Q*0.22),V.stop(j+Q*0.22+0.21)}};$(),t1=setInterval($,2200)}function e1(){clearInterval(t1),t1=void 0}var d5=/^[A-Za-z0-9_-]{1,32}$/,i5=/^#[0-9a-fA-F]{6}$/,c5=["pen","rect","laser"],z6=(z)=>z<0?0:z>1?1:z;function J6(z,J){if(!Array.isArray(z)||z.length<J||z.length>64)return null;let $=[];for(let j of z){if(!Array.isArray(j)||j.length!==2)return null;let[Q,Z]=j;if(typeof Q!=="number"||typeof Z!=="number"||!Number.isFinite(Q)||!Number.isFinite(Z))return null;$.push([z6(Q),z6(Z)])}return $}function O1(z){if(!z||typeof z!=="object")return null;let J=z;if(J.op==="clear")return{op:"clear"};if(typeof J.id!=="string"||!d5.test(J.id))return null;if(J.op==="end")return{op:"end",id:J.id};if(J.op==="add"){let $=J6(J.pts,1);return $?{op:"add",id:J.id,pts:$}:null}if(J.op==="begin"){if(!c5.includes(J.kind)||typeof J.color!=="string"||!i5.test(J.color))return null;let $=J6(J.pts,1);return $?{op:"begin",id:J.id,kind:J.kind,color:J.color,pts:$}:null}return null}function z2(z,J){if(z.endedAt!==null)return z.endedAt;return J-z.lastAt>20000?z.lastAt:null}function $6(z,J,$){if(J===null)return 1;let j=$-J;if(z==="laser")return j>=900?0:1-j/900;if(j<=3500)return 1;return Math.max(0,1-(j-3500)/700)}class J2{marks=new Map;apply(z,J=Date.now()){if(z.op==="clear"){this.marks.clear();return}if(z.op==="begin"){while(this.marks.size>=120)this.marks.delete(this.marks.keys().next().value);this.marks.delete(z.id),this.marks.set(z.id,{kind:z.kind,color:z.color,pts:z.pts.map(([j,Q])=>({x:j,y:Q,t:J})),endedAt:null,lastAt:J});return}let $=this.marks.get(z.id);if(!$||z2($,J)!==null)return;if(z.op==="end"){$.endedAt=J;return}if($.lastAt=J,$.kind==="rect"){let[j,Q]=z.pts[z.pts.length-1];$.pts=[$.pts[0],{x:j,y:Q,t:J}];return}for(let[j,Q]of z.pts)$.pts.push({x:j,y:Q,t:J});if($.pts.length>4000)$.pts.splice(0,$.pts.length-4000)}alive(z=Date.now()){for(let[J,$]of this.marks)if($6($.kind,z2($,z),z)<=0)this.marks.delete(J);return this.marks.size>0}get size(){return this.marks.size}draw(z,J,$,j=Date.now()){z.clearRect(0,0,J,$);let Q=Math.max(1,Math.min(J,$));for(let Z of this.marks.values()){let V=$6(Z.kind,z2(Z,j),j);if(V<=0||!Z.pts.length)continue;if(z.save(),z.lineCap="round",z.lineJoin="round",Z.kind==="pen")o5(z,Z,J,$,Math.max(3,Q*0.0045),V);else if(Z.kind==="rect")r5(z,Z,J,$,Math.max(2.5,Q*0.003),V);else s5(z,Z,J,$,Math.max(6,Q*0.008),V,j);z.restore()}}}function l5(z,J,$,j){if(z.beginPath(),z.moveTo(J[0].x*$,J[0].y*j),J.length===1){z.lineTo(J[0].x*$+0.01,J[0].y*j);return}for(let Z=1;Z<J.length-1;Z++){let V=J[Z],Y=J[Z+1];z.quadraticCurveTo(V.x*$,V.y*j,(V.x+Y.x)/2*$,(V.y+Y.y)/2*j)}let Q=J[J.length-1];z.lineTo(Q.x*$,Q.y*j)}function o5(z,J,$,j,Q,Z){z.globalAlpha=Z,l5(z,J.pts,$,j),z.strokeStyle="rgba(255,255,255,0.92)",z.lineWidth=Q+3,z.stroke(),z.strokeStyle=J.color,z.lineWidth=Q,z.stroke()}function r5(z,J,$,j,Q,Z){let V=J.pts[0],Y=J.pts[J.pts.length-1],U=Math.min(V.x,Y.x)*$,P=Math.min(V.y,Y.y)*j,L=Math.abs(Y.x-V.x)*$,M=Math.abs(Y.y-V.y)*j;z.globalAlpha=Z,z.fillStyle=J.color,z.globalAlpha=Z*0.14,z.fillRect(U,P,L,M),z.globalAlpha=Z,z.strokeStyle="rgba(255,255,255,0.92)",z.lineWidth=Q+3,z.strokeRect(U,P,L,M),z.strokeStyle=J.color,z.lineWidth=Q,z.strokeRect(U,P,L,M)}function s5(z,J,$,j,Q,Z,V){let Y=J.pts.filter((P)=>V-P.t<=450);for(let P=1;P<Y.length;P++){let L=Y[P-1],M=Y[P];z.globalAlpha=Z*Math.max(0,1-(V-M.t)/450)*0.7,z.strokeStyle=J.color,z.lineWidth=Q*0.9,z.beginPath(),z.moveTo(L.x*$,L.y*j),z.lineTo(M.x*$,M.y*j),z.stroke()}let U=J.pts[J.pts.length-1];z.globalAlpha=Z,z.shadowColor=J.color,z.shadowBlur=Q*2,z.fillStyle=J.color,z.beginPath(),z.arc(U.x*$,U.y*j,Q,0,Math.PI*2),z.fill(),z.shadowBlur=0,z.strokeStyle="rgba(255,255,255,0.95)",z.lineWidth=2,z.stroke()}function n5(z,J,$,j=typeof window>"u"?1:window.devicePixelRatio||1){let Q=Math.max(1,Math.round(J*j)),Z=Math.max(1,Math.round($*j));if(z.width!==Q)z.width=Q;if(z.height!==Z)z.height=Z;let V=z.getContext("2d");return V?.setTransform(j,0,0,j,0,0),V}class $2{canvas;scene;box;frame=0;constructor(z,J,$){this.canvas=z;this.scene=J;this.box=$}kick(){if(this.frame||typeof requestAnimationFrame>"u")return;let z=()=>{this.frame=0;let{w:J,h:$}=this.box(),j=n5(this.canvas,J,$),Q=Date.now(),Z=this.scene.alive(Q);if(j)this.scene.draw(j,J,$,Q);if(Z)this.frame=requestAnimationFrame(z)};this.frame=requestAnimationFrame(z)}stop(){if(this.frame&&typeof cancelAnimationFrame<"u")cancelAnimationFrame(this.frame);this.frame=0}}var a5="lw-call-ink",Y0=null,_1=null,o0=null;function t5(){if(Y0?.isConnected&&o0)return;Y0=document.createElement(a5),Y0.dataset.debugReporter="true";let z=Y0.attachShadow({mode:"open"}),J=document.createElement("style");J.textContent=`:host { all: initial; }
|
|
313
|
+
canvas { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 2147483002; }`;let $=document.createElement("canvas");$.setAttribute("aria-hidden","true"),$.dataset.lwCallInk="",z.append(J,$),document.body.append(Y0),_1=new J2,o0=new $2($,_1,()=>({w:window.innerWidth,h:window.innerHeight}))}function S1(z){if(typeof document>"u")return;if(z.op==="clear"&&!Y0)return;t5(),_1.apply(z),o0.kick()}function L1(){o0?.stop(),Y0?.remove(),Y0=null,_1=null,o0=null}var e5="lw-call-frame",z3="lw-call",u=16,V2=368,s=null,A=null,F0=null,T1="",s0=null,n0="card",Y2={width:V2,height:0},W2,a0=!1,K2=null,T0={answer:!1,voice:!1},W0=null,y=null,j2="lw-call-frame-place";function j6(z,J,$,j){let Q=new URL("embed/call",z.endsWith("/")?z:`${z}/`);if(Q.searchParams.set("realm",J),$)Q.searchParams.set("token",$);else Q.searchParams.set("hand","1");return Q.searchParams.set("call",j),Q.toString()}function A0(z){A?.contentWindow?.postMessage({source:"lw-call-host",...z},T1)}function Q6(z){if(F0!==z)return;if(T0.answer=!0,a0)A0({type:"answer"})}function Z6(z){if(F0!==z)return;if(T0.voice=!0,a0)A0({type:"voice"})}function X6(z,J,$){return{x:Math.min(Math.max(z.x,u/2),Math.max(u/2,$.w-J.w-u/2)),y:Math.min(Math.max(z.y,u/2),Math.max(u/2,$.h-J.h-u/2))}}function J3(z,J){if(z.origin!==J.origin||z.source!==J.window)return null;let $=z.data;return $&&typeof $==="object"&&$.source===z3&&typeof $.type==="string"?$:null}function x0(){return s?.isConnected?F0:null}function V6(z,J,$,j=15000,Q=null){if(typeof document>"u")return;if(F0===J&&s?.isConnected)return;t0(),F0=J,s0=$,a0=!1,K2=Q,T0={answer:!1,voice:!1},n0="card",Y2={width:V2,height:0},T1=new URL(z).origin;try{W0=JSON.parse(sessionStorage.getItem(j2)??"null")}catch{W0=null}s=document.createElement(e5),s.dataset.debugReporter="true";let Z=s.attachShadow({mode:"open"}),V=document.createElement("style");V.textContent=`:host { all: initial; }
|
|
314
314
|
iframe { position: fixed; z-index: 2147483003; border: 0; background: transparent; color-scheme: normal; visibility: hidden; }
|
|
315
|
-
iframe.on { visibility: visible; }`,A=document.createElement("iframe"),A.allow="microphone; camera; display-capture; autoplay; clipboard-write; fullscreen",A.title="สายจากทีมงาน",A.dataset.lwCallFrame=J,A.setAttribute("allowtransparency","true"),A.src=z,Z.append(V,A),document.body.append(
|
|
315
|
+
iframe.on { visibility: visible; }`,A=document.createElement("iframe"),A.allow="microphone; camera; display-capture; autoplay; clipboard-write; fullscreen",A.title="สายจากทีมงาน",A.dataset.lwCallFrame=J,A.setAttribute("allowtransparency","true"),A.src=z,Z.append(V,A),document.body.append(s),k0(),window.addEventListener("message",Y6),window.addEventListener("resize",k0),G2(`lw-call:${J}`),W2=setTimeout(()=>{if(!a0)Q2("timeout")},j)}function t0(){if(s)G2(Z2?.handle??null,Z2?.readableBy);L1(),clearTimeout(W2),window.removeEventListener("message",Y6),window.removeEventListener("resize",k0),R1(!1),s?.remove(),s=null,A=null,F0=null,s0=null,y=null,K2=null,T0={answer:!1,voice:!1}}function Q2(z){let J=s0;t0(),J?.failed(z)}function Y6(z){if(!A)return;let J=J3(z,{origin:T1,window:A.contentWindow});if(!J)return;switch(J.type){case"hello":K2?.then(($)=>{if(!A||F0===null)return;if($)A0({type:"token",token:$});else Q2("no_token")});return;case"ready":if(a0=!0,clearTimeout(W2),A.classList.add("on"),s0?.ready(),T0.answer)A0({type:"answer"});if(T0.voice)A0({type:"voice"});return;case"size":if(typeof J.width==="number"&&typeof J.height==="number")Y2={width:J.width,height:J.height};if(J.layout==="card"||J.layout==="full"){if(J.layout==="full"&&n0==="card")$3();n0=J.layout}return k0();case"drag":return X2(J);case"home":return W0=null,K6(),k0();case"done":{let $=s0;t0(),$?.done();return}case"failed":return Q2(J.reason??"failed");case"ink":{let $=O1(J.op);if($)S1($);return}}}function G2(z,J=T1){let $=typeof navigator>"u"?void 0:navigator.mediaDevices;try{$?.setCaptureHandleConfig?.(z&&J?{handle:z,exposeOrigin:!1,permittedOrigins:[J]}:{})}catch{}}var Z2=null;function W6(z,J){if(Z2={handle:z,readableBy:J},!s?.isConnected)G2(z,J)}function X2(z){if(!A||n0!=="card"||typeof z.x!=="number"||typeof z.y!=="number")return;if(z.phase==="start"){let J=A.getBoundingClientRect();y={sx:z.x,sy:z.y,x:J.left,y:J.top,lx:z.x,ly:z.y},R1(!0);return}if(!y)return;if(y.lx=z.x,y.ly=z.y,W0=X6({x:y.x+(z.x-y.sx),y:y.y+(z.y-y.sy)},G6(),A1()),k0(),z.phase==="end")y=null,R1(!1),K6()}var r0=null;function R1(z){if(r0){for(let J of["pointermove","pointerup","pointercancel"])window.removeEventListener(J,r0,!0);r0=null}if(!z)return;r0=(J)=>{if(!y)return R1(!1);if(J.type==="pointermove"&&J.buttons!==0)return X2({type:"drag",phase:"move",x:J.screenX,y:J.screenY});let $=J.type==="pointerup";X2({type:"drag",phase:"end",x:$?J.screenX:y.lx,y:$?J.screenY:y.ly})};for(let J of["pointermove","pointerup","pointercancel"])window.addEventListener(J,r0,!0)}function $3(){if(!A?.contentWindow)return;let z=A.getBoundingClientRect();A0({type:"corner",x:Math.round(z.left),y:Math.round(z.top),width:Math.round(z.width)})}function K6(){try{if(W0)sessionStorage.setItem(j2,JSON.stringify(W0));else sessionStorage.removeItem(j2)}catch{}}var A1=()=>({w:window.innerWidth,h:window.innerHeight});function G6(){let z=A1();return{w:Math.min(V2,z.w-u),h:Math.min(Y2.height||0,z.h-u)}}function k0(){if(!A)return;let z=A.style;if(n0==="full"){Object.assign(z,{left:"0px",top:"0px",right:"",bottom:"",width:"100vw",height:"100vh"});return}let J=G6(),$=A1().w<480;if(z.width=$?`calc(100vw - ${u}px)`:`${J.w}px`,z.height=`${J.h}px`,W0&&!$){let j=X6(W0,J,A1());Object.assign(z,{left:`${j.x}px`,top:`${j.y}px`,right:"",bottom:""})}else Object.assign(z,{left:$?`${u/2}px`:"",top:"",right:$?"":`${u/2}px`,bottom:`${u/2}px`})}var k1=[2000,5000,15000,30000,60000],U6=new Set(["ringing","active"]),j3=20000,H6=!1,E0=!1,P6=0,Q3=5,U2=null,C6=0,H2,q6,F6,I6=(z)=>z.endsWith("/")?z:`${z}/`;function Z3(z,J){let $=new URL("api/presence/ws",I6(z));return $.protocol=$.protocol==="https:"?"wss:":"ws:",$.searchParams.set("t",J),$.toString()}function X3(z){return`/me/tickets/${z.ticketId}?call=${z.id}`}function V3(z){return z.status==="ringing"&&(z.side==="reporter"||z.side===void 0||z.side===null)}async function E1(){let z=N().identity;if(!z)return null;try{return await z()??null}catch{return null}}async function D2(z,J){let $=N();return fetch(new URL(z,I6($.host)).toString(),{method:"POST",headers:{"content-type":"application/json","x-realm-key":$.realmKey,authorization:`Bearer ${J}`},body:"{}"})}function M2(){if(H6||typeof window>"u"||typeof WebSocket>"u")return;let z=N();if(!z.identity||z.ring===!1)return;H6=!0,E0=!1,W3(z.host);try{W6(`lw-tab:${_6()}`,new URL(z.host).origin)}catch{}O6()}function e0(z=!1){if(E0)return;let J=z?k1[k1.length-1]:k1[Math.min(C6++,k1.length-1)];clearTimeout(q6),q6=setTimeout(()=>void O6(),J)}async function O6(){if(E0)return;let z=await E1();if(!z){if(++P6>=Q3){E0=!0;return}return e0(!0)}P6=0;let J;try{J=await D2("ingest/live-ticket",z)}catch{return e0()}if(J.status===401||J.status===404||J.status===403){E0=!0;return}if(!J.ok)return e0(J.status===429);let $;try{$=await J.json()}catch{return e0()}if(!$.calls||!$.ticket){E0=!0;return}if($.call)N6($.call);let j=new WebSocket(Z3(N().host,$.ticket));U2=j,j.onopen=()=>{C6=0,j.send(JSON.stringify({type:"tab",id:_6()})),clearInterval(H2),H2=setInterval(()=>{if(j.readyState===WebSocket.OPEN)j.send(JSON.stringify({type:"ping"}))},j3)},j.onmessage=(Q)=>{try{let Z=JSON.parse(String(Q.data));if(Z.type==="call-state"&&Z.call&&typeof Z.call==="object")N6(Z.call);else if(Z.type==="call-ink"&&typeof Z.call==="string"){let V=O1(Z.op);if(V)F2=Z.call,S1(V)}}catch{}},j.onclose=()=>{if(clearInterval(H2),U2===j)U2=null;e0()}}var P2="lw-call-framed";function Y3(){try{return sessionStorage.getItem(P2)}catch{return null}}function x1(z){try{if(z)sessionStorage.setItem(P2,z);else sessionStorage.removeItem(P2)}catch{}}var D6=!1;function W3(z){if(D6||typeof document>"u")return;D6=!0;try{let J=new URL(z).origin;for(let $ of["dns-prefetch","preconnect"]){let j=document.createElement("link");if(j.rel=$,j.href=J,$==="preconnect")j.crossOrigin="anonymous";j.dataset.debugReporter="true",document.head.append(j)}}catch{}}function M6(z){let J=N();if(J.callFrame===!1||x0()===z.id)return;x1(z.id),V6(j6(J.host,J.realmKey,null,z.id),z.id,{ready:()=>a4(z.id),done:()=>{x1(null),R0(z.id)},failed:()=>{x1(null),n4(z,q2(z))}},15000,E1())}var q2=(z)=>({open:()=>K3(z),decline:()=>void G3(z)}),K0=null;function _6(){if(K0)return K0;try{K0=sessionStorage.getItem(B6)}catch{}if(!K0||!/^[A-Za-z0-9_-]{8,40}$/.test(K0)){let z=new Uint8Array(12);crypto.getRandomValues(z),K0=Array.from(z,(J)=>J.toString(16).padStart(2,"0")).join("");try{sessionStorage.setItem(B6,K0)}catch{}}return K0}var B6="lw-tab-id",F2=null;function N6(z){if(!U6.has(z.status)&&F2===z.id&&x0()!==z.id)F2=null,L1();if(!V3(z)){if(R0(z.id),z.status==="active"&&Y3()===z.id&&!x0())M6(z);if(!U6.has(z.status)&&x0()===z.id)setTimeout(()=>{if(x0()===z.id)t0(),x1(null)},12000);return}if(N().callFrame===!1)C1(z,q2(z),"portal");else C1(z,{...q2(z),answer:()=>{s4(z.id),Q6(z.id)},voice:()=>Z6(z.id)},"frame"),M6(z);clearTimeout(F6);let J=new Date(z.ringUntil).getTime()-Date.now();F6=setTimeout(()=>{if(t4()===z.id)R0(z.id)},Math.max(5000,J+5000))}function K3(z){let J=window.open("about:blank","_blank");(async()=>{let $=await E1();if($)D2(`ingest/calls/${z.id}/coming`,$).catch(()=>{return});let j;try{j=await c4(X3(z))}catch{J?.close();return}if(J&&!J.closed){J.location.href=j;try{J.opener=null}catch{}I1()}else I1(j)})()}async function G3(z){R0(z.id);let J=await E1();if(J)await D2(`ingest/calls/${z.id}/decline`,J).catch(()=>{return})}var S6=!1;function B2(z={}){if(S6||typeof window>"u")return;if(!$1()){console.error("[debug-capture] configureDebugCapture() must be called before install");return}if(S6=!0,Y4(),u2(),b2(),e2(),H4(),z.ui===!1)return;let J=q0(N().locale);if(r2((j)=>{O0(j.message??J.crashed,"error",{label:J.crashAction,onClick:()=>Y1(j)})}),d4(),!document.querySelector(c0))document.body.append(document.createElement(c0));let $=window.requestIdleCallback;if($)$(()=>void _0(),{timeout:5000});else setTimeout(()=>void _0(),2000);if($)$(()=>M2(),{timeout:8000});else setTimeout(()=>M2(),3000)}var L6=document.currentScript,i=L6?.dataset??{},U3="rrweb-record.mjs";U4(()=>import(new URL(U3,L6?.src??location.href).href));function H3(z){if(!z)return{};try{let J=JSON.parse(z);if(!J||typeof J!=="object"||Array.isArray(J))return{};return Object.fromEntries(Object.entries(J).filter(([,$])=>typeof $==="string"&&$.trim()))}catch{return{}}}if(i.host&&i.realmKey)if(C2({host:i.host,realmKey:i.realmKey,app:{name:i.appName??document.title??"app",version:i.appVersion??"0.0.0",environment:i.environment??"production"},module:_2(H3(i.modules)),locale:i.locale==="en"?"en":"th",...i.replay!==void 0?{replay:{seconds:Number(i.replay)||void 0}}:{}}),document.body)B2();else document.addEventListener("DOMContentLoaded",()=>B2(),{once:!0});window.lwReportProblem=Y1;})();
|