@lightworkai.official/debug-capture 0.19.4 → 0.19.6
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 +16 -2
- package/dist/config.d.ts +17 -2
- package/dist/debug-capture.js +19 -19
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +26 -26
- package/dist/ui/bubblePlace.d.ts +104 -0
- package/dist/ui/chatBubble.d.ts +15 -0
- package/package.json +1 -1
- package/src/config.ts +17 -2
- package/src/index.ts +1 -1
- package/src/ui/bubblePlace.ts +258 -0
- package/src/ui/chatBubble.ts +257 -34
package/dist/debug-capture.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(()=>{var O8=((J)=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(J,{get:(z,$)=>(typeof require<"u"?require:z)[$]}):J)(function(J){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+J+'" is not supported')});function _1(J){if(!J)return null;let z=J===!0?{}:J,$=(j,Q)=>typeof j==="number"&&Number.isFinite(j)&&j>=0&&j<2000?j:Q;return{side:z.position==="left"?"left":"right",x:$(z.offset?.x,16),y:$(z.offset?.y,16)}}var L8={maxRequests:60,maxConsoleEntries:120,maxActions:80,maxBodyChars:20000},n=null;function X4(J){let z=[];if(!J.host?.trim())z.push("host");if(!J.realmKey?.trim())z.push("realmKey");if(!J.app?.name?.trim())z.push("app.name");if(typeof J.module!=="function")z.push("module");if(z.length)throw Error(`[debug-capture] configureDebugCapture is missing: ${z.join(", ")}. `+"See the README — `module` maps a pathname to the part of your app it belongs to.");n=J}function M(){if(!n)throw Error("[debug-capture] configureDebugCapture() has not been called");return n}function I1(){return n!==null}function q0(){let J=M().app;return{name:J.name,version:J.version??"0.0.0",environment:J.environment??S8()}}function S8(){if(typeof window>"u")return"unknown";let J=window.location.hostname;if(J==="localhost"||J==="127.0.0.1"||J.endsWith(".local"))return"development";return"production"}function B0(J){let z=n?.capture?.[J];return typeof z==="number"?z:L8[J]}function C1(J){let z=n?.module;if(!z)return null;try{return z(J)??null}catch{return null}}function O1(){let J=n?.redact;return{headers:J?.headers??[],queryKeys:(J?.queryKeys??[]).map((z)=>z.toLowerCase()),bodyKeys:(J?.bodyKeys??[]).map((z)=>z.toLowerCase())}}function V4(){return n?.capture?.overlaySelectors??[]}var R8='[contenteditable]:not([contenteditable="false"]), [data-lw-mask]',T8="[data-lw-mask]",Z4={fps:1,quality:0.5};function t0(){let J=n?.replay;if(!J)return null;let z=J===!0?{}:J,$=(Z,V)=>typeof Z==="number"&&Z>0?Z:V,j=z.maskInputs!==!1,Q=z.recordCanvas?{fps:$(typeof z.recordCanvas==="object"?z.recordCanvas.fps:void 0,Z4.fps),quality:$(typeof z.recordCanvas==="object"?z.recordCanvas.quality:void 0,Z4.quality)}:null;return{seconds:$(z.seconds,60),maskInputs:j,maskTextSelector:z.maskTextSelector?.trim()||(j?R8:T8),maskText:z.maskText===!0,blockSelector:z.blockSelector?.trim()||"[data-lw-private]",maxBytes:$(z.maxBytes,4000000),canvas:Q}}function W4(J){if(typeof window>"u")return!1;let z;try{z=new URL(J,window.location.href)}catch{return!1}if(A8(z))return!1;if(z.origin===window.location.origin)return!0;return(n?.capture?.bodyOrigins??[]).some(($)=>{try{return new URL($).origin===z.origin}catch{return!1}})}function A8(J){if(!n?.host)return!1;try{if(new URL(n.host).origin!==J.origin)return!1}catch{return!1}return J.pathname.startsWith("/ingest/")}function Y4(J){let z=Object.entries(J).map(([$,j])=>[$.replace(/\/+$/,"")||"/",j]).sort(($,j)=>j[0].length-$[0].length);return($)=>{let j=($||"/").replace(/\/+$/,"")||"/";for(let[Q,Z]of z)if(j===Q||j.startsWith(`${Q}/`))return{key:Q,label:Z};return null}}var e0="‹redacted›",k8=/^(authorization|proxy-authorization|cookie|set-cookie|x-[a-z-]*token|x-csrf[a-z-]*|x-xsrf[a-z-]*)$/i,x8=new Set(["access_token","token","id_token","refresh_token","code","secret","client_secret","password","apikey","api_key","signature","x-amz-signature","x-amz-credential"]),E8=/(password|passwd|token|secret|authorization|refresh|client_secret|otp|pin)/i,f8=/[\w.+-]+@[\w-]+\.[\w.-]+/g,w8=/\d(?:[\d\s-]{7,})\d/g;function J1(J){return J.replace(f8,e0).replace(w8,e0)}function y8(J){if(k8.test(J))return!0;return O1().headers.some(($)=>$.toLowerCase()===J.toLowerCase())}function z1(J){let z={};for(let[$,j]of Object.entries(J))z[$]=y8($)?e0:j;return z}function N0(J){try{let z=/^https?:\/\//i.test(J),$=new URL(J,z?void 0:"http://local.invalid"),j=!1;if($.searchParams.forEach((Q,Z)=>{if(x8.has(Z.toLowerCase())||O1().queryKeys.includes(Z.toLowerCase()))$.searchParams.set(Z,e0),j=!0}),!j)return J;return z?$.toString():`${$.pathname}${$.search}`}catch{return J}}function V2(J,z){if(z>6||J===null||typeof J!=="object")return J;if(Array.isArray(J))return J.map((j)=>V2(j,z+1));let $={};for(let[j,Q]of Object.entries(J)){let Z=E8.test(j)||O1().bodyKeys.some((V)=>j.toLowerCase().includes(V));$[j]=Z?e0:V2(Q,z+1)}return $}function $1(J,z){if(J==null)return null;let $=J,j=J.trim();if(j.startsWith("{")||j.startsWith("["))try{let Q=JSON.parse(j);$=JSON.stringify(V2(Q,0))}catch{}if($.length>z)return`${$.slice(0,z)}… [truncated ${$.length-z} chars]`;return $}var W2=120,Y2=40,v0=(J,z)=>J.length>z?`${J.slice(0,z)}…`:J,K2=(J)=>{try{return decodeURIComponent(J)}catch{return J}},g0=[],K4=0,G4=!1;function j1(J,z,$,j){let Q=v0(z,W2),Z=g0[g0.length-1];if(J==="navigate"&&Z?.kind==="click"){let W=Q.replace(/^ไปที่\s*/,"");if(Z.detail.includes(`→ ${W}`))return Z.at=new Date().toISOString(),Z;let U=W.split(/[?#]/)[0]??W,q=Z.source?K2(Z.source.replace(/^→\s*/,"")).split(/[?#]/)[0]:null;if(q&&(U===q||U.startsWith(q)))return Z.detail=v0(`${Z.detail} → ${W}`,W2),Z.source=void 0,Z.at=new Date().toISOString(),Z}if(Z&&Z.kind===J&&Z.detail===Q){if(Z.at=new Date().toISOString(),J!=="navigate")Z.count=(Z.count??1)+1;return Z}K4+=1;let V={id:`act_${K4}`,at:new Date().toISOString(),kind:J,detail:Q,count:1,source:$,html:S1(j)};g0.push(V);while(g0.length>B0("maxActions"))v8(g0.shift());return V}var g8=200000,Q1=0;function S1(J){if(!J)return;if(Q1+J.length>g8)return;return Q1+=J.length,J}function v8(J){if(!J)return;if(Q1-=(J.html?.length??0)+(J.afterHtml?.length??0),Q1<0)Q1=0}function L1(J){return J instanceof Element&&Boolean(J.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',m8={button:"ปุ่ม",a:"ลิงก์",input:"ช่อง",textarea:"ช่อง",select:"ตัวเลือก",summary:"ส่วนขยาย"},U4={button:"ปุ่ม",tab:"แท็บ",menuitem:"เมนู",option:"ตัวเลือก",switch:"สวิตช์",checkbox:"ช่องเลือก",radio:"ตัวเลือก",link:"ลิงก์"};function b8(J){let z=J.getAttribute("role");if(z&&U4[z])return U4[z];return m8[J.tagName.toLowerCase()]??"ปุ่ม"}function u8(J,z){try{let $=J,j=0;while($&&j<=z){let Q=F4($);if(Q&&typeof Q.memoizedProps?.onClick==="function")return $;$=$.parentElement,j+=1}}catch{}return null}function p8(J){let z=J.getAttribute("aria-label")?.trim();if(z)return z;let $=J.getAttribute("title")?.trim();if($)return $;if(J instanceof HTMLInputElement||J instanceof HTMLTextAreaElement||J instanceof HTMLSelectElement)return(J.getAttribute("placeholder")||J.getAttribute("name")||"").trim();if(J instanceof HTMLImageElement)return(J.getAttribute("alt")||"").trim();let j=(J.textContent??"").replace(/\s+/g," ").trim();if(j)return j;if(J instanceof HTMLAnchorElement){let Q=J.getAttribute("href");if(Q?.startsWith("/"))return K2(Q)}return""}function i8(J){if(!(J instanceof Element))return null;let z=J.closest(h8)??u8(J,4);if(!z)return null;let $=z.tagName.toLowerCase();if($==="html"||$==="body")return null;return z}function d8(J){let z=J1(p8(J));if(!z)return null;return`${b8(J)} “${v0(z,Y2)}”`}var M4=6000,c8=4000,l8=/(?:^|\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 o8(J){J.querySelectorAll("script, style, link, iframe, object, embed, noscript, canvas, video, audio").forEach((Q)=>Q.remove());let z=[J,...Array.from(J.querySelectorAll("*"))];for(let Q of z){for(let V of Array.from(Q.attributes)){let W=V.name.toLowerCase();if(W.startsWith("on")||W==="srcdoc"||W==="value"||W.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(l8," ").replace(/\s+/g," ").trim();if(V)Q.setAttribute("class",V);else Q.removeAttribute("class")}}let $=document.createTreeWalker(J,NodeFilter.SHOW_TEXT),j=$.nextNode();while(j){if(j.nodeValue)j.nodeValue=J1(j.nodeValue);j=$.nextNode()}}function G2(J,z,$){try{let j=J.outerHTML;if(!j||j.length>z)return;let Q=J.cloneNode(!0);o8(Q);let Z=Q.outerHTML;return Z&&Z.length<=$?Z:void 0}catch{return}}var r8=(J)=>G2(J,M4,c8),n8=150000,s8=40000,q4=(J)=>G2(J,n8,s8);function a8(J){if(!(J instanceof HTMLInputElement)&&!(J instanceof HTMLTextAreaElement)&&!(J instanceof HTMLSelectElement))return null;let z=J.name||J.id||J.getAttribute("aria-label")||J.getAttribute("placeholder")||J.tagName.toLowerCase();return`ช่อง “${J1(z)}”`}var H4=80;function F4(J){let z=Object.keys(J).find(($)=>$.startsWith("__reactFiber$")||$.startsWith("__reactInternalInstance$"));return z?J[z]:null}function t8(J){if(typeof J!=="function")return null;try{let z=Function.prototype.toString.call(J);return(z.match(/\.(?:push|replace)\(\s*['"`]([^'"`]+)['"`]/)??z.match(/redirect\(\s*['"`]([^'"`]+)['"`]/))?.[1]??null}catch{return null}}function D4(J){if(!J)return;return`→ ${J.length>H4?`${J.slice(0,H4)}…`:J}`}function e8(J){try{let z=J.closest("a[href]")?.getAttribute("href");if(z&&z.startsWith("/"))return D4(z);let $=F4(J),j=0;while($&&j<30){if(typeof $.memoizedProps?.onClick==="function")return D4(t8($.memoizedProps.onClick));$=$.return,j+=1}return}catch{return}}var J5='[role="dialog"], [role="alertdialog"], [role="menu"], [role="listbox"], [role="status"], [role="alert"]';function z5(){let J=V4();return J.length?J.join(", "):J5}function $5(J){let z=J.getAttribute("role");if(z==="status"||z==="alert")return"ข้อความแจ้งเตือน";if(z==="menu")return"เมนู";if(z==="listbox")return"รายการตัวเลือก";if(z==="alertdialog")return"กล่องยืนยัน";return"กล่องโต้ตอบ"}function j5(J){let z=J.getAttribute("aria-label")?.trim();if(z)return z;let $=J.getAttribute("aria-labelledby");if($){let Z=$.split(/\s+/).map((V)=>document.getElementById(V)?.textContent?.trim()??"").filter(Boolean).join(" ");if(Z)return Z}let Q=J.querySelector('[data-slot="dialog-title"], h1, h2, h3, [role="heading"]')?.textContent?.replace(/\s+/g," ").trim();if(Q)return Q;return(J.textContent??"").replace(/\s+/g," ").trim()}function B4(J){let z=J1(j5(J)),$=$5(J);return z?`เปิด ${$} “${v0(z,Y2)}”`:`เปิด ${$}`}var Q5='[aria-busy="true"], [role="progressbar"], [data-loading="true"], .animate-pulse, .animate-spin',Z5=/กำลังโหลด|กำลังค้นหา|กำลังดำเนินการ|\bloading\b/i;function X5(J){if(J.querySelector(Q5))return!0;return Z5.test(J.textContent??"")}var V5=400,W5=250,Y5=8000;function K5(J,z){if(typeof MutationObserver>"u"){z.html=S1(q4(J));return}let $=Date.now(),j=!1,Q=()=>{j=!0,V.disconnect(),window.clearInterval(W),window.clearTimeout(U)},Z=()=>{if(j)return;if(Q(),!J.isConnected)return;z.detail=v0(B4(J),W2),z.html=S1(q4(J))},V=new MutationObserver(()=>{$=Date.now()});V.observe(J,{childList:!0,subtree:!0,attributes:!0,characterData:!0});let W=window.setInterval(()=>{if(j)return;if(!J.isConnected){Q();return}if(Date.now()-$>=V5&&!X5(J))Z()},W5),U=window.setTimeout(Z,Y5)}function G5(J){if(L1(J))return;let z=j1("ui",B4(J));if(z)K5(J,z)}function U5(){if(typeof MutationObserver>"u")return;let J=new WeakSet;new MutationObserver(($)=>{for(let j of $)for(let Q of Array.from(j.addedNodes)){if(!(Q instanceof Element))continue;let Z=z5(),V=Q.matches(Z)?[Q]:Array.from(Q.querySelectorAll(Z));for(let W of V){if(J.has(W))continue;J.add(W),G5(W)}}}).observe(document.body,{childList:!0,subtree:!0})}var q5=1600,H5=2500;function P4(J){return{disabled:J.hasAttribute("disabled")||J.getAttribute("aria-disabled")==="true",busy:J.getAttribute("aria-busy")==="true",text:v0((J.textContent??"").replace(/\s+/g," ").trim(),Y2)}}function D5(J,z){if(!J.disabled&&z.disabled)return"ปุ่มถูกปิดใช้งานหลังคลิก";if(!J.busy&&z.busy)return"ปุ่มเข้าสู่สถานะกำลังโหลด";if(J.text!==z.text&&z.text)return`ข้อความเปลี่ยนเป็น “${z.text}”`;return null}function P5(J,z){if(typeof MutationObserver>"u")return;let $=P4(J),j=!1,Q=(W,U)=>{if(j)return;if(j=!0,Z.disconnect(),window.clearTimeout(V),z.afterNote=W,U)z.afterHtml=S1(G2(J,M4,H5))},Z=new MutationObserver(()=>{if(!J.isConnected){Q("องค์ประกอบหายไปจากหน้าจอ",!1);return}let W=D5($,P4(J));if(W)Q(W,!0)});Z.observe(J,{attributes:!0,attributeFilter:["disabled","aria-disabled","aria-busy","class"],childList:!0,subtree:!0,characterData:!0});let V=window.setTimeout(()=>{if(!j&&!J.isConnected){Q("องค์ประกอบหายไปจากหน้าจอ",!1);return}j=!0,Z.disconnect()},q5)}function N4(){if(G4||typeof window>"u")return;G4=!0,document.addEventListener("click",(j)=>{if(L1(j.target))return;let Q=i8(j.target);if(!Q)return;let Z=d8(Q);if(!Z)return;let V=j1("click",`คลิก ${Z}`,e8(Q),r8(Q));if(V)P5(Q,V)},{capture:!0,passive:!0}),document.addEventListener("change",(j)=>{if(L1(j.target))return;let Q=a8(j.target);if(Q)j1("input",`แก้ไข ${Q}`)},{capture:!0,passive:!0}),document.addEventListener("submit",(j)=>{if(L1(j.target))return;j1("submit","ส่งฟอร์ม")},{capture:!0,passive:!0});let J=()=>j1("navigate",`ไปที่ ${K2(N0(location.pathname+location.search))}`),z=history.pushState.bind(history),$=history.replaceState.bind(history);history.pushState=(...j)=>{let Q=z(...j);return J(),Q},history.replaceState=(...j)=>{let Q=$(...j);return J(),Q},window.addEventListener("popstate",J),U5()}function _4(){return g0.map((J)=>({...J}))}var I4=2000,R1=[],C4=0,O4=!1;function U2(J,z){C4+=1,R1.push({id:`log_${C4}`,at:new Date().toISOString(),level:J,message:z.length>I4?`${z.slice(0,I4)}…`:z});while(R1.length>B0("maxConsoleEntries"))R1.shift()}function M5(){let J=new WeakSet;return(z,$)=>{if(typeof $==="object"&&$!==null){if(J.has($))return"[Circular]";J.add($)}if(typeof $==="bigint")return $.toString();return $}}function L4(J){if(typeof J==="string")return J;if(J instanceof Error)return`${J.name}: ${J.message}`;try{let z=JSON.stringify(J,M5());if(z!==void 0)return z}catch{}try{return String(J)}catch{}try{return Object.prototype.toString.call(J)}catch{return`[${typeof J}]`}}function S4(){if(O4||typeof window>"u")return;O4=!0;let J=["log","info","warn","error","debug"];for(let z of J){let $=console[z].bind(console);console[z]=(...j)=>{U2(z,j.map(L4).join(" ")),$(...j)}}window.addEventListener("error",(z)=>{let $=z.filename?` (${z.filename}:${z.lineno}:${z.colno})`:"";U2("exception",`${z.message}${$}`)}),window.addEventListener("unhandledrejection",(z)=>{let $=z.reason instanceof Error?`${z.reason.name}: ${z.reason.message}`:L4(z.reason);U2("unhandledrejection",$)})}function R4(){return R1.map((J)=>({...J}))}var T4=new Set,A4=new Set;function k4(J,z){return J.add(z),()=>J.delete(z)}function x4(J,z){for(let $ of[...J])$(z)}function E4(J){return k4(T4,J)}function h0(J={type:"manual"}){x4(T4,J)}function f4(J){return k4(A4,J)}function w4(J){x4(A4,J)}var F5=15000,B5=["ResizeObserver loop","Script error.","Non-Error promise rejection captured"],y4=!1,g4=0;function N5(J){return B5.some((z)=>J.includes(z))}function v4(J){let z=J.message??"";if(!z||N5(z))return;let $=Date.now();if($-g4<F5)return;g4=$,w4({...J,message:z})}function h4(){if(y4||typeof window>"u")return;y4=!0,window.addEventListener("error",(J)=>{if(!J.message&&!J.error)return;let z=J.error instanceof Error?J.error:null;v4({type:"runtime-error",message:J.message||(z?z.message:"Unknown error"),stack:z?.stack})}),window.addEventListener("unhandledrejection",(J)=>{let z=J.reason;v4({type:"unhandledrejection",message:z instanceof Error?z.message:String(z),stack:z instanceof Error?z.stack:void 0})})}var p4=4000,_5=1e6,I5=1e7,T1=[],m4=0,b4=!1;function i4(J){T1.push(J);while(T1.length>B0("maxRequests"))T1.shift()}function d4(){return m4+=1,`req_${m4}`}function u4(J){let z={};if(!J)return z;if(J instanceof Headers)J.forEach(($,j)=>{z[j]=$});else if(Array.isArray(J))for(let[$,j]of J)z[$]=j;else Object.assign(z,J);return z}function C5(J){let z={};return J.forEach(($,j)=>{z[j]=$}),z}function O5(J){if(J==null)return null;if(typeof J==="string")return J;if(J instanceof URLSearchParams)return J.toString();if(typeof FormData<"u"&&J instanceof FormData)return`[FormData: ${Array.from(J.keys()).join(", ")}]`;if(typeof Blob<"u"&&J instanceof Blob)return`[Blob ${J.size} bytes]`;if(J instanceof ArrayBuffer)return`[ArrayBuffer ${J.byteLength} bytes]`;return"[binary]"}function L5(J,z){let $="",j="GET",Q={},Z=null;if(typeof J==="string")$=J;else if(J instanceof URL)$=J.toString();else $=J.url,j=J.method||j,Q=u4(J.headers);if(z){if(z.method)j=z.method;if(z.headers)Q={...Q,...u4(z.headers)};if(z.body!==void 0)Z=O5(z.body)}return{method:j.toUpperCase(),url:$,headers:Q,body:Z}}function c4(J){return!W4(J)}function S5(J,z){if(c4(z.url)){z.responseSnippet="[body not captured for this origin]";return}let $=J.headers.get("content-type")??"",j=Number(J.headers.get("content-length")??"0"),Q=j?`, ~${j} bytes`:"";if(!/json|text|xml|html|javascript|urlencoded/i.test($)){z.responseSnippet=`[binary ${$||"unknown"}${Q}]`;return}if(j>_5){z.responseSnippet=`[response ${$||"text"}${Q} — omitted]`;return}try{J.clone().text().then((Z)=>{z.responseSnippet=$1(Z,B0("maxBodyChars"))}).catch(()=>{})}catch{}}function l4(J,z){if(/[?&]_rsc=/.test(J))return!0;for(let $ of Object.keys(z)){let j=$.toLowerCase();if(j==="rsc"||j==="next-router-prefetch"||j==="next-router-state-tree")return!0}return!1}function R5(){if(typeof window>"u"||typeof window.fetch!=="function")return;let J=window.fetch.bind(window);window.fetch=Object.assign(async(z,$)=>{let j=L5(z,$);if(l4(j.url,j.headers))return J(z,$);let Q={id:d4(),startedAt:new Date().toISOString(),method:j.method,url:N0(j.url),requestHeaders:z1(j.headers),requestBody:$1(j.body,p4),status:null,statusText:null,durationMs:null,via:"fetch"};i4(Q);let Z=performance.now();try{let V=await J(z,$);return Q.status=V.status,Q.statusText=V.statusText,Q.durationMs=Math.round(performance.now()-Z),Q.responseHeaders=z1(C5(V.headers)),S5(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}},J)}function T5(){if(typeof window>"u"||typeof window.XMLHttpRequest!=="function")return;let J=XMLHttpRequest.prototype,z=J.open,$=J.send,j=function(Z,V){let W=typeof V==="string"?V:V.toString();return this.__lwEntry=l4(W,{})?void 0:{id:d4(),startedAt:"",method:(Z||"GET").toUpperCase(),url:N0(W),requestHeaders:{},requestBody:null,status:null,statusText:null,durationMs:null,via:"xhr"},z.apply(this,arguments)},Q=function(Z){let V=this.__lwEntry;if(V){V.startedAt=new Date().toISOString(),V.requestBody=typeof Z==="string"?$1(Z,p4):Z==null?null:"[non-string body]";let W=performance.now();i4(V),this.addEventListener("loadend",()=>{if(V.status=this.status||null,V.statusText=this.statusText||null,V.durationMs=Math.round(performance.now()-W),c4(V.url))V.responseSnippet="[body not captured for this origin]";else if(this.responseType===""||this.responseType==="text")try{V.responseSnippet=$1(this.responseText||"",B0("maxBodyChars"))}catch{}else{let U=this.getResponseHeader("content-type")??this.responseType;V.responseSnippet=`[binary ${U}]`}})}return $.apply(this,arguments)};J.open=j,J.send=Q}function o4(){if(b4)return;b4=!0,R5(),T5()}function r4(){let J=T1.map(($)=>({...$})),z=0;for(let $=J.length-1;$>=0;$-=1){let j=J[$],Q=j?.responseSnippet;if(!j||typeof Q!=="string"||Q.length===0)continue;if(z+Q.length>I5)j.responseSnippet=`[response omitted — report size budget reached (${Q.length.toLocaleString()} chars)]`;else z+=Q.length}return J}var A5=4,n4=3,k5=4000,x5="[data-debug-reporter]",s4=()=>import("@rrweb/record");function a4(J){s4=J}var t=[],q2=null,A1=!1;function t4(){if(typeof window>"u"||q2||A1)return;let J=t0();if(!J)return;A1=!0;let z=()=>void E5(J);if("requestIdleCallback"in window)window.requestIdleCallback(z,{timeout:3000});else setTimeout(z,1000)}async function E5(J){let z;try{z=(await s4()).record}catch($){A1=!1,console.warn("[debug-capture] session replay could not start:",$);return}if(q2)return;try{q2=z({emit:($)=>f5($),checkoutEveryNms:Math.max(1000,J.seconds*1000/2),checkoutEveryNth:k5,maskAllInputs:J.maskInputs,maskTextSelector:J.maskText?"*":J.maskTextSelector,blockSelector:`${J.blockSelector}, ${x5}`,slimDOMOptions:"all",inlineStylesheet:!0,sampling:{mousemove:50,scroll:150,media:800,input:"last",...J.canvas?{canvas:J.canvas.fps}:{}},recordCanvas:J.canvas!==null,...J.canvas?{dataURLOptions:{type:"image/webp",quality:J.canvas.quality}}:{},errorHandler:()=>!0})??null}catch($){console.warn("[debug-capture] session replay could not start:",$)}finally{A1=!1}}function f5(J){if(J.type===A5||t.length===0){if(t.push([]),t.length>n4)t=t.slice(-n4)}t[t.length-1].push(J)}function e4(J=Date.now()){let z=t0();if(!z||!t.length)return null;let $=J-z.seconds*1000,j=t.length-1;while(j>0&&(t[j][0]?.timestamp??J)>$)j-=1;let Q=t.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 w5={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}",ringChat:"จากแชทกับทีมงาน",ringHow:"รับสายในหน้าคำร้องของคุณ — เปิดในแท็บใหม่ ไม่ต้องเข้าสู่ระบบอีก",ringOpen:"เปิดเพื่อรับสาย",ringDecline:"ไม่รับ",ringOpened:"เปิดหน้ารับสายแล้ว — กด รับสาย ในแท็บที่เปิดขึ้น",ringBlocked:"เบราว์เซอร์บล็อกแท็บใหม่ — กดที่นี่เพื่อเปิดหน้ารับสาย",ringClose:"ปิด",ringTab:"\uD83D\uDCDE สายเข้า",ringHint:"เมื่อรับสาย เบราว์เซอร์จะขอใช้ไมโครโฟน · ระหว่างคุย ทีมงานอาจขอดูหน้าจอ — คุณเลือกได้เสมอว่าจะให้ดูหรือไม่",ringTest:"ทดสอบไมค์และลำโพงก่อนรับสาย",ringAnswer:"รับสาย",ringAnswering:"กำลังรับสาย…",ringFallback:"เปิดสายในหน้านี้ไม่ได้ — รับสายในแท็บใหม่แทน ไม่ต้องเข้าสู่ระบบอีก",chatOpen:"แชทกับทีมงาน",chatTitle:"แชทกับทีมงาน",chatUnread:"{n} ข้อความใหม่จากทีมงาน",chatMove:"แชทกับทีมงาน — ลากเพื่อย้ายไปที่อื่นได้ถ้าบังอะไรอยู่",chatLabel:"แชทกับทีมงาน",chatLabelNew:"มีข้อความใหม่จากทีมงาน"},y5={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}",ringChat:"From your chat with support",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",chatMove:"Chat with support — drag to move it if it covers something",chatLabel:"Chat with us",chatLabelNew:"New message from support"};function c(J){return J==="en"?y5:w5}var g5="lw-debug-toasts",v5=6000,h5=`
|
|
1
|
+
(()=>{var t8=((J)=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(J,{get:($,z)=>(typeof require<"u"?require:$)[z]}):J)(function(J){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+J+'" is not supported')});function E1(J){if(!J)return null;let $=J===!0?{}:J,z=(j,Q)=>typeof j==="number"&&Number.isFinite(j)&&j>=0&&j<2000?j:Q;return{side:$.position==="left"?"left":"right",x:z($.offset?.x,16),y:z($.offset?.y,16)}}var e8={maxRequests:60,maxConsoleEntries:120,maxActions:80,maxBodyChars:20000},z0=null;function N4(J){let $=[];if(!J.host?.trim())$.push("host");if(!J.realmKey?.trim())$.push("realmKey");if(!J.app?.name?.trim())$.push("app.name");if(typeof J.module!=="function")$.push("module");if($.length)throw Error(`[debug-capture] configureDebugCapture is missing: ${$.join(", ")}. `+"See the README — `module` maps a pathname to the part of your app it belongs to.");z0=J}function P(){if(!z0)throw Error("[debug-capture] configureDebugCapture() has not been called");return z0}function k1(){return z0!==null}function P0(){let J=P().app;return{name:J.name,version:J.version??"0.0.0",environment:J.environment??J3()}}function J3(){if(typeof window>"u")return"unknown";let J=window.location.hostname;if(J==="localhost"||J==="127.0.0.1"||J.endsWith(".local"))return"development";return"production"}function O0(J){let $=z0?.capture?.[J];return typeof $==="number"?$:e8[J]}function f1(J){let $=z0?.module;if(!$)return null;try{return $(J)??null}catch{return null}}function w1(){let J=z0?.redact;return{headers:J?.headers??[],queryKeys:(J?.queryKeys??[]).map(($)=>$.toLowerCase()),bodyKeys:(J?.bodyKeys??[]).map(($)=>$.toLowerCase())}}function _4(){return z0?.capture?.overlaySelectors??[]}var $3='[contenteditable]:not([contenteditable="false"]), [data-lw-mask]',z3="[data-lw-mask]",F4={fps:1,quality:0.5};function Q1(){let J=z0?.replay;if(!J)return null;let $=J===!0?{}:J,z=(Z,X)=>typeof Z==="number"&&Z>0?Z:X,j=$.maskInputs!==!1,Q=$.recordCanvas?{fps:z(typeof $.recordCanvas==="object"?$.recordCanvas.fps:void 0,F4.fps),quality:z(typeof $.recordCanvas==="object"?$.recordCanvas.quality:void 0,F4.quality)}:null;return{seconds:z($.seconds,60),maskInputs:j,maskTextSelector:$.maskTextSelector?.trim()||(j?$3:z3),maskText:$.maskText===!0,blockSelector:$.blockSelector?.trim()||"[data-lw-private]",maxBytes:z($.maxBytes,4000000),canvas:Q}}function I4(J){if(typeof window>"u")return!1;let $;try{$=new URL(J,window.location.href)}catch{return!1}if(j3($))return!1;if($.origin===window.location.origin)return!0;return(z0?.capture?.bodyOrigins??[]).some((z)=>{try{return new URL(z).origin===$.origin}catch{return!1}})}function j3(J){if(!z0?.host)return!1;try{if(new URL(z0.host).origin!==J.origin)return!1}catch{return!1}return J.pathname.startsWith("/ingest/")}function C4(J){let $=Object.entries(J).map(([z,j])=>[z.replace(/\/+$/,"")||"/",j]).sort((z,j)=>j[0].length-z[0].length);return(z)=>{let j=(z||"/").replace(/\/+$/,"")||"/";for(let[Q,Z]of $)if(j===Q||j.startsWith(`${Q}/`))return{key:Q,label:Z};return null}}var Z1="‹redacted›",Q3=/^(authorization|proxy-authorization|cookie|set-cookie|x-[a-z-]*token|x-csrf[a-z-]*|x-xsrf[a-z-]*)$/i,Z3=new Set(["access_token","token","id_token","refresh_token","code","secret","client_secret","password","apikey","api_key","signature","x-amz-signature","x-amz-credential"]),X3=/(password|passwd|token|secret|authorization|refresh|client_secret|otp|pin)/i,V3=/[\w.+-]+@[\w-]+\.[\w.-]+/g,W3=/\d(?:[\d\s-]{7,})\d/g;function X1(J){return J.replace(V3,Z1).replace(W3,Z1)}function K3(J){if(Q3.test(J))return!0;return w1().headers.some((z)=>z.toLowerCase()===J.toLowerCase())}function V1(J){let $={};for(let[z,j]of Object.entries(J))$[z]=K3(z)?Z1:j;return $}function L0(J){try{let $=/^https?:\/\//i.test(J),z=new URL(J,$?void 0:"http://local.invalid"),j=!1;if(z.searchParams.forEach((Q,Z)=>{if(Z3.has(Z.toLowerCase())||w1().queryKeys.includes(Z.toLowerCase()))z.searchParams.set(Z,Z1),j=!0}),!j)return J;return $?z.toString():`${z.pathname}${z.search}`}catch{return J}}function F2(J,$){if($>6||J===null||typeof J!=="object")return J;if(Array.isArray(J))return J.map((j)=>F2(j,$+1));let z={};for(let[j,Q]of Object.entries(J)){let Z=X3.test(j)||w1().bodyKeys.some((X)=>j.toLowerCase().includes(X));z[j]=Z?Z1:F2(Q,$+1)}return z}function W1(J,$){if(J==null)return null;let z=J,j=J.trim();if(j.startsWith("{")||j.startsWith("["))try{let Q=JSON.parse(j);z=JSON.stringify(F2(Q,0))}catch{}if(z.length>$)return`${z.slice(0,$)}… [truncated ${z.length-$} chars]`;return z}var N2=120,_2=40,p0=(J,$)=>J.length>$?`${J.slice(0,$)}…`:J,I2=(J)=>{try{return decodeURIComponent(J)}catch{return J}},u0=[],O4=0,L4=!1;function K1(J,$,z,j){let Q=p0($,N2),Z=u0[u0.length-1];if(J==="navigate"&&Z?.kind==="click"){let W=Q.replace(/^ไปที่\s*/,"");if(Z.detail.includes(`→ ${W}`))return Z.at=new Date().toISOString(),Z;let Y=W.split(/[?#]/)[0]??W,q=Z.source?I2(Z.source.replace(/^→\s*/,"")).split(/[?#]/)[0]:null;if(q&&(Y===q||Y.startsWith(q)))return Z.detail=p0(`${Z.detail} → ${W}`,N2),Z.source=void 0,Z.at=new Date().toISOString(),Z}if(Z&&Z.kind===J&&Z.detail===Q){if(Z.at=new Date().toISOString(),J!=="navigate")Z.count=(Z.count??1)+1;return Z}O4+=1;let X={id:`act_${O4}`,at:new Date().toISOString(),kind:J,detail:Q,count:1,source:z,html:v1(j)};u0.push(X);while(u0.length>O0("maxActions"))G3(u0.shift());return X}var Y3=200000,Y1=0;function v1(J){if(!J)return;if(Y1+J.length>Y3)return;return Y1+=J.length,J}function G3(J){if(!J)return;if(Y1-=(J.html?.length??0)+(J.afterHtml?.length??0),Y1<0)Y1=0}function y1(J){return J instanceof Element&&Boolean(J.closest("[data-debug-reporter]"))}var q3='button, a[href], [role="button"], [role="tab"], [role="menuitem"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"], [role="link"], summary, input, select, textarea',U3={button:"ปุ่ม",a:"ลิงก์",input:"ช่อง",textarea:"ช่อง",select:"ตัวเลือก",summary:"ส่วนขยาย"},S4={button:"ปุ่ม",tab:"แท็บ",menuitem:"เมนู",option:"ตัวเลือก",switch:"สวิตช์",checkbox:"ช่องเลือก",radio:"ตัวเลือก",link:"ลิงก์"};function D3(J){let $=J.getAttribute("role");if($&&S4[$])return S4[$];return U3[J.tagName.toLowerCase()]??"ปุ่ม"}function H3(J,$){try{let z=J,j=0;while(z&&j<=$){let Q=k4(z);if(Q&&typeof Q.memoizedProps?.onClick==="function")return z;z=z.parentElement,j+=1}}catch{}return null}function M3(J){let $=J.getAttribute("aria-label")?.trim();if($)return $;let z=J.getAttribute("title")?.trim();if(z)return z;if(J instanceof HTMLInputElement||J instanceof HTMLTextAreaElement||J instanceof HTMLSelectElement)return(J.getAttribute("placeholder")||J.getAttribute("name")||"").trim();if(J instanceof HTMLImageElement)return(J.getAttribute("alt")||"").trim();let j=(J.textContent??"").replace(/\s+/g," ").trim();if(j)return j;if(J instanceof HTMLAnchorElement){let Q=J.getAttribute("href");if(Q?.startsWith("/"))return I2(Q)}return""}function P3(J){if(!(J instanceof Element))return null;let $=J.closest(q3)??H3(J,4);if(!$)return null;let z=$.tagName.toLowerCase();if(z==="html"||z==="body")return null;return $}function B3(J){let $=X1(M3(J));if(!$)return null;return`${D3(J)} “${p0($,_2)}”`}var E4=6000,F3=4000,N3=/(?:^|\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 _3(J){J.querySelectorAll("script, style, link, iframe, object, embed, noscript, canvas, video, audio").forEach((Q)=>Q.remove());let $=[J,...Array.from(J.querySelectorAll("*"))];for(let Q of $){for(let X of Array.from(Q.attributes)){let W=X.name.toLowerCase();if(W.startsWith("on")||W==="srcdoc"||W==="value"||W.startsWith("data-"))Q.removeAttribute(X.name)}if(Q instanceof HTMLAnchorElement)Q.setAttribute("href","#");if(Q instanceof HTMLImageElement)Q.removeAttribute("src");let Z=Q.getAttribute("class");if(Z){let X=Z.replace(N3," ").replace(/\s+/g," ").trim();if(X)Q.setAttribute("class",X);else Q.removeAttribute("class")}}let z=document.createTreeWalker(J,NodeFilter.SHOW_TEXT),j=z.nextNode();while(j){if(j.nodeValue)j.nodeValue=X1(j.nodeValue);j=z.nextNode()}}function C2(J,$,z){try{let j=J.outerHTML;if(!j||j.length>$)return;let Q=J.cloneNode(!0);_3(Q);let Z=Q.outerHTML;return Z&&Z.length<=z?Z:void 0}catch{return}}var I3=(J)=>C2(J,E4,F3),C3=150000,O3=40000,R4=(J)=>C2(J,C3,O3);function L3(J){if(!(J instanceof HTMLInputElement)&&!(J instanceof HTMLTextAreaElement)&&!(J instanceof HTMLSelectElement))return null;let $=J.name||J.id||J.getAttribute("aria-label")||J.getAttribute("placeholder")||J.tagName.toLowerCase();return`ช่อง “${X1($)}”`}var A4=80;function k4(J){let $=Object.keys(J).find((z)=>z.startsWith("__reactFiber$")||z.startsWith("__reactInternalInstance$"));return $?J[$]:null}function S3(J){if(typeof J!=="function")return null;try{let $=Function.prototype.toString.call(J);return($.match(/\.(?:push|replace)\(\s*['"`]([^'"`]+)['"`]/)??$.match(/redirect\(\s*['"`]([^'"`]+)['"`]/))?.[1]??null}catch{return null}}function T4(J){if(!J)return;return`→ ${J.length>A4?`${J.slice(0,A4)}…`:J}`}function R3(J){try{let $=J.closest("a[href]")?.getAttribute("href");if($&&$.startsWith("/"))return T4($);let z=k4(J),j=0;while(z&&j<30){if(typeof z.memoizedProps?.onClick==="function")return T4(S3(z.memoizedProps.onClick));z=z.return,j+=1}return}catch{return}}var A3='[role="dialog"], [role="alertdialog"], [role="menu"], [role="listbox"], [role="status"], [role="alert"]';function T3(){let J=_4();return J.length?J.join(", "):A3}function x3(J){let $=J.getAttribute("role");if($==="status"||$==="alert")return"ข้อความแจ้งเตือน";if($==="menu")return"เมนู";if($==="listbox")return"รายการตัวเลือก";if($==="alertdialog")return"กล่องยืนยัน";return"กล่องโต้ตอบ"}function E3(J){let $=J.getAttribute("aria-label")?.trim();if($)return $;let z=J.getAttribute("aria-labelledby");if(z){let Z=z.split(/\s+/).map((X)=>document.getElementById(X)?.textContent?.trim()??"").filter(Boolean).join(" ");if(Z)return Z}let Q=J.querySelector('[data-slot="dialog-title"], h1, h2, h3, [role="heading"]')?.textContent?.replace(/\s+/g," ").trim();if(Q)return Q;return(J.textContent??"").replace(/\s+/g," ").trim()}function f4(J){let $=X1(E3(J)),z=x3(J);return $?`เปิด ${z} “${p0($,_2)}”`:`เปิด ${z}`}var k3='[aria-busy="true"], [role="progressbar"], [data-loading="true"], .animate-pulse, .animate-spin',f3=/กำลังโหลด|กำลังค้นหา|กำลังดำเนินการ|\bloading\b/i;function w3(J){if(J.querySelector(k3))return!0;return f3.test(J.textContent??"")}var y3=400,v3=250,g3=8000;function m3(J,$){if(typeof MutationObserver>"u"){$.html=v1(R4(J));return}let z=Date.now(),j=!1,Q=()=>{j=!0,X.disconnect(),window.clearInterval(W),window.clearTimeout(Y)},Z=()=>{if(j)return;if(Q(),!J.isConnected)return;$.detail=p0(f4(J),N2),$.html=v1(R4(J))},X=new MutationObserver(()=>{z=Date.now()});X.observe(J,{childList:!0,subtree:!0,attributes:!0,characterData:!0});let W=window.setInterval(()=>{if(j)return;if(!J.isConnected){Q();return}if(Date.now()-z>=y3&&!w3(J))Z()},v3),Y=window.setTimeout(Z,g3)}function h3(J){if(y1(J))return;let $=K1("ui",f4(J));if($)m3(J,$)}function b3(){if(typeof MutationObserver>"u")return;let J=new WeakSet;new MutationObserver((z)=>{for(let j of z)for(let Q of Array.from(j.addedNodes)){if(!(Q instanceof Element))continue;let Z=T3(),X=Q.matches(Z)?[Q]:Array.from(Q.querySelectorAll(Z));for(let W of X){if(J.has(W))continue;J.add(W),h3(W)}}}).observe(document.body,{childList:!0,subtree:!0})}var u3=1600,p3=2500;function x4(J){return{disabled:J.hasAttribute("disabled")||J.getAttribute("aria-disabled")==="true",busy:J.getAttribute("aria-busy")==="true",text:p0((J.textContent??"").replace(/\s+/g," ").trim(),_2)}}function d3(J,$){if(!J.disabled&&$.disabled)return"ปุ่มถูกปิดใช้งานหลังคลิก";if(!J.busy&&$.busy)return"ปุ่มเข้าสู่สถานะกำลังโหลด";if(J.text!==$.text&&$.text)return`ข้อความเปลี่ยนเป็น “${$.text}”`;return null}function i3(J,$){if(typeof MutationObserver>"u")return;let z=x4(J),j=!1,Q=(W,Y)=>{if(j)return;if(j=!0,Z.disconnect(),window.clearTimeout(X),$.afterNote=W,Y)$.afterHtml=v1(C2(J,E4,p3))},Z=new MutationObserver(()=>{if(!J.isConnected){Q("องค์ประกอบหายไปจากหน้าจอ",!1);return}let W=d3(z,x4(J));if(W)Q(W,!0)});Z.observe(J,{attributes:!0,attributeFilter:["disabled","aria-disabled","aria-busy","class"],childList:!0,subtree:!0,characterData:!0});let X=window.setTimeout(()=>{if(!j&&!J.isConnected){Q("องค์ประกอบหายไปจากหน้าจอ",!1);return}j=!0,Z.disconnect()},u3)}function w4(){if(L4||typeof window>"u")return;L4=!0,document.addEventListener("click",(j)=>{if(y1(j.target))return;let Q=P3(j.target);if(!Q)return;let Z=B3(Q);if(!Z)return;let X=K1("click",`คลิก ${Z}`,R3(Q),I3(Q));if(X)i3(Q,X)},{capture:!0,passive:!0}),document.addEventListener("change",(j)=>{if(y1(j.target))return;let Q=L3(j.target);if(Q)K1("input",`แก้ไข ${Q}`)},{capture:!0,passive:!0}),document.addEventListener("submit",(j)=>{if(y1(j.target))return;K1("submit","ส่งฟอร์ม")},{capture:!0,passive:!0});let J=()=>K1("navigate",`ไปที่ ${I2(L0(location.pathname+location.search))}`),$=history.pushState.bind(history),z=history.replaceState.bind(history);history.pushState=(...j)=>{let Q=$(...j);return J(),Q},history.replaceState=(...j)=>{let Q=z(...j);return J(),Q},window.addEventListener("popstate",J),b3()}function y4(){return u0.map((J)=>({...J}))}var v4=2000,g1=[],g4=0,m4=!1;function O2(J,$){g4+=1,g1.push({id:`log_${g4}`,at:new Date().toISOString(),level:J,message:$.length>v4?`${$.slice(0,v4)}…`:$});while(g1.length>O0("maxConsoleEntries"))g1.shift()}function c3(){let J=new WeakSet;return($,z)=>{if(typeof z==="object"&&z!==null){if(J.has(z))return"[Circular]";J.add(z)}if(typeof z==="bigint")return z.toString();return z}}function h4(J){if(typeof J==="string")return J;if(J instanceof Error)return`${J.name}: ${J.message}`;try{let $=JSON.stringify(J,c3());if($!==void 0)return $}catch{}try{return String(J)}catch{}try{return Object.prototype.toString.call(J)}catch{return`[${typeof J}]`}}function b4(){if(m4||typeof window>"u")return;m4=!0;let J=["log","info","warn","error","debug"];for(let $ of J){let z=console[$].bind(console);console[$]=(...j)=>{O2($,j.map(h4).join(" ")),z(...j)}}window.addEventListener("error",($)=>{let z=$.filename?` (${$.filename}:${$.lineno}:${$.colno})`:"";O2("exception",`${$.message}${z}`)}),window.addEventListener("unhandledrejection",($)=>{let z=$.reason instanceof Error?`${$.reason.name}: ${$.reason.message}`:h4($.reason);O2("unhandledrejection",z)})}function u4(){return g1.map((J)=>({...J}))}var p4=new Set,d4=new Set;function i4(J,$){return J.add($),()=>J.delete($)}function c4(J,$){for(let z of[...J])z($)}function l4(J){return i4(p4,J)}function d0(J={type:"manual"}){c4(p4,J)}function r4(J){return i4(d4,J)}function o4(J){c4(d4,J)}var l3=15000,r3=["ResizeObserver loop","Script error.","Non-Error promise rejection captured"],n4=!1,s4=0;function o3(J){return r3.some(($)=>J.includes($))}function a4(J){let $=J.message??"";if(!$||o3($))return;let z=Date.now();if(z-s4<l3)return;s4=z,o4({...J,message:$})}function t4(){if(n4||typeof window>"u")return;n4=!0,window.addEventListener("error",(J)=>{if(!J.message&&!J.error)return;let $=J.error instanceof Error?J.error:null;a4({type:"runtime-error",message:J.message||($?$.message:"Unknown error"),stack:$?.stack})}),window.addEventListener("unhandledrejection",(J)=>{let $=J.reason;a4({type:"unhandledrejection",message:$ instanceof Error?$.message:String($),stack:$ instanceof Error?$.stack:void 0})})}var z6=4000,n3=1e6,s3=1e7,m1=[],e4=0,J6=!1;function j6(J){m1.push(J);while(m1.length>O0("maxRequests"))m1.shift()}function Q6(){return e4+=1,`req_${e4}`}function $6(J){let $={};if(!J)return $;if(J instanceof Headers)J.forEach((z,j)=>{$[j]=z});else if(Array.isArray(J))for(let[z,j]of J)$[z]=j;else Object.assign($,J);return $}function a3(J){let $={};return J.forEach((z,j)=>{$[j]=z}),$}function t3(J){if(J==null)return null;if(typeof J==="string")return J;if(J instanceof URLSearchParams)return J.toString();if(typeof FormData<"u"&&J instanceof FormData)return`[FormData: ${Array.from(J.keys()).join(", ")}]`;if(typeof Blob<"u"&&J instanceof Blob)return`[Blob ${J.size} bytes]`;if(J instanceof ArrayBuffer)return`[ArrayBuffer ${J.byteLength} bytes]`;return"[binary]"}function e3(J,$){let z="",j="GET",Q={},Z=null;if(typeof J==="string")z=J;else if(J instanceof URL)z=J.toString();else z=J.url,j=J.method||j,Q=$6(J.headers);if($){if($.method)j=$.method;if($.headers)Q={...Q,...$6($.headers)};if($.body!==void 0)Z=t3($.body)}return{method:j.toUpperCase(),url:z,headers:Q,body:Z}}function Z6(J){return!I4(J)}function J5(J,$){if(Z6($.url)){$.responseSnippet="[body not captured for this origin]";return}let z=J.headers.get("content-type")??"",j=Number(J.headers.get("content-length")??"0"),Q=j?`, ~${j} bytes`:"";if(!/json|text|xml|html|javascript|urlencoded/i.test(z)){$.responseSnippet=`[binary ${z||"unknown"}${Q}]`;return}if(j>n3){$.responseSnippet=`[response ${z||"text"}${Q} — omitted]`;return}try{J.clone().text().then((Z)=>{$.responseSnippet=W1(Z,O0("maxBodyChars"))}).catch(()=>{})}catch{}}function X6(J,$){if(/[?&]_rsc=/.test(J))return!0;for(let z of Object.keys($)){let j=z.toLowerCase();if(j==="rsc"||j==="next-router-prefetch"||j==="next-router-state-tree")return!0}return!1}function $5(){if(typeof window>"u"||typeof window.fetch!=="function")return;let J=window.fetch.bind(window);window.fetch=Object.assign(async($,z)=>{let j=e3($,z);if(X6(j.url,j.headers))return J($,z);let Q={id:Q6(),startedAt:new Date().toISOString(),method:j.method,url:L0(j.url),requestHeaders:V1(j.headers),requestBody:W1(j.body,z6),status:null,statusText:null,durationMs:null,via:"fetch"};j6(Q);let Z=performance.now();try{let X=await J($,z);return Q.status=X.status,Q.statusText=X.statusText,Q.durationMs=Math.round(performance.now()-Z),Q.responseHeaders=V1(a3(X.headers)),J5(X,Q),X}catch(X){throw Q.durationMs=Math.round(performance.now()-Z),Q.error=X instanceof Error?`${X.name}: ${X.message}`:String(X),X}},J)}function z5(){if(typeof window>"u"||typeof window.XMLHttpRequest!=="function")return;let J=XMLHttpRequest.prototype,$=J.open,z=J.send,j=function(Z,X){let W=typeof X==="string"?X:X.toString();return this.__lwEntry=X6(W,{})?void 0:{id:Q6(),startedAt:"",method:(Z||"GET").toUpperCase(),url:L0(W),requestHeaders:{},requestBody:null,status:null,statusText:null,durationMs:null,via:"xhr"},$.apply(this,arguments)},Q=function(Z){let X=this.__lwEntry;if(X){X.startedAt=new Date().toISOString(),X.requestBody=typeof Z==="string"?W1(Z,z6):Z==null?null:"[non-string body]";let W=performance.now();j6(X),this.addEventListener("loadend",()=>{if(X.status=this.status||null,X.statusText=this.statusText||null,X.durationMs=Math.round(performance.now()-W),Z6(X.url))X.responseSnippet="[body not captured for this origin]";else if(this.responseType===""||this.responseType==="text")try{X.responseSnippet=W1(this.responseText||"",O0("maxBodyChars"))}catch{}else{let Y=this.getResponseHeader("content-type")??this.responseType;X.responseSnippet=`[binary ${Y}]`}})}return z.apply(this,arguments)};J.open=j,J.send=Q}function V6(){if(J6)return;J6=!0,$5(),z5()}function W6(){let J=m1.map((z)=>({...z})),$=0;for(let z=J.length-1;z>=0;z-=1){let j=J[z],Q=j?.responseSnippet;if(!j||typeof Q!=="string"||Q.length===0)continue;if($+Q.length>s3)j.responseSnippet=`[response omitted — report size budget reached (${Q.length.toLocaleString()} chars)]`;else $+=Q.length}return J}var j5=4,K6=3,Q5=4000,Z5="[data-debug-reporter]",Y6=()=>import("@rrweb/record");function G6(J){Y6=J}var Z0=[],L2=null,h1=!1;function q6(){if(typeof window>"u"||L2||h1)return;let J=Q1();if(!J)return;h1=!0;let $=()=>void X5(J);if("requestIdleCallback"in window)window.requestIdleCallback($,{timeout:3000});else setTimeout($,1000)}async function X5(J){let $;try{$=(await Y6()).record}catch(z){h1=!1,console.warn("[debug-capture] session replay could not start:",z);return}if(L2)return;try{L2=$({emit:(z)=>V5(z),checkoutEveryNms:Math.max(1000,J.seconds*1000/2),checkoutEveryNth:Q5,maskAllInputs:J.maskInputs,maskTextSelector:J.maskText?"*":J.maskTextSelector,blockSelector:`${J.blockSelector}, ${Z5}`,slimDOMOptions:"all",inlineStylesheet:!0,sampling:{mousemove:50,scroll:150,media:800,input:"last",...J.canvas?{canvas:J.canvas.fps}:{}},recordCanvas:J.canvas!==null,...J.canvas?{dataURLOptions:{type:"image/webp",quality:J.canvas.quality}}:{},errorHandler:()=>!0})??null}catch(z){console.warn("[debug-capture] session replay could not start:",z)}finally{h1=!1}}function V5(J){if(J.type===j5||Z0.length===0){if(Z0.push([]),Z0.length>K6)Z0=Z0.slice(-K6)}Z0[Z0.length-1].push(J)}function U6(J=Date.now()){let $=Q1();if(!$||!Z0.length)return null;let z=J-$.seconds*1000,j=Z0.length-1;while(j>0&&(Z0[j][0]?.timestamp??J)>z)j-=1;let Q=Z0.slice(j).flat(),Z=Q[0]?.timestamp,X=Q[Q.length-1]?.timestamp;if(Z===void 0||X===void 0)return null;return{events:Q,startedAt:new Date(Z).toISOString(),endedAt:new Date(X).toISOString(),durationMs:Math.max(0,X-Z)}}var W5={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}",ringChat:"จากแชทกับทีมงาน",ringHow:"รับสายในหน้าคำร้องของคุณ — เปิดในแท็บใหม่ ไม่ต้องเข้าสู่ระบบอีก",ringOpen:"เปิดเพื่อรับสาย",ringDecline:"ไม่รับ",ringOpened:"เปิดหน้ารับสายแล้ว — กด รับสาย ในแท็บที่เปิดขึ้น",ringBlocked:"เบราว์เซอร์บล็อกแท็บใหม่ — กดที่นี่เพื่อเปิดหน้ารับสาย",ringClose:"ปิด",ringTab:"\uD83D\uDCDE สายเข้า",ringHint:"เมื่อรับสาย เบราว์เซอร์จะขอใช้ไมโครโฟน · ระหว่างคุย ทีมงานอาจขอดูหน้าจอ — คุณเลือกได้เสมอว่าจะให้ดูหรือไม่",ringTest:"ทดสอบไมค์และลำโพงก่อนรับสาย",ringAnswer:"รับสาย",ringAnswering:"กำลังรับสาย…",ringFallback:"เปิดสายในหน้านี้ไม่ได้ — รับสายในแท็บใหม่แทน ไม่ต้องเข้าสู่ระบบอีก",chatOpen:"แชทกับทีมงาน",chatTitle:"แชทกับทีมงาน",chatUnread:"{n} ข้อความใหม่จากทีมงาน",chatMove:"แชทกับทีมงาน — ลากเพื่อย้ายไปที่อื่นได้ถ้าบังอะไรอยู่",chatLabel:"แชทกับทีมงาน",chatLabelNew:"มีข้อความใหม่จากทีมงาน"},K5={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}",ringChat:"From your chat with support",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",chatMove:"Chat with support — drag to move it if it covers something",chatLabel:"Chat with us",chatLabelNew:"New message from support"};function a(J){return J==="en"?K5:W5}var Y5="lw-debug-toasts",G5=6000,q5=`
|
|
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
|
-
`,H2=null;function m5(){if(typeof document>"u")return null;if(H2?.isConnected)return H2;let J=document.createElement(g5);J.dataset.debugReporter="true";let z=J.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"),z.append($,j),document.body.append(J),H2=j,j}function m0(J,z="success",$){let j=I1()?M().toast:void 0;if(j){j({message:J,tone:z,...$?{action:$}:{}});return}let Q=m5();if(!Q)return;let Z=document.createElement("div");Z.className="toast",Z.dataset.tone=z;let V=document.createElement("span");V.className="dot";let W=document.createElement("span");W.textContent=J;let U=document.createElement("button");U.type="button",U.className="close",U.textContent="✕",U.setAttribute("aria-label","ปิด");let q=()=>{window.clearTimeout(C),Z.remove()};U.addEventListener("click",q);let C=z==="error"||$?0:window.setTimeout(q,v5);if(Z.append(V,W),$){let F=document.createElement("button");F.type="button",F.className="action",F.textContent=$.label,F.addEventListener("click",()=>{q(),$.onClick()}),Z.append(F)}Z.append(U),Q.append(Z)}function J6(J,z,$){let j=J.filter((Z)=>Boolean(Z.error)||Z.status!=null&&Z.status>=400).slice(-20).map((Z)=>({method:Z.method,url:Z.url,status:Z.status,error:Z.error,at:Z.startedAt})),Q=z.filter((Z)=>Z.level==="error"||Z.level==="exception"||Z.level==="unhandledrejection").slice(-20).map((Z)=>Z.message);return{failedRequests:j,errors:Q,erroredQueries:$.slice(0,20)}}function b5(){let J={memoryUsedMb:null,memoryLimitMb:null,domContentLoadedMs:null,loadEventMs:null};if(typeof performance>"u")return J;let z=performance.memory;if(z)J.memoryUsedMb=Math.round(z.usedJSHeapSize/1024/1024),J.memoryLimitMb=Math.round(z.jsHeapSizeLimit/1024/1024);let[$]=performance.getEntriesByType("navigation");if($)J.domContentLoadedMs=Math.round($.domContentLoadedEventEnd),J.loadEventMs=Math.round($.loadEventEnd);return J}function D2(J,z){if(!J)return z;try{return J()}catch{return z}}function z6(){let J=M(),{pathname:z,search:$,href:j}=window.location;return{capturedAt:new Date().toISOString(),route:{href:j,pathname:z,search:$},module:C1(z),user:D2(J.user,{}),apiHeaders:z1(D2(J.headers,{})),app:{name:q0().name,version:q0().version,environment:q0().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:b5(),extra:D2(J.extra,{})}}var u5=2;function k1(J){let z=r4(),$=R4();return{context:z6(),reason:J.reason,note:J.note,cause:J6(z,$,J.erroredQueries),actionTrail:_4(),network:z,console:$,screenshotDataUrl:J.screenshotDataUrl,screenshotMethod:J.screenshotMethod,replay:e4()??void 0,meta:{generatedBy:"lightwork-debug-capture",schemaVersion:u5}}}async function P2(){if(typeof navigator<"u"&&Boolean(navigator.mediaDevices?.getDisplayMedia)){let $=await p5();if($.status==="ok")return{dataUrl:$.dataUrl,method:"display-media"};if($.status==="cancelled")return{dataUrl:null,method:"cancelled"}}let z=await c5();if(z)return{dataUrl:z,method:"html-to-image"};return{dataUrl:null,method:"none"}}async function p5(){let J=null;try{let z={video:{frameRate:30},audio:!1,preferCurrentTab:!0,selfBrowserSurface:"include",surfaceSwitching:"exclude"};J=await navigator.mediaDevices.getDisplayMedia(z);let $=await i5(J);return $?{status:"ok",dataUrl:$}:{status:"error"}}catch(z){if(z instanceof DOMException&&(z.name==="NotAllowedError"||z.name==="AbortError"))return{status:"cancelled"};return{status:"error"}}finally{J?.getTracks().forEach((z)=>z.stop())}}async function i5(J){let z=document.createElement("video");z.srcObject=J,z.muted=!0,z.playsInline=!0,await new Promise((V)=>{let W=!1,U=()=>{if(W)return;W=!0,V()};z.onloadedmetadata=()=>{z.play().then(U).catch(U)},window.setTimeout(U,1500)}),await d5(z);let{videoWidth:$,videoHeight:j}=z;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(z,0,0,$,j),z.pause(),z.srcObject=null;try{return Q.toDataURL("image/png")}catch{return null}}function d5(J){return new Promise((z)=>{let $=!1,j=()=>{if($)return;$=!0,z()},Q=J;if(typeof Q.requestVideoFrameCallback==="function")Q.requestVideoFrameCallback(()=>j()),window.setTimeout(j,1000);else window.setTimeout(j,250)})}async function c5(){let J=M().screenshotFallback;if(!J)return null;let z=await J().catch(()=>null);if(!z)return null;try{return await z(document.body,{cacheBust:!0,pixelRatio:Math.min(window.devicePixelRatio||1,2),filter:($)=>!($ instanceof HTMLElement&&$.dataset?.debugReporter==="true")})}catch{return null}}var l5=2000,o5=0.82,r5=3000000;function n5(J){return new Promise((z,$)=>{let j=new Image;j.onload=()=>z(j),j.onerror=()=>$(Error("could not read the screenshot")),j.src=J})}async function x1(J){try{let z=await n5(J),$=Math.max(z.naturalWidth,z.naturalHeight),j=Math.min(1,l5/$),Q=document.createElement("canvas");Q.width=Math.max(1,Math.round(z.naturalWidth*j)),Q.height=Math.max(1,Math.round(z.naturalHeight*j));let Z=Q.getContext("2d");if(!Z)return J;Z.fillStyle="#fff",Z.fillRect(0,0,Q.width,Q.height),Z.drawImage(z,0,0,Q.width,Q.height);let V=o5,W=Q.toDataURL("image/jpeg",V);while(W.length>r5&&V>0.4)V-=0.15,W=Q.toDataURL("image/jpeg",V);return W}catch{return J}}var s5=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,a5=/^\d+$/,t5=/^[0-9a-f]{16,}$/i;function $6(J){if(J.reason.type==="manual")return null;let z=J.cause?.failedRequests?.[0];if(!z?.url)return null;let $;try{$=new URL(z.url,"http://x").pathname}catch{$=z.url}let j=$.split("/").map((Z)=>s5.test(Z)||a5.test(Z)||t5.test(Z)?":id":Z).join("/"),Q=z.status??(z.error?"ERR":"?");return`${z.method??"REQ"} ${j} ${Q}`}var j6=2000000;function E1(J){let{screenshotDataUrl:z,replay:$,...j}=J;return JSON.stringify(j).length}function Q6(J,z=2000000){if(E1(J)<=z)return J;let $=J.network.map((Q)=>({...Q})),j={...J,network:$};for(let Q of $){if(E1(j)<=z)return j;if(typeof Q.responseSnippet==="string"&&Q.responseSnippet.length>35)Q.responseSnippet="[body dropped — report size budget]";if(typeof Q.requestBody==="string"&&Q.requestBody.length>35)Q.requestBody="[body dropped — report size budget]"}while(j.network.length>1&&E1(j)>z)j.network=j.network.slice(1);while(j.console.length>1&&E1(j)>z)j.console=j.console.slice(1);return j}function Z1(J){let z="";for(let $=0;$<J.length;$+=32768)z+=String.fromCharCode(...J.subarray($,$+32768));return btoa(z)}var e5=4,J3=2,z3=3,$3=0,j3=new Set(["href","src","action","formaction","xlink:href","data","poster","srcset"]),Q3=/^\s*javascript:/i;function Z3(J,z){let $=J.toLowerCase();if($.startsWith("on")||$==="srcdoc")return!0;return typeof z==="string"&&Q3.test(z)}function Z6(J,z=!1){if(!J)return;for(let $ of Object.keys(J)){let j=J[$];if(Z3($,j)){if(z)J[$]=null;else delete J[$];continue}if(typeof j!=="string"||!j3.has($)||!j.includes("?"))continue;J[$]=N0(j)}}function M2(J){if(!J)return;Z6(J.attributes);for(let z of J.childNodes??[])M2(z)}function X6(J){let z=JSON.parse(JSON.stringify(J));for(let $ of z){let j=$.data;if(!j||typeof j!=="object")continue;if($.type===e5&&typeof j.href==="string")j.href=N0(j.href);else if($.type===J3)M2(j.node);else if($.type===z3&&j.source===$3){for(let Q of j.adds??[])M2(Q.node);for(let Q of j.attributes??[])Z6(Q.attributes,!0)}}return z}var X3="session-replay.json.gz",V3="session-replay.json";function W3(J){return Boolean(J&&J.events.length>0)}async function Y3(J){if(typeof CompressionStream>"u")return null;try{let z=new Blob([J]).stream().pipeThrough(new CompressionStream("gzip"));return new Uint8Array(await new Response(z).arrayBuffer())}catch{return null}}async function W6(J,z){if(!W3(J))return{summary:{omitted:"empty"}};let j={seconds:Math.round(J.durationMs/1000),events:J.events.length,startedAt:J.startedAt,endedAt:J.endedAt},Q=X6(J.events),Z=await V6(Q),V=!1;if(Z.bytes.byteLength>z&&U3(Q))Q=q3(Q),Z=await V6(Q),V=!0;let{bytes:W,compressed:U}=Z;if(W.byteLength>z)return{summary:{...j,bytes:W.byteLength,omitted:"too-large"}};return{dataUri:`data:${U?"application/gzip":"application/json"};base64,${Z1(W)}`,filename:U?X3:V3,summary:{...j,events:Q.length,bytes:W.byteLength,compressed:U,...V?{canvasDropped:V}:{}}}}async function V6(J){let z=new TextEncoder().encode(JSON.stringify({events:J})),$=await Y3(z);return $?{bytes:$,compressed:!0}:{bytes:z,compressed:!1}}var K3=3,Y6=2,G3=9;function K6(J){return J.type===K3&&J.data?.source===G3}function U3(J){return J.some(K6)||J.some((z)=>z.type===Y6&&G6(z.data.node))}function G6(J){if(!J)return!1;if(J.attributes&&"rr_dataURL"in J.attributes)return!0;return(J.childNodes??[]).some(G6)}function U6(J){if(!J)return;if(J.attributes&&"rr_dataURL"in J.attributes)delete J.attributes.rr_dataURL;for(let z of J.childNodes??[])U6(z)}function q3(J){let z=[];for(let $ of J){if(K6($))continue;if($.type===Y6)U6($.data.node);z.push($)}return z}var H3=new Set([502,503,504]);class H0 extends Error{kind;retryAfter;status;constructor(J,z,$,j){super(J);this.kind=z;this.retryAfter=$;this.status=j;this.name="ReportError"}}function D3(J){let{screenshotDataUrl:z,replay:$,...j}=J;return{dataUri:`data:application/json;base64,${Z1(new TextEncoder().encode(JSON.stringify(j)))}`,filename:"debug-bundle.json"}}async function F2(){let J=M().identity;if(!J)return{};try{let z=await J();return z?{authorization:`Bearer ${z}`}:{}}catch{return{}}}async function q6(J,z){let $=M(),j=Q6(z,j6),{context:Q,note:Z}=j,V=[];if(j.screenshotDataUrl){let _=await x1(j.screenshotDataUrl);V.push({dataUri:_,filename:"screenshot.jpg"})}V.push(D3(j));let W,U=t0();if(U){let _=await W6(j.replay,U.maxBytes);if(W=_.summary,"dataUri"in _)V.push({dataUri:_.dataUri,filename:_.filename})}let q=$6(j),C={title:J,description:Z.trim()||void 0,appName:q0().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:q0().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,...W?{replay:W}:{}},attachments:V,...j.reason.fromChat?{fromChat:!0}:{}},F=await fetch(`${$.host.replace(/\/$/,"")}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":$.realmKey,...await F2()},body:JSON.stringify(C)}).catch(()=>{throw new H0("report never left the browser","offline")});if(!F.ok)throw await B2(F);return await F.json()}async function B2(J){let z=J.headers.get("retry-after"),$=await J.json().then((j)=>j.error).catch(()=>null);if(J.status===429)return new H0("rate limited","rateLimited",z??void 0);if(H3.has(J.status))return new H0("desk unavailable","unavailable");return new H0($??`Report failed (${J.status})`,"rejected",void 0,J.status)}var f1=null,X1=null,H6=()=>M().host.replace(/\/$/,"");function N2(){return f1}function b0(){if(X1)return X1;return X1=(async()=>{try{let J=await fetch(`${H6()}/ingest/request-types`,{headers:{"x-realm-key":M().realmKey}}),z=J.ok?await J.json():null;f1=Array.isArray(z?.types)?z.types.filter(P3):[]}catch{f1=[],X1=null}return f1??[]})(),X1}function P3(J){let z=J;return!!z&&typeof z.id==="string"&&typeof z.name==="string"}async function D6(J){let z=M(),$={};try{$=z.user?.()??{}}catch{$={}}let j=typeof window>"u"?null:window.location,Q={title:J.title,description:J.description.trim()||void 0,ticketTypeId:J.ticketTypeId,appName:q0().name,category:j?C1(j.pathname)?.label:void 0,routeUrl:j?.href,priority:"MEDIUM",requesterEmail:$.email??void 0,requesterName:$.fullName??void 0,attachments:J.screenshotDataUrl?[{dataUri:await x1(J.screenshotDataUrl),filename:"screenshot.jpg"}]:void 0},Z=await fetch(`${H6()}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":z.realmKey,...await F2()},body:JSON.stringify(Q)}).catch(()=>{throw new H0("request never left the browser","offline")});if(!Z.ok)throw await B2(Z);return await Z.json()}var V1=Math.PI/6;function P6(J,z,$){let j=z.x-J.x,Q=z.y-J.y,Z=Math.hypot(j,Q),V=Math.atan2(Q,j),W=[{x:z.x,y:z.y},{x:z.x-$*Math.cos(V-V1),y:z.y-$*Math.sin(V-V1)},{x:z.x-$*Math.cos(V+V1),y:z.y-$*Math.sin(V+V1)}],U=$*Math.cos(V1)*0.92;if(Z<=U)return{shaft:null,head:W};return{shaft:{from:J,to:{x:z.x-U*Math.cos(V),y:z.y-U*Math.sin(V)}},head:W}}var _2="#f44336",M3="rgba(250, 204, 21, 0.4)",I2=22,M6="#2563eb",F6=9,B6=11,N6=18,_6=4,w1=8,F3=[{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 I6(J,z,$){let j=[],Q=null,Z=-1,V=null,W=null,U=J.getContext("2d");function q(){let X=J.getBoundingClientRect().width;return X>0?J.width/X:1}function C(X){let Y=J.getBoundingClientRect();return{x:(X.clientX-Y.left)/Y.width*J.width,y:(X.clientY-Y.top)/Y.height*J.height}}function F(X){let Y=X.size??I2;if(!U)return(X.text?.length??0)*Y*0.6;U.save(),U.font=`600 ${Y}px system-ui, sans-serif`;let G=U.measureText(X.text??"").width;return U.restore(),G}function _(X){if(X.tool==="text"){let Y=X.size??I2;return{left:X.x1,top:X.y1,right:X.x1+F(X),bottom:X.y1+Y*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 x(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 Y=_(X);if(X.tool==="text")return[{id:"size",x:Y.right,y:Y.bottom,cursor:"nwse-resize"}];return F3.map((G)=>({id:G.id,x:Y.left+(Y.right-Y.left)*G.fx,y:Y.top+(Y.bottom-Y.top)*G.fy,cursor:G.cursor}))}function A(X){let Y=_(X);return{x:Y.right+N6*q(),y:Y.top-N6*q()}}function h(X,Y,G){let{shaft:K,head:H}=P6({x:Y.x1,y:Y.y1},{x:Y.x2,y:Y.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 r(X,Y,G){X.save(),X.lineWidth=Math.max(2,3*G),X.strokeStyle=_2,X.fillStyle=_2;let K=_(Y);if(Y.tool==="rect")X.strokeRect(K.left,K.top,K.right-K.left,K.bottom-K.top);else if(Y.tool==="arrow")h(X,Y,G);else if(Y.tool==="highlight")X.fillStyle=M3,X.fillRect(K.left,K.top,K.right-K.left,K.bottom-K.top);else if(Y.tool==="text"&&Y.text){let H=Y.size??I2;X.font=`600 ${H}px system-ui, sans-serif`,X.textBaseline="top";let P=H*0.22;X.fillStyle="rgba(255,255,255,0.92)",X.fillRect(K.left-P,K.top-P,K.right-K.left+P*2,K.bottom-K.top+P*2),X.fillStyle=_2,X.fillText(Y.text,K.left,K.top)}X.restore()}function f(X,Y,G){let K=_(Y);X.save(),X.strokeStyle=M6,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=F6*G;for(let i of x(Y))X.fillStyle="#fff",X.strokeStyle=M6,X.lineWidth=Math.max(1,1.5*G),X.beginPath(),X.rect(i.x-H/2,i.y-H/2,H,H),X.fill(),X.stroke();let P=A(Y),O=B6*G;X.beginPath(),X.arc(P.x,P.y,O,0,Math.PI*2),X.fillStyle="#dc2626",X.fill(),X.strokeStyle="#fff",X.lineWidth=Math.max(1.5,2*G),X.beginPath(),X.moveTo(P.x-O*0.4,P.y-O*0.4),X.lineTo(P.x+O*0.4,P.y+O*0.4),X.moveTo(P.x+O*0.4,P.y-O*0.4),X.lineTo(P.x-O*0.4,P.y+O*0.4),X.stroke(),X.restore()}function N(){if(!U)return;let X=q();if(U.clearRect(0,0,J.width,J.height),U.drawImage(z,0,0,J.width,J.height),j.forEach((G,K)=>{if(K!==Q0)r(U,G,X)}),V)r(U,V,X);let Y=j[Z];if(Y&&!V)f(U,Y,X)}function a(X,Y,G,K,H){return Math.abs(X-G)<=H&&Math.abs(Y-K)<=H}function j0(X,Y){let G=j[Z];if(!G)return null;let K=F6*q()/2+3*q();for(let H of x(G))if(a(X,Y,H.x,H.y,K))return H.id;return null}function y(X,Y){let G=j[Z];if(!G)return!1;let K=A(G);return a(X,Y,K.x,K.y,B6*q())}function u(X,Y){let G=6*q();for(let K=j.length-1;K>=0;K-=1){let H=j[K];if(H.tool==="arrow"){let O=H.x2-H.x1,i=H.y2-H.y1,V0=Math.hypot(O,i)||1,D=Math.max(0,Math.min(1,((X-H.x1)*O+(Y-H.y1)*i)/(V0*V0)));if(Math.hypot(X-(H.x1+D*O),Y-(H.y1+D*i))<=G+4*q())return K;continue}let P=_(H);if(X>=P.left-G&&X<=P.right+G&&Y>=P.top-G&&Y<=P.bottom+G)return K}return-1}function E(X,Y,G,K,H){if(Y==="tail"){X.x1=G.x1+K,X.y1=G.y1+H;return}if(Y==="head"){X.x2=G.x2+K,X.y2=G.y2+H;return}if(Y==="size"){let L=(G.size??24)+H;X.size=Math.max(10,L);return}let P=_(G),{left:O,top:i,right:V0,bottom:D}=P;if(Y.includes("w"))O=Math.min(V0-w1,O+K);if(Y.includes("e"))V0=Math.max(O+w1,V0+K);if(Y.includes("n"))i=Math.min(D-w1,i+H);if(Y.includes("s"))D=Math.max(i+w1,D+H);X.x1=O,X.y1=i,X.x2=V0,X.y2=D}function E0(X,Y,G,K){X.x1=Y.x1+G,X.y1=Y.y1+K,X.x2=Y.x2+G,X.y2=Y.y2+K}let k=null,Q0=-1,R={x:0,y:0,size:24};function p(){let X=J.getBoundingClientRect().width;return X>0?X/J.width:1}function N1(X,Y){if(!U)return X.length*Y*0.6;U.save(),U.font=`600 ${Y}px system-ui, sans-serif`;let G=U.measureText(X||" ").width;return U.restore(),G}function f0(){if(!k)return;let X=J.parentElement;if(!X)return;let Y=J.getBoundingClientRect(),G=X.getBoundingClientRect(),K=p(),H=R.size*K;k.style.left=`${Y.left-G.left+R.x*K}px`,k.style.top=`${Y.top-G.top+R.y*K}px`,k.style.fontSize=`${H}px`,k.style.width=`${Math.max(40,N1(k.value,H)+H)}px`}function P0(X){let Y=k;if(!Y)return;k=null;let G=Y.value.trim(),K=Q0;if(Q0=-1,Y.remove(),X&&G){if(K>=0&&j[K])j[K].text=G,Z=K;else j.push({tool:"text",x1:R.x,y1:R.y,x2:R.x,y2:R.y,text:G,size:R.size}),Z=j.length-1;$()}else if(K>=0)Z=K;J.focus(),N()}function U0(X,Y,G=-1){P0(!0);let K=J.parentElement;if(!K)return;if(getComputedStyle(K).position==="static")K.style.position="relative";let H=G>=0?j[G]:void 0;Q0=G,R={x:H?.x1??X,y:H?.y1??Y,size:H?.size??Math.round(24*q())};let P=document.createElement("input");P.type="text",P.className="text-edit",P.value=H?.text??"",P.setAttribute("aria-label","ข้อความบนภาพ"),P.placeholder="ข้อความ",k=P,K.append(P),f0(),P.addEventListener("input",f0),P.addEventListener("keydown",(O)=>{if(O.stopPropagation(),O.key==="Enter")P0(!0);else if(O.key==="Escape")P0(!1)}),requestAnimationFrame(()=>{if(k!==P)return;P.focus(),P.select(),P.addEventListener("blur",()=>P0(!0))}),N()}function Z0(X){let{x:Y,y:G}=C(X);if(J.setPointerCapture(X.pointerId),y(Y,G)){X0();return}let K=j0(Y,G);if(K&&j[Z]){W={grip:K,x:Y,y:G,start:{...j[Z]}};return}if(Q==="text"){if(X.preventDefault(),J.hasPointerCapture(X.pointerId))J.releasePointerCapture(X.pointerId);Q=null,$(),U0(Y,G);return}if(Q){V={tool:Q,x1:Y,y1:G,x2:Y,y2:G},Z=-1;return}let H=u(Y,G);Z=H,W=H>=0?{grip:"body",x:Y,y:G,start:{...j[H]}}:null,N()}function w0(X){let{x:Y,y:G}=C(X);if(V){V.x2=Y,V.y2=G,N();return}if(W){let H=j[Z];if(!H)return;let P=Y-W.x,O=G-W.y;if(W.grip==="body")E0(H,W.start,P,O);else E(H,W.grip,W.start,P,O);N();return}if(Q){J.style.cursor="crosshair";return}if(y(Y,G)){J.style.cursor="pointer";return}let K=j0(Y,G);if(K){let H=j[Z]?x(j[Z]).find((P)=>P.id===K):null;J.style.cursor=H?.cursor??"pointer";return}J.style.cursor=u(Y,G)>=0?"move":"default"}function R0(){if(V){if(!(Math.abs(V.x2-V.x1)<_6&&Math.abs(V.y2-V.y1)<_6))j.push(V),Z=j.length-1,Q=null,$();V=null}if(W)W=null,$();N()}function M0(X){let Y=J.getBoundingClientRect(),G=(X.clientX-Y.left)/Y.width*J.width,K=(X.clientY-Y.top)/Y.height*J.height,H=u(G,K),P=j[H];if(!P||P.tool!=="text")return;X.preventDefault(),U0(P.x1,P.y1,H)}function F0(X){if(Z<0)return;if(X.key==="Delete"||X.key==="Backspace")X.preventDefault(),X0();else if(X.key==="Escape")X.preventDefault(),Z=-1,N()}function X0(){if(Z<0)return;j.splice(Z,1),Z=-1,$(),N()}return J.addEventListener("pointerdown",Z0),J.addEventListener("pointermove",w0),J.addEventListener("pointerup",R0),J.addEventListener("pointercancel",R0),J.addEventListener("dblclick",M0),J.tabIndex=0,J.addEventListener("keydown",F0),N(),{setTool(X){Q=X,Z=-1,J.style.cursor=X?"crosshair":"default",N()},deleteSelected:X0,clear(){j.length=0,Z=-1,$(),N()},hasShapes:()=>j.length>0,hasSelection:()=>Z>=0,toDataUrl(){let X=document.createElement("canvas");X.width=z.naturalWidth,X.height=z.naturalHeight;let Y=X.getContext("2d");if(!Y)return J.toDataURL("image/png");Y.drawImage(z,0,0);let G=q();for(let K of j)r(Y,K,G);return X.toDataURL("image/png")},destroy(){P0(!1),J.removeEventListener("pointerdown",Z0),J.removeEventListener("pointermove",w0),J.removeEventListener("pointerup",R0),J.removeEventListener("pointercancel",R0),J.removeEventListener("dblclick",M0),J.removeEventListener("keydown",F0)}}}var B3=["keydown","keyup","keypress"];function u0(J){for(let z of B3)J.addEventListener(z,($)=>$.stopPropagation())}var C6=`
|
|
33
|
+
`,S2=null;function U5(){if(typeof document>"u")return null;if(S2?.isConnected)return S2;let J=document.createElement(Y5);J.dataset.debugReporter="true";let $=J.attachShadow({mode:"open"}),z=document.createElement("style");z.textContent=q5;let j=document.createElement("div");return j.className="stack",j.setAttribute("role","status"),j.setAttribute("aria-live","polite"),$.append(z,j),document.body.append(J),S2=j,j}function i0(J,$="success",z){let j=k1()?P().toast:void 0;if(j){j({message:J,tone:$,...z?{action:z}:{}});return}let Q=U5();if(!Q)return;let Z=document.createElement("div");Z.className="toast",Z.dataset.tone=$;let X=document.createElement("span");X.className="dot";let W=document.createElement("span");W.textContent=J;let Y=document.createElement("button");Y.type="button",Y.className="close",Y.textContent="✕",Y.setAttribute("aria-label","ปิด");let q=()=>{window.clearTimeout(B),Z.remove()};Y.addEventListener("click",q);let B=$==="error"||z?0:window.setTimeout(q,G5);if(Z.append(X,W),z){let F=document.createElement("button");F.type="button",F.className="action",F.textContent=z.label,F.addEventListener("click",()=>{q(),z.onClick()}),Z.append(F)}Z.append(Y),Q.append(Z)}function D6(J,$,z){let j=J.filter((Z)=>Boolean(Z.error)||Z.status!=null&&Z.status>=400).slice(-20).map((Z)=>({method:Z.method,url:Z.url,status:Z.status,error:Z.error,at:Z.startedAt})),Q=$.filter((Z)=>Z.level==="error"||Z.level==="exception"||Z.level==="unhandledrejection").slice(-20).map((Z)=>Z.message);return{failedRequests:j,errors:Q,erroredQueries:z.slice(0,20)}}function D5(){let J={memoryUsedMb:null,memoryLimitMb:null,domContentLoadedMs:null,loadEventMs:null};if(typeof performance>"u")return J;let $=performance.memory;if($)J.memoryUsedMb=Math.round($.usedJSHeapSize/1024/1024),J.memoryLimitMb=Math.round($.jsHeapSizeLimit/1024/1024);let[z]=performance.getEntriesByType("navigation");if(z)J.domContentLoadedMs=Math.round(z.domContentLoadedEventEnd),J.loadEventMs=Math.round(z.loadEventEnd);return J}function R2(J,$){if(!J)return $;try{return J()}catch{return $}}function H6(){let J=P(),{pathname:$,search:z,href:j}=window.location;return{capturedAt:new Date().toISOString(),route:{href:j,pathname:$,search:z},module:f1($),user:R2(J.user,{}),apiHeaders:V1(R2(J.headers,{})),app:{name:P0().name,version:P0().version,environment:P0().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:D5(),extra:R2(J.extra,{})}}var H5=2;function b1(J){let $=W6(),z=u4();return{context:H6(),reason:J.reason,note:J.note,cause:D6($,z,J.erroredQueries),actionTrail:y4(),network:$,console:z,screenshotDataUrl:J.screenshotDataUrl,screenshotMethod:J.screenshotMethod,replay:U6()??void 0,meta:{generatedBy:"lightwork-debug-capture",schemaVersion:H5}}}async function A2(){if(typeof navigator<"u"&&Boolean(navigator.mediaDevices?.getDisplayMedia)){let z=await M5();if(z.status==="ok")return{dataUrl:z.dataUrl,method:"display-media"};if(z.status==="cancelled")return{dataUrl:null,method:"cancelled"}}let $=await F5();if($)return{dataUrl:$,method:"html-to-image"};return{dataUrl:null,method:"none"}}async function M5(){let J=null;try{let $={video:{frameRate:30},audio:!1,preferCurrentTab:!0,selfBrowserSurface:"include",surfaceSwitching:"exclude"};J=await navigator.mediaDevices.getDisplayMedia($);let z=await P5(J);return z?{status:"ok",dataUrl:z}:{status:"error"}}catch($){if($ instanceof DOMException&&($.name==="NotAllowedError"||$.name==="AbortError"))return{status:"cancelled"};return{status:"error"}}finally{J?.getTracks().forEach(($)=>$.stop())}}async function P5(J){let $=document.createElement("video");$.srcObject=J,$.muted=!0,$.playsInline=!0,await new Promise((X)=>{let W=!1,Y=()=>{if(W)return;W=!0,X()};$.onloadedmetadata=()=>{$.play().then(Y).catch(Y)},window.setTimeout(Y,1500)}),await B5($);let{videoWidth:z,videoHeight:j}=$;if(!z||!j)return null;let Q=document.createElement("canvas");Q.width=z,Q.height=j;let Z=Q.getContext("2d");if(!Z)return null;Z.drawImage($,0,0,z,j),$.pause(),$.srcObject=null;try{return Q.toDataURL("image/png")}catch{return null}}function B5(J){return new Promise(($)=>{let z=!1,j=()=>{if(z)return;z=!0,$()},Q=J;if(typeof Q.requestVideoFrameCallback==="function")Q.requestVideoFrameCallback(()=>j()),window.setTimeout(j,1000);else window.setTimeout(j,250)})}async function F5(){let J=P().screenshotFallback;if(!J)return null;let $=await J().catch(()=>null);if(!$)return null;try{return await $(document.body,{cacheBust:!0,pixelRatio:Math.min(window.devicePixelRatio||1,2),filter:(z)=>!(z instanceof HTMLElement&&z.dataset?.debugReporter==="true")})}catch{return null}}var N5=2000,_5=0.82,I5=3000000;function C5(J){return new Promise(($,z)=>{let j=new Image;j.onload=()=>$(j),j.onerror=()=>z(Error("could not read the screenshot")),j.src=J})}async function u1(J){try{let $=await C5(J),z=Math.max($.naturalWidth,$.naturalHeight),j=Math.min(1,N5/z),Q=document.createElement("canvas");Q.width=Math.max(1,Math.round($.naturalWidth*j)),Q.height=Math.max(1,Math.round($.naturalHeight*j));let Z=Q.getContext("2d");if(!Z)return J;Z.fillStyle="#fff",Z.fillRect(0,0,Q.width,Q.height),Z.drawImage($,0,0,Q.width,Q.height);let X=_5,W=Q.toDataURL("image/jpeg",X);while(W.length>I5&&X>0.4)X-=0.15,W=Q.toDataURL("image/jpeg",X);return W}catch{return J}}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 M6(J){if(J.reason.type==="manual")return null;let $=J.cause?.failedRequests?.[0];if(!$?.url)return null;let z;try{z=new URL($.url,"http://x").pathname}catch{z=$.url}let j=z.split("/").map((Z)=>O5.test(Z)||L5.test(Z)||S5.test(Z)?":id":Z).join("/"),Q=$.status??($.error?"ERR":"?");return`${$.method??"REQ"} ${j} ${Q}`}var P6=2000000;function p1(J){let{screenshotDataUrl:$,replay:z,...j}=J;return JSON.stringify(j).length}function B6(J,$=2000000){if(p1(J)<=$)return J;let z=J.network.map((Q)=>({...Q})),j={...J,network:z};for(let Q of z){if(p1(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&&p1(j)>$)j.network=j.network.slice(1);while(j.console.length>1&&p1(j)>$)j.console=j.console.slice(1);return j}function G1(J){let $="";for(let z=0;z<J.length;z+=32768)$+=String.fromCharCode(...J.subarray(z,z+32768));return btoa($)}var R5=4,A5=2,T5=3,x5=0,E5=new Set(["href","src","action","formaction","xlink:href","data","poster","srcset"]),k5=/^\s*javascript:/i;function f5(J,$){let z=J.toLowerCase();if(z.startsWith("on")||z==="srcdoc")return!0;return typeof $==="string"&&k5.test($)}function F6(J,$=!1){if(!J)return;for(let z of Object.keys(J)){let j=J[z];if(f5(z,j)){if($)J[z]=null;else delete J[z];continue}if(typeof j!=="string"||!E5.has(z)||!j.includes("?"))continue;J[z]=L0(j)}}function T2(J){if(!J)return;F6(J.attributes);for(let $ of J.childNodes??[])T2($)}function N6(J){let $=JSON.parse(JSON.stringify(J));for(let z of $){let j=z.data;if(!j||typeof j!=="object")continue;if(z.type===R5&&typeof j.href==="string")j.href=L0(j.href);else if(z.type===A5)T2(j.node);else if(z.type===T5&&j.source===x5){for(let Q of j.adds??[])T2(Q.node);for(let Q of j.attributes??[])F6(Q.attributes,!0)}}return $}var w5="session-replay.json.gz",y5="session-replay.json";function v5(J){return Boolean(J&&J.events.length>0)}async function g5(J){if(typeof CompressionStream>"u")return null;try{let $=new Blob([J]).stream().pipeThrough(new CompressionStream("gzip"));return new Uint8Array(await new Response($).arrayBuffer())}catch{return null}}async function I6(J,$){if(!v5(J))return{summary:{omitted:"empty"}};let j={seconds:Math.round(J.durationMs/1000),events:J.events.length,startedAt:J.startedAt,endedAt:J.endedAt},Q=N6(J.events),Z=await _6(Q),X=!1;if(Z.bytes.byteLength>$&&b5(Q))Q=u5(Q),Z=await _6(Q),X=!0;let{bytes:W,compressed:Y}=Z;if(W.byteLength>$)return{summary:{...j,bytes:W.byteLength,omitted:"too-large"}};return{dataUri:`data:${Y?"application/gzip":"application/json"};base64,${G1(W)}`,filename:Y?w5:y5,summary:{...j,events:Q.length,bytes:W.byteLength,compressed:Y,...X?{canvasDropped:X}:{}}}}async function _6(J){let $=new TextEncoder().encode(JSON.stringify({events:J})),z=await g5($);return z?{bytes:z,compressed:!0}:{bytes:$,compressed:!1}}var m5=3,C6=2,h5=9;function O6(J){return J.type===m5&&J.data?.source===h5}function b5(J){return J.some(O6)||J.some(($)=>$.type===C6&&L6($.data.node))}function L6(J){if(!J)return!1;if(J.attributes&&"rr_dataURL"in J.attributes)return!0;return(J.childNodes??[]).some(L6)}function S6(J){if(!J)return;if(J.attributes&&"rr_dataURL"in J.attributes)delete J.attributes.rr_dataURL;for(let $ of J.childNodes??[])S6($)}function u5(J){let $=[];for(let z of J){if(O6(z))continue;if(z.type===C6)S6(z.data.node);$.push(z)}return $}var p5=new Set([502,503,504]);class B0 extends Error{kind;retryAfter;status;constructor(J,$,z,j){super(J);this.kind=$;this.retryAfter=z;this.status=j;this.name="ReportError"}}function d5(J){let{screenshotDataUrl:$,replay:z,...j}=J;return{dataUri:`data:application/json;base64,${G1(new TextEncoder().encode(JSON.stringify(j)))}`,filename:"debug-bundle.json"}}async function x2(){let J=P().identity;if(!J)return{};try{let $=await J();return $?{authorization:`Bearer ${$}`}:{}}catch{return{}}}async function R6(J,$){let z=P(),j=B6($,P6),{context:Q,note:Z}=j,X=[];if(j.screenshotDataUrl){let C=await u1(j.screenshotDataUrl);X.push({dataUri:C,filename:"screenshot.jpg"})}X.push(d5(j));let W,Y=Q1();if(Y){let C=await I6(j.replay,Y.maxBytes);if(W=C.summary,"dataUri"in C)X.push({dataUri:C.dataUri,filename:C.filename})}let q=M6(j),B={title:J,description:Z.trim()||void 0,appName:P0().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:P0().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,...W?{replay:W}:{}},attachments:X,...j.reason.fromChat?{fromChat:!0}:{}},F=await fetch(`${z.host.replace(/\/$/,"")}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":z.realmKey,...await x2()},body:JSON.stringify(B)}).catch(()=>{throw new B0("report never left the browser","offline")});if(!F.ok)throw await E2(F);return await F.json()}async function E2(J){let $=J.headers.get("retry-after"),z=await J.json().then((j)=>j.error).catch(()=>null);if(J.status===429)return new B0("rate limited","rateLimited",$??void 0);if(p5.has(J.status))return new B0("desk unavailable","unavailable");return new B0(z??`Report failed (${J.status})`,"rejected",void 0,J.status)}var d1=null,q1=null,A6=()=>P().host.replace(/\/$/,"");function k2(){return d1}function c0(){if(q1)return q1;return q1=(async()=>{try{let J=await fetch(`${A6()}/ingest/request-types`,{headers:{"x-realm-key":P().realmKey}}),$=J.ok?await J.json():null;d1=Array.isArray($?.types)?$.types.filter(i5):[]}catch{d1=[],q1=null}return d1??[]})(),q1}function i5(J){let $=J;return!!$&&typeof $.id==="string"&&typeof $.name==="string"}async function T6(J){let $=P(),z={};try{z=$.user?.()??{}}catch{z={}}let j=typeof window>"u"?null:window.location,Q={title:J.title,description:J.description.trim()||void 0,ticketTypeId:J.ticketTypeId,appName:P0().name,category:j?f1(j.pathname)?.label:void 0,routeUrl:j?.href,priority:"MEDIUM",requesterEmail:z.email??void 0,requesterName:z.fullName??void 0,attachments:J.screenshotDataUrl?[{dataUri:await u1(J.screenshotDataUrl),filename:"screenshot.jpg"}]:void 0},Z=await fetch(`${A6()}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":$.realmKey,...await x2()},body:JSON.stringify(Q)}).catch(()=>{throw new B0("request never left the browser","offline")});if(!Z.ok)throw await E2(Z);return await Z.json()}var U1=Math.PI/6;function x6(J,$,z){let j=$.x-J.x,Q=$.y-J.y,Z=Math.hypot(j,Q),X=Math.atan2(Q,j),W=[{x:$.x,y:$.y},{x:$.x-z*Math.cos(X-U1),y:$.y-z*Math.sin(X-U1)},{x:$.x-z*Math.cos(X+U1),y:$.y-z*Math.sin(X+U1)}],Y=z*Math.cos(U1)*0.92;if(Z<=Y)return{shaft:null,head:W};return{shaft:{from:J,to:{x:$.x-Y*Math.cos(X),y:$.y-Y*Math.sin(X)}},head:W}}var f2="#f44336",c5="rgba(250, 204, 21, 0.4)",w2=22,E6="#2563eb",k6=9,f6=11,w6=18,y6=4,i1=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 v6(J,$,z){let j=[],Q=null,Z=-1,X=null,W=null,Y=J.getContext("2d");function q(){let V=J.getBoundingClientRect().width;return V>0?J.width/V:1}function B(V){let K=J.getBoundingClientRect();return{x:(V.clientX-K.left)/K.width*J.width,y:(V.clientY-K.top)/K.height*J.height}}function F(V){let K=V.size??w2;if(!Y)return(V.text?.length??0)*K*0.6;Y.save(),Y.font=`600 ${K}px system-ui, sans-serif`;let U=Y.measureText(V.text??"").width;return Y.restore(),U}function C(V){if(V.tool==="text"){let K=V.size??w2;return{left:V.x1,top:V.y1,right:V.x1+F(V),bottom:V.y1+K*1.25}}return{left:Math.min(V.x1,V.x2),top:Math.min(V.y1,V.y2),right:Math.max(V.x1,V.x2),bottom:Math.max(V.y1,V.y2)}}function g(V){if(V.tool==="arrow")return[{id:"tail",x:V.x1,y:V.y1,cursor:"move"},{id:"head",x:V.x2,y:V.y2,cursor:"move"}];let K=C(V);if(V.tool==="text")return[{id:"size",x:K.right,y:K.bottom,cursor:"nwse-resize"}];return l5.map((U)=>({id:U.id,x:K.left+(K.right-K.left)*U.fx,y:K.top+(K.bottom-K.top)*U.fy,cursor:U.cursor}))}function v(V){let K=C(V);return{x:K.right+w6*q(),y:K.top-w6*q()}}function h(V,K,U){let{shaft:G,head:D}=x6({x:K.x1,y:K.y1},{x:K.x2,y:K.y2},Math.max(10,16*U));if(G)V.lineCap="butt",V.beginPath(),V.moveTo(G.from.x,G.from.y),V.lineTo(G.to.x,G.to.y),V.stroke();V.beginPath(),V.moveTo(D[0].x,D[0].y),V.lineTo(D[1].x,D[1].y),V.lineTo(D[2].x,D[2].y),V.closePath(),V.fill()}function _(V,K,U){V.save(),V.lineWidth=Math.max(2,3*U),V.strokeStyle=f2,V.fillStyle=f2;let G=C(K);if(K.tool==="rect")V.strokeRect(G.left,G.top,G.right-G.left,G.bottom-G.top);else if(K.tool==="arrow")h(V,K,U);else if(K.tool==="highlight")V.fillStyle=c5,V.fillRect(G.left,G.top,G.right-G.left,G.bottom-G.top);else if(K.tool==="text"&&K.text){let D=K.size??w2;V.font=`600 ${D}px system-ui, sans-serif`,V.textBaseline="top";let M=D*0.22;V.fillStyle="rgba(255,255,255,0.92)",V.fillRect(G.left-M,G.top-M,G.right-G.left+M*2,G.bottom-G.top+M*2),V.fillStyle=f2,V.fillText(K.text,G.left,G.top)}V.restore()}function S(V,K,U){let G=C(K);V.save(),V.strokeStyle=E6,V.lineWidth=Math.max(1,1.5*U),V.setLineDash([6*U,4*U]),V.strokeRect(G.left,G.top,G.right-G.left,G.bottom-G.top),V.setLineDash([]);let D=k6*U;for(let n of g(K))V.fillStyle="#fff",V.strokeStyle=E6,V.lineWidth=Math.max(1,1.5*U),V.beginPath(),V.rect(n.x-D/2,n.y-D/2,D,D),V.fill(),V.stroke();let M=v(K),k=f6*U;V.beginPath(),V.arc(M.x,M.y,k,0,Math.PI*2),V.fillStyle="#dc2626",V.fill(),V.strokeStyle="#fff",V.lineWidth=Math.max(1.5,2*U),V.beginPath(),V.moveTo(M.x-k*0.4,M.y-k*0.4),V.lineTo(M.x+k*0.4,M.y+k*0.4),V.moveTo(M.x+k*0.4,M.y-k*0.4),V.lineTo(M.x-k*0.4,M.y+k*0.4),V.stroke(),V.restore()}function N(){if(!Y)return;let V=q();if(Y.clearRect(0,0,J.width,J.height),Y.drawImage($,0,0,J.width,J.height),j.forEach((U,G)=>{if(G!==$0)_(Y,U,V)}),X)_(Y,X,V);let K=j[Z];if(K&&!X)S(Y,K,V)}function b(V,K,U,G,D){return Math.abs(V-U)<=D&&Math.abs(K-G)<=D}function T(V,K){let U=j[Z];if(!U)return null;let G=k6*q()/2+3*q();for(let D of g(U))if(b(V,K,D.x,D.y,G))return D.id;return null}function x(V,K){let U=j[Z];if(!U)return!1;let G=v(U);return b(V,K,G.x,G.y,f6*q())}function O(V,K){let U=6*q();for(let G=j.length-1;G>=0;G-=1){let D=j[G];if(D.tool==="arrow"){let k=D.x2-D.x1,n=D.y2-D.y1,G0=Math.hypot(k,n)||1,H=Math.max(0,Math.min(1,((V-D.x1)*k+(K-D.y1)*n)/(G0*G0)));if(Math.hypot(V-(D.x1+H*k),K-(D.y1+H*n))<=U+4*q())return G;continue}let M=C(D);if(V>=M.left-U&&V<=M.right+U&&K>=M.top-U&&K<=M.bottom+U)return G}return-1}function L(V,K,U,G,D){if(K==="tail"){V.x1=U.x1+G,V.y1=U.y1+D;return}if(K==="head"){V.x2=U.x2+G,V.y2=U.y2+D;return}if(K==="size"){let f=(U.size??24)+D;V.size=Math.max(10,f);return}let M=C(U),{left:k,top:n,right:G0,bottom:H}=M;if(K.includes("w"))k=Math.min(G0-i1,k+G);if(K.includes("e"))G0=Math.max(k+i1,G0+G);if(K.includes("n"))n=Math.min(H-i1,n+D);if(K.includes("s"))H=Math.max(n+i1,H+D);V.x1=k,V.y1=n,V.x2=G0,V.y2=H}function m(V,K,U,G){V.x1=K.x1+U,V.y1=K.y1+G,V.x2=K.x2+U,V.y2=K.y2+G}let E=null,$0=-1,w={x:0,y:0,size:24};function p(){let V=J.getBoundingClientRect().width;return V>0?V/J.width:1}function H0(V,K){if(!Y)return V.length*K*0.6;Y.save(),Y.font=`600 ${K}px system-ui, sans-serif`;let U=Y.measureText(V||" ").width;return Y.restore(),U}function l(){if(!E)return;let V=J.parentElement;if(!V)return;let K=J.getBoundingClientRect(),U=V.getBoundingClientRect(),G=p(),D=w.size*G;E.style.left=`${K.left-U.left+w.x*G}px`,E.style.top=`${K.top-U.top+w.y*G}px`,E.style.fontSize=`${D}px`,E.style.width=`${Math.max(40,H0(E.value,D)+D)}px`}function _0(V){let K=E;if(!K)return;E=null;let U=K.value.trim(),G=$0;if($0=-1,K.remove(),V&&U){if(G>=0&&j[G])j[G].text=U,Z=G;else j.push({tool:"text",x1:w.x,y1:w.y,x2:w.x,y2:w.y,text:U,size:w.size}),Z=j.length-1;z()}else if(G>=0)Z=G;J.focus(),N()}function M0(V,K,U=-1){_0(!0);let G=J.parentElement;if(!G)return;if(getComputedStyle(G).position==="static")G.style.position="relative";let D=U>=0?j[U]:void 0;$0=U,w={x:D?.x1??V,y:D?.y1??K,size:D?.size??Math.round(24*q())};let M=document.createElement("input");M.type="text",M.className="text-edit",M.value=D?.text??"",M.setAttribute("aria-label","ข้อความบนภาพ"),M.placeholder="ข้อความ",E=M,G.append(M),l(),M.addEventListener("input",l),M.addEventListener("keydown",(k)=>{if(k.stopPropagation(),k.key==="Enter")_0(!0);else if(k.key==="Escape")_0(!1)}),requestAnimationFrame(()=>{if(E!==M)return;M.focus(),M.select(),M.addEventListener("blur",()=>_0(!0))}),N()}function K0(V){let{x:K,y:U}=B(V);if(J.setPointerCapture(V.pointerId),x(K,U)){Y0();return}let G=T(K,U);if(G&&j[Z]){W={grip:G,x:K,y:U,start:{...j[Z]}};return}if(Q==="text"){if(V.preventDefault(),J.hasPointerCapture(V.pointerId))J.releasePointerCapture(V.pointerId);Q=null,z(),M0(K,U);return}if(Q){X={tool:Q,x1:K,y1:U,x2:K,y2:U},Z=-1;return}let D=O(K,U);Z=D,W=D>=0?{grip:"body",x:K,y:U,start:{...j[D]}}:null,N()}function h0(V){let{x:K,y:U}=B(V);if(X){X.x2=K,X.y2=U,N();return}if(W){let D=j[Z];if(!D)return;let M=K-W.x,k=U-W.y;if(W.grip==="body")m(D,W.start,M,k);else L(D,W.grip,W.start,M,k);N();return}if(Q){J.style.cursor="crosshair";return}if(x(K,U)){J.style.cursor="pointer";return}let G=T(K,U);if(G){let D=j[Z]?g(j[Z]).find((M)=>M.id===G):null;J.style.cursor=D?.cursor??"pointer";return}J.style.cursor=O(K,U)>=0?"move":"default"}function k0(){if(X){if(!(Math.abs(X.x2-X.x1)<y6&&Math.abs(X.y2-X.y1)<y6))j.push(X),Z=j.length-1,Q=null,z();X=null}if(W)W=null,z();N()}function I0(V){let K=J.getBoundingClientRect(),U=(V.clientX-K.left)/K.width*J.width,G=(V.clientY-K.top)/K.height*J.height,D=O(U,G),M=j[D];if(!M||M.tool!=="text")return;V.preventDefault(),M0(M.x1,M.y1,D)}function C0(V){if(Z<0)return;if(V.key==="Delete"||V.key==="Backspace")V.preventDefault(),Y0();else if(V.key==="Escape")V.preventDefault(),Z=-1,N()}function Y0(){if(Z<0)return;j.splice(Z,1),Z=-1,z(),N()}return J.addEventListener("pointerdown",K0),J.addEventListener("pointermove",h0),J.addEventListener("pointerup",k0),J.addEventListener("pointercancel",k0),J.addEventListener("dblclick",I0),J.tabIndex=0,J.addEventListener("keydown",C0),N(),{setTool(V){Q=V,Z=-1,J.style.cursor=V?"crosshair":"default",N()},deleteSelected:Y0,clear(){j.length=0,Z=-1,z(),N()},hasShapes:()=>j.length>0,hasSelection:()=>Z>=0,toDataUrl(){let V=document.createElement("canvas");V.width=$.naturalWidth,V.height=$.naturalHeight;let K=V.getContext("2d");if(!K)return J.toDataURL("image/png");K.drawImage($,0,0);let U=q();for(let G of j)_(K,G,U);return V.toDataURL("image/png")},destroy(){_0(!1),J.removeEventListener("pointerdown",K0),J.removeEventListener("pointermove",h0),J.removeEventListener("pointerup",k0),J.removeEventListener("pointercancel",k0),J.removeEventListener("dblclick",I0),J.removeEventListener("keydown",C0)}}}var r5=["keydown","keyup","keypress"];function l0(J){for(let $ of r5)J.addEventListener($,(z)=>z.stopPropagation())}var g6=`
|
|
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 W1="lw-debug-reporter",_0=null;function N3(J,z){if(J instanceof H0){if(J.kind==="offline")return z.failedOffline;if(J.kind==="unavailable")return z.failedUnavailable;if(J.kind==="rateLimited")return z.failedTooMany.replace("{seconds}",J.retryAfter??"60");return J.message||z.failed}return z.failed}var _3=()=>[];var I3=[{tool:"rect",key:"toolRect"},{tool:"arrow",key:"toolArrow"},{tool:"highlight",key:"toolHighlight"},{tool:"text",key:"toolText"}];function C3(){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"}),u0(this.root),this.root.addEventListener("keydown",(z)=>{let $=z;if($.key!=="Escape"||$.defaultPrevented||!this.root.querySelector("[role=dialog]"))return;$.preventDefault(),this.close()})}connectedCallback(){this.dataset.debugReporter="true",this.stop=E4((z)=>void this.open(z))}disconnectedCallback(){this.stop?.(),this.stop=null,this.close()}async open(z){if(this.busy)return;this.busy=!0;let $=document.activeElement;this.returnFocus=$ instanceof HTMLElement&&$!==document.body?$:null;let j=c(M().locale),Q=N2();if(Q===null)b0();if(z.type==="manual"&&Q?.length){this.renderChooser(j,z);return}await this.report(z,j)}renderChooser(z,$){let j=this.shell(z);j.classList.add("narrow"),j.setAttribute("aria-label",z.chooseTitle);let Q=I("div","head"),Z=e("✕","icon");Z.setAttribute("aria-label",z.close),Z.addEventListener("click",()=>this.close()),Q.append(I("h2","",z.chooseTitle),Z);let V=R6("problem",L3,z.kindProblem,z.chooseProblemHint);V.dataset.choose="problem",V.addEventListener("click",()=>{this.root.replaceChildren(),this.report($,z)});let W=R6("request",L6,z.kindRequest,z.chooseRequestHint);W.dataset.choose="request",W.addEventListener("click",()=>{this.bundle=k1({reason:$,note:"",screenshotDataUrl:null,screenshotMethod:"none",erroredQueries:C2()}),this.renderForm(z,$,"request")});let U=I("div","kinds choose");U.append(V,W),U.addEventListener("keydown",(q)=>{if(!O6.includes(q.key))return;q.preventDefault(),(this.root.activeElement===V?W:V).focus()}),j.append(Q,U),V.focus()}async switchToReport(z,$,j){this.root.replaceChildren();let Q=await P2();if(Q.method==="cancelled"){this.renderForm(z,$,"request",{...j,asking:!0});return}this.bundle=k1({reason:$,note:"",screenshotDataUrl:Q.dataUrl,screenshotMethod:Q.method,erroredQueries:C2()}),this.renderForm(z,$,"problem",j)}async report(z,$){let j=await P2();if(j.method==="cancelled"){this.close();return}this.bundle=k1({reason:z,note:"",screenshotDataUrl:j.dataUrl,screenshotMethod:j.method,erroredQueries:C2()}),this.renderForm($,z,"problem")}close(z=!1){if(z)_0=null;else if(this.keep)_0=this.keep()??_0;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(z){let $=document.createElement("style");$.textContent=C6;let j=document.createElement("div");j.className="backdrop";let Q=document.createElement("div");return Q.className="panel",Q.setAttribute("role","dialog"),Q.setAttribute("aria-modal","true"),Q.setAttribute("aria-label",z.title),j.append(Q),this.root.replaceChildren($,j),Q}renderShell(z,$){let j=this.shell(z),Q=I("div","head");Q.append(I("h2","",z.title)),j.append(Q,I("p","status",$))}renderForm(z,$,j,Q){let Z=this.bundle;if(!Z)return;let V=this.shell(z),W=j,U=j==="problem"||!!Z.screenshotDataUrl,q=null,C=I("div","head"),F=I("h2","",z.title),_=e("✕","icon");_.setAttribute("aria-label",z.close),_.addEventListener("click",()=>this.close()),C.append(F,_);let x=I("p","door");x.hidden=!0;let A=I("span"),h=e("","link");h.dataset.switchKind="",h.addEventListener("click",()=>Y(W==="problem"?"request":"problem")),x.append(A,h);let r=I("div","ask");r.hidden=!0;let f=document.createElement("input");f.type="search",f.className="type-search",f.placeholder=z.requestTypeSearch,f.setAttribute("aria-label",z.requestTypeSearch),f.dataset.requestTypeSearch="",f.hidden=!0;let N=I("div","types");N.setAttribute("role","radiogroup"),N.setAttribute("aria-label",z.requestTypeLabel);let a=I("p","status",z.requestTypeNone);a.hidden=!0;let j0=I("p","status type-count","");j0.hidden=!0,r.append(y1(z.requestTypeLabel,"",!0),f,N,a,j0);let y=[],u=()=>{for(let L of y){let B=L.dataset.requestType===q?.id;L.setAttribute("aria-checked",String(B)),L.tabIndex=B?0:-1}let D=y.find((L)=>L.dataset.requestType===q?.id);if(D&&N.scrollHeight>N.clientHeight){let L=D.offsetTop-N.offsetTop;if(L<N.scrollTop)N.scrollTop=L;else if(L+D.offsetHeight>N.scrollTop+N.clientHeight)N.scrollTop=L+D.offsetHeight-N.clientHeight}},E=document.createElement("input");E.type="text";let E0=y1(""),k=document.createElement("textarea"),Q0=y1(""),R=I("div","meta"),{context:p}=Z,N1=`${Z.network.length} network · ${Z.console.length} console · ${Z.actionTrail.length} actions${Z.replay?` · ${z.replay} ${Math.round(Z.replay.durationMs/1000)}s`:""}`,f0=(D,L)=>{let B=document.createElement("div"),S=document.createElement("b");S.textContent=`${D}: `;let g=document.createTextNode(L);return B.append(S,g),R.append(B),{b:S,v:g}};f0(z.reporter,`${p.user.fullName??"—"} (${p.user.email??"—"})`),f0(z.page,p.route.href);let P0=f0(z.captured,N1),U0=document.createElement("label");U0.className="shot-choice",U0.hidden=!0;let Z0=document.createElement("input");Z0.type="checkbox",Z0.checked=!0,Z0.dataset.requestShot="",U0.append(Z0,document.createTextNode(` ${z.requestWithShot}`));let w0=Z.screenshotDataUrl?this.screenshotSection(z,Z.screenshotDataUrl):[I("p","status",z.noScreenshot)],R0=Z.screenshotDataUrl?w0[0]:null;if(!Z.screenshotDataUrl)U0.replaceChildren();let M0=I("p","status",""),F0=e(z.submit,"primary"),X0=()=>{F0.disabled=E.value.trim().length===0||W==="request"&&!q};E.addEventListener("input",X0);let X=()=>{let D=W==="request";if(F.textContent=D?z.requestTitle:z.title,V.setAttribute("aria-label",D?z.requestTitle:z.title),A.textContent=`${D?z.problemInstead:z.askInstead} `,h.textContent=D?U?z.problemInsteadAction:z.problemInsteadShare:z.askInsteadAction,r.hidden=!D,g1(E0,D?z.requestSummaryLabel:z.summaryLabel,D?"":z.summaryRequired,!0),E.placeholder=D?z.requestSummaryPlaceholder:z.summaryPlaceholder,g1(Q0,D?z.requestDetailLabel:z.detailLabel),k.placeholder=D?z.requestDetailPlaceholder:z.detailPlaceholder,P0.b.textContent=`${D?z.requestLeaves:z.captured}: `,P0.v.textContent=D?z.requestLeavesWhat:N1,U0.hidden=!D||!Z.screenshotDataUrl,R0)g1(R0,D?z.requestAnnotateHint:z.annotateHint);for(let L of w0)L.classList.toggle("dropped",D&&!Z0.checked),L.hidden=D&&!Z.screenshotDataUrl;F0.textContent=D?z.requestSubmit:z.submit,X0()};Z0.addEventListener("change",X);let Y=(D)=>{if(D===W)return;if(D==="problem"&&!U){this.switchToReport(z,$,{title:E.value,detail:k.value,asking:!1,typeId:q?.id??null});return}W=D,X()},G=(D)=>{if(this.bundle!==Z||$.type!=="manual"||!D.length)return;q=D[0],y.length=0;for(let B of D){let S=e("","type");S.setAttribute("role","radio"),S.dataset.requestType=B.id;let g=I("span","type-body");if(g.append(I("b","",B.name)),B.description)g.append(I("span","type-hint",B.description));if(B.targetHours){let y0=I("span","type-due");y0.append(v1(S3),document.createTextNode(z.requestTarget.replace("{time}",O3(z,B.targetHours)))),g.append(y0)}S.append(v1(L6),g),S.addEventListener("click",()=>{q=B,u(),X0()}),y.push(S)}N.replaceChildren(...y),N.onkeydown=(B)=>{if(!O6.includes(B.key)||!q)return;B.preventDefault();let S=D.filter((T0,C8)=>!y[C8].hidden);if(!S.length)return;let g=S.findIndex((T0)=>T0.id===q.id),y0=B.key==="ArrowUp"||B.key==="ArrowLeft"?-1:1;q=S[g<0?0:(g+y0+S.length)%S.length],u(),y.find((T0)=>T0.dataset.requestType===q.id)?.focus()},N.classList.toggle("long",D.length>=O2),f.hidden=D.length<O2;let L=(B)=>{j0.hidden=D.length<O2||B===0,j0.textContent=z.requestTypeCount.replace("{n}",String(B))};L(D.length),f.oninput=()=>{let B=f.value.trim().toLowerCase(),S=null;if(D.forEach((g,y0)=>{let T0=!B||`${g.name} ${g.description}`.toLowerCase().includes(B);if(y[y0].hidden=!T0,T0&&!S)S=g}),a.hidden=!!S,L(y.filter((g)=>!g.hidden).length),S&&q&&y[D.indexOf(q)].hidden)q=S;u(),X0()},f.onkeydown=(B)=>{if(B.key==="ArrowDown"||B.key==="Enter")B.preventDefault(),y.find((S)=>S.dataset.requestType===q?.id&&!S.hidden)?.focus()},u(),x.hidden=!1,X()},K=Q??(_0&&(_0.title||_0.detail)?_0:null),H=I("p","draft");if(H.hidden=!K||!!Q,K){E.value=K.title,k.value=K.detail;let D=e(z.draftClear,"link");D.dataset.draftClear="",D.addEventListener("click",()=>{E.value="",k.value="",_0=null,H.hidden=!0,X0(),E.focus()}),H.append(document.createTextNode(`${z.draftRestored} · `),D)}let P=N2(),O=(D)=>{if(G(D),W!=="request"||x.hidden||!K?.typeId)return;let L=D.find((B)=>B.id===K.typeId);if(L)q=L,u()};if(P)O(P);else if($.type==="manual")b0().then(O);this.keep=()=>({title:E.value,detail:k.value,asking:W==="request",typeId:q?.id??null}),V.append(C,x,H,r,E0,E,Q0,k,R,U0,...w0);let i=I("div","foot"),V0=e(z.close);V0.addEventListener("click",()=>this.close()),i.append(V0,M0,I("span","grow"),F0),V.append(i),X(),F0.addEventListener("click",async()=>{F0.disabled=!0,M0.dataset.tone="",M0.textContent=z.submitting;let D=()=>this.annotator?.hasShapes()?this.annotator.toDataUrl():Z.screenshotDataUrl;try{if(W==="request"&&q){let S=await D6({ticketTypeId:q.id,title:E.value.trim(),description:k.value,screenshotDataUrl:Z0.checked?D():null}),g=this.dispatchEvent(new CustomEvent("lw-request-submitted",{detail:S,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(!0),g)m0(`${z.requestSubmitted} — #${S.number}`,"success");return}let L=await q6(E.value.trim(),{...Z,note:k.value,screenshotDataUrl:D()}),B=this.dispatchEvent(new CustomEvent("lw-report-submitted",{detail:L,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(!0),B)m0(`${z.submitted} — #${L.number}`,"success")}catch(L){let B=N3(L,z);M0.dataset.tone="error",M0.textContent=B,m0(B,"error"),X0()}}),E.focus()}screenshotSection(z,$){let j=y1(z.annotateHint),Q=I("div","tools"),Z=document.createElement("canvas"),V=I("div","shot");V.append(Z);let W=[],U=(_)=>{for(let x of W)x.setAttribute("aria-pressed",String(x===_))};for(let{tool:_,key:x}of I3){let A=e(z[x]);A.setAttribute("aria-pressed","false"),A.addEventListener("click",()=>{let h=A.getAttribute("aria-pressed")==="true";U(h?null:A),this.annotator?.setTool(h?null:_)}),W.push(A),Q.append(A)}Q.append(I("span","sep"));let q=e(z.deleteSelected);q.addEventListener("click",()=>this.annotator?.deleteSelected());let C=e(z.clearAll);C.addEventListener("click",()=>{this.annotator?.clear(),U(null)}),Q.append(q,C);let F=new Image;return F.onload=()=>{Z.width=F.naturalWidth,Z.height=F.naturalHeight,this.annotator=I6(Z,F,()=>{U(null),q.disabled=!this.annotator?.hasSelection()})},F.src=$,[j,Q,I("p","status",z.annotateHelp),V]}}}function C2(){try{return _3()}catch{return[]}}function I(J,z="",$=""){let j=document.createElement(J);if(z)j.className=z;if($)j.textContent=$;return j}function O3(J,z){return z>=24&&z%24===0?J.days.replace("{n}",String(z/24)):J.hours.replace("{n}",String(z))}var O6=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],O2=7,L3=[["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"}]],L6=[["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"}]],S3=[["circle",{cx:"12",cy:"12",r:"10"}],["path",{d:"M12 6v6l4 2"}]],R3=[["path",{d:"M20 6 9 17l-5-5"}]],S6="http://www.w3.org/2000/svg";function R6(J,z,$,j){let Q=e("","kind");Q.dataset.kind=J;let Z=I("span","kind-top");return Z.append(v1(z),I("b","",$)),Q.append(Z,I("span","kind-hint",j),v1(R3,"tick")),Q}function v1(J,z="icon"){let $=document.createElementNS(S6,"svg");for(let[j,Q]of Object.entries({viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",class:z}))$.setAttribute(j,Q);for(let[j,Q]of J){let Z=document.createElementNS(S6,j);for(let[V,W]of Object.entries(Q))Z.setAttribute(V,W);$.append(Z)}return $}function e(J,z=""){let $=document.createElement("button");if($.type="button",$.textContent=J,z)$.className=z;return $}function y1(J,z="",$=!1){return g1(document.createElement("label"),J,z,$)}function g1(J,z,$="",j=!1){if(J.replaceChildren(document.createTextNode(z)),j){let Q=document.createElement("span");Q.className="req",Q.textContent=" *",J.append(Q)}if($){let Q=document.createElement("span");Q.className="hint",Q.textContent=` ${$}`,J.append(Q)}return J}function T6(){if(typeof window>"u"||customElements.get(W1))return;customElements.define(W1,C3())}var T3="lw-portal-handoff",A6=138.23,A3=`
|
|
184
|
+
`;var D1="lw-debug-reporter",S0=null;function o5(J,$){if(J instanceof B0){if(J.kind==="offline")return $.failedOffline;if(J.kind==="unavailable")return $.failedUnavailable;if(J.kind==="rateLimited")return $.failedTooMany.replace("{seconds}",J.retryAfter??"60");return J.message||$.failed}return $.failed}var n5=()=>[];var s5=[{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"}),l0(this.root),this.root.addEventListener("keydown",($)=>{let z=$;if(z.key!=="Escape"||z.defaultPrevented||!this.root.querySelector("[role=dialog]"))return;z.preventDefault(),this.close()})}connectedCallback(){this.dataset.debugReporter="true",this.stop=l4(($)=>void this.open($))}disconnectedCallback(){this.stop?.(),this.stop=null,this.close()}async open($){if(this.busy)return;this.busy=!0;let z=document.activeElement;this.returnFocus=z instanceof HTMLElement&&z!==document.body?z:null;let j=a(P().locale),Q=k2();if(Q===null)c0();if($.type==="manual"&&Q?.length){this.renderChooser(j,$);return}await this.report($,j)}renderChooser($,z){let j=this.shell($);j.classList.add("narrow"),j.setAttribute("aria-label",$.chooseTitle);let Q=R("div","head"),Z=X0("✕","icon");Z.setAttribute("aria-label",$.close),Z.addEventListener("click",()=>this.close()),Q.append(R("h2","",$.chooseTitle),Z);let X=u6("problem",e5,$.kindProblem,$.chooseProblemHint);X.dataset.choose="problem",X.addEventListener("click",()=>{this.root.replaceChildren(),this.report(z,$)});let W=u6("request",h6,$.kindRequest,$.chooseRequestHint);W.dataset.choose="request",W.addEventListener("click",()=>{this.bundle=b1({reason:z,note:"",screenshotDataUrl:null,screenshotMethod:"none",erroredQueries:y2()}),this.renderForm($,z,"request")});let Y=R("div","kinds choose");Y.append(X,W),Y.addEventListener("keydown",(q)=>{if(!m6.includes(q.key))return;q.preventDefault(),(this.root.activeElement===X?W:X).focus()}),j.append(Q,Y),X.focus()}async switchToReport($,z,j){this.root.replaceChildren();let Q=await A2();if(Q.method==="cancelled"){this.renderForm($,z,"request",{...j,asking:!0});return}this.bundle=b1({reason:z,note:"",screenshotDataUrl:Q.dataUrl,screenshotMethod:Q.method,erroredQueries:y2()}),this.renderForm($,z,"problem",j)}async report($,z){let j=await A2();if(j.method==="cancelled"){this.close();return}this.bundle=b1({reason:$,note:"",screenshotDataUrl:j.dataUrl,screenshotMethod:j.method,erroredQueries:y2()}),this.renderForm(z,$,"problem")}close($=!1){if($)S0=null;else if(this.keep)S0=this.keep()??S0;this.keep=null,this.annotator?.destroy(),this.annotator=null,this.bundle=null,this.busy=!1,this.root.replaceChildren();let z=this.returnFocus;if(this.returnFocus=null,z?.isConnected)z.focus()}shell($){let z=document.createElement("style");z.textContent=g6;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",$.title),j.append(Q),this.root.replaceChildren(z,j),Q}renderShell($,z){let j=this.shell($),Q=R("div","head");Q.append(R("h2","",$.title)),j.append(Q,R("p","status",z))}renderForm($,z,j,Q){let Z=this.bundle;if(!Z)return;let X=this.shell($),W=j,Y=j==="problem"||!!Z.screenshotDataUrl,q=null,B=R("div","head"),F=R("h2","",$.title),C=X0("✕","icon");C.setAttribute("aria-label",$.close),C.addEventListener("click",()=>this.close()),B.append(F,C);let g=R("p","door");g.hidden=!0;let v=R("span"),h=X0("","link");h.dataset.switchKind="",h.addEventListener("click",()=>K(W==="problem"?"request":"problem")),g.append(v,h);let _=R("div","ask");_.hidden=!0;let S=document.createElement("input");S.type="search",S.className="type-search",S.placeholder=$.requestTypeSearch,S.setAttribute("aria-label",$.requestTypeSearch),S.dataset.requestTypeSearch="",S.hidden=!0;let N=R("div","types");N.setAttribute("role","radiogroup"),N.setAttribute("aria-label",$.requestTypeLabel);let b=R("p","status",$.requestTypeNone);b.hidden=!0;let T=R("p","status type-count","");T.hidden=!0,_.append(c1($.requestTypeLabel,"",!0),S,N,b,T);let x=[],O=()=>{for(let f of x){let I=f.dataset.requestType===q?.id;f.setAttribute("aria-checked",String(I)),f.tabIndex=I?0:-1}let H=x.find((f)=>f.dataset.requestType===q?.id);if(H&&N.scrollHeight>N.clientHeight){let f=H.offsetTop-N.offsetTop;if(f<N.scrollTop)N.scrollTop=f;else if(f+H.offsetHeight>N.scrollTop+N.clientHeight)N.scrollTop=f+H.offsetHeight-N.clientHeight}},L=document.createElement("input");L.type="text";let m=c1(""),E=document.createElement("textarea"),$0=c1(""),w=R("div","meta"),{context:p}=Z,H0=`${Z.network.length} network · ${Z.console.length} console · ${Z.actionTrail.length} actions${Z.replay?` · ${$.replay} ${Math.round(Z.replay.durationMs/1000)}s`:""}`,l=(H,f)=>{let I=document.createElement("div"),y=document.createElement("b");y.textContent=`${H}: `;let d=document.createTextNode(f);return I.append(y,d),w.append(I),{b:y,v:d}};l($.reporter,`${p.user.fullName??"—"} (${p.user.email??"—"})`),l($.page,p.route.href);let _0=l($.captured,H0),M0=document.createElement("label");M0.className="shot-choice",M0.hidden=!0;let K0=document.createElement("input");K0.type="checkbox",K0.checked=!0,K0.dataset.requestShot="",M0.append(K0,document.createTextNode(` ${$.requestWithShot}`));let h0=Z.screenshotDataUrl?this.screenshotSection($,Z.screenshotDataUrl):[R("p","status",$.noScreenshot)],k0=Z.screenshotDataUrl?h0[0]:null;if(!Z.screenshotDataUrl)M0.replaceChildren();let I0=R("p","status",""),C0=X0($.submit,"primary"),Y0=()=>{C0.disabled=L.value.trim().length===0||W==="request"&&!q};L.addEventListener("input",Y0);let V=()=>{let H=W==="request";if(F.textContent=H?$.requestTitle:$.title,X.setAttribute("aria-label",H?$.requestTitle:$.title),v.textContent=`${H?$.problemInstead:$.askInstead} `,h.textContent=H?Y?$.problemInsteadAction:$.problemInsteadShare:$.askInsteadAction,_.hidden=!H,l1(m,H?$.requestSummaryLabel:$.summaryLabel,H?"":$.summaryRequired,!0),L.placeholder=H?$.requestSummaryPlaceholder:$.summaryPlaceholder,l1($0,H?$.requestDetailLabel:$.detailLabel),E.placeholder=H?$.requestDetailPlaceholder:$.detailPlaceholder,_0.b.textContent=`${H?$.requestLeaves:$.captured}: `,_0.v.textContent=H?$.requestLeavesWhat:H0,M0.hidden=!H||!Z.screenshotDataUrl,k0)l1(k0,H?$.requestAnnotateHint:$.annotateHint);for(let f of h0)f.classList.toggle("dropped",H&&!K0.checked),f.hidden=H&&!Z.screenshotDataUrl;C0.textContent=H?$.requestSubmit:$.submit,Y0()};K0.addEventListener("change",V);let K=(H)=>{if(H===W)return;if(H==="problem"&&!Y){this.switchToReport($,z,{title:L.value,detail:E.value,asking:!1,typeId:q?.id??null});return}W=H,V()},U=(H)=>{if(this.bundle!==Z||z.type!=="manual"||!H.length)return;q=H[0],x.length=0;for(let I of H){let y=X0("","type");y.setAttribute("role","radio"),y.dataset.requestType=I.id;let d=R("span","type-body");if(d.append(R("b","",I.name)),I.description)d.append(R("span","type-hint",I.description));if(I.targetHours){let b0=R("span","type-due");b0.append(r1(J9),document.createTextNode($.requestTarget.replace("{time}",t5($,I.targetHours)))),d.append(b0)}y.append(r1(h6),d),y.addEventListener("click",()=>{q=I,O(),Y0()}),x.push(y)}N.replaceChildren(...x),N.onkeydown=(I)=>{if(!m6.includes(I.key)||!q)return;I.preventDefault();let y=H.filter((f0,a8)=>!x[a8].hidden);if(!y.length)return;let d=y.findIndex((f0)=>f0.id===q.id),b0=I.key==="ArrowUp"||I.key==="ArrowLeft"?-1:1;q=y[d<0?0:(d+b0+y.length)%y.length],O(),x.find((f0)=>f0.dataset.requestType===q.id)?.focus()},N.classList.toggle("long",H.length>=v2),S.hidden=H.length<v2;let f=(I)=>{T.hidden=H.length<v2||I===0,T.textContent=$.requestTypeCount.replace("{n}",String(I))};f(H.length),S.oninput=()=>{let I=S.value.trim().toLowerCase(),y=null;if(H.forEach((d,b0)=>{let f0=!I||`${d.name} ${d.description}`.toLowerCase().includes(I);if(x[b0].hidden=!f0,f0&&!y)y=d}),b.hidden=!!y,f(x.filter((d)=>!d.hidden).length),y&&q&&x[H.indexOf(q)].hidden)q=y;O(),Y0()},S.onkeydown=(I)=>{if(I.key==="ArrowDown"||I.key==="Enter")I.preventDefault(),x.find((y)=>y.dataset.requestType===q?.id&&!y.hidden)?.focus()},O(),g.hidden=!1,V()},G=Q??(S0&&(S0.title||S0.detail)?S0:null),D=R("p","draft");if(D.hidden=!G||!!Q,G){L.value=G.title,E.value=G.detail;let H=X0($.draftClear,"link");H.dataset.draftClear="",H.addEventListener("click",()=>{L.value="",E.value="",S0=null,D.hidden=!0,Y0(),L.focus()}),D.append(document.createTextNode(`${$.draftRestored} · `),H)}let M=k2(),k=(H)=>{if(U(H),W!=="request"||g.hidden||!G?.typeId)return;let f=H.find((I)=>I.id===G.typeId);if(f)q=f,O()};if(M)k(M);else if(z.type==="manual")c0().then(k);this.keep=()=>({title:L.value,detail:E.value,asking:W==="request",typeId:q?.id??null}),X.append(B,g,D,_,m,L,$0,E,w,M0,...h0);let n=R("div","foot"),G0=X0($.close);G0.addEventListener("click",()=>this.close()),n.append(G0,I0,R("span","grow"),C0),X.append(n),V(),C0.addEventListener("click",async()=>{C0.disabled=!0,I0.dataset.tone="",I0.textContent=$.submitting;let H=()=>this.annotator?.hasShapes()?this.annotator.toDataUrl():Z.screenshotDataUrl;try{if(W==="request"&&q){let y=await T6({ticketTypeId:q.id,title:L.value.trim(),description:E.value,screenshotDataUrl:K0.checked?H():null}),d=this.dispatchEvent(new CustomEvent("lw-request-submitted",{detail:y,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(!0),d)i0(`${$.requestSubmitted} — #${y.number}`,"success");return}let f=await R6(L.value.trim(),{...Z,note:E.value,screenshotDataUrl:H()}),I=this.dispatchEvent(new CustomEvent("lw-report-submitted",{detail:f,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(!0),I)i0(`${$.submitted} — #${f.number}`,"success")}catch(f){let I=o5(f,$);I0.dataset.tone="error",I0.textContent=I,i0(I,"error"),Y0()}}),L.focus()}screenshotSection($,z){let j=c1($.annotateHint),Q=R("div","tools"),Z=document.createElement("canvas"),X=R("div","shot");X.append(Z);let W=[],Y=(C)=>{for(let g of W)g.setAttribute("aria-pressed",String(g===C))};for(let{tool:C,key:g}of s5){let v=X0($[g]);v.setAttribute("aria-pressed","false"),v.addEventListener("click",()=>{let h=v.getAttribute("aria-pressed")==="true";Y(h?null:v),this.annotator?.setTool(h?null:C)}),W.push(v),Q.append(v)}Q.append(R("span","sep"));let q=X0($.deleteSelected);q.addEventListener("click",()=>this.annotator?.deleteSelected());let B=X0($.clearAll);B.addEventListener("click",()=>{this.annotator?.clear(),Y(null)}),Q.append(q,B);let F=new Image;return F.onload=()=>{Z.width=F.naturalWidth,Z.height=F.naturalHeight,this.annotator=v6(Z,F,()=>{Y(null),q.disabled=!this.annotator?.hasSelection()})},F.src=z,[j,Q,R("p","status",$.annotateHelp),X]}}}function y2(){try{return n5()}catch{return[]}}function R(J,$="",z=""){let j=document.createElement(J);if($)j.className=$;if(z)j.textContent=z;return j}function t5(J,$){return $>=24&&$%24===0?J.days.replace("{n}",String($/24)):J.hours.replace("{n}",String($))}var m6=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],v2=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"}]],h6=[["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"}]],J9=[["circle",{cx:"12",cy:"12",r:"10"}],["path",{d:"M12 6v6l4 2"}]],$9=[["path",{d:"M20 6 9 17l-5-5"}]],b6="http://www.w3.org/2000/svg";function u6(J,$,z,j){let Q=X0("","kind");Q.dataset.kind=J;let Z=R("span","kind-top");return Z.append(r1($),R("b","",z)),Q.append(Z,R("span","kind-hint",j),r1($9,"tick")),Q}function r1(J,$="icon"){let z=document.createElementNS(b6,"svg");for(let[j,Q]of Object.entries({viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",class:$}))z.setAttribute(j,Q);for(let[j,Q]of J){let Z=document.createElementNS(b6,j);for(let[X,W]of Object.entries(Q))Z.setAttribute(X,W);z.append(Z)}return z}function X0(J,$=""){let z=document.createElement("button");if(z.type="button",z.textContent=J,$)z.className=$;return z}function c1(J,$="",z=!1){return l1(document.createElement("label"),J,$,z)}function l1(J,$,z="",j=!1){if(J.replaceChildren(document.createTextNode($)),j){let Q=document.createElement("span");Q.className="req",Q.textContent=" *",J.append(Q)}if(z){let Q=document.createElement("span");Q.className="hint",Q.textContent=` ${z}`,J.append(Q)}return J}function p6(){if(typeof window>"u"||customElements.get(D1))return;customElements.define(D1,a5())}var z9="lw-portal-handoff",d6=138.23,j9=`
|
|
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: ${d6}; 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: ${d6}; } }
|
|
218
218
|
.count {
|
|
219
219
|
position: absolute; inset: 0; display: grid; place-items: center;
|
|
220
220
|
font-size: 18px; font-weight: 600; color: #0f172a;
|
|
@@ -258,7 +258,7 @@ p { margin: 0; font-size: 13px; line-height: 1.6; color: #475569; }
|
|
|
258
258
|
.ring .bar { animation: none; stroke-dashoffset: 0; }
|
|
259
259
|
.spinner { animation-duration: 2s; }
|
|
260
260
|
}
|
|
261
|
-
`;function
|
|
261
|
+
`;function i6(J){if(typeof document>"u")return J.prepare().then((S)=>void J.go(S),()=>{return});let $=a(P().locale),z=Math.max(1,Math.floor(J.seconds??3)),j=document.createElement(z9),Q=j.attachShadow({mode:"open"});l0(Q);let Z=document.createElement("style");Z.textContent=j9,Q.append(Z);let X=document.createElement("div");X.className="backdrop",X.innerHTML=`
|
|
262
262
|
<div class="card" role="dialog" aria-modal="true" aria-labelledby="lw-ho-title">
|
|
263
263
|
<div class="dial">
|
|
264
264
|
<svg class="ring" viewBox="0 0 52 52" aria-hidden="true">
|
|
@@ -274,14 +274,14 @@ p { margin: 0; font-size: 13px; line-height: 1.6; color: #475569; }
|
|
|
274
274
|
<button type="button" class="cancel"></button>
|
|
275
275
|
<button type="button" class="go"></button>
|
|
276
276
|
</div>
|
|
277
|
-
</div>`,Q.append(
|
|
277
|
+
</div>`,Q.append(X);let W=(S)=>X.querySelector(S),Y=W(".card"),q=W(".bar"),B=W(".count"),F=W("h2"),C=W(".body"),g=W(".host"),v=W(".go"),h=W(".cancel");F.textContent=$.handoffTitle,C.textContent=$.handoffBody;try{g.textContent=new URL(P().host).host}catch{g.textContent=""}v.textContent=$.handoffGo,h.textContent=$.cancel,Y.style.setProperty("--secs",`${z}s`),B.textContent=String(z),document.body.append(j),requestAnimationFrame(()=>X.setAttribute("data-open","1"));let _=document.activeElement;return v.focus({preventScroll:!0}),new Promise((S)=>{let N=!1,b=null,T=!1,x=Date.now()+z*1000,O=window.setInterval(()=>{let w=Math.ceil((x-Date.now())/1000);if(B.textContent=String(Math.max(0,w)),Date.now()>=x)E()},100);function L(w){if(N)return;if(N=!0,window.clearInterval(O),document.removeEventListener("keydown",$0,!0),X.removeAttribute("data-open"),window.setTimeout(()=>j.remove(),200),!w)_?.focus?.({preventScroll:!0});S()}function m(w){window.clearInterval(O),q.classList.remove("spinner"),q.style.animation="none",B.textContent="",F.textContent=$.handoffBlocked,C.textContent=$.handoffBody;let p=document.createElement("a");p.className="go",p.href=w,p.target="_blank",p.rel="noopener noreferrer",p.textContent=$.handoffOpen,p.addEventListener("click",()=>L(!0)),v.replaceWith(p),p.focus({preventScroll:!0})}function E(){if(N||T)return;if(b)return J.go(b)?L(!0):m(b);window.clearInterval(O),B.textContent="",q.classList.add("spinner"),F.textContent=$.handoffPreparing}function $0(w){if(w.key==="Escape")w.stopPropagation(),L(!1)}document.addEventListener("keydown",$0,!0),v.addEventListener("click",E),h.addEventListener("click",()=>L(!1)),X.addEventListener("click",(w)=>{if(w.target===X)L(!1)}),J.prepare().then((w)=>{if(b=w,!N&&Date.now()>=x)E()},()=>{T=!0,window.clearInterval(O),Y.classList.add("error"),q.classList.remove("spinner"),q.style.animation="none",B.textContent="",F.textContent=$.handoffFailed,C.textContent=$.handoffBody,v.remove(),h.textContent=$.close})})}var Q9="/sso";function Z9(J,$,z,j){let Q=new URL(Q9,J.endsWith("/")?J:`${J}/`);if(Q.searchParams.set("realm",$),Q.searchParams.set("token",z),j)Q.searchParams.set("return",j);return Q.toString()}class g2 extends Error{constructor(J="No identity provider is configured, or nobody is signed in"){super(J);this.name="NoIdentityError"}}async function m2(J){let $=P();if(!$.identity)throw new g2;let z=await $.identity();if(!z)throw new g2;return Z9($.host,$.realmKey,z,J)}var l6=m2;function c6(J,$){if($==="_self")return window.location.assign(J),!0;let z=window.open(J,"_blank");if(!z)return!1;try{z.opener=null}catch{}return!0}async function r6(J={}){if(J.announce===!1){c6(await m2(J.returnTo),J.target);return}await i6({seconds:J.seconds,prepare:()=>m2(J.returnTo),go:($)=>c6($,J.target)})}var o1='"Inter Variable", "Noto Sans Thai Variable", "IBM Plex Sans Thai", -apple-system, "Segoe UI", Roboto, "Noto Sans Thai", sans-serif';function X9(J){let $=(J??"").trim();return!$||/^(?:"?Times New Roman"?|"?Times"?|serif)$/i.test($)?"":$}function n1(J){if(!J||typeof document>"u"||!document.body)return;let $="";try{$=X9(getComputedStyle(document.body).fontFamily)}catch{}if($)J.style.setProperty("--lw-host-font",$);else J.style.removeProperty("--lw-host-font")}var V9="lw-call-ring",W9=`
|
|
278
278
|
:host { all: initial; }
|
|
279
279
|
.card {
|
|
280
280
|
position: fixed; right: 16px; bottom: calc(16px + var(--lw-chat-lift, 0px)); z-index: 2147483002;
|
|
281
281
|
width: min(352px, calc(100vw - 32px)); box-sizing: border-box;
|
|
282
282
|
padding: 16px; border-radius: 16px; background: #fff; color: #1a1a1e;
|
|
283
283
|
border: 1px solid #e8e8ec; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
|
|
284
|
-
font-family: var(--lw-host-font, ${
|
|
284
|
+
font-family: var(--lw-host-font, ${o1});
|
|
285
285
|
animation: in 200ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
286
286
|
}
|
|
287
287
|
@media (max-width: 639px) { .card { right: 8px; left: 8px; bottom: calc(8px + var(--lw-chat-lift, 0px)); width: auto; } }
|
|
@@ -325,19 +325,19 @@ h2 { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.5; color: #1a1
|
|
|
325
325
|
@keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } }
|
|
326
326
|
@keyframes spin { to { transform: rotate(360deg); } }
|
|
327
327
|
@media (prefers-reduced-motion: reduce) { .card { animation: none; } .icon::after { animation: none; opacity: 0; } .spin { animation: none; } }
|
|
328
|
-
`,
|
|
329
|
-
canvas { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 2147483002; }`;let
|
|
328
|
+
`,a1=(J)=>`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${J}</svg>`,o6=a1('<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"/>'),K9=a1('<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"/>'),Y9=a1('<path d="M20 7h-9"/><path d="M14 17H5"/><circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/>'),G9=a1('<path d="M21 12a9 9 0 1 1-6.219-8.56"/>').replace("<svg ",'<svg class="spin" '),i=null,F0=null,r0=null;function q9(J,$,z){if($.chatId)return z??$.ticketTitle;return J.replace("{key}",$.ticketKey).replace("{title}",$.ticketTitle)}var o0=()=>a(P().locale);function U9(){if(typeof document>"u")return null;if(i?.isConnected)return i.shadowRoot;i=document.createElement(V9),i.dataset.debugReporter="true",n1(i);let J=i.attachShadow({mode:"open"});return l0(J),document.body.append(i),J}function s1(J,$,z,j){let Q=document.createElement("button");return Q.type="button",Q.className=J,Q.innerHTML=$,Q.dataset.lwRing=z,Q.onclick=j,Q}var H1=(J)=>{let $=document.createElement("span");return $.textContent=J,$.outerHTML};function s6(J,$,z,j,Q){let Z=o0();J.innerHTML="";let X=document.createElement("style");X.textContent=W9;let W=document.createElement("div");W.className="card",W.setAttribute("role","alertdialog"),W.setAttribute("aria-label",Z.ringTitle),W.dataset.lwCallRing=$.id,W.dataset.lwRingMode=j;let Y=document.createElement("div");Y.className="head";let q=document.createElement("span");q.className="icon",q.innerHTML=o6;let B=document.createElement("div");B.className="words";let F=document.createElement("h2");F.textContent=Z.ringTitle;let C=document.createElement("p");C.className="about",C.textContent=q9(Z.ringAbout,$,Z.ringChat),C.title=C.textContent,B.append(F,C),Y.append(q,B);let g=document.createElement("p");g.className="how",g.textContent=Q??(j==="frame"?Z.ringHint:Z.ringHow);let v=document.createElement("div");v.className="actions";let h=s1("decline",K9+H1(Z.ringDecline),"decline",()=>z.decline());if(W.append(Y,g),j==="frame"&&z.answer){if(z.voice)W.append(s1("test",Y9+H1(Z.ringTest),"test",()=>z.voice?.()));let _=s1("answer",o6+H1(Z.ringAnswer),"answer",()=>z.answer?.());v.append(h,_)}else v.append(h,s1("open",H1(Z.ringOpen),"open",()=>z.open()));W.append(v),J.append(X,W)}function t1(J,$,z="portal"){if(F0===J.id&&i?.isConnected)return;let j=U9();if(!j)return;if(F0=J.id,s6(j,J,$,z),D9(),r0===null)r0=document.title,document.title=`${o0().ringTab} — ${r0}`}function a6(J){let $=i?.shadowRoot;if(!$||F0!==J)return;let z=$.querySelector(".answer");if(z)z.innerHTML=G9+H1(o0().ringAnswering),z.disabled=!0;let j=$.querySelector(".decline");if(j)j.disabled=!0}function t6(J,$){let z=i?.isConnected?i.shadowRoot:null;if(!z||F0!==J.id)return t1(J,$,"portal");i.style.display="",s6(z,J,$,"portal",o0().ringFallback)}function e1(J){let $=i?.shadowRoot;if(!$)return;b2(),$8();let z=o0(),j=$.querySelector(".how"),Q=$.querySelector(".actions");if(j)if(j.textContent="",J){let Z=document.createElement("a");Z.href=J,Z.target="_blank",Z.rel="noopener",Z.textContent=z.ringBlocked,Z.dataset.lwRing="link",Z.onclick=()=>window.setTimeout(()=>e1(),0),j.append(Z)}else j.textContent=z.ringOpened;if(Q){Q.innerHTML="";let Z=document.createElement("button");Z.type="button",Z.className="close",Z.textContent=z.ringClose,Z.dataset.lwRing="close",Z.onclick=()=>n0(),Q.append(Z)}}function e6(J,$=!0){if(!i?.isConnected||F0!==J)return;let z=i;if(clearTimeout(n6),!$){z.style.display="",z.style.opacity="";return}z.style.transition="opacity 150ms ease-out",z.style.opacity="0",n6=setTimeout(()=>{if(z.style.opacity==="0")z.style.display="none"},160)}var n6;function n0(J){if(J&&F0&&J!==F0)return;b2(),$8(),i?.remove(),i=null,F0=null}function J8(){return i?.isConnected?F0:null}function $8(){if(r0===null||typeof document>"u")return;if(document.title.startsWith(o0().ringTab))document.title=r0;r0=null}var R0=null,h2;function D9(){b2();let J=window,$=J.AudioContext??J.webkitAudioContext;if(!$)return;try{let j=R0??new $;R0=j,j.resume?.().catch(()=>{return})}catch{return}let z=()=>{if(!R0||R0.state!=="running")return;let j=R0.currentTime;for(let[Q,Z]of[660,880].entries()){let X=R0.createOscillator(),W=R0.createGain();X.frequency.value=Z,W.gain.setValueAtTime(0.0001,j+Q*0.22),W.gain.exponentialRampToValueAtTime(0.08,j+Q*0.22+0.02),W.gain.exponentialRampToValueAtTime(0.0001,j+Q*0.22+0.2),X.connect(W).connect(R0.destination),X.start(j+Q*0.22),X.stop(j+Q*0.22+0.21)}};z(),h2=setInterval(z,2200)}function b2(){clearInterval(h2),h2=void 0}var H9=/^[A-Za-z0-9_-]{1,32}$/,M9=/^#[0-9a-fA-F]{6}$/,P9=["pen","rect","laser"],z8=(J)=>J<0?0:J>1?1:J;function j8(J,$){if(!Array.isArray(J)||J.length<$||J.length>64)return null;let z=[];for(let j of J){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;z.push([z8(Q),z8(Z)])}return z}function J2(J){if(!J||typeof J!=="object")return null;let $=J;if($.op==="clear")return{op:"clear"};if(typeof $.id!=="string"||!H9.test($.id))return null;if($.op==="end")return{op:"end",id:$.id};if($.op==="add"){let z=j8($.pts,1);return z?{op:"add",id:$.id,pts:z}:null}if($.op==="begin"){if(!P9.includes($.kind)||typeof $.color!=="string"||!M9.test($.color))return null;let z=j8($.pts,1);return z?{op:"begin",id:$.id,kind:$.kind,color:$.color,pts:z}:null}return null}function u2(J,$){if(J.endedAt!==null)return J.endedAt;return $-J.lastAt>20000?J.lastAt:null}function Q8(J,$,z){if($===null)return 1;let j=z-$;if(J==="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(J,$=Date.now()){if(J.op==="clear"){this.marks.clear();return}if(J.op==="begin"){while(this.marks.size>=120)this.marks.delete(this.marks.keys().next().value);this.marks.delete(J.id),this.marks.set(J.id,{kind:J.kind,color:J.color,pts:J.pts.map(([j,Q])=>({x:j,y:Q,t:$})),endedAt:null,lastAt:$});return}let z=this.marks.get(J.id);if(!z||u2(z,$)!==null)return;if(J.op==="end"){z.endedAt=$;return}if(z.lastAt=$,z.kind==="rect"){let[j,Q]=J.pts[J.pts.length-1];z.pts=[z.pts[0],{x:j,y:Q,t:$}];return}for(let[j,Q]of J.pts)z.pts.push({x:j,y:Q,t:$});if(z.pts.length>4000)z.pts.splice(0,z.pts.length-4000)}alive(J=Date.now()){for(let[$,z]of this.marks)if(Q8(z.kind,u2(z,J),J)<=0)this.marks.delete($);return this.marks.size>0}get size(){return this.marks.size}draw(J,$,z,j=Date.now()){J.clearRect(0,0,$,z);let Q=Math.max(1,Math.min($,z));for(let Z of this.marks.values()){let X=Q8(Z.kind,u2(Z,j),j);if(X<=0||!Z.pts.length)continue;if(J.save(),J.lineCap="round",J.lineJoin="round",Z.kind==="pen")F9(J,Z,$,z,Math.max(3,Q*0.0045),X);else if(Z.kind==="rect")N9(J,Z,$,z,Math.max(2.5,Q*0.003),X);else _9(J,Z,$,z,Math.max(6,Q*0.008),X,j);J.restore()}}}function B9(J,$,z,j){if(J.beginPath(),J.moveTo($[0].x*z,$[0].y*j),$.length===1){J.lineTo($[0].x*z+0.01,$[0].y*j);return}for(let Z=1;Z<$.length-1;Z++){let X=$[Z],W=$[Z+1];J.quadraticCurveTo(X.x*z,X.y*j,(X.x+W.x)/2*z,(X.y+W.y)/2*j)}let Q=$[$.length-1];J.lineTo(Q.x*z,Q.y*j)}function F9(J,$,z,j,Q,Z){J.globalAlpha=Z,B9(J,$.pts,z,j),J.strokeStyle="rgba(255,255,255,0.92)",J.lineWidth=Q+3,J.stroke(),J.strokeStyle=$.color,J.lineWidth=Q,J.stroke()}function N9(J,$,z,j,Q,Z){let X=$.pts[0],W=$.pts[$.pts.length-1],Y=Math.min(X.x,W.x)*z,q=Math.min(X.y,W.y)*j,B=Math.abs(W.x-X.x)*z,F=Math.abs(W.y-X.y)*j;J.globalAlpha=Z,J.fillStyle=$.color,J.globalAlpha=Z*0.14,J.fillRect(Y,q,B,F),J.globalAlpha=Z,J.strokeStyle="rgba(255,255,255,0.92)",J.lineWidth=Q+3,J.strokeRect(Y,q,B,F),J.strokeStyle=$.color,J.lineWidth=Q,J.strokeRect(Y,q,B,F)}function _9(J,$,z,j,Q,Z,X){let W=$.pts.filter((q)=>X-q.t<=450);for(let q=1;q<W.length;q++){let B=W[q-1],F=W[q];J.globalAlpha=Z*Math.max(0,1-(X-F.t)/450)*0.7,J.strokeStyle=$.color,J.lineWidth=Q*0.9,J.beginPath(),J.moveTo(B.x*z,B.y*j),J.lineTo(F.x*z,F.y*j),J.stroke()}let Y=$.pts[$.pts.length-1];J.globalAlpha=Z,J.shadowColor=$.color,J.shadowBlur=Q*2,J.fillStyle=$.color,J.beginPath(),J.arc(Y.x*z,Y.y*j,Q,0,Math.PI*2),J.fill(),J.shadowBlur=0,J.strokeStyle="rgba(255,255,255,0.95)",J.lineWidth=2,J.stroke()}function I9(J,$,z,j=typeof window>"u"?1:window.devicePixelRatio||1){let Q=Math.max(1,Math.round($*j)),Z=Math.max(1,Math.round(z*j));if(J.width!==Q)J.width=Q;if(J.height!==Z)J.height=Z;let X=J.getContext("2d");return X?.setTransform(j,0,0,j,0,0),X}class d2{canvas;scene;box;frame=0;constructor(J,$,z){this.canvas=J;this.scene=$;this.box=z}kick(){if(this.frame||typeof requestAnimationFrame>"u")return;let J=()=>{this.frame=0;let{w:$,h:z}=this.box(),j=I9(this.canvas,$,z),Q=Date.now(),Z=this.scene.alive(Q);if(j)this.scene.draw(j,$,z,Q);if(Z)this.frame=requestAnimationFrame(J)};this.frame=requestAnimationFrame(J)}stop(){if(this.frame&&typeof cancelAnimationFrame<"u")cancelAnimationFrame(this.frame);this.frame=0}}var C9="lw-call-ink",A0=null,$2=null,M1=null;function O9(){if(A0?.isConnected&&M1)return;A0=document.createElement(C9),A0.dataset.debugReporter="true";let J=A0.attachShadow({mode:"open"}),$=document.createElement("style");$.textContent=`:host { all: initial; }
|
|
329
|
+
canvas { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 2147483002; }`;let z=document.createElement("canvas");z.setAttribute("aria-hidden","true"),z.dataset.lwCallInk="",J.append($,z),document.body.append(A0),$2=new p2,M1=new d2(z,$2,()=>({w:window.innerWidth,h:window.innerHeight}))}function z2(J){if(typeof document>"u")return;if(J.op==="clear"&&!A0)return;O9(),$2.apply(J),M1.kick()}function j2(){M1?.stop(),A0?.remove(),A0=null,$2=null,M1=null}var L9="lw-call-frame",S9="lw-call",j0=16,o2=368,q0=null,u=null,w0=null,X2="",B1=null,F1="card",n2={width:o2,height:0},s2,N1=!1,a2=null,a0={answer:!1,voice:!1},T0=null,t=null,i2="lw-call-frame-place";function Z8(J,$,z,j){let Q=new URL("embed/call",J.endsWith("/")?J:`${J}/`);if(Q.searchParams.set("realm",$),z)Q.searchParams.set("token",z);else Q.searchParams.set("hand","1");return Q.searchParams.set("call",j),Q.toString()}function s0(J){u?.contentWindow?.postMessage({source:"lw-call-host",...J},X2)}function X8(J){if(w0!==J)return;if(a0.answer=!0,N1)s0({type:"answer"})}function V8(J){if(w0!==J)return;if(a0.voice=!0,N1)s0({type:"voice"})}function W8(J,$,z){return{x:Math.min(Math.max(J.x,j0/2),Math.max(j0/2,z.w-$.w-j0/2)),y:Math.min(Math.max(J.y,j0/2),Math.max(j0/2,z.h-$.h-j0/2))}}function R9(J,$){if(J.origin!==$.origin||J.source!==$.window)return null;let z=J.data;return z&&typeof z==="object"&&z.source===S9&&typeof z.type==="string"?z:null}function e0(){return q0?.isConnected?w0:null}function K8(J,$,z,j=15000,Q=null){if(typeof document>"u")return;if(w0===$&&q0?.isConnected)return;_1(),w0=$,B1=z,N1=!1,a2=Q,a0={answer:!1,voice:!1},F1="card",n2={width:o2,height:0},X2=new URL(J).origin;try{T0=JSON.parse(sessionStorage.getItem(i2)??"null")}catch{T0=null}q0=document.createElement(L9),q0.dataset.debugReporter="true";let Z=q0.attachShadow({mode:"open"}),X=document.createElement("style");X.textContent=`:host { all: initial; }
|
|
330
330
|
iframe { position: fixed; z-index: 2147483003; border: 0; background: transparent; color-scheme: normal; visibility: hidden; }
|
|
331
|
-
iframe.on { visibility: visible; }`,w=document.createElement("iframe"),w.allow="microphone; camera; display-capture; autoplay; clipboard-write; fullscreen",w.title="สายจากทีมงาน",w.dataset.lwCallFrame=z,w.setAttribute("allowtransparency","true"),w.src=J,Z.append(V,w),document.body.append(W0),o0(),window.addEventListener("message",s6),window.addEventListener("resize",o0),b2(`lw-call:${z}`),h2=setTimeout(()=>{if(!H1)f2("timeout")},j)}function D1(){if(W0)b2(w2?.handle??null,w2?.readableBy);o1(),clearTimeout(h2),window.removeEventListener("message",s6),window.removeEventListener("resize",o0),r1(!1),W0?.remove(),W0=null,w=null,A0=null,U1=null,l=null,m2=null,l0={answer:!1,voice:!1}}function f2(J){let z=U1;D1(),z?.failed(J)}function s6(J){if(!w)return;let z=e3(J,{origin:s1,window:w.contentWindow});if(!z)return;switch(z.type){case"hello":m2?.then(($)=>{if(!w||A0===null)return;if($)c0({type:"token",token:$});else f2("no_token")});return;case"ready":if(H1=!0,clearTimeout(h2),w.classList.add("on"),U1?.ready(),l0.answer)c0({type:"answer"});if(l0.voice)c0({type:"voice"});return;case"size":if(typeof z.width==="number"&&typeof z.height==="number")v2={width:z.width,height:z.height};if(z.layout==="card"||z.layout==="full"){if(z.layout==="full"&&q1==="card")J9();q1=z.layout}return o0();case"drag":return y2(z);case"home":return O0=null,t6(),o0();case"done":{let $=U1;D1(),$?.done();return}case"failed":return f2(z.reason??"failed");case"ink":{let $=d1(z.op);if($)l1($);return}}}function b2(J,z=s1){let $=typeof navigator>"u"?void 0:navigator.mediaDevices;try{$?.setCaptureHandleConfig?.(J&&z?{handle:J,exposeOrigin:!1,permittedOrigins:[z]}:{})}catch{}}var w2=null;function a6(J,z){if(w2={handle:J,readableBy:z},!W0?.isConnected)b2(J,z)}function y2(J){if(!w||q1!=="card"||typeof J.x!=="number"||typeof J.y!=="number")return;if(J.phase==="start"){let z=w.getBoundingClientRect();l={sx:J.x,sy:J.y,x:z.left,y:z.top,lx:J.x,ly:J.y},r1(!0);return}if(!l)return;if(l.lx=J.x,l.ly=J.y,O0=r6({x:l.x+(J.x-l.sx),y:l.y+(J.y-l.sy)},e6(),n1()),o0(),J.phase==="end")l=null,r1(!1),t6()}var G1=null;function r1(J){if(G1){for(let z of["pointermove","pointerup","pointercancel"])window.removeEventListener(z,G1,!0);G1=null}if(!J)return;G1=(z)=>{if(!l)return r1(!1);if(z.type==="pointermove"&&z.buttons!==0)return y2({type:"drag",phase:"move",x:z.screenX,y:z.screenY});let $=z.type==="pointerup";y2({type:"drag",phase:"end",x:$?z.screenX:l.lx,y:$?z.screenY:l.ly})};for(let z of["pointermove","pointerup","pointercancel"])window.addEventListener(z,G1,!0)}function J9(){if(!w?.contentWindow)return;let J=w.getBoundingClientRect();c0({type:"corner",x:Math.round(J.left),y:Math.round(J.top),width:Math.round(J.width)})}function t6(){try{if(O0)sessionStorage.setItem(E2,JSON.stringify(O0));else sessionStorage.removeItem(E2)}catch{}}var n1=()=>({w:window.innerWidth,h:window.innerHeight});function e6(){let J=n1();return{w:Math.min(g2,J.w-s),h:Math.min(v2.height||0,J.h-s)}}function o0(){if(!w)return;let J=w.style;if(q1==="full"){Object.assign(J,{left:"0px",top:"0px",right:"",bottom:"",width:"100vw",height:"100vh"});return}let z=e6(),$=n1().w<480;if(J.width=$?`calc(100vw - ${s}px)`:`${z.w}px`,J.height=`${z.h}px`,O0&&!$){let j=r6(O0,z,n1());Object.assign(J,{left:`${j.x}px`,top:`${j.y}px`,right:"",bottom:""})}else Object.assign(J,{left:$?`${s/2}px`:"",top:"",right:$?"":`${s/2}px`,bottom:`calc(${s/2}px + var(--lw-chat-lift, 0px))`})}var a1=[2000,5000,15000,30000,60000],J8=new Set(["ringing","active"]),z9=20000,z8=!1,n0=!1,$8=0,$9=5,u2=null,K8=0,p2,j8,Q8,G8=(J)=>J.endsWith("/")?J:`${J}/`;function j9(J,z){let $=new URL("api/presence/ws",G8(J));return $.protocol=$.protocol==="https:"?"wss:":"ws:",$.searchParams.set("t",z),$.toString()}function Q9(J){if(J.chatId||!J.ticketId)return`/me/chat?call=${J.id}`;return`/me/tickets/${J.ticketId}?call=${J.id}`}function Z9(J){return J.status==="ringing"&&(J.side==="reporter"||J.side===void 0||J.side===null)}var i2=new Set;function U8(J){return i2.add(J),()=>i2.delete(J)}var Z8=()=>M().ring!==!1;async function k0(){let J=M().identity;if(!J)return null;try{return await J()??null}catch{return null}}async function o2(J,z){let $=M();return fetch(new URL(J,G8($.host)).toString(),{method:"POST",headers:{"content-type":"application/json","x-realm-key":$.realmKey,authorization:`Bearer ${z}`},body:"{}"})}function r2(){if(z8||typeof window>"u"||typeof WebSocket>"u")return;let J=M();if(!J.identity||J.ring===!1&&!J.chat)return;z8=!0,n0=!1,V9(J.host);try{a6(`lw-tab:${H8()}`,new URL(J.host).origin)}catch{}q8()}function P1(J=!1){if(n0)return;let z=J?a1[a1.length-1]:a1[Math.min(K8++,a1.length-1)];clearTimeout(j8),j8=setTimeout(()=>void q8(),z)}async function q8(){if(n0)return;let J=await k0();if(!J){if(++$8>=$9){n0=!0;return}return P1(!0)}$8=0;let z;try{z=await o2(M().chat?"ingest/live-ticket?chat=1":"ingest/live-ticket",J)}catch{return P1()}if(z.status===401||z.status===404||z.status===403){n0=!0;return}if(!z.ok)return P1(z.status===429);let $;try{$=await z.json()}catch{return P1()}if(!$.ticket){n0=!0;return}if($.calls&&$.call&&Z8())Y8($.call);let j=new WebSocket(j9(M().host,$.ticket));u2=j,j.onopen=()=>{K8=0,j.send(JSON.stringify({type:"tab",id:H8()})),clearInterval(p2),p2=setInterval(()=>{if(j.readyState===WebSocket.OPEN)j.send(JSON.stringify({type:"ping"}))},z9)},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 i2)V(Z);return}if(Z.type==="call-state"&&Z.call&&typeof Z.call==="object"){if(Z8())Y8(Z.call)}else if(Z.type==="call-ink"&&typeof Z.call==="string"){let V=d1(Z.op);if(V)l2=Z.call,l1(V)}}catch{}},j.onclose=()=>{if(clearInterval(p2),u2===j)u2=null;P1()}}var d2="lw-call-framed";function X9(){try{return sessionStorage.getItem(d2)}catch{return null}}function t1(J){try{if(J)sessionStorage.setItem(d2,J);else sessionStorage.removeItem(d2)}catch{}}var X8=!1;function V9(J){if(X8||typeof document>"u")return;X8=!0;try{let z=new URL(J).origin;for(let $ of["dns-prefetch","preconnect"]){let j=document.createElement("link");if(j.rel=$,j.href=z,$==="preconnect")j.crossOrigin="anonymous";j.dataset.debugReporter="true",document.head.append(j)}}catch{}}function V8(J){let z=M();if(z.callFrame===!1||r0()===J.id)return;t1(J.id),n6(c6(z.host,z.realmKey,null,J.id),J.id,{ready:()=>m6(J.id),done:()=>{t1(null),d0(J.id)},failed:()=>{t1(null),h6(J,c2(J))}},15000,k0())}var c2=(J)=>({open:()=>W9(J),decline:()=>void Y9(J)}),L0=null;function H8(){if(L0)return L0;try{L0=sessionStorage.getItem(W8)}catch{}if(!L0||!/^[A-Za-z0-9_-]{8,40}$/.test(L0)){let J=new Uint8Array(12);crypto.getRandomValues(J),L0=Array.from(J,(z)=>z.toString(16).padStart(2,"0")).join("");try{sessionStorage.setItem(W8,L0)}catch{}}return L0}var W8="lw-tab-id",l2=null;function Y8(J){if(!J8.has(J.status)&&l2===J.id&&r0()!==J.id)l2=null,o1();if(!Z9(J)){if(d0(J.id),J.status==="active"&&X9()===J.id&&!r0())V8(J);if(!J8.has(J.status)&&r0()===J.id)setTimeout(()=>{if(r0()===J.id)D1(),t1(null)},12000);return}if(M().callFrame===!1)p1(J,c2(J),"portal");else p1(J,{...c2(J),answer:()=>{v6(J.id),l6(J.id)},voice:()=>o6(J.id)},"frame"),V8(J);clearTimeout(Q8);let z=new Date(J.ringUntil).getTime()-Date.now();Q8=setTimeout(()=>{if(b6()===J.id)d0(J.id)},Math.max(5000,z+5000))}function W9(J){let z=window.open("about:blank","_blank");(async()=>{let $=await k0();if($)o2(`ingest/calls/${J.id}/coming`,$).catch(()=>{return});let j;try{j=await E6(Q9(J))}catch{z?.close();return}if(z&&!z.closed){z.location.href=j;try{z.opener=null}catch{}i1()}else i1(j)})()}async function Y9(J){d0(J.id);let z=await k0();if(z)await o2(`ingest/calls/${J.id}/decline`,z).catch(()=>{return})}var K9="lw-support-chat",G9="lw-support-frame",U9="lw-support-host",$0=56,a0=12,q9='<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>',H9=`
|
|
331
|
+
iframe.on { visibility: visible; }`,u=document.createElement("iframe"),u.allow="microphone; camera; display-capture; autoplay; clipboard-write; fullscreen",u.title="สายจากทีมงาน",u.dataset.lwCallFrame=$,u.setAttribute("allowtransparency","true"),u.src=J,Z.append(X,u),document.body.append(q0),t0(),window.addEventListener("message",Y8),window.addEventListener("resize",t0),t2(`lw-call:${$}`),s2=setTimeout(()=>{if(!N1)c2("timeout")},j)}function _1(){if(q0)t2(l2?.handle??null,l2?.readableBy);j2(),clearTimeout(s2),window.removeEventListener("message",Y8),window.removeEventListener("resize",t0),Q2(!1),q0?.remove(),q0=null,u=null,w0=null,B1=null,t=null,a2=null,a0={answer:!1,voice:!1}}function c2(J){let $=B1;_1(),$?.failed(J)}function Y8(J){if(!u)return;let $=R9(J,{origin:X2,window:u.contentWindow});if(!$)return;switch($.type){case"hello":a2?.then((z)=>{if(!u||w0===null)return;if(z)s0({type:"token",token:z});else c2("no_token")});return;case"ready":if(N1=!0,clearTimeout(s2),u.classList.add("on"),B1?.ready(),a0.answer)s0({type:"answer"});if(a0.voice)s0({type:"voice"});return;case"size":if(typeof $.width==="number"&&typeof $.height==="number")n2={width:$.width,height:$.height};if($.layout==="card"||$.layout==="full"){if($.layout==="full"&&F1==="card")A9();F1=$.layout}return t0();case"drag":return r2($);case"home":return T0=null,q8(),t0();case"done":{let z=B1;_1(),z?.done();return}case"failed":return c2($.reason??"failed");case"ink":{let z=J2($.op);if(z)z2(z);return}}}function t2(J,$=X2){let z=typeof navigator>"u"?void 0:navigator.mediaDevices;try{z?.setCaptureHandleConfig?.(J&&$?{handle:J,exposeOrigin:!1,permittedOrigins:[$]}:{})}catch{}}var l2=null;function G8(J,$){if(l2={handle:J,readableBy:$},!q0?.isConnected)t2(J,$)}function r2(J){if(!u||F1!=="card"||typeof J.x!=="number"||typeof J.y!=="number")return;if(J.phase==="start"){let $=u.getBoundingClientRect();t={sx:J.x,sy:J.y,x:$.left,y:$.top,lx:J.x,ly:J.y},Q2(!0);return}if(!t)return;if(t.lx=J.x,t.ly=J.y,T0=W8({x:t.x+(J.x-t.sx),y:t.y+(J.y-t.sy)},U8(),Z2()),t0(),J.phase==="end")t=null,Q2(!1),q8()}var P1=null;function Q2(J){if(P1){for(let $ of["pointermove","pointerup","pointercancel"])window.removeEventListener($,P1,!0);P1=null}if(!J)return;P1=($)=>{if(!t)return Q2(!1);if($.type==="pointermove"&&$.buttons!==0)return r2({type:"drag",phase:"move",x:$.screenX,y:$.screenY});let z=$.type==="pointerup";r2({type:"drag",phase:"end",x:z?$.screenX:t.lx,y:z?$.screenY:t.ly})};for(let $ of["pointermove","pointerup","pointercancel"])window.addEventListener($,P1,!0)}function A9(){if(!u?.contentWindow)return;let J=u.getBoundingClientRect();s0({type:"corner",x:Math.round(J.left),y:Math.round(J.top),width:Math.round(J.width)})}function q8(){try{if(T0)sessionStorage.setItem(i2,JSON.stringify(T0));else sessionStorage.removeItem(i2)}catch{}}var Z2=()=>({w:window.innerWidth,h:window.innerHeight});function U8(){let J=Z2();return{w:Math.min(o2,J.w-j0),h:Math.min(n2.height||0,J.h-j0)}}function t0(){if(!u)return;let J=u.style;if(F1==="full"){Object.assign(J,{left:"0px",top:"0px",right:"",bottom:"",width:"100vw",height:"100vh"});return}let $=U8(),z=Z2().w<480;if(J.width=z?`calc(100vw - ${j0}px)`:`${$.w}px`,J.height=`${$.h}px`,T0&&!z){let j=W8(T0,$,Z2());Object.assign(J,{left:`${j.x}px`,top:`${j.y}px`,right:"",bottom:""})}else Object.assign(J,{left:z?`${j0/2}px`:"",top:"",right:z?"":`${j0/2}px`,bottom:`calc(${j0/2}px + var(--lw-chat-lift, 0px))`})}var V2=[2000,5000,15000,30000,60000],D8=new Set(["ringing","active"]),T9=20000,H8=!1,J1=!1,M8=0,x9=5,e2=null,O8=0,J4,P8,B8,L8=(J)=>J.endsWith("/")?J:`${J}/`;function E9(J,$){let z=new URL("api/presence/ws",L8(J));return z.protocol=z.protocol==="https:"?"wss:":"ws:",z.searchParams.set("t",$),z.toString()}function k9(J){if(J.chatId||!J.ticketId)return`/me/chat?call=${J.id}`;return`/me/tickets/${J.ticketId}?call=${J.id}`}function f9(J){return J.status==="ringing"&&(J.side==="reporter"||J.side===void 0||J.side===null)}var $4=new Set;function S8(J){return $4.add(J),()=>$4.delete(J)}var F8=()=>P().ring!==!1;async function y0(){let J=P().identity;if(!J)return null;try{return await J()??null}catch{return null}}async function Z4(J,$){let z=P();return fetch(new URL(J,L8(z.host)).toString(),{method:"POST",headers:{"content-type":"application/json","x-realm-key":z.realmKey,authorization:`Bearer ${$}`},body:"{}"})}function X4(){if(H8||typeof window>"u"||typeof WebSocket>"u")return;let J=P();if(!J.identity||J.ring===!1&&!J.chat)return;H8=!0,J1=!1,y9(J.host);try{G8(`lw-tab:${A8()}`,new URL(J.host).origin)}catch{}R8()}function I1(J=!1){if(J1)return;let $=J?V2[V2.length-1]:V2[Math.min(O8++,V2.length-1)];clearTimeout(P8),P8=setTimeout(()=>void R8(),$)}async function R8(){if(J1)return;let J=await y0();if(!J){if(++M8>=x9){J1=!0;return}return I1(!0)}M8=0;let $;try{$=await Z4(P().chat?"ingest/live-ticket?chat=1":"ingest/live-ticket",J)}catch{return I1()}if($.status===401||$.status===404||$.status===403){J1=!0;return}if(!$.ok)return I1($.status===429);let z;try{z=await $.json()}catch{return I1()}if(!z.ticket){J1=!0;return}if(z.calls&&z.call&&F8())C8(z.call);let j=new WebSocket(E9(P().host,z.ticket));e2=j,j.onopen=()=>{O8=0,j.send(JSON.stringify({type:"tab",id:A8()})),clearInterval(J4),J4=setInterval(()=>{if(j.readyState===WebSocket.OPEN)j.send(JSON.stringify({type:"ping"}))},T9)},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 X of $4)X(Z);return}if(Z.type==="call-state"&&Z.call&&typeof Z.call==="object"){if(F8())C8(Z.call)}else if(Z.type==="call-ink"&&typeof Z.call==="string"){let X=J2(Z.op);if(X)Q4=Z.call,z2(X)}}catch{}},j.onclose=()=>{if(clearInterval(J4),e2===j)e2=null;I1()}}var z4="lw-call-framed";function w9(){try{return sessionStorage.getItem(z4)}catch{return null}}function W2(J){try{if(J)sessionStorage.setItem(z4,J);else sessionStorage.removeItem(z4)}catch{}}var N8=!1;function y9(J){if(N8||typeof document>"u")return;N8=!0;try{let $=new URL(J).origin;for(let z of["dns-prefetch","preconnect"]){let j=document.createElement("link");if(j.rel=z,j.href=$,z==="preconnect")j.crossOrigin="anonymous";j.dataset.debugReporter="true",document.head.append(j)}}catch{}}function _8(J){let $=P();if($.callFrame===!1||e0()===J.id)return;W2(J.id),K8(Z8($.host,$.realmKey,null,J.id),J.id,{ready:()=>e6(J.id),done:()=>{W2(null),n0(J.id)},failed:()=>{W2(null),t6(J,j4(J))}},15000,y0())}var j4=(J)=>({open:()=>v9(J),decline:()=>void g9(J)}),x0=null;function A8(){if(x0)return x0;try{x0=sessionStorage.getItem(I8)}catch{}if(!x0||!/^[A-Za-z0-9_-]{8,40}$/.test(x0)){let J=new Uint8Array(12);crypto.getRandomValues(J),x0=Array.from(J,($)=>$.toString(16).padStart(2,"0")).join("");try{sessionStorage.setItem(I8,x0)}catch{}}return x0}var I8="lw-tab-id",Q4=null;function C8(J){if(!D8.has(J.status)&&Q4===J.id&&e0()!==J.id)Q4=null,j2();if(!f9(J)){if(n0(J.id),J.status==="active"&&w9()===J.id&&!e0())_8(J);if(!D8.has(J.status)&&e0()===J.id)setTimeout(()=>{if(e0()===J.id)_1(),W2(null)},12000);return}if(P().callFrame===!1)t1(J,j4(J),"portal");else t1(J,{...j4(J),answer:()=>{a6(J.id),X8(J.id)},voice:()=>V8(J.id)},"frame"),_8(J);clearTimeout(B8);let $=new Date(J.ringUntil).getTime()-Date.now();B8=setTimeout(()=>{if(J8()===J.id)n0(J.id)},Math.max(5000,$+5000))}function v9(J){let $=window.open("about:blank","_blank");(async()=>{let z=await y0();if(z)Z4(`ingest/calls/${J.id}/coming`,z).catch(()=>{return});let j;try{j=await l6(k9(J))}catch{$?.close();return}if($&&!$.closed){$.location.href=j;try{$.opener=null}catch{}e1()}else e1(j)})()}async function g9(J){n0(J.id);let $=await y0();if($)await Z4(`ingest/calls/${J.id}/decline`,$).catch(()=>{return})}function W4(J,$,z,j){let Q=[];for(let Z of J){if(Z.right<=$.left||Z.left>=$.right||Z.bottom<=Z.top)continue;Q.push([z-Z.bottom-8-j,z-Z.top+8])}return Q.sort((Z,X)=>Z[0]-X[0])}function V4(J,$,z,j){if(j<z)return null;let Q=(Y)=>$.some(([q,B])=>Y>q&&Y<B),Z=(Y)=>Math.min(Math.max(Y,z),j),X=Z(J);if(!Q(X))return X;let W=[z,j,...$.flatMap(([Y,q])=>[Y,q])].map(Z).filter((Y)=>!Q(Y));if(!W.length)return null;return W.reduce((Y,q)=>{let B=Math.abs(q-X),F=Math.abs(Y-X);return B<F||B===F&&q>Y?q:Y})}function m9(J,$,z,j){let Q=J.side==="right"?"left":"right",Z=V4(J.y,$[J.side],z,j),X=V4(J.y,$[Q],z,j);if(Z===null&&X===null)return J;let W=Z===null?1/0:Math.abs(Z-J.y),Y=X===null?1/0:160+Math.abs(X-J.y);return W<=Y?{side:J.side,y:Z}:{side:Q,y:X}}function x8(J,$,z,j,Q){if(J&&V4(J.y,z[J.side],j,Q)===J.y)return J;return m9($,z,j,Q)}function h9(J){if(typeof J!=="string"||!J.startsWith("/")||J.length>200)return null;let z=(J.length>1?J.replace(/\/+$/,""):"").split(/(\*\*|\*)/).map((j)=>j==="**"?".*":j==="*"?"[^/]*":j.replace(/[.+?^${}()|[\]\\]/g,"\\$&")).join("");try{return new RegExp(`^${z}(?:/.*)?$`)}catch{return null}}function E8(J,$){let z=null;for(let j of $??[]){let Q=h9(j.path);if(!Q||!Q.test(J))continue;if(!z||j.path.replace(/\*/g,"").length>z.path.replace(/\*/g,"").length)z=j}return z}var b9=/^LW-/,u9='a[href],button,input,select,textarea,summary,label,[role="button"],[role="link"],[role="tab"],[role="menuitem"],[role="checkbox"],[role="switch"],[role="radio"],[role="option"],[role="slider"],[role="combobox"],[role="textbox"],[contenteditable=""],[contenteditable="true"],[tabindex]:not([tabindex="-1"])',T8=/(auto|scroll|overlay)/;function k8(J,$,z={}){if(typeof document>"u"||typeof document.elementsFromPoint!=="function")return J.map(()=>[]);let j=z.step??12,Q=document.documentElement,Z=document.body,X=new Map,W=(_)=>X.get(_)??(X.set(_,getComputedStyle(_)),X.get(_)),Y=$.w*$.h,q=(_)=>_.width*_.height>0.34*Y||_.width>=$.w*0.9&&_.height>=$.h*0.9,B=(_)=>{let S=W(_);return T8.test(S.overflowY)&&_.scrollHeight>_.clientHeight+1||T8.test(S.overflowX)&&_.scrollWidth>_.clientWidth+1},F=document.scrollingElement??Q,C=F.scrollHeight>F.clientHeight+1&&W(Q).overflowY!=="hidden"&&(!Z||W(Z).overflowY!=="hidden"),g=(_,S)=>{let N={top:0,bottom:$.h};for(let O=_.parentElement;O&&O!==Q&&O!==Z;O=O.parentElement){let L=W(O);if(L.overflowY!=="visible"&&L.overflowY!=="clip"){let m=O.getBoundingClientRect();N={top:m.top,bottom:m.bottom};break}}let b=_.getBoundingClientRect(),T=parseFloat(S.top),x=parseFloat(S.bottom);return!Number.isNaN(x)&&b.bottom>=N.bottom-x-1||!Number.isNaN(T)&&b.top<=N.top+T+1},v=(_)=>{let S=null,N=!1,b=1;for(let T=_;T&&T!==Q&&T!==Z;T=T.parentElement){let x=W(T),O=parseFloat(x.opacity);if(!Number.isNaN(O))b*=O;if(x.position==="fixed"||x.position==="sticky"&&g(T,x)){S=T;break}if(T!==_&&B(T))N=!0}if(!S&&C)N=!0;return{float:S,scrolled:N,opacity:b}},h=new Map;return J.map((_)=>{let S=new Set,N=new Set,b=[],T=(O)=>{if(N.has(O))return;N.add(O);let L=O.getBoundingClientRect();if(L.width>0&&L.height>0)b.push({top:L.top,bottom:L.bottom,left:L.left,right:L.right})},x=[_.left+6,(_.left+_.right)/2,_.right-6];for(let O=j/2;O<$.h;O+=j)for(let L of x){let m=document.elementsFromPoint(L,O).find((l)=>!b9.test(l.tagName));if(!m||m===Q||m===Z||S.has(m))continue;if(S.add(m),z.extra){let l=null;try{l=m.closest(z.extra)}catch{l=null}if(l){T(l);continue}}let{float:E,scrolled:$0,opacity:w}=h.get(m)??(h.set(m,v(m)),h.get(m));if(w<0.05)continue;let p=m.closest(u9),H0=p&&(!E||E.contains(p))?p:null;if(E&&!q(E.getBoundingClientRect())){let l=H0??m;if(!q(l.getBoundingClientRect()))T(l);continue}if($0||!H0||q(H0.getBoundingClientRect()))continue;T(H0)}return b})}var p9="lw-support-chat",d9="lw-support-frame",i9="lw-support-host",r=56,j1=12,c9='<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>',l9=`
|
|
332
332
|
:host { all: initial; }
|
|
333
333
|
.bubble {
|
|
334
|
-
position: fixed; z-index: 2147483000; width: ${
|
|
334
|
+
position: fixed; z-index: 2147483000; width: ${r}px; height: ${r}px; border-radius: 50%;
|
|
335
335
|
display: grid; place-items: center; border: 0; cursor: pointer; padding: 0;
|
|
336
|
-
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);
|
|
336
|
+
background: var(--lw-chat-color, #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);
|
|
337
337
|
transition: transform 150ms ease, background 150ms ease;
|
|
338
|
-
font-family: var(--lw-host-font, ${
|
|
338
|
+
font-family: var(--lw-host-font, ${o1});
|
|
339
339
|
}
|
|
340
|
-
.bubble:hover {
|
|
340
|
+
.bubble:hover { filter: brightness(0.92); transform: translateY(-1px); }
|
|
341
341
|
.bubble { touch-action: none; }
|
|
342
342
|
.bubble.dragging { cursor: grabbing; transform: scale(1.06); transition: none; box-shadow: 0 18px 35px -8px rgba(0, 0, 0, 0.4); }
|
|
343
343
|
.bubble:focus-visible { outline: 3px solid rgba(0, 70, 143, 0.35); outline-offset: 3px; }
|
|
@@ -362,15 +362,15 @@ iframe.on { visibility: visible; }`,w=document.createElement("iframe"),w.allow="
|
|
|
362
362
|
content: ""; position: absolute; top: 50%; right: -4px; width: 10px; height: 10px; background: #fff; border-radius: 2px;
|
|
363
363
|
transform: translateY(-50%) rotate(45deg); box-shadow: 1px -1px 0 rgba(0, 0, 0, 0.04);
|
|
364
364
|
}
|
|
365
|
-
.label .text { display: block; max-width: min(240px, calc(100vw - ${
|
|
365
|
+
.label .text { display: block; max-width: min(240px, calc(100vw - ${r+64}px)); overflow: hidden; text-overflow: ellipsis; }
|
|
366
366
|
.at-left .label { right: auto; left: calc(100% + 12px); transform: translate(-4px, -50%); }
|
|
367
367
|
.at-left .label::after { right: auto; left: -4px; }
|
|
368
|
-
.new .label { color: #00468f; }
|
|
368
|
+
.new .label { color: var(--lw-chat-color, #00468f); }
|
|
369
369
|
.labelled .label { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(0, -50%); }
|
|
370
370
|
@media (hover: hover) { .bubble:hover .label { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(0, -50%); } }
|
|
371
371
|
.unlabelled .label, .bubble.dragging .label, .open .label { display: none; }
|
|
372
372
|
.panel {
|
|
373
|
-
position: fixed; z-index: 2147483001; width: min(380px, calc(100vw - 32px)); height: min(640px, calc(100vh - ${
|
|
373
|
+
position: fixed; z-index: 2147483001; width: min(380px, calc(100vw - 32px)); height: min(640px, calc(100vh - ${r+j1+32}px));
|
|
374
374
|
border-radius: 20px; overflow: hidden; background: #fff; border: 1px solid rgba(15, 23, 42, 0.08);
|
|
375
375
|
box-shadow: 0 28px 64px -16px rgba(15, 23, 42, 0.3), 0 10px 24px -10px rgba(15, 23, 42, 0.14);
|
|
376
376
|
animation: in 180ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
@@ -383,4 +383,4 @@ iframe.on { visibility: visible; }`,w=document.createElement("iframe"),w.allow="
|
|
|
383
383
|
.open .bubble { display: none; }
|
|
384
384
|
}
|
|
385
385
|
@media (prefers-reduced-motion: reduce) { .panel { animation: none; } .bubble, .label { transition: none; } }
|
|
386
|
-
`,z0=null,Y0=null,o=null,K0=null,T=null,e1=null,a2=null,S0=!1,s0=0,z4=(J)=>J.endsWith("/")?J:`${J}/`,D9=()=>{try{return new URL(M().host).origin}catch{return"*"}};function P9(J,z){let $=new URL("embed/support",z4(J));return $.searchParams.set("realm",z),$.searchParams.set("hand","1"),$.toString()}function M9(J){return/^\/me\/(?:chat|tickets(?:\/[\w-]{1,64})?)$/.test(J)?J:"/me/chat"}function F9(J){return new URL("support-face.webp",z4(J)).toString()}function B9(J){return J+$0+a0-16}var G0=8,N9=200;function _9(J,z,$,j){return{side:J<$.w/2?"left":"right",x:j,y:M8($.h-z-$0/2,$.h)}}function M8(J,z){return Math.round(Math.min(Math.max(J,G0),Math.max(G0,z-$0-G0)))}function I9(J){return J.side==="right"&&J.y<N9?B9(J.y):0}function C9(J,z){let $=z-(J.y+$0+a0)-16,j=J.y-a0-16;if($>=420||$>=j)return{bottom:J.y+$0+a0,height:Math.max(240,Math.min(640,$))};return{top:z-J.y+a0,height:Math.max(240,Math.min(640,j))}}function F8(J,z,$){return{x:Math.round(Math.min(Math.max(J.x,G0),Math.max(G0,$.w-z.w-G0))),y:Math.round(Math.min(Math.max(J.y,G0),Math.max(G0,$.h-z.h-G0)))}}function O9(J){return J<=0?"":J>99?"99+":String(J)}function B8(J){if(s0=Math.max(0,Math.floor(J)||0),!e1||!T)return;let z=c(M().locale);e1.textContent=O9(s0),e1.hidden=s0===0,T.setAttribute("aria-label",s0?`${z.chatOpen} · ${z.chatUnread.replace("{n}",String(s0))}`:z.chatOpen),Z2()}function L9(J,z){if(J.own===!1)return null;let $=J.unread>0,j=typeof J.own==="string"?J.own.trim().slice(0,60):"";return{text:$?z.chatLabelNew:j||z.chatLabel,shown:!J.open&&($||!J.opened),isNew:$}}var F1=!1;function Z2(){if(!a2||!T)return;let J=M(),z=J.chat&&J.chat!==!0?J.chat.label:void 0,$=L9({own:z,unread:s0,opened:F1,open:S0},c(J.locale));T.classList.toggle("unlabelled",!$),T.classList.toggle("labelled",!!$?.shown),T.classList.toggle("new",!!$?.isNew),T.classList.toggle("at-left",b.side==="left"),a2.querySelector(".text").textContent=$?.text??""}var n2=null;async function J2(){return n2??=(async()=>{try{let J=await k0();if(!J)return void s2(!1);let z=M(),$=await fetch(new URL("ingest/support-unread",z4(z.host)).toString(),{headers:{"x-realm-key":z.realmKey,authorization:`Bearer ${J}`}});if($.status===404||$.status===401||$.status===403)return void s2(!1);if(!$.ok)return;s2(!0);let j=await $.json();if(!S0)B8(typeof j.total==="number"?j.total:0)}catch{}finally{n2=null}})(),n2}function s2(J){if(!z0)return;if(z0.style.display=J?"":"none",J)m1(z0);B1()}var b={side:"right",x:16,y:16},x0=null,S9=380,N8=()=>`lw-support-chat-place:${M().realmKey}`,z2=()=>({w:window.innerWidth,h:window.innerHeight}),$2=!1;function R9(){let J=_1(M().chat);if(J)b={side:J.side,x:J.x,y:J.y};try{let z=JSON.parse(localStorage.getItem(N8())??"null"),$=z?.bubble;if($2=!!$&&($.side==="left"||$.side==="right")&&typeof $.y==="number"&&Number.isFinite($.y),$2)b={...b,side:$.side,y:$.y};let j=z?.panel;x0=j&&typeof j.x==="number"&&typeof j.y==="number"&&Number.isFinite(j.x)&&Number.isFinite(j.y)?{x:j.x,y:j.y,h:typeof j.h==="number"&&j.h>=240?j.h:640}:null,F1=z?.opened===!0}catch{}}function $4(){try{localStorage.setItem(N8(),JSON.stringify({...$2?{bubble:{side:b.side,y:b.y}}:{},panel:x0,...F1?{opened:!0}:{}}))}catch{}}function B1(){if(!T||!o)return;let J=z2(),z=M8(b.y,J.h),$=b.side==="right"?"left":"right";if(Object.assign(T.style,{[b.side]:`${b.x}px`,[$]:"",bottom:`${z}px`,top:""}),x0){let Q={w:Math.min(S9,J.w-32),h:Math.min(x0.h,J.h-2*G0)},Z=F8(x0,Q,J);Object.assign(o.style,{left:`${Z.x}px`,top:`${Z.y}px`,right:"",bottom:"",height:`${Q.h}px`})}else{let Q=C9({...b,y:z},J.h);Object.assign(o.style,{[b.side]:`${b.x}px`,[$]:"",bottom:Q.bottom!==void 0?`${Q.bottom}px`:"",top:Q.top!==void 0?`${Q.top}px`:"",height:`${Q.height}px`})}let j=z0&&z0.style.display!=="none"?I9({...b,y:z}):0;if(j)document.documentElement.style.setProperty("--lw-chat-lift",`${j}px`);else document.documentElement.style.removeProperty("--lw-chat-lift");Z2()}var J0=null,t2=!1;function T9(J){if(J.button!==0)return;J0={id:J.pointerId,sx:J.clientX,sy:J.clientY,moved:!1};try{T?.setPointerCapture(J.pointerId)}catch{}}function A9(J){if(!J0||J.pointerId!==J0.id||!T)return;if(!J0.moved&&Math.hypot(J.clientX-J0.sx,J.clientY-J0.sy)<6)return;J0.moved=!0,T.classList.add("dragging"),Object.assign(T.style,{left:`${J.clientX-$0/2}px`,top:`${J.clientY-$0/2}px`,right:"",bottom:""})}function D8(J){if(!J0||J.pointerId!==J0.id)return;let z=J0;if(J0=null,T?.classList.remove("dragging"),!z.moved)return;if(t2=!0,setTimeout(()=>t2=!1,0),J.type==="pointerup")b=_9(J.clientX,J.clientY,z2(),_1(M().chat)?.x??16),$2=!0,x0=null,$4();B1()}var d=null;function e2(J){if(!o||typeof J.x!=="number"||typeof J.y!=="number"||z2().w<640)return;if(J.phase==="start"){let z=o.getBoundingClientRect();d={sx:J.x,sy:J.y,x:z.left,y:z.top,lx:J.x,ly:J.y,h:Math.round(z.height)||640},J4(!0);return}if(!d)return;if(d.lx=J.x,d.ly=J.y,x0={...F8({x:d.x+(J.x-d.sx),y:d.y+(J.y-d.sy)},{w:o.offsetWidth,h:d.h},z2()),h:d.h},B1(),J.phase==="end")d=null,J4(!1),$4()}var M1=null;function J4(J){if(M1){for(let z of["pointermove","pointerup","pointercancel"])window.removeEventListener(z,M1,!0);M1=null}if(!J)return;M1=(z)=>{if(!d)return J4(!1);if(z.type==="pointermove"&&z.buttons!==0)return e2({phase:"move",x:z.screenX,y:z.screenY});let $=z.type==="pointerup";e2({phase:"end",x:$?z.screenX:d.lx,y:$?z.screenY:d.ly})};for(let z of["pointermove","pointerup","pointercancel"])window.addEventListener(z,M1,!0)}var k9=()=>B1();function j2(J){K0?.contentWindow?.postMessage({source:U9,...J},D9())}async function x9(J){if(!K0||J.source!==K0.contentWindow)return;let z=J.data;if(!z||z.source!==G9)return;if(z.type==="hello"){let $=await k0();if($)j2({type:"token",token:$,can:["portal"]});return}if(z.type==="portal"){f6({returnTo:M9(typeof z.path==="string"?z.path:"")});return}if(z.type==="ready")return j2({type:S0?"shown":"hidden"});if(z.type==="close")return Q2();if(z.type==="drag")return e2(z);if(z.type==="unread"&&typeof z.total==="number")return B8(z.total);if(z.type==="report")Q2(!1),h0({type:"manual",fromChat:!0})}var E9=(J)=>void x9(J);function f9(J){if(S0&&J.key==="Escape")Q2()}function j4(){if(!z0||!o||!Y0)X2();if(!o)return;let J=M();if(!K0)K0=document.createElement("iframe"),K0.src=P9(J.host,J.realmKey),K0.title=c(J.locale).chatTitle,K0.setAttribute("allow","clipboard-write"),o.append(K0);if(S0=!0,!F1)F1=!0,$4();o.hidden=!1,Y0?.querySelector(".wrap")?.classList.add("open"),T?.setAttribute("aria-expanded","true"),Z2(),j2({type:"shown"}),K0.focus()}function Q2(J=!0){if(!o)return;if(S0=!1,o.hidden=!0,Y0?.querySelector(".wrap")?.classList.remove("open"),T?.setAttribute("aria-expanded","false"),Z2(),j2({type:"hidden"}),J)T?.focus();J2()}var w9=null,P8=0;function y9(){if(Date.now()-P8<30000)return;P8=Date.now(),J2()}function X2(){if(z0||typeof document>"u")return;let J=M();if(!_1(J.chat)||!J.identity)return;let $=c(J.locale);z0=document.createElement(K9),z0.style.display="none",Y0=z0.attachShadow({mode:"open"}),Y0.innerHTML=`<style>${H9}</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="${$.chatMove}">${q9}<img class="face" alt="" draggable="false" decoding="async"><span class="badge" hidden></span><span class="label" aria-hidden="true"><span class="text"></span></span></button></div>`,o=Y0.querySelector(".panel"),T=Y0.querySelector(".bubble"),e1=Y0.querySelector(".badge"),a2=Y0.querySelector(".label");let j=Y0.querySelector(".face");j.addEventListener("load",()=>T?.classList.add("has-face"),{once:!0}),j.src=F9(J.host),R9(),B1(),T.addEventListener("click",()=>{if(t2)return;if(S0)Q2();else j4()}),T.addEventListener("pointerdown",T9),T.addEventListener("pointermove",A9),T.addEventListener("pointerup",D8),T.addEventListener("pointercancel",D8),document.body.append(z0),window.addEventListener("message",E9),document.addEventListener("keydown",f9),window.addEventListener("focus",y9),window.addEventListener("resize",k9);let Q;w9=U8(()=>{if(S0)return;clearTimeout(Q),Q=setTimeout(()=>void J2(),500)}),J2()}var _8=!1;function Q4(J={}){if(_8||typeof window>"u")return;if(!I1()){console.error("[debug-capture] configureDebugCapture() must be called before install");return}if(_8=!0,o4(),S4(),N4(),h4(),t4(),J.ui===!1)return;let z=c(M().locale);if(f4((j)=>{m0(j.message??z.crashed,"error",{label:z.crashAction,onClick:()=>h0(j)})}),T6(),!document.querySelector(W1))document.body.append(document.createElement(W1));let $=window.requestIdleCallback;if($)$(()=>void b0(),{timeout:5000});else setTimeout(()=>void b0(),2000);if($)$(()=>r2(),{timeout:8000});else setTimeout(()=>r2(),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($)$(()=>X2(),{timeout:4000});else setTimeout(()=>X2(),1500)}var I8=document.currentScript,m=I8?.dataset??{},g9="rrweb-record.mjs";a4(()=>import(new URL(g9,I8?.src??location.href).href));function v9(J){if(!J)return{};try{let z=JSON.parse(J);if(!z||typeof z!=="object"||Array.isArray(z))return{};return Object.fromEntries(Object.entries(z).filter(([,$])=>typeof $==="string"&&$.trim()))}catch{return{}}}if(m.host&&m.realmKey)if(X4({host:m.host,realmKey:m.realmKey,app:{name:m.appName??document.title??"app",version:m.appVersion??"0.0.0",environment:m.environment??"production"},module:Y4(v9(m.modules)),locale:m.locale==="en"?"en":"th",...m.replay!==void 0?{replay:{seconds:Number(m.replay)||void 0}}:{},...m.identityUrl?{identity:()=>fetch(m.identityUrl,{credentials:"include"}).then((J)=>J.ok?J.text():null).catch(()=>null)}:{},...m.chat!==void 0&&m.chat!=="false"?{chat:m.chat==="left"?{position:"left"}:!0}:{}}),document.body)Q4();else document.addEventListener("DOMContentLoaded",()=>Q4(),{once:!0});window.lwReportProblem=h0;window.lwOpenSupportChat=j4;})();
|
|
386
|
+
`,c=null,V0=null,J0=null,U0=null,A=null,q2=null,Y4=null,W0=!1,z1=0,P2=(J)=>J.endsWith("/")?J:`${J}/`,r9=()=>{try{return new URL(P().host).origin}catch{return"*"}};function o9(J,$){let z=new URL("embed/support",P2(J));return z.searchParams.set("realm",$),z.searchParams.set("hand","1"),z.toString()}function n9(J){return/^\/me\/(?:chat|tickets(?:\/[\w-]{1,64})?)$/.test(J)?J:"/me/chat"}function G4(J){return new URL("support-face.webp",P2(J)).toString()}function s9(J){return J+r+j1-16}var e=8,a9=200;function t9(J,$,z,j){return{side:J<z.w/2?"left":"right",x:j,y:p8(z.h-$-r/2,z.h)}}function p8(J,$){return Math.round(Math.min(Math.max(J,e),Math.max(e,$-r-e)))}function e9(J){return J.side==="right"&&J.y<a9?s9(J.y):0}function J7(J,$){let z=$-(J.y+r+j1)-16,j=J.y-j1-16;if(z>=420||z>=j)return{bottom:J.y+r+j1,height:Math.max(240,Math.min(640,z))};return{top:$-J.y+j1,height:Math.max(240,Math.min(640,j))}}function d8(J,$,z){return{x:Math.round(Math.min(Math.max(J.x,e),Math.max(e,z.w-$.w-e))),y:Math.round(Math.min(Math.max(J.y,e),Math.max(e,z.h-$.h-e)))}}function $7(J){return J<=0?"":J>99?"99+":String(J)}function i8(J){if(z1=Math.max(0,Math.floor(J)||0),!q2||!A)return;let $=a(P().locale);q2.textContent=$7(z1),q2.hidden=z1===0,A.setAttribute("aria-label",z1?`${$.chatOpen} · ${$.chatUnread.replace("{n}",String(z1))}`:$.chatOpen),T1()}function z7(J,$){if(J.own===!1)return null;let z=J.unread>0,j=typeof J.own==="string"?J.own.trim().slice(0,60):"";return{text:z?$.chatLabelNew:j||$.chatLabel,shown:!J.open&&(z||!J.opened),isNew:z}}var S1=!1;function T1(){if(!Y4||!A)return;let J=P(),$=J.chat&&J.chat!==!0?J.chat.label:void 0,z=$!==void 0?$:x1?.label,j=z7({own:z,unread:z1,opened:S1,open:W0},a(J.locale));A.classList.toggle("unlabelled",!j),A.classList.toggle("labelled",!!j?.shown),A.classList.toggle("new",!!j?.isNew),A.classList.toggle("at-left",(v0??D0).side==="left"),Y4.querySelector(".text").textContent=j?.text??""}var x1=null;function c8(J,$){if(!$||$.faceUrl===void 0)return G4(J);if($.faceUrl===null)return null;try{return new URL($.faceUrl.replace(/^\//,""),P2(J)).toString()}catch{return G4(J)}}function j7(J){if(x1=J,!c||!A)return;let $=J?.color&&/^#[0-9a-f]{6}$/i.test(J.color)?J.color:null;if($)c.style.setProperty("--lw-chat-color",$);else c.style.removeProperty("--lw-chat-color");let z=V0?.querySelector(".face"),j=c8(P().host,J);if(E0(!0),z){if(!j)A.classList.remove("has-face"),z.removeAttribute("src");else if(z.getAttribute("src")!==j)A.classList.remove("has-face"),z.src=j}T1()}var C1=null;async function U2(){if(C1)return C1;let J=Q7();C1=J;try{await J}finally{if(C1===J)C1=null}}async function Q7(){try{let J=P(),$=J.chat&&J.chat!==!0?J.chat:null;if($?.show&&!$.show())return void K2(!1);let z=await y0();if(!z)return void K2(!1);let j=await fetch(new URL("ingest/support-unread",P2(J.host)).toString(),{headers:{"x-realm-key":J.realmKey,authorization:`Bearer ${z}`}});if(j.status===404||j.status===401||j.status===403)return void K2(!1);if(!j.ok)return;let Q=await j.json();if(Q.look&&typeof Q.look==="object")j7(Q.look);if(K2(!0),!W0)i8(typeof Q.total==="number"?Q.total:0)}catch{}}function K2(J){if(!c)return;if(c.style.display=J?"":"none",J)n1(c);if(N0(),J)E0(!0)}var D0={side:"right",x:16,y:16},m0=null,Z7=380,l8=()=>`lw-support-chat-place:${P().realmKey}`,R1=()=>({w:window.innerWidth,h:window.innerHeight}),A1=!1;function X7(){let J=E1(P().chat);if(J)D0={side:J.side,x:J.x,y:J.y};try{let $=JSON.parse(localStorage.getItem(l8())??"null"),z=$?.bubble;if(A1=!!z&&(z.side==="left"||z.side==="right")&&typeof z.y==="number"&&Number.isFinite(z.y),A1)D0={...D0,side:z.side,y:z.y};let j=$?.panel;m0=j&&typeof j.x==="number"&&typeof j.y==="number"&&Number.isFinite(j.x)&&Number.isFinite(j.y)?{x:j.x,y:j.y,h:typeof j.h==="number"&&j.h>=240?j.h:640}:null,S1=$?.opened===!0}catch{}}function H4(){try{localStorage.setItem(l8(),JSON.stringify({...A1?{bubble:{side:D0.side,y:D0.y}}:{},panel:m0,...S1?{opened:!0}:{}}))}catch{}}var L1=()=>window.location?.pathname??"/",v0=null,f8="",g0=null,r8=!1;function M4(){let J=P().chat,$=J&&J!==!0?J.avoid:void 0;if($===!1||x1?.avoid===!1)return{on:!1,extra:null};return{on:!0,extra:typeof $==="string"&&$.trim()?$.trim():null}}function V7(){let J=E8(L1(),x1?.places);if(r8=J?.show==="hide",A1||!J||J.show==="hide")return D0;return{side:J.show,x:D0.x,y:J.y}}function o8(){if(!A)return;let{on:J,extra:$}=M4();if(!J)return g0=null,N0();let z=R1(),j=D0.x,Q={left:z.w-j-r,right:z.w-j},Z={left:j,right:j+r},[X=[],W=[]]=k8([Q,Z],z,{extra:$}),Y=W4(X,Q,z.h,r),q=W4(W,Z,z.h,r);D2=JSON.stringify([Y,q])===JSON.stringify(g0&&[g0.right,g0.left])?Math.min(D2+1,K7):0,g0={right:Y,left:q},N0()}var W7=400,K7=3,w8=60,$1,y8=0,v8=0,D2=0;function E0(J=!1){if(!c)return;let $=Date.now();if(J){if(D2=0,$1&&y8-$<=w8)return;clearTimeout($1),$1=void 0}if($1)return;let z=J?w8:Math.max(0,W7*2**D2-($-v8));y8=$+z,$1=setTimeout(()=>{if($1=void 0,!c||W0||Q0?.moved||typeof document<"u"&&document.hidden)return;v8=Date.now(),o8()},z)}var Y2=null,K4="",g8,m8=()=>E0(),G2=()=>E0(!0),h8=["popstate","hashchange","pointerup","keyup"];function Y7(J){Y2?.disconnect(),Y2=null,clearInterval(g8);for(let $ of h8)window.removeEventListener($,G2,!0);for(let $ of["scroll","transitionend","animationend"])window.removeEventListener($,m8,!0);if(document.removeEventListener("visibilitychange",G2),!J)return;if(typeof MutationObserver<"u")Y2=new MutationObserver(($)=>{if($.some((j)=>{let Q=j.target;if(Q===document.documentElement&&j.type==="attributes")return!1;return!(Q.nodeType===1&&/^LW-/.test(Q.tagName))&&Q!==c}))E0()}),Y2.observe(document.documentElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["class","style","hidden","open","aria-expanded"]});for(let $ of h8)window.addEventListener($,G2,{capture:!0,passive:!0});for(let $ of["scroll","transitionend","animationend"])window.addEventListener($,m8,{capture:!0,passive:!0});document.addEventListener("visibilitychange",G2),K4=L1(),g8=setInterval(()=>{if(L1()===K4)return;K4=L1(),N0(),E0(!0)},1000)}function N0(){if(!A||!J0)return;let J=R1(),$=V7(),z=p8($.y,J.h),j=`${L1()}|${$.side}|${$.x}|${z}`,Q=v0&&f8===j?v0:null,Z=!W0||!v0?g0&&M4().on?x8(Q,{side:$.side,y:z},g0,e,Math.max(e,J.h-r-e)):{side:$.side,y:z}:v0;v0={side:Z.side,x:$.x,y:Z.y},f8=j;let X=v0,W=X.y,Y=X.side==="right"?"left":"right";if(A.style.display=r8&&!W0?"none":"",Object.assign(A.style,{[X.side]:`${X.x}px`,[Y]:"",bottom:`${W}px`,top:""}),m0){let B={w:Math.min(Z7,J.w-32),h:Math.min(m0.h,J.h-2*e)},F=d8(m0,B,J);Object.assign(J0.style,{left:`${F.x}px`,top:`${F.y}px`,right:"",bottom:"",height:`${B.h}px`})}else{let B=J7(X,J.h);Object.assign(J0.style,{[X.side]:`${X.x}px`,[Y]:"",bottom:B.bottom!==void 0?`${B.bottom}px`:"",top:B.top!==void 0?`${B.top}px`:"",height:`${B.height}px`})}let q=c&&c.style.display!=="none"&&A.style.display!=="none"?e9(X):0;if(q)document.documentElement.style.setProperty("--lw-chat-lift",`${q}px`);else document.documentElement.style.removeProperty("--lw-chat-lift");T1()}var Q0=null,q4=!1;function G7(J){if(J.button!==0)return;Q0={id:J.pointerId,sx:J.clientX,sy:J.clientY,moved:!1};try{A?.setPointerCapture(J.pointerId)}catch{}}function q7(J){if(!Q0||J.pointerId!==Q0.id||!A)return;if(!Q0.moved&&Math.hypot(J.clientX-Q0.sx,J.clientY-Q0.sy)<6)return;Q0.moved=!0,A.classList.add("dragging"),Object.assign(A.style,{left:`${J.clientX-r/2}px`,top:`${J.clientY-r/2}px`,right:"",bottom:""})}function b8(J){if(!Q0||J.pointerId!==Q0.id)return;let $=Q0;if(Q0=null,A?.classList.remove("dragging"),!$.moved)return;if(q4=!0,setTimeout(()=>q4=!1,0),J.type==="pointerup")D0=t9(J.clientX,J.clientY,R1(),E1(P().chat)?.x??16),A1=!0,m0=null,H4();if(M4().on)o8();else N0()}var s=null;function U4(J){if(!J0||typeof J.x!=="number"||typeof J.y!=="number"||R1().w<640)return;if(J.phase==="start"){let $=J0.getBoundingClientRect();s={sx:J.x,sy:J.y,x:$.left,y:$.top,lx:J.x,ly:J.y,h:Math.round($.height)||640},D4(!0);return}if(!s)return;if(s.lx=J.x,s.ly=J.y,m0={...d8({x:s.x+(J.x-s.sx),y:s.y+(J.y-s.sy)},{w:J0.offsetWidth,h:s.h},R1()),h:s.h},N0(),J.phase==="end")s=null,D4(!1),H4()}var O1=null;function D4(J){if(O1){for(let $ of["pointermove","pointerup","pointercancel"])window.removeEventListener($,O1,!0);O1=null}if(!J)return;O1=($)=>{if(!s)return D4(!1);if($.type==="pointermove"&&$.buttons!==0)return U4({phase:"move",x:$.screenX,y:$.screenY});let z=$.type==="pointerup";U4({phase:"end",x:z?$.screenX:s.lx,y:z?$.screenY:s.ly})};for(let $ of["pointermove","pointerup","pointercancel"])window.addEventListener($,O1,!0)}var U7=()=>{N0(),E0(!0)};function H2(J){U0?.contentWindow?.postMessage({source:i9,...J},r9())}async function D7(J){if(!U0||J.source!==U0.contentWindow)return;let $=J.data;if(!$||$.source!==d9)return;if($.type==="hello"){let z=await y0();if(z)H2({type:"token",token:z,can:["portal"]});return}if($.type==="portal"){r6({returnTo:n9(typeof $.path==="string"?$.path:"")});return}if($.type==="ready")return H2({type:W0?"shown":"hidden"});if($.type==="close")return M2();if($.type==="drag")return U4($);if($.type==="unread"&&typeof $.total==="number")return i8($.total);if($.type==="report")M2(!1),d0({type:"manual",fromChat:!0})}var H7=(J)=>void D7(J);function M7(J){if(W0&&J.key==="Escape")M2()}function P4(){if(!c||!J0||!V0)B2();if(!J0)return;let J=P();if(!U0)U0=document.createElement("iframe"),U0.src=o9(J.host,J.realmKey),U0.title=a(J.locale).chatTitle,U0.setAttribute("allow","clipboard-write"),J0.append(U0);if(W0=!0,!S1)S1=!0,H4();J0.hidden=!1,V0?.querySelector(".wrap")?.classList.add("open"),A?.setAttribute("aria-expanded","true"),T1(),H2({type:"shown"}),U0.focus()}function M2(J=!0){if(!J0)return;if(W0=!1,J0.hidden=!0,V0?.querySelector(".wrap")?.classList.remove("open"),A?.setAttribute("aria-expanded","false"),T1(),H2({type:"hidden"}),J)A?.focus();U2(),N0(),E0(!0)}var P7=null,u8=0;function B7(){if(Date.now()-u8<30000)return;u8=Date.now(),U2()}function B2(){if(c||typeof document>"u")return;let J=P();if(!E1(J.chat)||!J.identity)return;let z=a(J.locale);c=document.createElement(p9),c.style.display="none",V0=c.attachShadow({mode:"open"}),V0.innerHTML=`<style>${l9}</style><div class="wrap"><div class="panel" role="dialog" aria-label="${z.chatTitle}" hidden></div><button type="button" class="bubble" aria-expanded="false" aria-haspopup="dialog" aria-label="${z.chatOpen}" title="${z.chatMove}">${c9}<img class="face" alt="" draggable="false" decoding="async"><span class="badge" hidden></span><span class="label" aria-hidden="true"><span class="text"></span></span></button></div>`,J0=V0.querySelector(".panel"),A=V0.querySelector(".bubble"),q2=V0.querySelector(".badge"),Y4=V0.querySelector(".label");let j=V0.querySelector(".face");j.addEventListener("load",()=>{if(j.getAttribute("src"))A?.classList.add("has-face")}),j.addEventListener("error",()=>A?.classList.remove("has-face")),j.src=c8(J.host,x1)??G4(J.host),X7(),N0(),A.addEventListener("click",()=>{if(q4)return;if(W0)M2();else P4()}),A.addEventListener("pointerdown",G7),A.addEventListener("pointermove",q7),A.addEventListener("pointerup",b8),A.addEventListener("pointercancel",b8),document.body.append(c),window.addEventListener("message",H7),document.addEventListener("keydown",M7),window.addEventListener("focus",B7),window.addEventListener("resize",U7),Y7(!0);let Q;P7=S8(()=>{if(W0)return;clearTimeout(Q),Q=setTimeout(()=>void U2(),500)}),U2()}var n8=!1;function B4(J={}){if(n8||typeof window>"u")return;if(!k1()){console.error("[debug-capture] configureDebugCapture() must be called before install");return}if(n8=!0,V6(),b4(),w4(),t4(),q6(),J.ui===!1)return;let $=a(P().locale);if(r4((j)=>{i0(j.message??$.crashed,"error",{label:$.crashAction,onClick:()=>d0(j)})}),p6(),!document.querySelector(D1))document.body.append(document.createElement(D1));let z=window.requestIdleCallback;if(z)z(()=>void c0(),{timeout:5000});else setTimeout(()=>void c0(),2000);if(z)z(()=>X4(),{timeout:8000});else setTimeout(()=>X4(),3000);if(P().chat)if(!P().identity)console.warn("[debug-capture] `chat` needs `identity` — a chat is a signed-in person's; the bubble is not shown");else if(z)z(()=>B2(),{timeout:4000});else setTimeout(()=>B2(),1500)}var s8=document.currentScript,o=s8?.dataset??{},F7="rrweb-record.mjs";G6(()=>import(new URL(F7,s8?.src??location.href).href));function N7(J){if(!J)return{};try{let $=JSON.parse(J);if(!$||typeof $!=="object"||Array.isArray($))return{};return Object.fromEntries(Object.entries($).filter(([,z])=>typeof z==="string"&&z.trim()))}catch{return{}}}if(o.host&&o.realmKey)if(N4({host:o.host,realmKey:o.realmKey,app:{name:o.appName??document.title??"app",version:o.appVersion??"0.0.0",environment:o.environment??"production"},module:C4(N7(o.modules)),locale:o.locale==="en"?"en":"th",...o.replay!==void 0?{replay:{seconds:Number(o.replay)||void 0}}:{},...o.identityUrl?{identity:()=>fetch(o.identityUrl,{credentials:"include"}).then((J)=>J.ok?J.text():null).catch(()=>null)}:{},...o.chat!==void 0&&o.chat!=="false"?{chat:o.chat==="left"?{position:"left"}:!0}:{}}),document.body)B4();else document.addEventListener("DOMContentLoaded",()=>B4(),{once:!0});window.lwReportProblem=d0;window.lwOpenSupportChat=P4;})();
|