[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_107":108,"_109":110},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","Tribeca_Rep","name","tribeca-tawk-transcripts","path","agent-panel.ts","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":53,"_54":-5,"_55":56,"_57":58,"_59":32,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/Tribeca_Rep/tribeca-tawk-transcripts/code/agent-panel.ts","extension","id","c1f11ce5-a315-488b-838a-e5f9ee9de391","fileId","785d88d0-a16e-11f1-9b27-1607ee4eb77e","parentId","branchId","ae272551-0b66-498e-893a-608c3c317b83","branchVersion",30,"latest",true,"createdAt",["D",1787763340263],"version",1,"fileType","script","content","// Tampermonkey userscript that injects a Salesforce panel into tawk's agent\n// dashboard, served from /agent-panel.user.js so agents get updates for free.\n//\n// DURABILITY NOTE\n// tawk's dashboard is a Vue SPA, but its classes are semantic rather than\n// hashed: `.contact-details-section--about`, `.collapsible-section-title`.\n// Those are the anchors used here. The Vue scoped attributes (data-v-xxxxxxxx)\n// ARE regenerated on every build, so nothing below touches them.\n// If tawk renames those classes the panel simply never appears — it is written\n// to fail invisibly rather than break an agent's dashboard mid-shift.\nexport const AGENT_PANEL_JS = String.raw`// ==UserScript==\n// @name Tribeca — Salesforce panel in tawk\n// @namespace tribecabeverage.com\n// @version 1.0.0\n// @description Shows the Salesforce account and next delivery for the visitor in view\n// @match https://dashboard.tawk.to/*\n// @grant none\n// @run-at document-idle\n// @updateURL __BASE__/agent-panel.user.js\n// @downloadURL __BASE__/agent-panel.user.js\n// ==/UserScript==\n\n(function () {\n \"use strict\";\n\n var BASE = \"__BASE__\";\n // Two ways to supply the key, so the same file serves both install methods:\n // - bookmarklet: sets window.TRIBECA_AGENT_KEY before loading this script\n // - Tampermonkey: edit the fallback string below after installing\n var AGENT_KEY = window.TRIBECA_AGENT_KEY || \"PASTE_AGENT_LOOKUP_KEY_HERE\";\n\n var PANEL_ID = \"tribeca-sf-panel\";\n var lastPhone = null;\n var inFlight = false;\n\n function digits(s) { return String(s || \"\").replace(/\\D/g, \"\"); }\n\n function normalise(raw) {\n var d = digits(raw);\n if (d.length === 11 && d.charAt(0) === \"1\") d = d.slice(1);\n return d.length === 10 ? d : null;\n }\n\n // The About section is purpose-named, so this is the most stable hook tawk\n // gives us. Everything else keys off it.\n function aboutSection() {\n return document.querySelector(\".contact-details-section--about\");\n }\n\n // Pull a phone from the visitor panel: the tel: link if tawk rendered one,\n // otherwise any 10-digit number in the section (which catches the\n // visitor-phone custom attribute written by enrich.js).\n function currentPhone() {\n var about = aboutSection();\n if (!about) return null;\n var tel = about.querySelector('a[href^=\"tel:\"]');\n if (tel) { var n = normalise(tel.getAttribute(\"href\").replace(\"tel:\", \"\")); if (n) return n; }\n var text = about.innerText || \"\";\n var m = text.match(/(?:\\+?1[\\s.-]?)?\$?\\d{3}\$?[\\s.-]?\\d{3}[\\s.-]?\\d{4}/);\n return m ? normalise(m[0]) : null;\n }\n\n function styleOnce() {\n if (document.getElementById(PANEL_ID + \"-style\")) return;\n var s = document.createElement(\"style\");\n s.id = PANEL_ID + \"-style\";\n s.textContent = [\n \"#\" + PANEL_ID + \"{margin:8px 16px 12px;border:1px solid #e3e8ee;border-radius:8px;\",\n \"font:13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;overflow:hidden}\",\n \"#\" + PANEL_ID + \" .hd{padding:7px 11px;font-size:11px;font-weight:700;letter-spacing:.05em;\",\n \"text-transform:uppercase;color:#5a6672;background:#f6f8fa;border-bottom:1px solid #e3e8ee}\",\n \"#\" + PANEL_ID + \" .bd{padding:9px 11px}\",\n \"#\" + PANEL_ID + \" .row{display:flex;justify-content:space-between;gap:10px;padding:2px 0}\",\n \"#\" + PANEL_ID + \" .k{color:#8a94a0}\",\n \"#\" + PANEL_ID + \" .v{font-weight:600;text-align:right;word-break:break-word}\",\n \"#\" + PANEL_ID + \" .pill{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700}\",\n \"#\" + PANEL_ID + \" .ok{background:#dcfce7;color:#14532d}\",\n \"#\" + PANEL_ID + \" .warn{background:#fef3c7;color:#78350f}\",\n \"#\" + PANEL_ID + \" .none{background:#f1f5f9;color:#475569}\",\n \"#\" + PANEL_ID + \" .err{background:#fee2e2;color:#7f1d1d}\",\n ].join(\"\");\n document.head.appendChild(s);\n }\n\n function render(state, data) {\n styleOnce();\n var about = aboutSection();\n if (!about) return;\n\n var el = document.getElementById(PANEL_ID);\n if (!el) {\n el = document.createElement(\"div\");\n el.id = PANEL_ID;\n about.parentElement.insertBefore(el, about);\n }\n\n var body = \"\";\n if (state === \"loading\") {\n body = '

Checking Salesforce…

';\n } else if (state === \"nophone\") {\n body = '

No phone number on this visitor yet

';\n } else if (state === \"error\") {\n body = '

lookup unavailable

';\n } else if (data && data.ambiguous) {\n body = '

on more than one account

' +\n '

Office must confirm which

';\n } else if (data && data.found) {\n body = '

existing customer

' +\n '

Account' + esc(data.account_name || \"—\") + \"

\" +\n '

Next delivery' +\n esc(data.next_delivery_date || \"none scheduled\") + \"

\";\n } else {\n body = '

no account match

';\n }\n el.innerHTML = '

Salesforce

' + body + \"

\";\n }\n\n function esc(s) {\n return String(s == null ? \"\" : s).replace(/[&<>\"]/g, function (m) {\n return { \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\" }[m];\n });\n }\n\n function refresh() {\n var about = aboutSection();\n if (!about) { lastPhone = null; return; }\n\n var phone = currentPhone();\n if (phone === lastPhone && document.getElementById(PANEL_ID)) return;\n lastPhone = phone;\n\n if (!phone) { render(\"nophone\"); return; }\n if (inFlight) return;\n inFlight = true;\n render(\"loading\");\n\n fetch(BASE + \"/agent-lookup?phone=\" + encodeURIComponent(phone), {\n headers: { \"x-agent-key\": AGENT_KEY },\n credentials: \"omit\",\n })\n .then(function (r) { return r.ok ? r.json() : null; })\n .then(function (j) { render(j ? \"done\" : \"error\", j); })\n .catch(function () { render(\"error\"); })\n .then(function () { inFlight = false; });\n }\n\n // The SPA swaps conversations without navigating, so poll the DOM rather than\n // trying to hook Vue's router. Cheap, and it survives their internals changing.\n var mo = new MutationObserver(function () {\n clearTimeout(mo._t);\n mo._t = setTimeout(refresh, 400);\n });\n mo.observe(document.body, { childList: true, subtree: true });\n setTimeout(refresh, 1500);\n})();\n`;\n","deleted",false,"label",[14],"68d21ace-3c73-4585-929b-fc6f43782874",["D",1787686491713],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Receives tawk.to chat transcripts, matches to Salesforce","imageUrl","userId","c5acd3b3-60a7-4deb-bc6d-528f83012ea9","pinnedFileId","01a03a6b-1697-71fe-a681-032b2cbe7562","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019f8fe2-cdfc-775d-a845-a69af13d39cb","tursoName","68d21ace3c734585929bfc6f43782874","tursoHostname","68d21ace3c734585929bfc6f43782874-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789438866375],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_106":102},"org",{"_9":10,"_99":100,"_101":102,"_55":56,"_103":104,"_105":42},"branch",{"_35":89,"_11":90,"_22":28,"_91":45,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":12,"_98":10},"isOwned",31,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","M A","avatar","https://lh3.googleusercontent.com/a/ACg8ocI9znhXn2hWp1wjjyWzeuOyoO_JrDgJo8aD0umFraR7bAG3UAmc=s96-c","tier","free","canRestrictVals","profileImageUrl","ctx",{"_82":-5,"_140":141,"_142":143,"_144":145,"_146":42,"_147":42,"_148":42,"_149":32,"_150":-5,"_151":-7,"_152":-7,"_153":63,"_154":42,"_155":42,"_156":-5,"_157":42,"_158":42,"_159":42,"_160":-5},"ENV",{"_111":112,"_113":114,"_115":90,"_116":117,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]