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