@lightworkai.official/debug-capture 0.14.0 → 0.14.2
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 +20 -12
- package/dist/debug-capture.js +47 -10
- package/dist/index.mjs +58 -21
- package/dist/ui/strings.d.ts +8 -4
- package/dist/ui/styles.d.ts +1 -1
- package/package.json +1 -1
- package/src/ui/element.ts +220 -59
- package/src/ui/strings.ts +24 -14
- package/src/ui/styles.ts +44 -7
package/README.md
CHANGED
|
@@ -77,22 +77,30 @@ the problem.
|
|
|
77
77
|
| Screenshot | `getDisplayMedia` (captures cross-origin iframes), annotated by the user |
|
|
78
78
|
| Replay | opt-in: the last minute of the page as [rrweb](https://github.com/rrweb-io/rrweb) events, played back on the desk |
|
|
79
79
|
|
|
80
|
-
## Asking the team,
|
|
80
|
+
## Asking the team, not only reporting
|
|
81
81
|
|
|
82
82
|
Where the support desk opens request types to its reporters (ใครขอได้ =
|
|
83
|
-
ผู้แจ้งด้วย, set on the desk), the
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
83
|
+
ผู้แจ้งด้วย, set on the desk), the press asks first —
|
|
84
|
+
**ต้องการให้ทีมช่วยเรื่องอะไร** — with two cards:
|
|
85
|
+
|
|
86
|
+
- **แจ้งปัญหา**: the screen share starts inside that press, then the report
|
|
87
|
+
form, as it has always been.
|
|
88
|
+
- **คำขอ**: the request form straight away, with **no screen share asked
|
|
89
|
+
for**. The person picks what they need from the desk's types (a card each,
|
|
90
|
+
with how long the team aims to take), a title and details; the page's
|
|
91
|
+
address travels with it, the page's logs do not.
|
|
92
|
+
|
|
93
|
+
The form keeps both cards, so it can be switched any time with nothing typed
|
|
94
|
+
lost: from a report to คำขอ the screenshot comes along (and can be unticked);
|
|
95
|
+
from a request to แจ้งปัญหา the share is asked for at that press — refused, the
|
|
96
|
+
request stays as it was. A request is filed typed, its steps begun on the
|
|
97
|
+
desk, and never folded into someone else's report as a duplicate.
|
|
90
98
|
|
|
91
99
|
Nothing to configure: the widget reads the desk's offer once the page is idle
|
|
92
|
-
(`GET /ingest/request-types`).
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
`lw-report-submitted`) with `{ id, number, status }`.
|
|
100
|
+
(`GET /ingest/request-types`). A desk that opens nothing, an older desk, an
|
|
101
|
+
offer not read yet, and a crash's "report it" all open the report form as
|
|
102
|
+
they always did. A request sent fires `lw-request-submitted` (cancelable,
|
|
103
|
+
like `lw-report-submitted`) with `{ id, number, status }`.
|
|
96
104
|
|
|
97
105
|
## Session replay
|
|
98
106
|
|
package/dist/debug-capture.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(()=>{var S2=(($)=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy($,{get:(J,z)=>(typeof require<"u"?require:J)[z]}):$)(function($){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+$+'" is not supported')});var k2={maxRequests:60,maxConsoleEntries:120,maxActions:80,maxBodyChars:20000},R=null;function $1($){let J=[];if(!$.host?.trim())J.push("host");if(!$.realmKey?.trim())J.push("realmKey");if(!$.app?.name?.trim())J.push("app.name");if(typeof $.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.");R=$}function N(){if(!R)throw Error("[debug-capture] configureDebugCapture() has not been called");return R}function N0(){return R!==null}function h(){let $=N().app;return{name:$.name,version:$.version??"0.0.0",environment:$.environment??_2()}}function _2(){if(typeof window>"u")return"unknown";let $=window.location.hostname;if($==="localhost"||$==="127.0.0.1"||$.endsWith(".local"))return"development";return"production"}function b($){let J=R?.capture?.[$];return typeof J==="number"?J:k2[$]}function C0($){let J=R?.module;if(!J)return null;try{return J($)??null}catch{return null}}function w0(){let $=R?.redact;return{headers:$?.headers??[],queryKeys:($?.queryKeys??[]).map((J)=>J.toLowerCase()),bodyKeys:($?.bodyKeys??[]).map((J)=>J.toLowerCase())}}function J1(){return R?.capture?.overlaySelectors??[]}var R2='[contenteditable]:not([contenteditable="false"]), [data-lw-mask]',T2="[data-lw-mask]",e0={fps:1,quality:0.5};function Y0(){let $=R?.replay;if(!$)return null;let J=$===!0?{}:$,z=(K,G)=>typeof K==="number"&&K>0?K:G,Q=J.maskInputs!==!1,j=J.recordCanvas?{fps:z(typeof J.recordCanvas==="object"?J.recordCanvas.fps:void 0,e0.fps),quality:z(typeof J.recordCanvas==="object"?J.recordCanvas.quality:void 0,e0.quality)}:null;return{seconds:z(J.seconds,60),maskInputs:Q,maskTextSelector:J.maskTextSelector?.trim()||(Q?R2:T2),maskText:J.maskText===!0,blockSelector:J.blockSelector?.trim()||"[data-lw-private]",maxBytes:z(J.maxBytes,4000000),canvas:j}}function z1($){if(typeof window>"u")return!1;let J;try{J=new URL($,window.location.href)}catch{return!1}if(L2(J))return!1;if(J.origin===window.location.origin)return!0;return(R?.capture?.bodyOrigins??[]).some((z)=>{try{return new URL(z).origin===J.origin}catch{return!1}})}function L2($){if(!R?.host)return!1;try{if(new URL(R.host).origin!==$.origin)return!1}catch{return!1}return $.pathname.startsWith("/ingest/")}function Q1($){let J=Object.entries($).map(([z,Q])=>[z.replace(/\/+$/,"")||"/",Q]).sort((z,Q)=>Q[0].length-z[0].length);return(z)=>{let Q=(z||"/").replace(/\/+$/,"")||"/";for(let[j,K]of J)if(Q===j||Q.startsWith(`${j}/`))return{key:j,label:K};return null}}var V0="‹redacted›",A2=/^(authorization|proxy-authorization|cookie|set-cookie|x-[a-z-]*token|x-csrf[a-z-]*|x-xsrf[a-z-]*)$/i,x2=new Set(["access_token","token","id_token","refresh_token","code","secret","client_secret","password","apikey","api_key","signature","x-amz-signature","x-amz-credential"]),f2=/(password|passwd|token|secret|authorization|refresh|client_secret|otp|pin)/i,E2=/[\w.+-]+@[\w-]+\.[\w.-]+/g,h2=/\d(?:[\d\s-]{7,})\d/g;function X0($){return $.replace(E2,V0).replace(h2,V0)}function m2($){if(A2.test($))return!0;return w0().headers.some((z)=>z.toLowerCase()===$.toLowerCase())}function F0($){let J={};for(let[z,Q]of Object.entries($))J[z]=m2(z)?V0:Q;return J}function p($){try{let J=/^https?:\/\//i.test($),z=new URL($,J?void 0:"http://local.invalid"),Q=!1;if(z.searchParams.forEach((j,K)=>{if(x2.has(K.toLowerCase())||w0().queryKeys.includes(K.toLowerCase()))z.searchParams.set(K,V0),Q=!0}),!Q)return $;return J?z.toString():`${z.pathname}${z.search}`}catch{return $}}function g0($,J){if(J>6||$===null||typeof $!=="object")return $;if(Array.isArray($))return $.map((Q)=>g0(Q,J+1));let z={};for(let[Q,j]of Object.entries($)){let K=f2.test(Q)||w0().bodyKeys.some((G)=>Q.toLowerCase().includes(G));z[Q]=K?V0:g0(j,J+1)}return z}function H0($,J){if($==null)return null;let z=$,Q=$.trim();if(Q.startsWith("{")||Q.startsWith("["))try{let j=JSON.parse(Q);z=JSON.stringify(g0(j,0))}catch{}if(z.length>J)return`${z.slice(0,J)}… [truncated ${z.length-J} chars]`;return z}var y0=120,b0=40,$0=($,J)=>$.length>J?`${$.slice(0,J)}…`:$,p0=($)=>{try{return decodeURIComponent($)}catch{return $}},e=[],j1=0,Z1=!1;function P0($,J,z,Q){let j=$0(J,y0),K=e[e.length-1];if($==="navigate"&&K?.kind==="click"){let F=j.replace(/^ไปที่\s*/,"");if(K.detail.includes(`→ ${F}`))return K.at=new Date().toISOString(),K;let P=F.split(/[?#]/)[0]??F,M=K.source?p0(K.source.replace(/^→\s*/,"")).split(/[?#]/)[0]:null;if(M&&(P===M||P.startsWith(M)))return K.detail=$0(`${K.detail} → ${F}`,y0),K.source=void 0,K.at=new Date().toISOString(),K}if(K&&K.kind===$&&K.detail===j){if(K.at=new Date().toISOString(),$!=="navigate")K.count=(K.count??1)+1;return K}j1+=1;let G={id:`act_${j1}`,at:new Date().toISOString(),kind:$,detail:j,count:1,source:z,html:S0(Q)};e.push(G);while(e.length>b("maxActions"))y2(e.shift());return G}var g2=200000,U0=0;function S0($){if(!$)return;if(U0+$.length>g2)return;return U0+=$.length,$}function y2($){if(!$)return;if(U0-=($.html?.length??0)+($.afterHtml?.length??0),U0<0)U0=0}function O0($){return $ instanceof Element&&Boolean($.closest("[data-debug-reporter]"))}var b2='button, a[href], [role="button"], [role="tab"], [role="menuitem"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"], [role="link"], summary, input, select, textarea',p2={button:"ปุ่ม",a:"ลิงก์",input:"ช่อง",textarea:"ช่อง",select:"ตัวเลือก",summary:"ส่วนขยาย"},K1={button:"ปุ่ม",tab:"แท็บ",menuitem:"เมนู",option:"ตัวเลือก",switch:"สวิตช์",checkbox:"ช่องเลือก",radio:"ตัวเลือก",link:"ลิงก์"};function v2($){let J=$.getAttribute("role");if(J&&K1[J])return K1[J];return p2[$.tagName.toLowerCase()]??"ปุ่ม"}function u2($,J){try{let z=$,Q=0;while(z&&Q<=J){let j=F1(z);if(j&&typeof j.memoizedProps?.onClick==="function")return z;z=z.parentElement,Q+=1}}catch{}return null}function d2($){let J=$.getAttribute("aria-label")?.trim();if(J)return J;let z=$.getAttribute("title")?.trim();if(z)return z;if($ instanceof HTMLInputElement||$ instanceof HTMLTextAreaElement||$ instanceof HTMLSelectElement)return($.getAttribute("placeholder")||$.getAttribute("name")||"").trim();if($ instanceof HTMLImageElement)return($.getAttribute("alt")||"").trim();let Q=($.textContent??"").replace(/\s+/g," ").trim();if(Q)return Q;if($ instanceof HTMLAnchorElement){let j=$.getAttribute("href");if(j?.startsWith("/"))return p0(j)}return""}function i2($){if(!($ instanceof Element))return null;let J=$.closest(b2)??u2($,4);if(!J)return null;let z=J.tagName.toLowerCase();if(z==="html"||z==="body")return null;return J}function c2($){let J=X0(d2($));if(!J)return null;return`${v2($)} “${$0(J,b0)}”`}var X1=6000,o2=4000,l2=/(?:^|\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 r2($){$.querySelectorAll("script, style, link, iframe, object, embed, noscript, canvas, video, audio").forEach((j)=>j.remove());let J=[$,...Array.from($.querySelectorAll("*"))];for(let j of J){for(let G of Array.from(j.attributes)){let F=G.name.toLowerCase();if(F.startsWith("on")||F==="srcdoc"||F==="value"||F.startsWith("data-"))j.removeAttribute(G.name)}if(j instanceof HTMLAnchorElement)j.setAttribute("href","#");if(j instanceof HTMLImageElement)j.removeAttribute("src");let K=j.getAttribute("class");if(K){let G=K.replace(l2," ").replace(/\s+/g," ").trim();if(G)j.setAttribute("class",G);else j.removeAttribute("class")}}let z=document.createTreeWalker($,NodeFilter.SHOW_TEXT),Q=z.nextNode();while(Q){if(Q.nodeValue)Q.nodeValue=X0(Q.nodeValue);Q=z.nextNode()}}function v0($,J,z){try{let Q=$.outerHTML;if(!Q||Q.length>J)return;let j=$.cloneNode(!0);r2(j);let K=j.outerHTML;return K&&K.length<=z?K:void 0}catch{return}}var n2=($)=>v0($,X1,o2),s2=150000,a2=40000,W1=($)=>v0($,s2,a2);function t2($){if(!($ instanceof HTMLInputElement)&&!($ instanceof HTMLTextAreaElement)&&!($ instanceof HTMLSelectElement))return null;let J=$.name||$.id||$.getAttribute("aria-label")||$.getAttribute("placeholder")||$.tagName.toLowerCase();return`ช่อง “${X0(J)}”`}var G1=80;function F1($){let J=Object.keys($).find((z)=>z.startsWith("__reactFiber$")||z.startsWith("__reactInternalInstance$"));return J?$[J]:null}function e2($){if(typeof $!=="function")return null;try{let J=Function.prototype.toString.call($);return(J.match(/\.(?:push|replace)\(\s*['"`]([^'"`]+)['"`]/)??J.match(/redirect\(\s*['"`]([^'"`]+)['"`]/))?.[1]??null}catch{return null}}function Y1($){if(!$)return;return`→ ${$.length>G1?`${$.slice(0,G1)}…`:$}`}function $4($){try{let J=$.closest("a[href]")?.getAttribute("href");if(J&&J.startsWith("/"))return Y1(J);let z=F1($),Q=0;while(z&&Q<30){if(typeof z.memoizedProps?.onClick==="function")return Y1(e2(z.memoizedProps.onClick));z=z.return,Q+=1}return}catch{return}}var J4='[role="dialog"], [role="alertdialog"], [role="menu"], [role="listbox"], [role="status"], [role="alert"]';function z4(){let $=J1();return $.length?$.join(", "):J4}function Q4($){let J=$.getAttribute("role");if(J==="status"||J==="alert")return"ข้อความแจ้งเตือน";if(J==="menu")return"เมนู";if(J==="listbox")return"รายการตัวเลือก";if(J==="alertdialog")return"กล่องยืนยัน";return"กล่องโต้ตอบ"}function j4($){let J=$.getAttribute("aria-label")?.trim();if(J)return J;let z=$.getAttribute("aria-labelledby");if(z){let K=z.split(/\s+/).map((G)=>document.getElementById(G)?.textContent?.trim()??"").filter(Boolean).join(" ");if(K)return K}let j=$.querySelector('[data-slot="dialog-title"], h1, h2, h3, [role="heading"]')?.textContent?.replace(/\s+/g," ").trim();if(j)return j;return($.textContent??"").replace(/\s+/g," ").trim()}function H1($){let J=X0(j4($)),z=Q4($);return J?`เปิด ${z} “${$0(J,b0)}”`:`เปิด ${z}`}var Z4='[aria-busy="true"], [role="progressbar"], [data-loading="true"], .animate-pulse, .animate-spin',K4=/กำลังโหลด|กำลังค้นหา|กำลังดำเนินการ|\bloading\b/i;function W4($){if($.querySelector(Z4))return!0;return K4.test($.textContent??"")}var G4=400,Y4=250,V4=8000;function X4($,J){if(typeof MutationObserver>"u"){J.html=S0(W1($));return}let z=Date.now(),Q=!1,j=()=>{Q=!0,G.disconnect(),window.clearInterval(F),window.clearTimeout(P)},K=()=>{if(Q)return;if(j(),!$.isConnected)return;J.detail=$0(H1($),y0),J.html=S0(W1($))},G=new MutationObserver(()=>{z=Date.now()});G.observe($,{childList:!0,subtree:!0,attributes:!0,characterData:!0});let F=window.setInterval(()=>{if(Q)return;if(!$.isConnected){j();return}if(Date.now()-z>=G4&&!W4($))K()},Y4),P=window.setTimeout(K,V4)}function F4($){if(O0($))return;let J=P0("ui",H1($));if(J)X4($,J)}function H4(){if(typeof MutationObserver>"u")return;let $=new WeakSet;new MutationObserver((z)=>{for(let Q of z)for(let j of Array.from(Q.addedNodes)){if(!(j instanceof Element))continue;let K=z4(),G=j.matches(K)?[j]:Array.from(j.querySelectorAll(K));for(let F of G){if($.has(F))continue;$.add(F),F4(F)}}}).observe(document.body,{childList:!0,subtree:!0})}var P4=1600,U4=2500;function V1($){return{disabled:$.hasAttribute("disabled")||$.getAttribute("aria-disabled")==="true",busy:$.getAttribute("aria-busy")==="true",text:$0(($.textContent??"").replace(/\s+/g," ").trim(),b0)}}function M4($,J){if(!$.disabled&&J.disabled)return"ปุ่มถูกปิดใช้งานหลังคลิก";if(!$.busy&&J.busy)return"ปุ่มเข้าสู่สถานะกำลังโหลด";if($.text!==J.text&&J.text)return`ข้อความเปลี่ยนเป็น “${J.text}”`;return null}function I4($,J){if(typeof MutationObserver>"u")return;let z=V1($),Q=!1,j=(F,P)=>{if(Q)return;if(Q=!0,K.disconnect(),window.clearTimeout(G),J.afterNote=F,P)J.afterHtml=S0(v0($,X1,U4))},K=new MutationObserver(()=>{if(!$.isConnected){j("องค์ประกอบหายไปจากหน้าจอ",!1);return}let F=M4(z,V1($));if(F)j(F,!0)});K.observe($,{attributes:!0,attributeFilter:["disabled","aria-disabled","aria-busy","class"],childList:!0,subtree:!0,characterData:!0});let G=window.setTimeout(()=>{if(!Q&&!$.isConnected){j("องค์ประกอบหายไปจากหน้าจอ",!1);return}Q=!0,K.disconnect()},P4)}function P1(){if(Z1||typeof window>"u")return;Z1=!0,document.addEventListener("click",(Q)=>{if(O0(Q.target))return;let j=i2(Q.target);if(!j)return;let K=c2(j);if(!K)return;let G=P0("click",`คลิก ${K}`,$4(j),n2(j));if(G)I4(j,G)},{capture:!0,passive:!0}),document.addEventListener("change",(Q)=>{if(O0(Q.target))return;let j=t2(Q.target);if(j)P0("input",`แก้ไข ${j}`)},{capture:!0,passive:!0}),document.addEventListener("submit",(Q)=>{if(O0(Q.target))return;P0("submit","ส่งฟอร์ม")},{capture:!0,passive:!0});let $=()=>P0("navigate",`ไปที่ ${p0(p(location.pathname+location.search))}`),J=history.pushState.bind(history),z=history.replaceState.bind(history);history.pushState=(...Q)=>{let j=J(...Q);return $(),j},history.replaceState=(...Q)=>{let j=z(...Q);return $(),j},window.addEventListener("popstate",$),H4()}function U1(){return e.map(($)=>({...$}))}var M1=2000,k0=[],I1=0,B1=!1;function u0($,J){I1+=1,k0.push({id:`log_${I1}`,at:new Date().toISOString(),level:$,message:J.length>M1?`${J.slice(0,M1)}…`:J});while(k0.length>b("maxConsoleEntries"))k0.shift()}function B4(){let $=new WeakSet;return(J,z)=>{if(typeof z==="object"&&z!==null){if($.has(z))return"[Circular]";$.add(z)}if(typeof z==="bigint")return z.toString();return z}}function q1($){if(typeof $==="string")return $;if($ instanceof Error)return`${$.name}: ${$.message}`;try{let J=JSON.stringify($,B4());if(J!==void 0)return J}catch{}try{return String($)}catch{}try{return Object.prototype.toString.call($)}catch{return`[${typeof $}]`}}function D1(){if(B1||typeof window>"u")return;B1=!0;let $=["log","info","warn","error","debug"];for(let J of $){let z=console[J].bind(console);console[J]=(...Q)=>{u0(J,Q.map(q1).join(" ")),z(...Q)}}window.addEventListener("error",(J)=>{let z=J.filename?` (${J.filename}:${J.lineno}:${J.colno})`:"";u0("exception",`${J.message}${z}`)}),window.addEventListener("unhandledrejection",(J)=>{let z=J.reason instanceof Error?`${J.reason.name}: ${J.reason.message}`:q1(J.reason);u0("unhandledrejection",z)})}function N1(){return k0.map(($)=>({...$}))}var C1=new Set,w1=new Set;function O1($,J){return $.add(J),()=>$.delete(J)}function S1($,J){for(let z of[...$])z(J)}function k1($){return O1(C1,$)}function _0($={type:"manual"}){S1(C1,$)}function _1($){return O1(w1,$)}function R1($){S1(w1,$)}var q4=15000,D4=["ResizeObserver loop","Script error.","Non-Error promise rejection captured"],T1=!1,L1=0;function N4($){return D4.some((J)=>$.includes(J))}function A1($){let J=$.message??"";if(!J||N4(J))return;let z=Date.now();if(z-L1<q4)return;L1=z,R1({...$,message:J})}function x1(){if(T1||typeof window>"u")return;T1=!0,window.addEventListener("error",($)=>{if(!$.message&&!$.error)return;let J=$.error instanceof Error?$.error:null;A1({type:"runtime-error",message:$.message||(J?J.message:"Unknown error"),stack:J?.stack})}),window.addEventListener("unhandledrejection",($)=>{let J=$.reason;A1({type:"unhandledrejection",message:J instanceof Error?J.message:String(J),stack:J instanceof Error?J.stack:void 0})})}var m1=4000,C4=1e6,w4=1e7,R0=[],f1=0,E1=!1;function g1($){R0.push($);while(R0.length>b("maxRequests"))R0.shift()}function y1(){return f1+=1,`req_${f1}`}function h1($){let J={};if(!$)return J;if($ instanceof Headers)$.forEach((z,Q)=>{J[Q]=z});else if(Array.isArray($))for(let[z,Q]of $)J[z]=Q;else Object.assign(J,$);return J}function O4($){let J={};return $.forEach((z,Q)=>{J[Q]=z}),J}function S4($){if($==null)return null;if(typeof $==="string")return $;if($ instanceof URLSearchParams)return $.toString();if(typeof FormData<"u"&&$ instanceof FormData)return`[FormData: ${Array.from($.keys()).join(", ")}]`;if(typeof Blob<"u"&&$ instanceof Blob)return`[Blob ${$.size} bytes]`;if($ instanceof ArrayBuffer)return`[ArrayBuffer ${$.byteLength} bytes]`;return"[binary]"}function k4($,J){let z="",Q="GET",j={},K=null;if(typeof $==="string")z=$;else if($ instanceof URL)z=$.toString();else z=$.url,Q=$.method||Q,j=h1($.headers);if(J){if(J.method)Q=J.method;if(J.headers)j={...j,...h1(J.headers)};if(J.body!==void 0)K=S4(J.body)}return{method:Q.toUpperCase(),url:z,headers:j,body:K}}function b1($){return!z1($)}function _4($,J){if(b1(J.url)){J.responseSnippet="[body not captured for this origin]";return}let z=$.headers.get("content-type")??"",Q=Number($.headers.get("content-length")??"0"),j=Q?`, ~${Q} bytes`:"";if(!/json|text|xml|html|javascript|urlencoded/i.test(z)){J.responseSnippet=`[binary ${z||"unknown"}${j}]`;return}if(Q>C4){J.responseSnippet=`[response ${z||"text"}${j} — omitted]`;return}try{$.clone().text().then((K)=>{J.responseSnippet=H0(K,b("maxBodyChars"))}).catch(()=>{})}catch{}}function p1($,J){if(/[?&]_rsc=/.test($))return!0;for(let z of Object.keys(J)){let Q=z.toLowerCase();if(Q==="rsc"||Q==="next-router-prefetch"||Q==="next-router-state-tree")return!0}return!1}function R4(){if(typeof window>"u"||typeof window.fetch!=="function")return;let $=window.fetch.bind(window);window.fetch=Object.assign(async(J,z)=>{let Q=k4(J,z);if(p1(Q.url,Q.headers))return $(J,z);let j={id:y1(),startedAt:new Date().toISOString(),method:Q.method,url:p(Q.url),requestHeaders:F0(Q.headers),requestBody:H0(Q.body,m1),status:null,statusText:null,durationMs:null,via:"fetch"};g1(j);let K=performance.now();try{let G=await $(J,z);return j.status=G.status,j.statusText=G.statusText,j.durationMs=Math.round(performance.now()-K),j.responseHeaders=F0(O4(G.headers)),_4(G,j),G}catch(G){throw j.durationMs=Math.round(performance.now()-K),j.error=G instanceof Error?`${G.name}: ${G.message}`:String(G),G}},$)}function T4(){if(typeof window>"u"||typeof window.XMLHttpRequest!=="function")return;let $=XMLHttpRequest.prototype,J=$.open,z=$.send,Q=function(K,G){let F=typeof G==="string"?G:G.toString();return this.__lwEntry=p1(F,{})?void 0:{id:y1(),startedAt:"",method:(K||"GET").toUpperCase(),url:p(F),requestHeaders:{},requestBody:null,status:null,statusText:null,durationMs:null,via:"xhr"},J.apply(this,arguments)},j=function(K){let G=this.__lwEntry;if(G){G.startedAt=new Date().toISOString(),G.requestBody=typeof K==="string"?H0(K,m1):K==null?null:"[non-string body]";let F=performance.now();g1(G),this.addEventListener("loadend",()=>{if(G.status=this.status||null,G.statusText=this.statusText||null,G.durationMs=Math.round(performance.now()-F),b1(G.url))G.responseSnippet="[body not captured for this origin]";else if(this.responseType===""||this.responseType==="text")try{G.responseSnippet=H0(this.responseText||"",b("maxBodyChars"))}catch{}else{let P=this.getResponseHeader("content-type")??this.responseType;G.responseSnippet=`[binary ${P}]`}})}return z.apply(this,arguments)};$.open=Q,$.send=j}function v1(){if(E1)return;E1=!0,R4(),T4()}function u1(){let $=R0.map((z)=>({...z})),J=0;for(let z=$.length-1;z>=0;z-=1){let Q=$[z],j=Q?.responseSnippet;if(!Q||typeof j!=="string"||j.length===0)continue;if(J+j.length>w4)Q.responseSnippet=`[response omitted — report size budget reached (${j.length.toLocaleString()} chars)]`;else J+=j.length}return $}var L4=4,d1=3,A4=4000,x4="[data-debug-reporter]",i1=()=>import("@rrweb/record");function c1($){i1=$}var L=[],d0=null,T0=!1;function o1(){if(typeof window>"u"||d0||T0)return;let $=Y0();if(!$)return;T0=!0;let J=()=>void f4($);if("requestIdleCallback"in window)window.requestIdleCallback(J,{timeout:3000});else setTimeout(J,1000)}async function f4($){let J;try{J=(await i1()).record}catch(z){T0=!1,console.warn("[debug-capture] session replay could not start:",z);return}if(d0)return;try{d0=J({emit:(z)=>E4(z),checkoutEveryNms:Math.max(1000,$.seconds*1000/2),checkoutEveryNth:A4,maskAllInputs:$.maskInputs,maskTextSelector:$.maskText?"*":$.maskTextSelector,blockSelector:`${$.blockSelector}, ${x4}`,slimDOMOptions:"all",inlineStylesheet:!0,sampling:{mousemove:50,scroll:150,media:800,input:"last",...$.canvas?{canvas:$.canvas.fps}:{}},recordCanvas:$.canvas!==null,...$.canvas?{dataURLOptions:{type:"image/webp",quality:$.canvas.quality}}:{},errorHandler:()=>!0})??null}catch(z){console.warn("[debug-capture] session replay could not start:",z)}finally{T0=!1}}function E4($){if($.type===L4||L.length===0){if(L.push([]),L.length>d1)L=L.slice(-d1)}L[L.length-1].push($)}function l1($=Date.now()){let J=Y0();if(!J||!L.length)return null;let z=$-J.seconds*1000,Q=L.length-1;while(Q>0&&(L[Q][0]?.timestamp??$)>z)Q-=1;let j=L.slice(Q).flat(),K=j[0]?.timestamp,G=j[j.length-1]?.timestamp;if(K===void 0||G===void 0)return null;return{events:j,startedAt:new Date(K).toISOString(),endedAt:new Date(G).toISOString(),durationMs:Math.max(0,G-K)}}var h4={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:"เปิดในแท็บใหม่",askInstead:"เป็นคำขอ?",askInsteadAction:"เลือกเรื่องที่ขอ",problemInstead:"เป็นปัญหาที่ต้องแก้?",problemInsteadAction:"แจ้งปัญหาแทน",requestTitle:"ขอให้ทีมดำเนินการ",requestTypeLabel:"เรื่องที่ขอ",requestTarget:"ทีมตั้งใจให้เสร็จภายใน {time}",requestSummaryLabel:"หัวข้อ",requestSummaryPlaceholder:"ขออะไร — สั้น ๆ",requestDetailLabel:"รายละเอียด (ไม่บังคับ)",requestDetailPlaceholder:"สิ่งที่ทีมต้องรู้เพื่อดำเนินการ",requestSubmit:"ส่งคำขอ",requestSubmitted:"ส่งคำขอแล้ว",requestWithShot:"แนบภาพหน้าจอนี้ไปกับคำขอ",requestAnnotateHint:"ทำเครื่องหมายสิ่งที่ขอบนภาพ — วงกรอบ ชี้ลูกศร ไฮไลต์ หรือพิมพ์ข้อความ",draftRestored:"ข้อความที่พิมพ์ไว้ครั้งก่อน ยังไม่ได้ส่ง",draftClear:"ล้าง",requestLeaves:"ไม่ส่งไปกับคำขอ",requestLeavesWhat:"บันทึกการใช้งานของหน้านี้ — ใช้กับการแจ้งปัญหาเท่านั้น",days:"{n} วัน",hours:"{n} ชั่วโมง"},m4={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",askInstead:"Asking for something?",askInsteadAction:"Choose what you need",problemInstead:"Something broken?",problemInsteadAction:"Report a problem instead",requestTitle:"Ask the team",requestTypeLabel:"What you need",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"};function L0($){return $==="en"?m4:h4}var g4="lw-debug-toasts",y4=6000,b4=`
|
|
1
|
+
(()=>{var L2=(($)=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy($,{get:(z,J)=>(typeof require<"u"?require:z)[J]}):$)(function($){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+$+'" is not supported')});var h2={maxRequests:60,maxConsoleEntries:120,maxActions:80,maxBodyChars:20000},h=null;function V1($){let z=[];if(!$.host?.trim())z.push("host");if(!$.realmKey?.trim())z.push("realmKey");if(!$.app?.name?.trim())z.push("app.name");if(typeof $.module!=="function")z.push("module");if(z.length)throw Error(`[debug-capture] configureDebugCapture is missing: ${z.join(", ")}. `+"See the README — `module` maps a pathname to the part of your app it belongs to.");h=$}function C(){if(!h)throw Error("[debug-capture] configureDebugCapture() has not been called");return h}function x0(){return h!==null}function v(){let $=C().app;return{name:$.name,version:$.version??"0.0.0",environment:$.environment??E2()}}function E2(){if(typeof window>"u")return"unknown";let $=window.location.hostname;if($==="localhost"||$==="127.0.0.1"||$.endsWith(".local"))return"development";return"production"}function n($){let z=h?.capture?.[$];return typeof z==="number"?z:h2[$]}function C0($){let z=h?.module;if(!z)return null;try{return z($)??null}catch{return null}}function k0(){let $=h?.redact;return{headers:$?.headers??[],queryKeys:($?.queryKeys??[]).map((z)=>z.toLowerCase()),bodyKeys:($?.bodyKeys??[]).map((z)=>z.toLowerCase())}}function W1(){return h?.capture?.overlaySelectors??[]}var m2='[contenteditable]:not([contenteditable="false"]), [data-lw-mask]',g2="[data-lw-mask]",G1={fps:1,quality:0.5};function W0(){let $=h?.replay;if(!$)return null;let z=$===!0?{}:$,J=(Z,Y)=>typeof Z==="number"&&Z>0?Z:Y,j=z.maskInputs!==!1,Q=z.recordCanvas?{fps:J(typeof z.recordCanvas==="object"?z.recordCanvas.fps:void 0,G1.fps),quality:J(typeof z.recordCanvas==="object"?z.recordCanvas.quality:void 0,G1.quality)}:null;return{seconds:J(z.seconds,60),maskInputs:j,maskTextSelector:z.maskTextSelector?.trim()||(j?m2:g2),maskText:z.maskText===!0,blockSelector:z.blockSelector?.trim()||"[data-lw-private]",maxBytes:J(z.maxBytes,4000000),canvas:Q}}function X1($){if(typeof window>"u")return!1;let z;try{z=new URL($,window.location.href)}catch{return!1}if(b2(z))return!1;if(z.origin===window.location.origin)return!0;return(h?.capture?.bodyOrigins??[]).some((J)=>{try{return new URL(J).origin===z.origin}catch{return!1}})}function b2($){if(!h?.host)return!1;try{if(new URL(h.host).origin!==$.origin)return!1}catch{return!1}return $.pathname.startsWith("/ingest/")}function F1($){let z=Object.entries($).map(([J,j])=>[J.replace(/\/+$/,"")||"/",j]).sort((J,j)=>j[0].length-J[0].length);return(J)=>{let j=(J||"/").replace(/\/+$/,"")||"/";for(let[Q,Z]of z)if(j===Q||j.startsWith(`${Q}/`))return{key:Q,label:Z};return null}}var X0="‹redacted›",p2=/^(authorization|proxy-authorization|cookie|set-cookie|x-[a-z-]*token|x-csrf[a-z-]*|x-xsrf[a-z-]*)$/i,y2=new Set(["access_token","token","id_token","refresh_token","code","secret","client_secret","password","apikey","api_key","signature","x-amz-signature","x-amz-credential"]),v2=/(password|passwd|token|secret|authorization|refresh|client_secret|otp|pin)/i,u2=/[\w.+-]+@[\w-]+\.[\w.-]+/g,i2=/\d(?:[\d\s-]{7,})\d/g;function F0($){return $.replace(u2,X0).replace(i2,X0)}function d2($){if(p2.test($))return!0;return k0().headers.some((J)=>J.toLowerCase()===$.toLowerCase())}function H0($){let z={};for(let[J,j]of Object.entries($))z[J]=d2(J)?X0:j;return z}function r($){try{let z=/^https?:\/\//i.test($),J=new URL($,z?void 0:"http://local.invalid"),j=!1;if(J.searchParams.forEach((Q,Z)=>{if(y2.has(Z.toLowerCase())||k0().queryKeys.includes(Z.toLowerCase()))J.searchParams.set(Z,X0),j=!0}),!j)return $;return z?J.toString():`${J.pathname}${J.search}`}catch{return $}}function v0($,z){if(z>6||$===null||typeof $!=="object")return $;if(Array.isArray($))return $.map((j)=>v0(j,z+1));let J={};for(let[j,Q]of Object.entries($)){let Z=v2.test(j)||k0().bodyKeys.some((Y)=>j.toLowerCase().includes(Y));J[j]=Z?X0:v0(Q,z+1)}return J}function P0($,z){if($==null)return null;let J=$,j=$.trim();if(j.startsWith("{")||j.startsWith("["))try{let Q=JSON.parse(j);J=JSON.stringify(v0(Q,0))}catch{}if(J.length>z)return`${J.slice(0,z)}… [truncated ${J.length-z} chars]`;return J}var u0=120,i0=40,Z0=($,z)=>$.length>z?`${$.slice(0,z)}…`:$,d0=($)=>{try{return decodeURIComponent($)}catch{return $}},Q0=[],H1=0,P1=!1;function U0($,z,J,j){let Q=Z0(z,u0),Z=Q0[Q0.length-1];if($==="navigate"&&Z?.kind==="click"){let X=Q.replace(/^ไปที่\s*/,"");if(Z.detail.includes(`→ ${X}`))return Z.at=new Date().toISOString(),Z;let P=X.split(/[?#]/)[0]??X,w=Z.source?d0(Z.source.replace(/^→\s*/,"")).split(/[?#]/)[0]:null;if(w&&(P===w||P.startsWith(w)))return Z.detail=Z0(`${Z.detail} → ${X}`,u0),Z.source=void 0,Z.at=new Date().toISOString(),Z}if(Z&&Z.kind===$&&Z.detail===Q){if(Z.at=new Date().toISOString(),$!=="navigate")Z.count=(Z.count??1)+1;return Z}H1+=1;let Y={id:`act_${H1}`,at:new Date().toISOString(),kind:$,detail:Q,count:1,source:J,html:O0(j)};Q0.push(Y);while(Q0.length>n("maxActions"))o2(Q0.shift());return Y}var c2=200000,w0=0;function O0($){if(!$)return;if(w0+$.length>c2)return;return w0+=$.length,$}function o2($){if(!$)return;if(w0-=($.html?.length??0)+($.afterHtml?.length??0),w0<0)w0=0}function S0($){return $ instanceof Element&&Boolean($.closest("[data-debug-reporter]"))}var l2='button, a[href], [role="button"], [role="tab"], [role="menuitem"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"], [role="link"], summary, input, select, textarea',n2={button:"ปุ่ม",a:"ลิงก์",input:"ช่อง",textarea:"ช่อง",select:"ตัวเลือก",summary:"ส่วนขยาย"},U1={button:"ปุ่ม",tab:"แท็บ",menuitem:"เมนู",option:"ตัวเลือก",switch:"สวิตช์",checkbox:"ช่องเลือก",radio:"ตัวเลือก",link:"ลิงก์"};function r2($){let z=$.getAttribute("role");if(z&&U1[z])return U1[z];return n2[$.tagName.toLowerCase()]??"ปุ่ม"}function s2($,z){try{let J=$,j=0;while(J&&j<=z){let Q=q1(J);if(Q&&typeof Q.memoizedProps?.onClick==="function")return J;J=J.parentElement,j+=1}}catch{}return null}function a2($){let z=$.getAttribute("aria-label")?.trim();if(z)return z;let J=$.getAttribute("title")?.trim();if(J)return J;if($ instanceof HTMLInputElement||$ instanceof HTMLTextAreaElement||$ instanceof HTMLSelectElement)return($.getAttribute("placeholder")||$.getAttribute("name")||"").trim();if($ instanceof HTMLImageElement)return($.getAttribute("alt")||"").trim();let j=($.textContent??"").replace(/\s+/g," ").trim();if(j)return j;if($ instanceof HTMLAnchorElement){let Q=$.getAttribute("href");if(Q?.startsWith("/"))return d0(Q)}return""}function t2($){if(!($ instanceof Element))return null;let z=$.closest(l2)??s2($,4);if(!z)return null;let J=z.tagName.toLowerCase();if(J==="html"||J==="body")return null;return z}function e2($){let z=F0(a2($));if(!z)return null;return`${r2($)} “${Z0(z,i0)}”`}var B1=6000,$4=4000,z4=/(?:^|\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 J4($){$.querySelectorAll("script, style, link, iframe, object, embed, noscript, canvas, video, audio").forEach((Q)=>Q.remove());let z=[$,...Array.from($.querySelectorAll("*"))];for(let Q of z){for(let Y of Array.from(Q.attributes)){let X=Y.name.toLowerCase();if(X.startsWith("on")||X==="srcdoc"||X==="value"||X.startsWith("data-"))Q.removeAttribute(Y.name)}if(Q instanceof HTMLAnchorElement)Q.setAttribute("href","#");if(Q instanceof HTMLImageElement)Q.removeAttribute("src");let Z=Q.getAttribute("class");if(Z){let Y=Z.replace(z4," ").replace(/\s+/g," ").trim();if(Y)Q.setAttribute("class",Y);else Q.removeAttribute("class")}}let J=document.createTreeWalker($,NodeFilter.SHOW_TEXT),j=J.nextNode();while(j){if(j.nodeValue)j.nodeValue=F0(j.nodeValue);j=J.nextNode()}}function c0($,z,J){try{let j=$.outerHTML;if(!j||j.length>z)return;let Q=$.cloneNode(!0);J4(Q);let Z=Q.outerHTML;return Z&&Z.length<=J?Z:void 0}catch{return}}var j4=($)=>c0($,B1,$4),Q4=150000,Z4=40000,w1=($)=>c0($,Q4,Z4);function K4($){if(!($ instanceof HTMLInputElement)&&!($ instanceof HTMLTextAreaElement)&&!($ instanceof HTMLSelectElement))return null;let z=$.name||$.id||$.getAttribute("aria-label")||$.getAttribute("placeholder")||$.tagName.toLowerCase();return`ช่อง “${F0(z)}”`}var M1=80;function q1($){let z=Object.keys($).find((J)=>J.startsWith("__reactFiber$")||J.startsWith("__reactInternalInstance$"));return z?$[z]:null}function Y4($){if(typeof $!=="function")return null;try{let z=Function.prototype.toString.call($);return(z.match(/\.(?:push|replace)\(\s*['"`]([^'"`]+)['"`]/)??z.match(/redirect\(\s*['"`]([^'"`]+)['"`]/))?.[1]??null}catch{return null}}function I1($){if(!$)return;return`→ ${$.length>M1?`${$.slice(0,M1)}…`:$}`}function G4($){try{let z=$.closest("a[href]")?.getAttribute("href");if(z&&z.startsWith("/"))return I1(z);let J=q1($),j=0;while(J&&j<30){if(typeof J.memoizedProps?.onClick==="function")return I1(Y4(J.memoizedProps.onClick));J=J.return,j+=1}return}catch{return}}var V4='[role="dialog"], [role="alertdialog"], [role="menu"], [role="listbox"], [role="status"], [role="alert"]';function W4(){let $=W1();return $.length?$.join(", "):V4}function X4($){let z=$.getAttribute("role");if(z==="status"||z==="alert")return"ข้อความแจ้งเตือน";if(z==="menu")return"เมนู";if(z==="listbox")return"รายการตัวเลือก";if(z==="alertdialog")return"กล่องยืนยัน";return"กล่องโต้ตอบ"}function F4($){let z=$.getAttribute("aria-label")?.trim();if(z)return z;let J=$.getAttribute("aria-labelledby");if(J){let Z=J.split(/\s+/).map((Y)=>document.getElementById(Y)?.textContent?.trim()??"").filter(Boolean).join(" ");if(Z)return Z}let Q=$.querySelector('[data-slot="dialog-title"], h1, h2, h3, [role="heading"]')?.textContent?.replace(/\s+/g," ").trim();if(Q)return Q;return($.textContent??"").replace(/\s+/g," ").trim()}function N1($){let z=F0(F4($)),J=X4($);return z?`เปิด ${J} “${Z0(z,i0)}”`:`เปิด ${J}`}var H4='[aria-busy="true"], [role="progressbar"], [data-loading="true"], .animate-pulse, .animate-spin',P4=/กำลังโหลด|กำลังค้นหา|กำลังดำเนินการ|\bloading\b/i;function U4($){if($.querySelector(H4))return!0;return P4.test($.textContent??"")}var w4=400,M4=250,I4=8000;function D4($,z){if(typeof MutationObserver>"u"){z.html=O0(w1($));return}let J=Date.now(),j=!1,Q=()=>{j=!0,Y.disconnect(),window.clearInterval(X),window.clearTimeout(P)},Z=()=>{if(j)return;if(Q(),!$.isConnected)return;z.detail=Z0(N1($),u0),z.html=O0(w1($))},Y=new MutationObserver(()=>{J=Date.now()});Y.observe($,{childList:!0,subtree:!0,attributes:!0,characterData:!0});let X=window.setInterval(()=>{if(j)return;if(!$.isConnected){Q();return}if(Date.now()-J>=w4&&!U4($))Z()},M4),P=window.setTimeout(Z,I4)}function B4($){if(S0($))return;let z=U0("ui",N1($));if(z)D4($,z)}function q4(){if(typeof MutationObserver>"u")return;let $=new WeakSet;new MutationObserver((J)=>{for(let j of J)for(let Q of Array.from(j.addedNodes)){if(!(Q instanceof Element))continue;let Z=W4(),Y=Q.matches(Z)?[Q]:Array.from(Q.querySelectorAll(Z));for(let X of Y){if($.has(X))continue;$.add(X),B4(X)}}}).observe(document.body,{childList:!0,subtree:!0})}var N4=1600,x4=2500;function D1($){return{disabled:$.hasAttribute("disabled")||$.getAttribute("aria-disabled")==="true",busy:$.getAttribute("aria-busy")==="true",text:Z0(($.textContent??"").replace(/\s+/g," ").trim(),i0)}}function C4($,z){if(!$.disabled&&z.disabled)return"ปุ่มถูกปิดใช้งานหลังคลิก";if(!$.busy&&z.busy)return"ปุ่มเข้าสู่สถานะกำลังโหลด";if($.text!==z.text&&z.text)return`ข้อความเปลี่ยนเป็น “${z.text}”`;return null}function k4($,z){if(typeof MutationObserver>"u")return;let J=D1($),j=!1,Q=(X,P)=>{if(j)return;if(j=!0,Z.disconnect(),window.clearTimeout(Y),z.afterNote=X,P)z.afterHtml=O0(c0($,B1,x4))},Z=new MutationObserver(()=>{if(!$.isConnected){Q("องค์ประกอบหายไปจากหน้าจอ",!1);return}let X=C4(J,D1($));if(X)Q(X,!0)});Z.observe($,{attributes:!0,attributeFilter:["disabled","aria-disabled","aria-busy","class"],childList:!0,subtree:!0,characterData:!0});let Y=window.setTimeout(()=>{if(!j&&!$.isConnected){Q("องค์ประกอบหายไปจากหน้าจอ",!1);return}j=!0,Z.disconnect()},N4)}function x1(){if(P1||typeof window>"u")return;P1=!0,document.addEventListener("click",(j)=>{if(S0(j.target))return;let Q=t2(j.target);if(!Q)return;let Z=e2(Q);if(!Z)return;let Y=U0("click",`คลิก ${Z}`,G4(Q),j4(Q));if(Y)k4(Q,Y)},{capture:!0,passive:!0}),document.addEventListener("change",(j)=>{if(S0(j.target))return;let Q=K4(j.target);if(Q)U0("input",`แก้ไข ${Q}`)},{capture:!0,passive:!0}),document.addEventListener("submit",(j)=>{if(S0(j.target))return;U0("submit","ส่งฟอร์ม")},{capture:!0,passive:!0});let $=()=>U0("navigate",`ไปที่ ${d0(r(location.pathname+location.search))}`),z=history.pushState.bind(history),J=history.replaceState.bind(history);history.pushState=(...j)=>{let Q=z(...j);return $(),Q},history.replaceState=(...j)=>{let Q=J(...j);return $(),Q},window.addEventListener("popstate",$),q4()}function C1(){return Q0.map(($)=>({...$}))}var k1=2000,_0=[],S1=0,O1=!1;function o0($,z){S1+=1,_0.push({id:`log_${S1}`,at:new Date().toISOString(),level:$,message:z.length>k1?`${z.slice(0,k1)}…`:z});while(_0.length>n("maxConsoleEntries"))_0.shift()}function S4(){let $=new WeakSet;return(z,J)=>{if(typeof J==="object"&&J!==null){if($.has(J))return"[Circular]";$.add(J)}if(typeof J==="bigint")return J.toString();return J}}function _1($){if(typeof $==="string")return $;if($ instanceof Error)return`${$.name}: ${$.message}`;try{let z=JSON.stringify($,S4());if(z!==void 0)return z}catch{}try{return String($)}catch{}try{return Object.prototype.toString.call($)}catch{return`[${typeof $}]`}}function f1(){if(O1||typeof window>"u")return;O1=!0;let $=["log","info","warn","error","debug"];for(let z of $){let J=console[z].bind(console);console[z]=(...j)=>{o0(z,j.map(_1).join(" ")),J(...j)}}window.addEventListener("error",(z)=>{let J=z.filename?` (${z.filename}:${z.lineno}:${z.colno})`:"";o0("exception",`${z.message}${J}`)}),window.addEventListener("unhandledrejection",(z)=>{let J=z.reason instanceof Error?`${z.reason.name}: ${z.reason.message}`:_1(z.reason);o0("unhandledrejection",J)})}function R1(){return _0.map(($)=>({...$}))}var T1=new Set,A1=new Set;function L1($,z){return $.add(z),()=>$.delete(z)}function h1($,z){for(let J of[...$])J(z)}function E1($){return L1(T1,$)}function f0($={type:"manual"}){h1(T1,$)}function m1($){return L1(A1,$)}function g1($){h1(A1,$)}var O4=15000,_4=["ResizeObserver loop","Script error.","Non-Error promise rejection captured"],b1=!1,p1=0;function f4($){return _4.some((z)=>$.includes(z))}function y1($){let z=$.message??"";if(!z||f4(z))return;let J=Date.now();if(J-p1<O4)return;p1=J,g1({...$,message:z})}function v1(){if(b1||typeof window>"u")return;b1=!0,window.addEventListener("error",($)=>{if(!$.message&&!$.error)return;let z=$.error instanceof Error?$.error:null;y1({type:"runtime-error",message:$.message||(z?z.message:"Unknown error"),stack:z?.stack})}),window.addEventListener("unhandledrejection",($)=>{let z=$.reason;y1({type:"unhandledrejection",message:z instanceof Error?z.message:String(z),stack:z instanceof Error?z.stack:void 0})})}var c1=4000,R4=1e6,T4=1e7,R0=[],u1=0,i1=!1;function o1($){R0.push($);while(R0.length>n("maxRequests"))R0.shift()}function l1(){return u1+=1,`req_${u1}`}function d1($){let z={};if(!$)return z;if($ instanceof Headers)$.forEach((J,j)=>{z[j]=J});else if(Array.isArray($))for(let[J,j]of $)z[J]=j;else Object.assign(z,$);return z}function A4($){let z={};return $.forEach((J,j)=>{z[j]=J}),z}function L4($){if($==null)return null;if(typeof $==="string")return $;if($ instanceof URLSearchParams)return $.toString();if(typeof FormData<"u"&&$ instanceof FormData)return`[FormData: ${Array.from($.keys()).join(", ")}]`;if(typeof Blob<"u"&&$ instanceof Blob)return`[Blob ${$.size} bytes]`;if($ instanceof ArrayBuffer)return`[ArrayBuffer ${$.byteLength} bytes]`;return"[binary]"}function h4($,z){let J="",j="GET",Q={},Z=null;if(typeof $==="string")J=$;else if($ instanceof URL)J=$.toString();else J=$.url,j=$.method||j,Q=d1($.headers);if(z){if(z.method)j=z.method;if(z.headers)Q={...Q,...d1(z.headers)};if(z.body!==void 0)Z=L4(z.body)}return{method:j.toUpperCase(),url:J,headers:Q,body:Z}}function n1($){return!X1($)}function E4($,z){if(n1(z.url)){z.responseSnippet="[body not captured for this origin]";return}let J=$.headers.get("content-type")??"",j=Number($.headers.get("content-length")??"0"),Q=j?`, ~${j} bytes`:"";if(!/json|text|xml|html|javascript|urlencoded/i.test(J)){z.responseSnippet=`[binary ${J||"unknown"}${Q}]`;return}if(j>R4){z.responseSnippet=`[response ${J||"text"}${Q} — omitted]`;return}try{$.clone().text().then((Z)=>{z.responseSnippet=P0(Z,n("maxBodyChars"))}).catch(()=>{})}catch{}}function r1($,z){if(/[?&]_rsc=/.test($))return!0;for(let J of Object.keys(z)){let j=J.toLowerCase();if(j==="rsc"||j==="next-router-prefetch"||j==="next-router-state-tree")return!0}return!1}function m4(){if(typeof window>"u"||typeof window.fetch!=="function")return;let $=window.fetch.bind(window);window.fetch=Object.assign(async(z,J)=>{let j=h4(z,J);if(r1(j.url,j.headers))return $(z,J);let Q={id:l1(),startedAt:new Date().toISOString(),method:j.method,url:r(j.url),requestHeaders:H0(j.headers),requestBody:P0(j.body,c1),status:null,statusText:null,durationMs:null,via:"fetch"};o1(Q);let Z=performance.now();try{let Y=await $(z,J);return Q.status=Y.status,Q.statusText=Y.statusText,Q.durationMs=Math.round(performance.now()-Z),Q.responseHeaders=H0(A4(Y.headers)),E4(Y,Q),Y}catch(Y){throw Q.durationMs=Math.round(performance.now()-Z),Q.error=Y instanceof Error?`${Y.name}: ${Y.message}`:String(Y),Y}},$)}function g4(){if(typeof window>"u"||typeof window.XMLHttpRequest!=="function")return;let $=XMLHttpRequest.prototype,z=$.open,J=$.send,j=function(Z,Y){let X=typeof Y==="string"?Y:Y.toString();return this.__lwEntry=r1(X,{})?void 0:{id:l1(),startedAt:"",method:(Z||"GET").toUpperCase(),url:r(X),requestHeaders:{},requestBody:null,status:null,statusText:null,durationMs:null,via:"xhr"},z.apply(this,arguments)},Q=function(Z){let Y=this.__lwEntry;if(Y){Y.startedAt=new Date().toISOString(),Y.requestBody=typeof Z==="string"?P0(Z,c1):Z==null?null:"[non-string body]";let X=performance.now();o1(Y),this.addEventListener("loadend",()=>{if(Y.status=this.status||null,Y.statusText=this.statusText||null,Y.durationMs=Math.round(performance.now()-X),n1(Y.url))Y.responseSnippet="[body not captured for this origin]";else if(this.responseType===""||this.responseType==="text")try{Y.responseSnippet=P0(this.responseText||"",n("maxBodyChars"))}catch{}else{let P=this.getResponseHeader("content-type")??this.responseType;Y.responseSnippet=`[binary ${P}]`}})}return J.apply(this,arguments)};$.open=j,$.send=Q}function s1(){if(i1)return;i1=!0,m4(),g4()}function a1(){let $=R0.map((J)=>({...J})),z=0;for(let J=$.length-1;J>=0;J-=1){let j=$[J],Q=j?.responseSnippet;if(!j||typeof Q!=="string"||Q.length===0)continue;if(z+Q.length>T4)j.responseSnippet=`[response omitted — report size budget reached (${Q.length.toLocaleString()} chars)]`;else z+=Q.length}return $}var b4=4,t1=3,p4=4000,y4="[data-debug-reporter]",e1=()=>import("@rrweb/record");function $2($){e1=$}var E=[],l0=null,T0=!1;function z2(){if(typeof window>"u"||l0||T0)return;let $=W0();if(!$)return;T0=!0;let z=()=>void v4($);if("requestIdleCallback"in window)window.requestIdleCallback(z,{timeout:3000});else setTimeout(z,1000)}async function v4($){let z;try{z=(await e1()).record}catch(J){T0=!1,console.warn("[debug-capture] session replay could not start:",J);return}if(l0)return;try{l0=z({emit:(J)=>u4(J),checkoutEveryNms:Math.max(1000,$.seconds*1000/2),checkoutEveryNth:p4,maskAllInputs:$.maskInputs,maskTextSelector:$.maskText?"*":$.maskTextSelector,blockSelector:`${$.blockSelector}, ${y4}`,slimDOMOptions:"all",inlineStylesheet:!0,sampling:{mousemove:50,scroll:150,media:800,input:"last",...$.canvas?{canvas:$.canvas.fps}:{}},recordCanvas:$.canvas!==null,...$.canvas?{dataURLOptions:{type:"image/webp",quality:$.canvas.quality}}:{},errorHandler:()=>!0})??null}catch(J){console.warn("[debug-capture] session replay could not start:",J)}finally{T0=!1}}function u4($){if($.type===b4||E.length===0){if(E.push([]),E.length>t1)E=E.slice(-t1)}E[E.length-1].push($)}function J2($=Date.now()){let z=W0();if(!z||!E.length)return null;let J=$-z.seconds*1000,j=E.length-1;while(j>0&&(E[j][0]?.timestamp??$)>J)j-=1;let Q=E.slice(j).flat(),Z=Q[0]?.timestamp,Y=Q[Q.length-1]?.timestamp;if(Z===void 0||Y===void 0)return null;return{events:Q,startedAt:new Date(Z).toISOString(),endedAt:new Date(Y).toISOString(),durationMs:Math.max(0,Y-Z)}}var i4={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:"แจ้งปัญหา",kindProblemHint:"มีอะไรเสีย หรือใช้งานไม่ได้",kindRequest:"คำขอ",kindRequestHint:"ขอให้ทีมทำ เช่น ขอสิทธิ์ ขอแก้ข้อมูล",chooseProblemHint:"มีอะไรเสีย หรือใช้งานไม่ได้ — แนบภาพหน้าจอ",chooseRequestHint:"ขอให้ทีมทำ เช่น ขอสิทธิ์ ขอแก้ข้อมูล — ไม่ต้องแชร์หน้าจอ",requestTitle:"ขอให้ทีมดำเนินการ",requestTypeLabel:"เรื่องที่ขอ",requestTarget:"ทีมตั้งใจให้เสร็จภายใน {time}",requestSummaryLabel:"หัวข้อ",requestSummaryPlaceholder:"ขออะไร — สั้น ๆ",requestDetailLabel:"รายละเอียด (ไม่บังคับ)",requestDetailPlaceholder:"สิ่งที่ทีมต้องรู้เพื่อดำเนินการ",requestSubmit:"ส่งคำขอ",requestSubmitted:"ส่งคำขอแล้ว",requestWithShot:"แนบภาพหน้าจอนี้ไปกับคำขอ",requestAnnotateHint:"ทำเครื่องหมายสิ่งที่ขอบนภาพ — วงกรอบ ชี้ลูกศร ไฮไลต์ หรือพิมพ์ข้อความ",draftRestored:"ข้อความที่พิมพ์ไว้ครั้งก่อน ยังไม่ได้ส่ง",draftClear:"ล้าง",requestLeaves:"ไม่ส่งไปกับคำขอ",requestLeavesWhat:"บันทึกการใช้งานของหน้านี้ — ใช้กับการแจ้งปัญหาเท่านั้น",days:"{n} วัน",hours:"{n} ชั่วโมง"},d4={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",kindProblemHint:"Something is broken or not working",kindRequest:"Request",kindRequestHint:"Ask the team to do something, like access or a data change",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",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"};function A0($){return $==="en"?d4:i4}var c4="lw-debug-toasts",o4=6000,l4=`
|
|
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
|
-
`,i0=null;function p4(){if(typeof document>"u")return null;if(i0?.isConnected)return i0;let $=document.createElement(g4);$.dataset.debugReporter="true";let J=$.attachShadow({mode:"open"}),z=document.createElement("style");z.textContent=b4;let Q=document.createElement("div");return Q.className="stack",Q.setAttribute("role","status"),Q.setAttribute("aria-live","polite"),J.append(z,Q),document.body.append($),i0=Q,Q}function J0($,J="success",z){let Q=N0()?N().toast:void 0;if(Q){Q({message:$,tone:J,...z?{action:z}:{}});return}let j=p4();if(!j)return;let K=document.createElement("div");K.className="toast",K.dataset.tone=J;let G=document.createElement("span");G.className="dot";let F=document.createElement("span");F.textContent=$;let P=document.createElement("button");P.type="button",P.className="close",P.textContent="✕",P.setAttribute("aria-label","ปิด");let M=()=>{window.clearTimeout(k),K.remove()};P.addEventListener("click",M);let k=J==="error"||z?0:window.setTimeout(M,y4);if(K.append(G,F),z){let B=document.createElement("button");B.type="button",B.className="action",B.textContent=z.label,B.addEventListener("click",()=>{M(),z.onClick()}),K.append(B)}K.append(P),j.append(K)}function r1($,J,z){let Q=$.filter((K)=>Boolean(K.error)||K.status!=null&&K.status>=400).slice(-20).map((K)=>({method:K.method,url:K.url,status:K.status,error:K.error,at:K.startedAt})),j=J.filter((K)=>K.level==="error"||K.level==="exception"||K.level==="unhandledrejection").slice(-20).map((K)=>K.message);return{failedRequests:Q,errors:j,erroredQueries:z.slice(0,20)}}function v4(){let $={memoryUsedMb:null,memoryLimitMb:null,domContentLoadedMs:null,loadEventMs:null};if(typeof performance>"u")return $;let J=performance.memory;if(J)$.memoryUsedMb=Math.round(J.usedJSHeapSize/1024/1024),$.memoryLimitMb=Math.round(J.jsHeapSizeLimit/1024/1024);let[z]=performance.getEntriesByType("navigation");if(z)$.domContentLoadedMs=Math.round(z.domContentLoadedEventEnd),$.loadEventMs=Math.round(z.loadEventEnd);return $}function c0($,J){if(!$)return J;try{return $()}catch{return J}}function n1(){let $=N(),{pathname:J,search:z,href:Q}=window.location;return{capturedAt:new Date().toISOString(),route:{href:Q,pathname:J,search:z},module:C0(J),user:c0($.user,{}),apiHeaders:F0(c0($.headers,{})),app:{name:h().name,version:h().version,environment:h().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:v4(),extra:c0($.extra,{})}}var u4=2;function s1($){let J=u1(),z=N1();return{context:n1(),reason:$.reason,note:$.note,cause:r1(J,z,$.erroredQueries),actionTrail:U1(),network:J,console:z,screenshotDataUrl:$.screenshotDataUrl,screenshotMethod:$.screenshotMethod,replay:l1()??void 0,meta:{generatedBy:"lightwork-debug-capture",schemaVersion:u4}}}async function a1(){if(typeof navigator<"u"&&Boolean(navigator.mediaDevices?.getDisplayMedia)){let z=await d4();if(z.status==="ok")return{dataUrl:z.dataUrl,method:"display-media"};if(z.status==="cancelled")return{dataUrl:null,method:"cancelled"}}let J=await o4();if(J)return{dataUrl:J,method:"html-to-image"};return{dataUrl:null,method:"none"}}async function d4(){let $=null;try{let J={video:{frameRate:30},audio:!1,preferCurrentTab:!0,selfBrowserSurface:"include",surfaceSwitching:"exclude"};$=await navigator.mediaDevices.getDisplayMedia(J);let z=await i4($);return z?{status:"ok",dataUrl:z}:{status:"error"}}catch(J){if(J instanceof DOMException&&(J.name==="NotAllowedError"||J.name==="AbortError"))return{status:"cancelled"};return{status:"error"}}finally{$?.getTracks().forEach((J)=>J.stop())}}async function i4($){let J=document.createElement("video");J.srcObject=$,J.muted=!0,J.playsInline=!0,await new Promise((G)=>{let F=!1,P=()=>{if(F)return;F=!0,G()};J.onloadedmetadata=()=>{J.play().then(P).catch(P)},window.setTimeout(P,1500)}),await c4(J);let{videoWidth:z,videoHeight:Q}=J;if(!z||!Q)return null;let j=document.createElement("canvas");j.width=z,j.height=Q;let K=j.getContext("2d");if(!K)return null;K.drawImage(J,0,0,z,Q),J.pause(),J.srcObject=null;try{return j.toDataURL("image/png")}catch{return null}}function c4($){return new Promise((J)=>{let z=!1,Q=()=>{if(z)return;z=!0,J()},j=$;if(typeof j.requestVideoFrameCallback==="function")j.requestVideoFrameCallback(()=>Q()),window.setTimeout(Q,1000);else window.setTimeout(Q,250)})}async function o4(){let $=N().screenshotFallback;if(!$)return null;let J=await $().catch(()=>null);if(!J)return null;try{return await J(document.body,{cacheBust:!0,pixelRatio:Math.min(window.devicePixelRatio||1,2),filter:(z)=>!(z instanceof HTMLElement&&z.dataset?.debugReporter==="true")})}catch{return null}}var l4=2000,r4=0.82,n4=3000000;function s4($){return new Promise((J,z)=>{let Q=new Image;Q.onload=()=>J(Q),Q.onerror=()=>z(Error("could not read the screenshot")),Q.src=$})}async function A0($){try{let J=await s4($),z=Math.max(J.naturalWidth,J.naturalHeight),Q=Math.min(1,l4/z),j=document.createElement("canvas");j.width=Math.max(1,Math.round(J.naturalWidth*Q)),j.height=Math.max(1,Math.round(J.naturalHeight*Q));let K=j.getContext("2d");if(!K)return $;K.fillStyle="#fff",K.fillRect(0,0,j.width,j.height),K.drawImage(J,0,0,j.width,j.height);let G=r4,F=j.toDataURL("image/jpeg",G);while(F.length>n4&&G>0.4)G-=0.15,F=j.toDataURL("image/jpeg",G);return F}catch{return $}}var a4=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,t4=/^\d+$/,e4=/^[0-9a-f]{16,}$/i;function t1($){if($.reason.type==="manual")return null;let J=$.cause?.failedRequests?.[0];if(!J?.url)return null;let z;try{z=new URL(J.url,"http://x").pathname}catch{z=J.url}let Q=z.split("/").map((K)=>a4.test(K)||t4.test(K)||e4.test(K)?":id":K).join("/"),j=J.status??(J.error?"ERR":"?");return`${J.method??"REQ"} ${Q} ${j}`}var e1=2000000;function x0($){let{screenshotDataUrl:J,replay:z,...Q}=$;return JSON.stringify(Q).length}function $2($,J=2000000){if(x0($)<=J)return $;let z=$.network.map((j)=>({...j})),Q={...$,network:z};for(let j of z){if(x0(Q)<=J)return Q;if(typeof j.responseSnippet==="string"&&j.responseSnippet.length>35)j.responseSnippet="[body dropped — report size budget]";if(typeof j.requestBody==="string"&&j.requestBody.length>35)j.requestBody="[body dropped — report size budget]"}while(Q.network.length>1&&x0(Q)>J)Q.network=Q.network.slice(1);while(Q.console.length>1&&x0(Q)>J)Q.console=Q.console.slice(1);return Q}function M0($){let J="";for(let z=0;z<$.length;z+=32768)J+=String.fromCharCode(...$.subarray(z,z+32768));return btoa(J)}var $6=4,J6=2,z6=3,Q6=0,j6=new Set(["href","src","action","formaction","xlink:href","data","poster","srcset"]),Z6=/^\s*javascript:/i;function K6($,J){let z=$.toLowerCase();if(z.startsWith("on")||z==="srcdoc")return!0;return typeof J==="string"&&Z6.test(J)}function J2($,J=!1){if(!$)return;for(let z of Object.keys($)){let Q=$[z];if(K6(z,Q)){if(J)$[z]=null;else delete $[z];continue}if(typeof Q!=="string"||!j6.has(z)||!Q.includes("?"))continue;$[z]=p(Q)}}function o0($){if(!$)return;J2($.attributes);for(let J of $.childNodes??[])o0(J)}function z2($){let J=JSON.parse(JSON.stringify($));for(let z of J){let Q=z.data;if(!Q||typeof Q!=="object")continue;if(z.type===$6&&typeof Q.href==="string")Q.href=p(Q.href);else if(z.type===J6)o0(Q.node);else if(z.type===z6&&Q.source===Q6){for(let j of Q.adds??[])o0(j.node);for(let j of Q.attributes??[])J2(j.attributes,!0)}}return J}var W6="session-replay.json.gz",G6="session-replay.json";function Y6($){return Boolean($&&$.events.length>0)}async function V6($){if(typeof CompressionStream>"u")return null;try{let J=new Blob([$]).stream().pipeThrough(new CompressionStream("gzip"));return new Uint8Array(await new Response(J).arrayBuffer())}catch{return null}}async function j2($,J){if(!Y6($))return{summary:{omitted:"empty"}};let Q={seconds:Math.round($.durationMs/1000),events:$.events.length,startedAt:$.startedAt,endedAt:$.endedAt},j=z2($.events),K=await Q2(j),G=!1;if(K.bytes.byteLength>J&&H6(j))j=P6(j),K=await Q2(j),G=!0;let{bytes:F,compressed:P}=K;if(F.byteLength>J)return{summary:{...Q,bytes:F.byteLength,omitted:"too-large"}};return{dataUri:`data:${P?"application/gzip":"application/json"};base64,${M0(F)}`,filename:P?W6:G6,summary:{...Q,events:j.length,bytes:F.byteLength,compressed:P,...G?{canvasDropped:G}:{}}}}async function Q2($){let J=new TextEncoder().encode(JSON.stringify({events:$})),z=await V6(J);return z?{bytes:z,compressed:!0}:{bytes:J,compressed:!1}}var X6=3,Z2=2,F6=9;function K2($){return $.type===X6&&$.data?.source===F6}function H6($){return $.some(K2)||$.some((J)=>J.type===Z2&&W2(J.data.node))}function W2($){if(!$)return!1;if($.attributes&&"rr_dataURL"in $.attributes)return!0;return($.childNodes??[]).some(W2)}function G2($){if(!$)return;if($.attributes&&"rr_dataURL"in $.attributes)delete $.attributes.rr_dataURL;for(let J of $.childNodes??[])G2(J)}function P6($){let J=[];for(let z of $){if(K2(z))continue;if(z.type===Z2)G2(z.data.node);J.push(z)}return J}var U6=new Set([502,503,504]);class m extends Error{kind;retryAfter;status;constructor($,J,z,Q){super($);this.kind=J;this.retryAfter=z;this.status=Q;this.name="ReportError"}}function M6($){let{screenshotDataUrl:J,replay:z,...Q}=$;return{dataUri:`data:application/json;base64,${M0(new TextEncoder().encode(JSON.stringify(Q)))}`,filename:"debug-bundle.json"}}async function l0(){let $=N().identity;if(!$)return{};try{let J=await $();return J?{authorization:`Bearer ${J}`}:{}}catch{return{}}}async function Y2($,J){let z=N(),Q=$2(J,e1),{context:j,note:K}=Q,G=[];if(Q.screenshotDataUrl){let D=await A0(Q.screenshotDataUrl);G.push({dataUri:D,filename:"screenshot.jpg"})}G.push(M6(Q));let F,P=Y0();if(P){let D=await j2(Q.replay,P.maxBytes);if(F=D.summary,"dataUri"in D)G.push({dataUri:D.dataUri,filename:D.filename})}let M=t1(Q),k={title:$,description:K.trim()||void 0,appName:h().name,category:j.module?.label,routeUrl:j.route.href,priority:"MEDIUM",requesterEmail:j.user.email??void 0,requesterName:j.user.fullName??void 0,customFields:{unit:j.user.unit??"",appVersion:j.app.version,environment:j.app.environment,reasonType:Q.reason.type,appName:h().name,module:j.module?.label??""},context:{...M?{signature:M}:{},capturedAt:j.capturedAt,reason:Q.reason,cause:Q.cause,actionTrail:Q.actionTrail,client:j.client,performance:j.performance,apiHeaders:j.apiHeaders,extra:j.extra,counts:{network:Q.network.length,console:Q.console.length,actions:Q.actionTrail.length},screenshotMethod:Q.screenshotMethod,...F?{replay:F}:{}},attachments:G},B=await fetch(`${z.host.replace(/\/$/,"")}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":z.realmKey,...await l0()},body:JSON.stringify(k)}).catch(()=>{throw new m("report never left the browser","offline")});if(!B.ok)throw await r0(B);return await B.json()}async function r0($){let J=$.headers.get("retry-after"),z=await $.json().then((Q)=>Q.error).catch(()=>null);if($.status===429)return new m("rate limited","rateLimited",J??void 0);if(U6.has($.status))return new m("desk unavailable","unavailable");return new m(z??`Report failed (${$.status})`,"rejected",void 0,$.status)}var f0=null,I0=null,V2=()=>N().host.replace(/\/$/,"");function n0(){return f0}function z0(){if(I0)return I0;return I0=(async()=>{try{let $=await fetch(`${V2()}/ingest/request-types`,{headers:{"x-realm-key":N().realmKey}}),J=$.ok?await $.json():null;f0=Array.isArray(J?.types)?J.types.filter(I6):[]}catch{f0=[],I0=null}return f0??[]})(),I0}function I6($){let J=$;return!!J&&typeof J.id==="string"&&typeof J.name==="string"}async function X2($){let J=N(),z={};try{z=J.user?.()??{}}catch{z={}}let Q=typeof window>"u"?null:window.location,j={title:$.title,description:$.description.trim()||void 0,ticketTypeId:$.ticketTypeId,appName:h().name,category:Q?C0(Q.pathname)?.label:void 0,routeUrl:Q?.href,priority:"MEDIUM",requesterEmail:z.email??void 0,requesterName:z.fullName??void 0,attachments:$.screenshotDataUrl?[{dataUri:await A0($.screenshotDataUrl),filename:"screenshot.jpg"}]:void 0},K=await fetch(`${V2()}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":J.realmKey,...await l0()},body:JSON.stringify(j)}).catch(()=>{throw new m("request never left the browser","offline")});if(!K.ok)throw await r0(K);return await K.json()}var B0=Math.PI/6;function F2($,J,z){let Q=J.x-$.x,j=J.y-$.y,K=Math.hypot(Q,j),G=Math.atan2(j,Q),F=[{x:J.x,y:J.y},{x:J.x-z*Math.cos(G-B0),y:J.y-z*Math.sin(G-B0)},{x:J.x-z*Math.cos(G+B0),y:J.y-z*Math.sin(G+B0)}],P=z*Math.cos(B0)*0.92;if(K<=P)return{shaft:null,head:F};return{shaft:{from:$,to:{x:J.x-P*Math.cos(G),y:J.y-P*Math.sin(G)}},head:F}}var s0="#f44336",B6="rgba(250, 204, 21, 0.4)",a0=22,H2="#2563eb",P2=9,U2=11,M2=18,I2=4,E0=8,q6=[{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 B2($,J,z){let Q=[],j=null,K=-1,G=null,F=null,P=$.getContext("2d");function M(){let Z=$.getBoundingClientRect().width;return Z>0?$.width/Z:1}function k(Z){let Y=$.getBoundingClientRect();return{x:(Z.clientX-Y.left)/Y.width*$.width,y:(Z.clientY-Y.top)/Y.height*$.height}}function B(Z){let Y=Z.size??a0;if(!P)return(Z.text?.length??0)*Y*0.6;P.save(),P.font=`600 ${Y}px system-ui, sans-serif`;let V=P.measureText(Z.text??"").width;return P.restore(),V}function D(Z){if(Z.tool==="text"){let Y=Z.size??a0;return{left:Z.x1,top:Z.y1,right:Z.x1+B(Z),bottom:Z.y1+Y*1.25}}return{left:Math.min(Z.x1,Z.x2),top:Math.min(Z.y1,Z.y2),right:Math.max(Z.x1,Z.x2),bottom:Math.max(Z.y1,Z.y2)}}function _(Z){if(Z.tool==="arrow")return[{id:"tail",x:Z.x1,y:Z.y1,cursor:"move"},{id:"head",x:Z.x2,y:Z.y2,cursor:"move"}];let Y=D(Z);if(Z.tool==="text")return[{id:"size",x:Y.right,y:Y.bottom,cursor:"nwse-resize"}];return q6.map((V)=>({id:V.id,x:Y.left+(Y.right-Y.left)*V.fx,y:Y.top+(Y.bottom-Y.top)*V.fy,cursor:V.cursor}))}function O(Z){let Y=D(Z);return{x:Y.right+M2*M(),y:Y.top-M2*M()}}function g(Z,Y,V){let{shaft:W,head:X}=F2({x:Y.x1,y:Y.y1},{x:Y.x2,y:Y.y2},Math.max(10,16*V));if(W)Z.lineCap="butt",Z.beginPath(),Z.moveTo(W.from.x,W.from.y),Z.lineTo(W.to.x,W.to.y),Z.stroke();Z.beginPath(),Z.moveTo(X[0].x,X[0].y),Z.lineTo(X[1].x,X[1].y),Z.lineTo(X[2].x,X[2].y),Z.closePath(),Z.fill()}function n(Z,Y,V){Z.save(),Z.lineWidth=Math.max(2,3*V),Z.strokeStyle=s0,Z.fillStyle=s0;let W=D(Y);if(Y.tool==="rect")Z.strokeRect(W.left,W.top,W.right-W.left,W.bottom-W.top);else if(Y.tool==="arrow")g(Z,Y,V);else if(Y.tool==="highlight")Z.fillStyle=B6,Z.fillRect(W.left,W.top,W.right-W.left,W.bottom-W.top);else if(Y.tool==="text"&&Y.text){let X=Y.size??a0;Z.font=`600 ${X}px system-ui, sans-serif`,Z.textBaseline="top";let H=X*0.22;Z.fillStyle="rgba(255,255,255,0.92)",Z.fillRect(W.left-H,W.top-H,W.right-W.left+H*2,W.bottom-W.top+H*2),Z.fillStyle=s0,Z.fillText(Y.text,W.left,W.top)}Z.restore()}function Q0(Z,Y,V){let W=D(Y);Z.save(),Z.strokeStyle=H2,Z.lineWidth=Math.max(1,1.5*V),Z.setLineDash([6*V,4*V]),Z.strokeRect(W.left,W.top,W.right-W.left,W.bottom-W.top),Z.setLineDash([]);let X=P2*V;for(let w of _(Y))Z.fillStyle="#fff",Z.strokeStyle=H2,Z.lineWidth=Math.max(1,1.5*V),Z.beginPath(),Z.rect(w.x-X/2,w.y-X/2,X,X),Z.fill(),Z.stroke();let H=O(Y),U=U2*V;Z.beginPath(),Z.arc(H.x,H.y,U,0,Math.PI*2),Z.fillStyle="#dc2626",Z.fill(),Z.strokeStyle="#fff",Z.lineWidth=Math.max(1.5,2*V),Z.beginPath(),Z.moveTo(H.x-U*0.4,H.y-U*0.4),Z.lineTo(H.x+U*0.4,H.y+U*0.4),Z.moveTo(H.x+U*0.4,H.y-U*0.4),Z.lineTo(H.x-U*0.4,H.y+U*0.4),Z.stroke(),Z.restore()}function I(){if(!P)return;let Z=M();if(P.clearRect(0,0,$.width,$.height),P.drawImage(J,0,0,$.width,$.height),Q.forEach((V,W)=>{if(W!==d)n(P,V,Z)}),G)n(P,G,Z);let Y=Q[K];if(Y&&!G)Q0(P,Y,Z)}function j0(Z,Y,V,W,X){return Math.abs(Z-V)<=X&&Math.abs(Y-W)<=X}function x(Z,Y){let V=Q[K];if(!V)return null;let W=P2*M()/2+3*M();for(let X of _(V))if(j0(Z,Y,X.x,X.y,W))return X.id;return null}function Z0(Z,Y){let V=Q[K];if(!V)return!1;let W=O(V);return j0(Z,Y,W.x,W.y,U2*M())}function s(Z,Y){let V=6*M();for(let W=Q.length-1;W>=0;W-=1){let X=Q[W];if(X.tool==="arrow"){let U=X.x2-X.x1,w=X.y2-X.y1,l=Math.hypot(U,w)||1,r=Math.max(0,Math.min(1,((Z-X.x1)*U+(Y-X.y1)*w)/(l*l)));if(Math.hypot(Z-(X.x1+r*U),Y-(X.y1+r*w))<=V+4*M())return W;continue}let H=D(X);if(Z>=H.left-V&&Z<=H.right+V&&Y>=H.top-V&&Y<=H.bottom+V)return W}return-1}function K0(Z,Y,V,W,X){if(Y==="tail"){Z.x1=V.x1+W,Z.y1=V.y1+X;return}if(Y==="head"){Z.x2=V.x2+W,Z.y2=V.y2+X;return}if(Y==="size"){let O2=(V.size??24)+X;Z.size=Math.max(10,O2);return}let H=D(V),{left:U,top:w,right:l,bottom:r}=H;if(Y.includes("w"))U=Math.min(l-E0,U+W);if(Y.includes("e"))l=Math.max(U+E0,l+W);if(Y.includes("n"))w=Math.min(r-E0,w+X);if(Y.includes("s"))r=Math.max(w+E0,r+X);Z.x1=U,Z.y1=w,Z.x2=l,Z.y2=r}function D0(Z,Y,V,W){Z.x1=Y.x1+V,Z.y1=Y.y1+W,Z.x2=Y.x2+V,Z.y2=Y.y2+W}let S=null,d=-1,C={x:0,y:0,size:24};function f(){let Z=$.getBoundingClientRect().width;return Z>0?Z/$.width:1}function W0(Z,Y){if(!P)return Z.length*Y*0.6;P.save(),P.font=`600 ${Y}px system-ui, sans-serif`;let V=P.measureText(Z||" ").width;return P.restore(),V}function G0(){if(!S)return;let Z=$.parentElement;if(!Z)return;let Y=$.getBoundingClientRect(),V=Z.getBoundingClientRect(),W=f(),X=C.size*W;S.style.left=`${Y.left-V.left+C.x*W}px`,S.style.top=`${Y.top-V.top+C.y*W}px`,S.style.fontSize=`${X}px`,S.style.width=`${Math.max(40,W0(S.value,X)+X)}px`}function T(Z){let Y=S;if(!Y)return;S=null;let V=Y.value.trim(),W=d;if(d=-1,Y.remove(),Z&&V){if(W>=0&&Q[W])Q[W].text=V,K=W;else Q.push({tool:"text",x1:C.x,y1:C.y,x2:C.x,y2:C.y,text:V,size:C.size}),K=Q.length-1;z()}else if(W>=0)K=W;$.focus(),I()}function y(Z,Y,V=-1){T(!0);let W=$.parentElement;if(!W)return;if(getComputedStyle(W).position==="static")W.style.position="relative";let X=V>=0?Q[V]:void 0;d=V,C={x:X?.x1??Z,y:X?.y1??Y,size:X?.size??Math.round(24*M())};let H=document.createElement("input");H.type="text",H.className="text-edit",H.value=X?.text??"",H.setAttribute("aria-label","ข้อความบนภาพ"),H.placeholder="ข้อความ",S=H,W.append(H),G0(),H.addEventListener("input",G0),H.addEventListener("keydown",(U)=>{if(U.stopPropagation(),U.key==="Enter")T(!0);else if(U.key==="Escape")T(!1)}),requestAnimationFrame(()=>{if(S!==H)return;H.focus(),H.select(),H.addEventListener("blur",()=>T(!0))}),I()}function i(Z){let{x:Y,y:V}=k(Z);if($.setPointerCapture(Z.pointerId),Z0(Y,V)){t();return}let W=x(Y,V);if(W&&Q[K]){F={grip:W,x:Y,y:V,start:{...Q[K]}};return}if(j==="text"){if(Z.preventDefault(),$.hasPointerCapture(Z.pointerId))$.releasePointerCapture(Z.pointerId);j=null,z(),y(Y,V);return}if(j){G={tool:j,x1:Y,y1:V,x2:Y,y2:V},K=-1;return}let X=s(Y,V);K=X,F=X>=0?{grip:"body",x:Y,y:V,start:{...Q[X]}}:null,I()}function c(Z){let{x:Y,y:V}=k(Z);if(G){G.x2=Y,G.y2=V,I();return}if(F){let X=Q[K];if(!X)return;let H=Y-F.x,U=V-F.y;if(F.grip==="body")D0(X,F.start,H,U);else K0(X,F.grip,F.start,H,U);I();return}if(j){$.style.cursor="crosshair";return}if(Z0(Y,V)){$.style.cursor="pointer";return}let W=x(Y,V);if(W){let X=Q[K]?_(Q[K]).find((H)=>H.id===W):null;$.style.cursor=X?.cursor??"pointer";return}$.style.cursor=s(Y,V)>=0?"move":"default"}function a(){if(G){if(!(Math.abs(G.x2-G.x1)<I2&&Math.abs(G.y2-G.y1)<I2))Q.push(G),K=Q.length-1,j=null,z();G=null}if(F)F=null,z();I()}function E(Z){let Y=$.getBoundingClientRect(),V=(Z.clientX-Y.left)/Y.width*$.width,W=(Z.clientY-Y.top)/Y.height*$.height,X=s(V,W),H=Q[X];if(!H||H.tool!=="text")return;Z.preventDefault(),y(H.x1,H.y1,X)}function o(Z){if(K<0)return;if(Z.key==="Delete"||Z.key==="Backspace")Z.preventDefault(),t();else if(Z.key==="Escape")Z.preventDefault(),K=-1,I()}function t(){if(K<0)return;Q.splice(K,1),K=-1,z(),I()}return $.addEventListener("pointerdown",i),$.addEventListener("pointermove",c),$.addEventListener("pointerup",a),$.addEventListener("pointercancel",a),$.addEventListener("dblclick",E),$.tabIndex=0,$.addEventListener("keydown",o),I(),{setTool(Z){j=Z,K=-1,$.style.cursor=Z?"crosshair":"default",I()},deleteSelected:t,clear(){Q.length=0,K=-1,z(),I()},hasShapes:()=>Q.length>0,hasSelection:()=>K>=0,toDataUrl(){let Z=document.createElement("canvas");Z.width=J.naturalWidth,Z.height=J.naturalHeight;let Y=Z.getContext("2d");if(!Y)return $.toDataURL("image/png");Y.drawImage(J,0,0);let V=M();for(let W of Q)n(Y,W,V);return Z.toDataURL("image/png")},destroy(){T(!1),$.removeEventListener("pointerdown",i),$.removeEventListener("pointermove",c),$.removeEventListener("pointerup",a),$.removeEventListener("pointercancel",a),$.removeEventListener("dblclick",E),$.removeEventListener("keydown",o)}}}var D6=["keydown","keyup","keypress"];function q2($){for(let J of D6)$.addEventListener(J,(z)=>z.stopPropagation())}var D2=`
|
|
33
|
+
`,n0=null;function n4(){if(typeof document>"u")return null;if(n0?.isConnected)return n0;let $=document.createElement(c4);$.dataset.debugReporter="true";let z=$.attachShadow({mode:"open"}),J=document.createElement("style");J.textContent=l4;let j=document.createElement("div");return j.className="stack",j.setAttribute("role","status"),j.setAttribute("aria-live","polite"),z.append(J,j),document.body.append($),n0=j,j}function K0($,z="success",J){let j=x0()?C().toast:void 0;if(j){j({message:$,tone:z,...J?{action:J}:{}});return}let Q=n4();if(!Q)return;let Z=document.createElement("div");Z.className="toast",Z.dataset.tone=z;let Y=document.createElement("span");Y.className="dot";let X=document.createElement("span");X.textContent=$;let P=document.createElement("button");P.type="button",P.className="close",P.textContent="✕",P.setAttribute("aria-label","ปิด");let w=()=>{window.clearTimeout(T),Z.remove()};P.addEventListener("click",w);let T=z==="error"||J?0:window.setTimeout(w,o4);if(Z.append(Y,X),J){let N=document.createElement("button");N.type="button",N.className="action",N.textContent=J.label,N.addEventListener("click",()=>{w(),J.onClick()}),Z.append(N)}Z.append(P),Q.append(Z)}function j2($,z,J){let j=$.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=z.filter((Z)=>Z.level==="error"||Z.level==="exception"||Z.level==="unhandledrejection").slice(-20).map((Z)=>Z.message);return{failedRequests:j,errors:Q,erroredQueries:J.slice(0,20)}}function r4(){let $={memoryUsedMb:null,memoryLimitMb:null,domContentLoadedMs:null,loadEventMs:null};if(typeof performance>"u")return $;let z=performance.memory;if(z)$.memoryUsedMb=Math.round(z.usedJSHeapSize/1024/1024),$.memoryLimitMb=Math.round(z.jsHeapSizeLimit/1024/1024);let[J]=performance.getEntriesByType("navigation");if(J)$.domContentLoadedMs=Math.round(J.domContentLoadedEventEnd),$.loadEventMs=Math.round(J.loadEventEnd);return $}function r0($,z){if(!$)return z;try{return $()}catch{return z}}function Q2(){let $=C(),{pathname:z,search:J,href:j}=window.location;return{capturedAt:new Date().toISOString(),route:{href:j,pathname:z,search:J},module:C0(z),user:r0($.user,{}),apiHeaders:H0(r0($.headers,{})),app:{name:v().name,version:v().version,environment:v().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:r4(),extra:r0($.extra,{})}}var s4=2;function L0($){let z=a1(),J=R1();return{context:Q2(),reason:$.reason,note:$.note,cause:j2(z,J,$.erroredQueries),actionTrail:C1(),network:z,console:J,screenshotDataUrl:$.screenshotDataUrl,screenshotMethod:$.screenshotMethod,replay:J2()??void 0,meta:{generatedBy:"lightwork-debug-capture",schemaVersion:s4}}}async function s0(){if(typeof navigator<"u"&&Boolean(navigator.mediaDevices?.getDisplayMedia)){let J=await a4();if(J.status==="ok")return{dataUrl:J.dataUrl,method:"display-media"};if(J.status==="cancelled")return{dataUrl:null,method:"cancelled"}}let z=await $6();if(z)return{dataUrl:z,method:"html-to-image"};return{dataUrl:null,method:"none"}}async function a4(){let $=null;try{let z={video:{frameRate:30},audio:!1,preferCurrentTab:!0,selfBrowserSurface:"include",surfaceSwitching:"exclude"};$=await navigator.mediaDevices.getDisplayMedia(z);let J=await t4($);return J?{status:"ok",dataUrl:J}:{status:"error"}}catch(z){if(z instanceof DOMException&&(z.name==="NotAllowedError"||z.name==="AbortError"))return{status:"cancelled"};return{status:"error"}}finally{$?.getTracks().forEach((z)=>z.stop())}}async function t4($){let z=document.createElement("video");z.srcObject=$,z.muted=!0,z.playsInline=!0,await new Promise((Y)=>{let X=!1,P=()=>{if(X)return;X=!0,Y()};z.onloadedmetadata=()=>{z.play().then(P).catch(P)},window.setTimeout(P,1500)}),await e4(z);let{videoWidth:J,videoHeight:j}=z;if(!J||!j)return null;let Q=document.createElement("canvas");Q.width=J,Q.height=j;let Z=Q.getContext("2d");if(!Z)return null;Z.drawImage(z,0,0,J,j),z.pause(),z.srcObject=null;try{return Q.toDataURL("image/png")}catch{return null}}function e4($){return new Promise((z)=>{let J=!1,j=()=>{if(J)return;J=!0,z()},Q=$;if(typeof Q.requestVideoFrameCallback==="function")Q.requestVideoFrameCallback(()=>j()),window.setTimeout(j,1000);else window.setTimeout(j,250)})}async function $6(){let $=C().screenshotFallback;if(!$)return null;let z=await $().catch(()=>null);if(!z)return null;try{return await z(document.body,{cacheBust:!0,pixelRatio:Math.min(window.devicePixelRatio||1,2),filter:(J)=>!(J instanceof HTMLElement&&J.dataset?.debugReporter==="true")})}catch{return null}}var z6=2000,J6=0.82,j6=3000000;function Q6($){return new Promise((z,J)=>{let j=new Image;j.onload=()=>z(j),j.onerror=()=>J(Error("could not read the screenshot")),j.src=$})}async function h0($){try{let z=await Q6($),J=Math.max(z.naturalWidth,z.naturalHeight),j=Math.min(1,z6/J),Q=document.createElement("canvas");Q.width=Math.max(1,Math.round(z.naturalWidth*j)),Q.height=Math.max(1,Math.round(z.naturalHeight*j));let Z=Q.getContext("2d");if(!Z)return $;Z.fillStyle="#fff",Z.fillRect(0,0,Q.width,Q.height),Z.drawImage(z,0,0,Q.width,Q.height);let Y=J6,X=Q.toDataURL("image/jpeg",Y);while(X.length>j6&&Y>0.4)Y-=0.15,X=Q.toDataURL("image/jpeg",Y);return X}catch{return $}}var Z6=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,K6=/^\d+$/,Y6=/^[0-9a-f]{16,}$/i;function Z2($){if($.reason.type==="manual")return null;let z=$.cause?.failedRequests?.[0];if(!z?.url)return null;let J;try{J=new URL(z.url,"http://x").pathname}catch{J=z.url}let j=J.split("/").map((Z)=>Z6.test(Z)||K6.test(Z)||Y6.test(Z)?":id":Z).join("/"),Q=z.status??(z.error?"ERR":"?");return`${z.method??"REQ"} ${j} ${Q}`}var K2=2000000;function E0($){let{screenshotDataUrl:z,replay:J,...j}=$;return JSON.stringify(j).length}function Y2($,z=2000000){if(E0($)<=z)return $;let J=$.network.map((Q)=>({...Q})),j={...$,network:J};for(let Q of J){if(E0(j)<=z)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&&E0(j)>z)j.network=j.network.slice(1);while(j.console.length>1&&E0(j)>z)j.console=j.console.slice(1);return j}function M0($){let z="";for(let J=0;J<$.length;J+=32768)z+=String.fromCharCode(...$.subarray(J,J+32768));return btoa(z)}var G6=4,V6=2,W6=3,X6=0,F6=new Set(["href","src","action","formaction","xlink:href","data","poster","srcset"]),H6=/^\s*javascript:/i;function P6($,z){let J=$.toLowerCase();if(J.startsWith("on")||J==="srcdoc")return!0;return typeof z==="string"&&H6.test(z)}function G2($,z=!1){if(!$)return;for(let J of Object.keys($)){let j=$[J];if(P6(J,j)){if(z)$[J]=null;else delete $[J];continue}if(typeof j!=="string"||!F6.has(J)||!j.includes("?"))continue;$[J]=r(j)}}function a0($){if(!$)return;G2($.attributes);for(let z of $.childNodes??[])a0(z)}function V2($){let z=JSON.parse(JSON.stringify($));for(let J of z){let j=J.data;if(!j||typeof j!=="object")continue;if(J.type===G6&&typeof j.href==="string")j.href=r(j.href);else if(J.type===V6)a0(j.node);else if(J.type===W6&&j.source===X6){for(let Q of j.adds??[])a0(Q.node);for(let Q of j.attributes??[])G2(Q.attributes,!0)}}return z}var U6="session-replay.json.gz",w6="session-replay.json";function M6($){return Boolean($&&$.events.length>0)}async function I6($){if(typeof CompressionStream>"u")return null;try{let z=new Blob([$]).stream().pipeThrough(new CompressionStream("gzip"));return new Uint8Array(await new Response(z).arrayBuffer())}catch{return null}}async function X2($,z){if(!M6($))return{summary:{omitted:"empty"}};let j={seconds:Math.round($.durationMs/1000),events:$.events.length,startedAt:$.startedAt,endedAt:$.endedAt},Q=V2($.events),Z=await W2(Q),Y=!1;if(Z.bytes.byteLength>z&&q6(Q))Q=N6(Q),Z=await W2(Q),Y=!0;let{bytes:X,compressed:P}=Z;if(X.byteLength>z)return{summary:{...j,bytes:X.byteLength,omitted:"too-large"}};return{dataUri:`data:${P?"application/gzip":"application/json"};base64,${M0(X)}`,filename:P?U6:w6,summary:{...j,events:Q.length,bytes:X.byteLength,compressed:P,...Y?{canvasDropped:Y}:{}}}}async function W2($){let z=new TextEncoder().encode(JSON.stringify({events:$})),J=await I6(z);return J?{bytes:J,compressed:!0}:{bytes:z,compressed:!1}}var D6=3,F2=2,B6=9;function H2($){return $.type===D6&&$.data?.source===B6}function q6($){return $.some(H2)||$.some((z)=>z.type===F2&&P2(z.data.node))}function P2($){if(!$)return!1;if($.attributes&&"rr_dataURL"in $.attributes)return!0;return($.childNodes??[]).some(P2)}function U2($){if(!$)return;if($.attributes&&"rr_dataURL"in $.attributes)delete $.attributes.rr_dataURL;for(let z of $.childNodes??[])U2(z)}function N6($){let z=[];for(let J of $){if(H2(J))continue;if(J.type===F2)U2(J.data.node);z.push(J)}return z}var x6=new Set([502,503,504]);class u extends Error{kind;retryAfter;status;constructor($,z,J,j){super($);this.kind=z;this.retryAfter=J;this.status=j;this.name="ReportError"}}function C6($){let{screenshotDataUrl:z,replay:J,...j}=$;return{dataUri:`data:application/json;base64,${M0(new TextEncoder().encode(JSON.stringify(j)))}`,filename:"debug-bundle.json"}}async function t0(){let $=C().identity;if(!$)return{};try{let z=await $();return z?{authorization:`Bearer ${z}`}:{}}catch{return{}}}async function w2($,z){let J=C(),j=Y2(z,K2),{context:Q,note:Z}=j,Y=[];if(j.screenshotDataUrl){let q=await h0(j.screenshotDataUrl);Y.push({dataUri:q,filename:"screenshot.jpg"})}Y.push(C6(j));let X,P=W0();if(P){let q=await X2(j.replay,P.maxBytes);if(X=q.summary,"dataUri"in q)Y.push({dataUri:q.dataUri,filename:q.filename})}let w=Z2(j),T={title:$,description:Z.trim()||void 0,appName:v().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:v().name,module:Q.module?.label??""},context:{...w?{signature:w}:{},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,...X?{replay:X}:{}},attachments:Y},N=await fetch(`${J.host.replace(/\/$/,"")}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":J.realmKey,...await t0()},body:JSON.stringify(T)}).catch(()=>{throw new u("report never left the browser","offline")});if(!N.ok)throw await e0(N);return await N.json()}async function e0($){let z=$.headers.get("retry-after"),J=await $.json().then((j)=>j.error).catch(()=>null);if($.status===429)return new u("rate limited","rateLimited",z??void 0);if(x6.has($.status))return new u("desk unavailable","unavailable");return new u(J??`Report failed (${$.status})`,"rejected",void 0,$.status)}var m0=null,I0=null,M2=()=>C().host.replace(/\/$/,"");function $1(){return m0}function Y0(){if(I0)return I0;return I0=(async()=>{try{let $=await fetch(`${M2()}/ingest/request-types`,{headers:{"x-realm-key":C().realmKey}}),z=$.ok?await $.json():null;m0=Array.isArray(z?.types)?z.types.filter(k6):[]}catch{m0=[],I0=null}return m0??[]})(),I0}function k6($){let z=$;return!!z&&typeof z.id==="string"&&typeof z.name==="string"}async function I2($){let z=C(),J={};try{J=z.user?.()??{}}catch{J={}}let j=typeof window>"u"?null:window.location,Q={title:$.title,description:$.description.trim()||void 0,ticketTypeId:$.ticketTypeId,appName:v().name,category:j?C0(j.pathname)?.label:void 0,routeUrl:j?.href,priority:"MEDIUM",requesterEmail:J.email??void 0,requesterName:J.fullName??void 0,attachments:$.screenshotDataUrl?[{dataUri:await h0($.screenshotDataUrl),filename:"screenshot.jpg"}]:void 0},Z=await fetch(`${M2()}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":z.realmKey,...await t0()},body:JSON.stringify(Q)}).catch(()=>{throw new u("request never left the browser","offline")});if(!Z.ok)throw await e0(Z);return await Z.json()}var D0=Math.PI/6;function D2($,z,J){let j=z.x-$.x,Q=z.y-$.y,Z=Math.hypot(j,Q),Y=Math.atan2(Q,j),X=[{x:z.x,y:z.y},{x:z.x-J*Math.cos(Y-D0),y:z.y-J*Math.sin(Y-D0)},{x:z.x-J*Math.cos(Y+D0),y:z.y-J*Math.sin(Y+D0)}],P=J*Math.cos(D0)*0.92;if(Z<=P)return{shaft:null,head:X};return{shaft:{from:$,to:{x:z.x-P*Math.cos(Y),y:z.y-P*Math.sin(Y)}},head:X}}var z1="#f44336",S6="rgba(250, 204, 21, 0.4)",J1=22,B2="#2563eb",q2=9,N2=11,x2=18,C2=4,g0=8,O6=[{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 k2($,z,J){let j=[],Q=null,Z=-1,Y=null,X=null,P=$.getContext("2d");function w(){let K=$.getBoundingClientRect().width;return K>0?$.width/K:1}function T(K){let G=$.getBoundingClientRect();return{x:(K.clientX-G.left)/G.width*$.width,y:(K.clientY-G.top)/G.height*$.height}}function N(K){let G=K.size??J1;if(!P)return(K.text?.length??0)*G*0.6;P.save(),P.font=`600 ${G}px system-ui, sans-serif`;let W=P.measureText(K.text??"").width;return P.restore(),W}function q(K){if(K.tool==="text"){let G=K.size??J1;return{left:K.x1,top:K.y1,right:K.x1+N(K),bottom:K.y1+G*1.25}}return{left:Math.min(K.x1,K.x2),top:Math.min(K.y1,K.y2),right:Math.max(K.x1,K.x2),bottom:Math.max(K.y1,K.y2)}}function x(K){if(K.tool==="arrow")return[{id:"tail",x:K.x1,y:K.y1,cursor:"move"},{id:"head",x:K.x2,y:K.y2,cursor:"move"}];let G=q(K);if(K.tool==="text")return[{id:"size",x:G.right,y:G.bottom,cursor:"nwse-resize"}];return O6.map((W)=>({id:W.id,x:G.left+(G.right-G.left)*W.fx,y:G.top+(G.bottom-G.top)*W.fy,cursor:W.cursor}))}function A(K){let G=q(K);return{x:G.right+x2*w(),y:G.top-x2*w()}}function i(K,G,W){let{shaft:V,head:F}=D2({x:G.x1,y:G.y1},{x:G.x2,y:G.y2},Math.max(10,16*W));if(V)K.lineCap="butt",K.beginPath(),K.moveTo(V.from.x,V.from.y),K.lineTo(V.to.x,V.to.y),K.stroke();K.beginPath(),K.moveTo(F[0].x,F[0].y),K.lineTo(F[1].x,F[1].y),K.lineTo(F[2].x,F[2].y),K.closePath(),K.fill()}function a(K,G,W){K.save(),K.lineWidth=Math.max(2,3*W),K.strokeStyle=z1,K.fillStyle=z1;let V=q(G);if(G.tool==="rect")K.strokeRect(V.left,V.top,V.right-V.left,V.bottom-V.top);else if(G.tool==="arrow")i(K,G,W);else if(G.tool==="highlight")K.fillStyle=S6,K.fillRect(V.left,V.top,V.right-V.left,V.bottom-V.top);else if(G.tool==="text"&&G.text){let F=G.size??J1;K.font=`600 ${F}px system-ui, sans-serif`,K.textBaseline="top";let U=F*0.22;K.fillStyle="rgba(255,255,255,0.92)",K.fillRect(V.left-U,V.top-U,V.right-V.left+U*2,V.bottom-V.top+U*2),K.fillStyle=z1,K.fillText(G.text,V.left,V.top)}K.restore()}function $0(K,G,W){let V=q(G);K.save(),K.strokeStyle=B2,K.lineWidth=Math.max(1,1.5*W),K.setLineDash([6*W,4*W]),K.strokeRect(V.left,V.top,V.right-V.left,V.bottom-V.top),K.setLineDash([]);let F=q2*W;for(let H of x(G))K.fillStyle="#fff",K.strokeStyle=B2,K.lineWidth=Math.max(1,1.5*W),K.beginPath(),K.rect(H.x-F/2,H.y-F/2,F,F),K.fill(),K.stroke();let U=A(G),D=N2*W;K.beginPath(),K.arc(U.x,U.y,D,0,Math.PI*2),K.fillStyle="#dc2626",K.fill(),K.strokeStyle="#fff",K.lineWidth=Math.max(1.5,2*W),K.beginPath(),K.moveTo(U.x-D*0.4,U.y-D*0.4),K.lineTo(U.x+D*0.4,U.y+D*0.4),K.moveTo(U.x+D*0.4,U.y-D*0.4),K.lineTo(U.x-D*0.4,U.y+D*0.4),K.stroke(),K.restore()}function k(){if(!P)return;let K=w();if(P.clearRect(0,0,$.width,$.height),P.drawImage(z,0,0,$.width,$.height),j.forEach((W,V)=>{if(V!==c)a(P,W,K)}),Y)a(P,Y,K);let G=j[Z];if(G&&!Y)$0(P,G,K)}function d(K,G,W,V,F){return Math.abs(K-W)<=F&&Math.abs(G-V)<=F}function t(K,G){let W=j[Z];if(!W)return null;let V=q2*w()/2+3*w();for(let F of x(W))if(d(K,G,F.x,F.y,V))return F.id;return null}function O(K,G){let W=j[Z];if(!W)return!1;let V=A(W);return d(K,G,V.x,V.y,N2*w())}function z0(K,G){let W=6*w();for(let V=j.length-1;V>=0;V-=1){let F=j[V];if(F.tool==="arrow"){let D=F.x2-F.x1,H=F.y2-F.y1,M=Math.hypot(D,H)||1,I=Math.max(0,Math.min(1,((K-F.x1)*D+(G-F.y1)*H)/(M*M)));if(Math.hypot(K-(F.x1+I*D),G-(F.y1+I*H))<=W+4*w())return V;continue}let U=q(F);if(K>=U.left-W&&K<=U.right+W&&G>=U.top-W&&G<=U.bottom+W)return V}return-1}function g(K,G,W,V,F){if(G==="tail"){K.x1=W.x1+V,K.y1=W.y1+F;return}if(G==="head"){K.x2=W.x2+V,K.y2=W.y2+F;return}if(G==="size"){let S=(W.size??24)+F;K.size=Math.max(10,S);return}let U=q(W),{left:D,top:H,right:M,bottom:I}=U;if(G.includes("w"))D=Math.min(M-g0,D+V);if(G.includes("e"))M=Math.max(D+g0,M+V);if(G.includes("n"))H=Math.min(I-g0,H+F);if(G.includes("s"))I=Math.max(H+g0,I+F);K.x1=D,K.y1=H,K.x2=M,K.y2=I}function q0(K,G,W,V){K.x1=G.x1+W,K.y1=G.y1+V,K.x2=G.x2+W,K.y2=G.y2+V}let f=null,c=-1,L={x:0,y:0,size:24};function G0(){let K=$.getBoundingClientRect().width;return K>0?K/$.width:1}function N0(K,G){if(!P)return K.length*G*0.6;P.save(),P.font=`600 ${G}px system-ui, sans-serif`;let W=P.measureText(K||" ").width;return P.restore(),W}function y(){if(!f)return;let K=$.parentElement;if(!K)return;let G=$.getBoundingClientRect(),W=K.getBoundingClientRect(),V=G0(),F=L.size*V;f.style.left=`${G.left-W.left+L.x*V}px`,f.style.top=`${G.top-W.top+L.y*V}px`,f.style.fontSize=`${F}px`,f.style.width=`${Math.max(40,N0(f.value,F)+F)}px`}function R(K){let G=f;if(!G)return;f=null;let W=G.value.trim(),V=c;if(c=-1,G.remove(),K&&W){if(V>=0&&j[V])j[V].text=W,Z=V;else j.push({tool:"text",x1:L.x,y1:L.y,x2:L.x,y2:L.y,text:W,size:L.size}),Z=j.length-1;J()}else if(V>=0)Z=V;$.focus(),k()}function J0(K,G,W=-1){R(!0);let V=$.parentElement;if(!V)return;if(getComputedStyle(V).position==="static")V.style.position="relative";let F=W>=0?j[W]:void 0;c=W,L={x:F?.x1??K,y:F?.y1??G,size:F?.size??Math.round(24*w())};let U=document.createElement("input");U.type="text",U.className="text-edit",U.value=F?.text??"",U.setAttribute("aria-label","ข้อความบนภาพ"),U.placeholder="ข้อความ",f=U,V.append(U),y(),U.addEventListener("input",y),U.addEventListener("keydown",(D)=>{if(D.stopPropagation(),D.key==="Enter")R(!0);else if(D.key==="Escape")R(!1)}),requestAnimationFrame(()=>{if(f!==U)return;U.focus(),U.select(),U.addEventListener("blur",()=>R(!0))}),k()}function V0(K){let{x:G,y:W}=T(K);if($.setPointerCapture(K.pointerId),O(G,W)){j0();return}let V=t(G,W);if(V&&j[Z]){X={grip:V,x:G,y:W,start:{...j[Z]}};return}if(Q==="text"){if(K.preventDefault(),$.hasPointerCapture(K.pointerId))$.releasePointerCapture(K.pointerId);Q=null,J(),J0(G,W);return}if(Q){Y={tool:Q,x1:G,y1:W,x2:G,y2:W},Z=-1;return}let F=z0(G,W);Z=F,X=F>=0?{grip:"body",x:G,y:W,start:{...j[F]}}:null,k()}function o(K){let{x:G,y:W}=T(K);if(Y){Y.x2=G,Y.y2=W,k();return}if(X){let F=j[Z];if(!F)return;let U=G-X.x,D=W-X.y;if(X.grip==="body")q0(F,X.start,U,D);else g(F,X.grip,X.start,U,D);k();return}if(Q){$.style.cursor="crosshair";return}if(O(G,W)){$.style.cursor="pointer";return}let V=t(G,W);if(V){let F=j[Z]?x(j[Z]).find((U)=>U.id===V):null;$.style.cursor=F?.cursor??"pointer";return}$.style.cursor=z0(G,W)>=0?"move":"default"}function b(){if(Y){if(!(Math.abs(Y.x2-Y.x1)<C2&&Math.abs(Y.y2-Y.y1)<C2))j.push(Y),Z=j.length-1,Q=null,J();Y=null}if(X)X=null,J();k()}function l(K){let G=$.getBoundingClientRect(),W=(K.clientX-G.left)/G.width*$.width,V=(K.clientY-G.top)/G.height*$.height,F=z0(W,V),U=j[F];if(!U||U.tool!=="text")return;K.preventDefault(),J0(U.x1,U.y1,F)}function e(K){if(Z<0)return;if(K.key==="Delete"||K.key==="Backspace")K.preventDefault(),j0();else if(K.key==="Escape")K.preventDefault(),Z=-1,k()}function j0(){if(Z<0)return;j.splice(Z,1),Z=-1,J(),k()}return $.addEventListener("pointerdown",V0),$.addEventListener("pointermove",o),$.addEventListener("pointerup",b),$.addEventListener("pointercancel",b),$.addEventListener("dblclick",l),$.tabIndex=0,$.addEventListener("keydown",e),k(),{setTool(K){Q=K,Z=-1,$.style.cursor=K?"crosshair":"default",k()},deleteSelected:j0,clear(){j.length=0,Z=-1,J(),k()},hasShapes:()=>j.length>0,hasSelection:()=>Z>=0,toDataUrl(){let K=document.createElement("canvas");K.width=z.naturalWidth,K.height=z.naturalHeight;let G=K.getContext("2d");if(!G)return $.toDataURL("image/png");G.drawImage(z,0,0);let W=w();for(let V of j)a(G,V,W);return K.toDataURL("image/png")},destroy(){R(!1),$.removeEventListener("pointerdown",V0),$.removeEventListener("pointermove",o),$.removeEventListener("pointerup",b),$.removeEventListener("pointercancel",b),$.removeEventListener("dblclick",l),$.removeEventListener("keydown",e)}}}var _6=["keydown","keyup","keypress"];function S2($){for(let z of _6)$.addEventListener(z,(J)=>J.stopPropagation())}var O2=`
|
|
34
34
|
:host { all: initial; }
|
|
35
35
|
* { box-sizing: border-box; }
|
|
36
36
|
|
|
@@ -114,11 +114,50 @@ canvas { width: 100%; height: auto; display: block; border: 1px solid #e2e8f0; b
|
|
|
114
114
|
}
|
|
115
115
|
.foot .grow { flex: 1; }
|
|
116
116
|
|
|
117
|
-
/* ขอให้ทีมดำเนินการ — the same dialog turned into a request (docs/WIDGET-ASK-PLAN.md)
|
|
118
|
-
|
|
119
|
-
|
|
117
|
+
/* ขอให้ทีมดำเนินการ — the same dialog turned into a request (docs/WIDGET-ASK-PLAN.md):
|
|
118
|
+
แจ้งปัญหา · คำขอ as two cards under the heading, the way the desk's own
|
|
119
|
+
สร้างเวิร์กโฟลว์ asks it; what is asked for as cards, the way the portal lists it. */
|
|
120
120
|
[hidden] { display: none !important; }
|
|
121
|
-
.
|
|
121
|
+
.kinds { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: -4px; }
|
|
122
|
+
/* Before anything is asked of the browser: the same two cards, a little larger, in a smaller dialog. */
|
|
123
|
+
.panel.narrow { width: min(560px, 100%); }
|
|
124
|
+
.kinds.choose { margin: 0 0 24px; }
|
|
125
|
+
.kinds.choose button.kind { padding: 16px 18px; gap: 6px; }
|
|
126
|
+
.kinds.choose .kind-hint { font-size: 13px; }
|
|
127
|
+
button.kind {
|
|
128
|
+
position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 4px;
|
|
129
|
+
padding: 12px 34px 12px 14px; text-align: left; border-radius: 12px;
|
|
130
|
+
}
|
|
131
|
+
.kind-top { display: flex; align-items: center; gap: 8px; font-size: 15px; }
|
|
132
|
+
.kind-top b { font-weight: 600; }
|
|
133
|
+
.kind-hint { font-size: 13px; font-weight: 400; line-height: 1.5; color: #64748b; }
|
|
134
|
+
button.kind .icon { width: 18px; height: 18px; flex-shrink: 0; color: #64748b; }
|
|
135
|
+
button.kind[data-kind="request"] .icon { color: #1d4ed8; }
|
|
136
|
+
button.kind .tick { position: absolute; top: 12px; right: 12px; width: 16px; height: 16px; color: #2563eb; opacity: 0; }
|
|
137
|
+
button.kind[aria-checked="true"], button.kind[aria-checked="true"]:hover:not(:disabled) {
|
|
138
|
+
border-color: #2563eb; background: #eff6ff; box-shadow: inset 0 0 0 1px #2563eb;
|
|
139
|
+
}
|
|
140
|
+
button.kind[aria-checked="true"] .tick { opacity: 1; }
|
|
141
|
+
button.kind:focus-visible, button.type:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.25); }
|
|
142
|
+
button.kind[aria-checked="true"]:focus-visible { box-shadow: inset 0 0 0 1px #2563eb, 0 0 0 3px rgba(37, 99, 235, 0.25); }
|
|
143
|
+
.types { display: grid; gap: 8px; }
|
|
144
|
+
button.type {
|
|
145
|
+
display: flex; align-items: flex-start; gap: 10px; width: 100%;
|
|
146
|
+
padding: 10px 12px; text-align: left; border-radius: 10px;
|
|
147
|
+
}
|
|
148
|
+
button.type .icon { width: 16px; height: 16px; margin-top: 3px; flex-shrink: 0; color: #64748b; }
|
|
149
|
+
button.type[aria-checked="true"], button.type[aria-checked="true"]:hover:not(:disabled) { border-color: #2563eb; background: #eff6ff; }
|
|
150
|
+
button.type[aria-checked="true"] .icon { color: #2563eb; }
|
|
151
|
+
.type-body { display: grid; gap: 2px; min-width: 0; }
|
|
152
|
+
.type-body b { font-size: 14px; font-weight: 600; }
|
|
153
|
+
.type-hint { font-size: 13px; font-weight: 400; color: #64748b; }
|
|
154
|
+
.type-due { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 400; color: #64748b; }
|
|
155
|
+
button.type .type-due .icon { width: 12px; height: 12px; margin: 0; }
|
|
156
|
+
/* A phone: the two kinds still side by side — their names are the choice; the hints stay short. */
|
|
157
|
+
@media (max-width: 480px) {
|
|
158
|
+
.kind-hint { font-size: 12px; }
|
|
159
|
+
button.kind { padding: 10px 30px 10px 12px; }
|
|
160
|
+
}
|
|
122
161
|
button.link {
|
|
123
162
|
display: inline; padding: 0; border: 0; border-radius: 4px; background: none;
|
|
124
163
|
font-size: 13px; font-weight: 600; color: #2563eb;
|
|
@@ -127,10 +166,8 @@ button.link {
|
|
|
127
166
|
button.link:hover:not(:disabled) { background: none; color: #1d4ed8; }
|
|
128
167
|
button.link:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
|
|
129
168
|
.ask p { margin: 0; }
|
|
130
|
-
.draft { margin: -8px 0 0; padding: 8px 12px; border-radius: 10px; background: #eff6ff; font-size: 13px; color: #1e3a8a; }
|
|
131
|
-
.ask .status { margin-top: 6px; }
|
|
132
|
-
.ask-type { font-size: 14px; font-weight: 600; }
|
|
133
169
|
.shot-choice { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: 500; }
|
|
134
170
|
.shot-choice input { width: 16px; height: 16px; margin: 0; accent-color: #2563eb; }
|
|
135
171
|
.dropped { opacity: 0.35; pointer-events: none; }
|
|
136
|
-
|
|
172
|
+
.draft { margin: -8px 0 0; padding: 8px 12px; border-radius: 10px; background: #eff6ff; font-size: 13px; color: #1e3a8a; }
|
|
173
|
+
`;var B0="lw-debug-reporter",s=null;function f6($,z){if($ instanceof u){if($.kind==="offline")return z.failedOffline;if($.kind==="unavailable")return z.failedUnavailable;if($.kind==="rateLimited")return z.failedTooMany.replace("{seconds}",$.retryAfter??"60");return $.message||z.failed}return z.failed}var R6=()=>[];var T6=[{tool:"rect",key:"toolRect"},{tool:"arrow",key:"toolArrow"},{tool:"highlight",key:"toolHighlight"},{tool:"text",key:"toolText"}];function A6(){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"}),S2(this.root),this.root.addEventListener("keydown",(z)=>{let J=z;if(J.key!=="Escape"||J.defaultPrevented||!this.root.querySelector("[role=dialog]"))return;J.preventDefault(),this.close()})}connectedCallback(){this.dataset.debugReporter="true",this.stop=E1((z)=>void this.open(z))}disconnectedCallback(){this.stop?.(),this.stop=null,this.close()}async open(z){if(this.busy)return;this.busy=!0;let J=document.activeElement;this.returnFocus=J instanceof HTMLElement&&J!==document.body?J:null;let j=A0(C().locale),Q=$1();if(Q===null)Y0();if(z.type==="manual"&&Q?.length){this.renderChooser(j,z);return}await this.report(z,j)}renderChooser(z,J){let j=this.shell(z);j.classList.add("narrow"),j.setAttribute("aria-label",z.chooseTitle);let Q=B("div","head"),Z=p("✕","icon");Z.setAttribute("aria-label",z.close),Z.addEventListener("click",()=>this.close()),Q.append(B("h2","",z.chooseTitle),Z);let Y=K1("problem",_2,z.kindProblem,z.chooseProblemHint);Y.dataset.choose="problem",Y.addEventListener("click",()=>{this.root.replaceChildren(),this.report(J,z)});let X=K1("request",Z1,z.kindRequest,z.chooseRequestHint);X.dataset.choose="request",X.addEventListener("click",()=>{this.bundle=L0({reason:J,note:"",screenshotDataUrl:null,screenshotMethod:"none",erroredQueries:j1()}),this.renderForm(z,J,"request")});let P=B("div","kinds choose");P.append(Y,X),P.addEventListener("keydown",(w)=>{if(!Q1.includes(w.key))return;w.preventDefault(),(this.root.activeElement===Y?X:Y).focus()}),j.append(Q,P),Y.focus()}async switchToReport(z,J,j){this.root.replaceChildren();let Q=await s0();if(Q.method==="cancelled"){this.renderForm(z,J,"request",{...j,asking:!0});return}this.bundle=L0({reason:J,note:"",screenshotDataUrl:Q.dataUrl,screenshotMethod:Q.method,erroredQueries:j1()}),this.renderForm(z,J,"problem",j)}async report(z,J){let j=await s0();if(j.method==="cancelled"){this.close();return}this.bundle=L0({reason:z,note:"",screenshotDataUrl:j.dataUrl,screenshotMethod:j.method,erroredQueries:j1()}),this.renderForm(J,z,"problem")}close(z=!1){if(z)s=null;else if(this.keep)s=this.keep()??s;this.keep=null,this.annotator?.destroy(),this.annotator=null,this.bundle=null,this.busy=!1,this.root.replaceChildren();let J=this.returnFocus;if(this.returnFocus=null,J?.isConnected)J.focus()}shell(z){let J=document.createElement("style");J.textContent=O2;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",z.title),j.append(Q),this.root.replaceChildren(J,j),Q}renderShell(z,J){let j=this.shell(z),Q=B("div","head");Q.append(B("h2","",z.title)),j.append(Q,B("p","status",J))}renderForm(z,J,j,Q){let Z=this.bundle;if(!Z)return;let Y=this.shell(z),X=j,P=j==="problem"||!!Z.screenshotDataUrl,w=null,T=B("div","head"),N=B("h2","",z.title),q=p("✕","icon");q.setAttribute("aria-label",z.close),q.addEventListener("click",()=>this.close()),T.append(N,q);let x=B("div","kinds");x.hidden=!0,x.setAttribute("role","radiogroup"),x.setAttribute("aria-label",z.chooseTitle);let A=(H,M,I,S)=>{let _=K1(H,M,I,S);return _.setAttribute("role","radio"),_.addEventListener("click",()=>j0(H)),_},i=A("problem",_2,z.kindProblem,P?z.kindProblemHint:z.chooseProblemHint),a=A("request",Z1,z.kindRequest,z.kindRequestHint);x.append(i,a),x.addEventListener("keydown",(H)=>{if(!Q1.includes(H.key))return;H.preventDefault(),j0(X==="problem"?"request":"problem"),(X==="problem"?i:a).focus()});let $0=B("div","ask");$0.hidden=!0;let k=B("div","types");k.setAttribute("role","radiogroup"),k.setAttribute("aria-label",z.requestTypeLabel),$0.append(b0(z.requestTypeLabel,"",!0),k);let d=[],t=()=>{for(let H of d){let M=H.dataset.requestType===w?.id;H.setAttribute("aria-checked",String(M)),H.tabIndex=M?0:-1}},O=document.createElement("input");O.type="text";let z0=b0(""),g=document.createElement("textarea"),q0=b0(""),f=B("div","meta"),{context:c}=Z,L=`${Z.network.length} network · ${Z.console.length} console · ${Z.actionTrail.length} actions${Z.replay?` · ${z.replay} ${Math.round(Z.replay.durationMs/1000)}s`:""}`,G0=(H,M)=>{let I=document.createElement("div"),S=document.createElement("b");S.textContent=`${H}: `;let _=document.createTextNode(M);return I.append(S,_),f.append(I),{b:S,v:_}};G0(z.reporter,`${c.user.fullName??"—"} (${c.user.email??"—"})`),G0(z.page,c.route.href);let N0=G0(z.captured,L),y=document.createElement("label");y.className="shot-choice",y.hidden=!0;let R=document.createElement("input");R.type="checkbox",R.checked=!0,R.dataset.requestShot="",y.append(R,document.createTextNode(` ${z.requestWithShot}`));let J0=Z.screenshotDataUrl?this.screenshotSection(z,Z.screenshotDataUrl):[B("p","status",z.noScreenshot)],V0=Z.screenshotDataUrl?J0[0]:null;if(!Z.screenshotDataUrl)y.replaceChildren();let o=B("p","status",""),b=p(z.submit,"primary"),l=()=>{b.disabled=O.value.trim().length===0||X==="request"&&!w};O.addEventListener("input",l);let e=()=>{let H=X==="request";N.textContent=x.hidden?z.title:z.chooseTitle,Y.setAttribute("aria-label",H?z.requestTitle:z.title);for(let[M,I]of[[i,!H],[a,H]])M.setAttribute("aria-checked",String(I)),M.tabIndex=I?0:-1;if($0.hidden=!H,p0(z0,H?z.requestSummaryLabel:z.summaryLabel,H?"":z.summaryRequired,!0),O.placeholder=H?z.requestSummaryPlaceholder:z.summaryPlaceholder,p0(q0,H?z.requestDetailLabel:z.detailLabel),g.placeholder=H?z.requestDetailPlaceholder:z.detailPlaceholder,N0.b.textContent=`${H?z.requestLeaves:z.captured}: `,N0.v.textContent=H?z.requestLeavesWhat:L,y.hidden=!H||!Z.screenshotDataUrl,V0)p0(V0,H?z.requestAnnotateHint:z.annotateHint);for(let M of J0)M.classList.toggle("dropped",H&&!R.checked),M.hidden=H&&!Z.screenshotDataUrl;b.textContent=H?z.requestSubmit:z.submit,l()};R.addEventListener("change",e);let j0=(H)=>{if(H===X)return;if(H==="problem"&&!P){this.switchToReport(z,J,{title:O.value,detail:g.value,asking:!1,typeId:w?.id??null});return}X=H,e()},K=(H)=>{if(this.bundle!==Z||J.type!=="manual"||!H.length)return;w=H[0],d.length=0;for(let M of H){let I=p("","type");I.setAttribute("role","radio"),I.dataset.requestType=M.id;let S=B("span","type-body");if(S.append(B("b","",M.name)),M.description)S.append(B("span","type-hint",M.description));if(M.targetHours){let _=B("span","type-due");_.append(y0(h6),document.createTextNode(z.requestTarget.replace("{time}",L6(z,M.targetHours)))),S.append(_)}I.append(y0(Z1),S),I.addEventListener("click",()=>{w=M,t(),l()}),d.push(I)}k.replaceChildren(...d),k.onkeydown=(M)=>{if(!Q1.includes(M.key)||!w)return;M.preventDefault();let I=H.findIndex((_)=>_.id===w.id),S=M.key==="ArrowUp"||M.key==="ArrowLeft"?-1:1;w=H[(I+S+H.length)%H.length],t(),d.find((_)=>_.dataset.requestType===w.id)?.focus()},t(),x.hidden=!1,e()},G=Q??(s&&(s.title||s.detail)?s:null),W=B("p","draft");if(W.hidden=!G||!!Q,G){O.value=G.title,g.value=G.detail;let H=p(z.draftClear,"link");H.dataset.draftClear="",H.addEventListener("click",()=>{O.value="",g.value="",s=null,W.hidden=!0,l(),O.focus()}),W.append(document.createTextNode(`${z.draftRestored} · `),H)}let V=$1(),F=(H)=>{if(K(H),X!=="request"||x.hidden||!G?.typeId)return;let M=H.find((I)=>I.id===G.typeId);if(M)w=M,t()};if(V)F(V);else if(J.type==="manual")Y0().then(F);this.keep=()=>({title:O.value,detail:g.value,asking:X==="request",typeId:w?.id??null}),Y.append(T,x,W,$0,z0,O,q0,g,f,y,...J0);let U=B("div","foot"),D=p(z.close);D.addEventListener("click",()=>this.close()),U.append(D,o,B("span","grow"),b),Y.append(U),e(),b.addEventListener("click",async()=>{b.disabled=!0,o.dataset.tone="",o.textContent=z.submitting;let H=()=>this.annotator?.hasShapes()?this.annotator.toDataUrl():Z.screenshotDataUrl;try{if(X==="request"&&w){let S=await I2({ticketTypeId:w.id,title:O.value.trim(),description:g.value,screenshotDataUrl:R.checked?H():null}),_=this.dispatchEvent(new CustomEvent("lw-request-submitted",{detail:S,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(!0),_)K0(`${z.requestSubmitted} — #${S.number}`,"success");return}let M=await w2(O.value.trim(),{...Z,note:g.value,screenshotDataUrl:H()}),I=this.dispatchEvent(new CustomEvent("lw-report-submitted",{detail:M,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(!0),I)K0(`${z.submitted} — #${M.number}`,"success")}catch(M){let I=f6(M,z);o.dataset.tone="error",o.textContent=I,K0(I,"error"),l()}}),O.focus()}screenshotSection(z,J){let j=b0(z.annotateHint),Q=B("div","tools"),Z=document.createElement("canvas"),Y=B("div","shot");Y.append(Z);let X=[],P=(q)=>{for(let x of X)x.setAttribute("aria-pressed",String(x===q))};for(let{tool:q,key:x}of T6){let A=p(z[x]);A.setAttribute("aria-pressed","false"),A.addEventListener("click",()=>{let i=A.getAttribute("aria-pressed")==="true";P(i?null:A),this.annotator?.setTool(i?null:q)}),X.push(A),Q.append(A)}Q.append(B("span","sep"));let w=p(z.deleteSelected);w.addEventListener("click",()=>this.annotator?.deleteSelected());let T=p(z.clearAll);T.addEventListener("click",()=>{this.annotator?.clear(),P(null)}),Q.append(w,T);let N=new Image;return N.onload=()=>{Z.width=N.naturalWidth,Z.height=N.naturalHeight,this.annotator=k2(Z,N,()=>{P(null),w.disabled=!this.annotator?.hasSelection()})},N.src=J,[j,Q,B("p","status",z.annotateHelp),Y]}}}function j1(){try{return R6()}catch{return[]}}function B($,z="",J=""){let j=document.createElement($);if(z)j.className=z;if(J)j.textContent=J;return j}function L6($,z){return z>=24&&z%24===0?$.days.replace("{n}",String(z/24)):$.hours.replace("{n}",String(z))}var Q1=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],_2=[["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"}]],Z1=[["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"}]],h6=[["circle",{cx:"12",cy:"12",r:"10"}],["path",{d:"M12 6v6l4 2"}]],E6=[["path",{d:"M20 6 9 17l-5-5"}]],f2="http://www.w3.org/2000/svg";function K1($,z,J,j){let Q=p("","kind");Q.dataset.kind=$;let Z=B("span","kind-top");return Z.append(y0(z),B("b","",J)),Q.append(Z,B("span","kind-hint",j),y0(E6,"tick")),Q}function y0($,z="icon"){let J=document.createElementNS(f2,"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:z}))J.setAttribute(j,Q);for(let[j,Q]of $){let Z=document.createElementNS(f2,j);for(let[Y,X]of Object.entries(Q))Z.setAttribute(Y,X);J.append(Z)}return J}function p($,z=""){let J=document.createElement("button");if(J.type="button",J.textContent=$,z)J.className=z;return J}function b0($,z="",J=!1){return p0(document.createElement("label"),$,z,J)}function p0($,z,J="",j=!1){if($.replaceChildren(document.createTextNode(z)),j){let Q=document.createElement("span");Q.className="req",Q.textContent=" *",$.append(Q)}if(J){let Q=document.createElement("span");Q.className="hint",Q.textContent=` ${J}`,$.append(Q)}return $}function R2(){if(typeof window>"u"||customElements.get(B0))return;customElements.define(B0,A6())}var T2=!1;function Y1($={}){if(T2||typeof window>"u")return;if(!x0()){console.error("[debug-capture] configureDebugCapture() must be called before install");return}if(T2=!0,s1(),f1(),x1(),v1(),z2(),$.ui===!1)return;let z=A0(C().locale);if(m1((j)=>{K0(j.message??z.crashed,"error",{label:z.crashAction,onClick:()=>f0(j)})}),R2(),!document.querySelector(B0))document.body.append(document.createElement(B0));let J=window.requestIdleCallback;if(J)J(()=>void Y0(),{timeout:5000});else setTimeout(()=>void Y0(),2000)}var A2=document.currentScript,m=A2?.dataset??{},m6="rrweb-record.mjs";$2(()=>import(new URL(m6,A2?.src??location.href).href));function g6($){if(!$)return{};try{let z=JSON.parse($);if(!z||typeof z!=="object"||Array.isArray(z))return{};return Object.fromEntries(Object.entries(z).filter(([,J])=>typeof J==="string"&&J.trim()))}catch{return{}}}if(m.host&&m.realmKey)if(V1({host:m.host,realmKey:m.realmKey,app:{name:m.appName??document.title??"app",version:m.appVersion??"0.0.0",environment:m.environment??"production"},module:F1(g6(m.modules)),locale:m.locale==="en"?"en":"th",...m.replay!==void 0?{replay:{seconds:Number(m.replay)||void 0}}:{}}),document.body)Y1();else document.addEventListener("DOMContentLoaded",()=>Y1(),{once:!0});window.lwReportProblem=f0;})();
|