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