[{"_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-afterhours-chat","path","widget.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-afterhours-chat/code/widget.ts","extension","id","317aefb1-fd6e-414b-b510-5e556948c205","fileId","fe38147a-a0a1-11f1-88e9-1607ee4eb77e","parentId","branchId","ca2b6d75-11b8-4bf8-878c-dbef0cd08245","branchVersion",7,"latest",true,"createdAt",["D",1787675329407],"version",2,"fileType","script","content","// The embeddable widget, served as plain JS from GET /widget.js.\n// __BASE__ is replaced with this val's origin at serve time so the script works\n// no matter which page embeds it.\n//\n// Kept in a shadow root on purpose: WordPress themes and their plugins throw a\n// lot of global CSS around, and this has to survive all of it.\nexport const WIDGET_JS = String.raw`\n(function () {\n if (window.__tribecaAfterHours) return;\n window.__tribecaAfterHours = true;\n\n var BASE = \"__BASE__\";\n var PREVIEW = __PREVIEW__;\n var GREETING =\n \"Hi! The office is closed right now, but I can answer questions about water delivery and cooler rentals — and make sure someone follows up with you in the morning. What can I help with?\";\n\n if (PREVIEW) {\n init();\n } else {\n fetch(BASE + \"/api/status\")\n .then(function (r) { return r.json(); })\n .then(function (s) { if (s && s.bot) init(); })\n .catch(function () { /* val unreachable: show nothing, leave the page alone */ });\n }\n\n function init() {\n var sessionId = null;\n try {\n sessionId = localStorage.getItem(\"tribeca-chat-session\");\n if (!sessionId) {\n sessionId = (crypto.randomUUID && crypto.randomUUID()) ||\n String(Date.now()) + Math.random().toString(16).slice(2);\n localStorage.setItem(\"tribeca-chat-session\", sessionId);\n }\n } catch (e) {\n sessionId = String(Date.now()) + Math.random().toString(16).slice(2);\n }\n\n var host = document.createElement(\"div\");\n host.style.cssText = \"position:fixed;bottom:0;right:0;z-index:2147483000;\";\n document.body.appendChild(host);\n var root = host.attachShadow({ mode: \"open\" });\n\n var style = document.createElement(\"style\");\n style.textContent = [\n \":host,*{box-sizing:border-box}\",\n \".bubble{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;\",\n \"background:#0b6ab0;border:none;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.28);\",\n \"display:flex;align-items:center;justify-content:center;transition:transform .15s}\",\n \".bubble:hover{transform:scale(1.06)}\",\n \".bubble svg{width:26px;height:26px;fill:#fff}\",\n \".panel{position:fixed;bottom:20px;right:20px;width:360px;max-width:calc(100vw - 24px);\",\n \"height:520px;max-height:calc(100vh - 40px);background:#fff;border-radius:12px;display:none;\",\n \"flex-direction:column;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.3);\",\n \"font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}\",\n \".panel.open{display:flex}\",\n \".hd{background:#0b6ab0;color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}\",\n \".hd h3{margin:0;font-size:15px;font-weight:600}\",\n \".hd p{margin:2px 0 0;font-size:12px;opacity:.85}\",\n \".x{background:none;border:none;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:0 4px}\",\n \".msgs{flex:1;overflow-y:auto;padding:16px;background:#f6f8fa}\",\n \".m{margin-bottom:12px;display:flex}\",\n \".m.u{justify-content:flex-end}\",\n \".b{max-width:82%;padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}\",\n \".m.a .b{background:#fff;color:#1a1a1a;border:1px solid #e3e8ee;border-bottom-left-radius:4px}\",\n \".m.u .b{background:#0b6ab0;color:#fff;border-bottom-right-radius:4px}\",\n \".dots span{display:inline-block;width:6px;height:6px;margin-right:3px;border-radius:50%;\",\n \"background:#9aa5b1;animation:bl 1.2s infinite}\",\n \".dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}\",\n \"@keyframes bl{0%,60%,100%{opacity:.3}30%{opacity:1}}\",\n \".ft{border-top:1px solid #e3e8ee;padding:10px;display:flex;gap:8px;background:#fff}\",\n \".ft textarea{flex:1;resize:none;border:1px solid #d5dce4;border-radius:8px;padding:9px 11px;\",\n \"font-size:14px;font-family:inherit;height:38px;max-height:96px;outline:none}\",\n \".ft textarea:focus{border-color:#0b6ab0}\",\n \".ft button{background:#0b6ab0;color:#fff;border:none;border-radius:8px;padding:0 15px;\",\n \"font-size:14px;font-weight:500;cursor:pointer}\",\n \".ft button:disabled{background:#a9bccd;cursor:default}\",\n \".note{font-size:11px;color:#8a94a0;text-align:center;padding:0 10px 8px;background:#fff}\",\n ].join(\"\");\n root.appendChild(style);\n\n var wrap = document.createElement(\"div\");\n wrap.innerHTML = [\n '\",\n '

',\n '

TriBeCa Beverage

Office closed — automated assistant

',\n '

',\n \"

\",\n '

Answers are automated and may be wrong. The office confirms all pricing and scheduling.

',\n \"

\",\n ].join(\"\");\n root.appendChild(wrap);\n\n var bubble = root.querySelector(\".bubble\");\n var panel = root.querySelector(\".panel\");\n var msgs = root.querySelector(\".msgs\");\n var input = root.querySelector(\"textarea\");\n var send = root.querySelector(\".send\");\n var closeBtn = root.querySelector(\".x\");\n var busy = false;\n var started = false;\n\n function add(role, text) {\n var m = document.createElement(\"div\");\n m.className = \"m \" + (role === \"user\" ? \"u\" : \"a\");\n var b = document.createElement(\"div\");\n b.className = \"b\";\n b.textContent = text;\n m.appendChild(b);\n msgs.appendChild(m);\n msgs.scrollTop = msgs.scrollHeight;\n return b;\n }\n\n function open() {\n panel.classList.add(\"open\");\n bubble.style.display = \"none\";\n if (!started) { started = true; add(\"assistant\", GREETING); }\n input.focus();\n }\n function close() { panel.classList.remove(\"open\"); bubble.style.display = \"flex\"; }\n\n bubble.addEventListener(\"click\", open);\n closeBtn.addEventListener(\"click\", close);\n input.addEventListener(\"keydown\", function (e) {\n if (e.key === \"Enter\" && !e.shiftKey) { e.preventDefault(); submit(); }\n });\n input.addEventListener(\"input\", function () {\n input.style.height = \"38px\";\n input.style.height = Math.min(input.scrollHeight, 96) + \"px\";\n });\n send.addEventListener(\"click\", submit);\n\n function submit() {\n var text = input.value.trim();\n if (!text || busy) return;\n input.value = \"\";\n input.style.height = \"38px\";\n add(\"user\", text);\n busy = true;\n send.disabled = true;\n\n var typing = document.createElement(\"div\");\n typing.className = \"m a\";\n typing.innerHTML = '

';\n msgs.appendChild(typing);\n msgs.scrollTop = msgs.scrollHeight;\n\n var bubbleEl = null;\n var acc = \"\";\n function ensureBubble() {\n if (!bubbleEl) { typing.remove(); bubbleEl = add(\"assistant\", \"\"); }\n return bubbleEl;\n }\n\n fetch(BASE + \"/api/chat\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ sessionId: sessionId, message: text }),\n })\n .then(function (res) {\n if (!res.ok || !res.body) throw new Error(\"bad response\");\n var reader = res.body.getReader();\n var dec = new TextDecoder();\n var buf = \"\";\n function pump() {\n return reader.read().then(function (r) {\n if (r.done) return;\n buf += dec.decode(r.value, { stream: true });\n var parts = buf.split(\"\\n\\n\");\n buf = parts.pop();\n parts.forEach(function (chunk) {\n var line = chunk.split(\"\\n\").find(function (l) { return l.indexOf(\"data: \") === 0; });\n if (!line) return;\n var payload;\n try { payload = JSON.parse(line.slice(6)); } catch (e) { return; }\n if (payload.t) { acc += payload.t; ensureBubble().textContent = acc; msgs.scrollTop = msgs.scrollHeight; }\n if (payload.error) { ensureBubble().textContent = payload.error; }\n });\n return pump();\n });\n }\n return pump();\n })\n .catch(function () {\n ensureBubble().textContent =\n \"Sorry — I couldn't reach our system. Please call 973-913-4568 (8am‑5pm Mon‑Sat) or email info@tribecabeverage.com.\";\n })\n .then(function () {\n if (typing.parentNode) typing.remove();\n busy = false;\n send.disabled = false;\n input.focus();\n });\n }\n }\n})();\n`;\n","deleted",false,"label",[14],"0753a160-c80e-414e-b313-966a3063d928",["D",1787675076940],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","After-hours AI chat widget for tribecabeverage.com","imageUrl","userId","c5acd3b3-60a7-4deb-bc6d-528f83012ea9","pinnedFileId","01a039bc-e9a8-70ef-b2b9-7ddecd13d603","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019f8fe2-cdfc-775d-a845-a69af13d39cb","tursoName","0753a160c80e414eb313966a3063d928","tursoHostname","0753a160c80e414eb313966a3063d928-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789500689328],"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",77,"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"]