Send a photo of your room
' +\n 'A person from our Portland team looks at every photo.
' +\n '');\n card.querySelector(\".wnf-pcta__go\").onclick = function () {\n track(\"wnf_chat_photo_pick\", { src: \"prompt\" });\n var f = panel && panel.querySelector(\".wnf-file\"); if (f) f.click();\n };\n log.appendChild(card); scrollChatBottom();\n }\n function arriveWithIntent() {\n if (LAUNCH_ASK) {\n var q = LAUNCH_ASK; LAUNCH_ASK = \"\";\n nextMsgSrc = LAUNCH_SRC || \"ask\";\n setTimeout(function () { submit(q); }, 450); // let the welcome land first\n return;\n }\n var staged = restoreStashedPhotos();\n if (!staged && LAUNCH_INTENT === \"photo\") showPhotoPrompt();\n if (staged) nextMsgSrc = \"photo\";\n }\n var nextMsgSrc = \"\";\n\n function submit(text) {\n text = (text || \"\").trim();\n var imgs = pendingImgs.slice();\n if (!text && !imgs.length) return;\n if (!panel || !panel.classList.contains(\"open\")) { openPanel(\"chat\"); }\n switchTab(\"chat\");\n pendingImgs = []; renderAtts();\n // Optimistically show the customer's own bubble (text + local thumbnails) now.\n add(\"you\", text, null, null, imgs.map(function (a) { return { url: a.previewUrl, w: a.w, h: a.h }; }));\n input.value = \"\"; syncSend();\n showTyping();\n if (text) {\n turnNo++;\n if (TYPED_CONTACT_RE.test(text)) ls(ASKED_KEY, \"typed\"); // they gave it already: never ask\n }\n var mp = { host: host.name, has_image: !!imgs.length };\n if (nextMsgSrc) { mp.src = nextMsgSrc; nextMsgSrc = \"\"; }\n track(\"wnf_chat_message\", mp);\n if (imgs.length) photoTurn = true;\n if (imgs.length) uploadThenSend(text, imgs, 0);\n else sendToApi(text, 0, null);\n }\n // Upload each pending photo to the private bucket, then send the message carrying\n // the returned attachment paths. A failed upload is skipped; if nothing survives\n // and there's no text either, we surface a retry nudge instead of an empty send.\n function uploadThenSend(text, imgs, tries) {\n var results = [], pending = imgs.length;\n imgs.forEach(function (a) {\n var fd = new FormData();\n fd.append(\"sessionId\", sessionId);\n fd.append(\"file\", a.blob, \"photo.jpg\");\n fd.append(\"width\", String(a.w)); fd.append(\"height\", String(a.h));\n fetch(API + \"/api/chat/upload\", { method: \"POST\", body: fd })\n .then(function (r) { if (!r.ok) throw new Error(r.status); return r.json(); })\n .then(function (d) { if (d && d.path) results.push({ path: d.path, mime: d.mime, width: d.width, height: d.height }); })\n .catch(function () {})\n .then(function () {\n if (--pending > 0) return;\n if (results.length !== imgs.length) {\n hideTyping();\n pendingImgs = imgs; renderAtts(); input.value = text; syncSend();\n add(\"store\", \"A photo didn't upload, so I haven't sent this message. Your text and photos are ready to try again.\", \"WNF\");\n return;\n }\n sendToApi(text, 0, results);\n });\n });\n }\n function sendToApi(text, tries, attachments) {\n var pc = pageContext();\n var body = { sessionId: sessionId, message: text, page: copyKey(), pageUrl: pc.url, pageTitle: pc.title, pageMeta: pc.meta, device: isMobileView() ? \"mobile\" : \"desktop\" };\n if (attachments && attachments.length) body.attachments = attachments;\n // Send the assistant line the customer saw with their FIRST message only, so the\n // backend records it as the thread's opening turn (staff context). Once-only.\n if (!promptSent && lastPrompt) body.precedingPrompt = String(lastPrompt).slice(0, 2000);\n // If we already know who this visitor is (logged-in Shopify customer, or contact\n // saved from a prior chat), send it WITH the message so the backend has it before\n // the AI drafts \u2014 otherwise the contact card only posts AFTER this round-trip and\n // the bot re-asks for an email/phone we already have. Fill-empty-only server-side.\n var kc = knownContact();\n if (kc && (kc.email || kc.phone || kc.name)) body.contact = { name: kc.name || \"\", email: kc.email || \"\", phone: kc.phone || \"\" };\n fetch(API + \"/api/chat\", { method: \"POST\", headers: { \"content-type\": \"text/plain\" }, body: JSON.stringify(body) })\n .then(function (r) {\n // 429 = rate limited. Read the body for the server's customer-safe copy and\n // hand it to the .then below as a terminal outcome \u2014 throwing here would hit\n // the generic catch, which RETRIES after 900ms and makes the throttle worse.\n if (r.status === 429) return r.json().catch(function () { return {}; }).then(function (d) {\n return { status: \"rate_limited\", message: d && d.message };\n });\n if (!r.ok) throw new Error(r.status);\n return r.json();\n })\n .then(function (d) {\n if (d && d.status === \"rate_limited\") {\n hideTyping();\n add(\"store\", d.message || \"You're sending messages faster than we can read them. Give it a moment and try again, or call us at (503) 235-3454 if it's urgent.\", \"WNF\");\n return;\n }\n promptSent = true;\n if (d && d.messageId) seenIds[d.messageId] = 1; // our own message \u2014 never re-render from poll\n // Auto-answered replies are persisted server-side as message rows and are\n // delivered (paced, one bubble at a time) by the poll below. Rendering\n // d.reply here too would show the answer twice \u2014 once as a single combined\n // bubble, then again as the paced split bubbles (the \"double messages\" bug).\n // So for an answered turn we only show the typing indicator now (snappy\n // feel) and let the poll reveal it. The pending-human holding line has no\n // server row, so it's rendered here as before.\n if (d.status === \"answered\") { showTyping(); setTimeout(function () { if (!revealing && !revealQ.length) hideTyping(); }, 12000); }\n else { hideTyping(); add(\"store\", \"Your question is in the team's queue. You can keep browsing. Leave an email or phone if you'd like a reply after you leave.\", \"WNF\"); }\n if (d.status !== \"answered\" || d.followUpRequired) maybeContact(\"handoff\");\n // Automated answer: ask once it has landed (the moment of value). The 9/4\n // release had stopped asking on these turns entirely (all devices).\n else { contactAfterAnswer = true; answerBuf = \"\"; }\n pokePoll(); // the paced reply (or a teammate) lands via the poll \u2014 check back soon\n })\n .catch(function () {\n hideTyping();\n // A lost response can follow a successful write. Never silently POST twice.\n add(\"store\", \"I couldn't confirm that your message went through. Check for a reply before sending it again, or call the store at (503) 235-3454.\", \"WNF\");\n pokePoll();\n });\n }\n\n // ---- contact capture (after first message; email OR phone so we can reply) --\n function validEmail(s) { return /^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$/.test(s); }\n function validPhone(s) { return String(s).replace(/\\D/g, \"\").length >= 7; }\n function postContact(obj) {\n var payload = { sessionId: sessionId, name: obj.name || \"\", email: obj.email || \"\", phone: obj.phone || \"\" };\n if (obj.sendCopy === true) payload.sendCopy = true; // backend \"email me a copy\" (MX.emailCopy)\n return fetch(API + \"/api/chat/contact\", {\n method: \"POST\", headers: { \"content-type\": \"text/plain\" },\n body: JSON.stringify(payload)\n }).then(function (r) { if (!r.ok) throw new Error(\"contact_save_failed\"); return r.json().catch(function () { return {}; }); });\n }\n // Known-contact for this visitor, in priority order: a logged-in Shopify customer\n // (CFG.customer, injected by the loader) \u2192 a contact they typed earlier (localStorage).\n function knownContact() {\n var c = CFG.customer;\n if (c && (c.email || c.phone)) return { name: c.name || \"\", email: c.email || \"\", phone: c.phone || \"\" };\n var saved = ls(\"wnf_contact\");\n if (saved) { try { return JSON.parse(saved); } catch (e) {} }\n return null;\n }\n // If we already know who they are (Shopify login or a prior chat) \u2014 don't ask;\n // just attach it silently so staff can reply. Otherwise show the ask card once.\n function maybeContact(kind) {\n if (contactSent) return;\n // A skip lasts for this browser tab, not every future visit on this device.\n try { if (sessionStorage.getItem(\"wnf_contact_skip:\" + sessionId) === \"1\") return; } catch (e) {}\n var known = knownContact();\n if (known) { postContact(known).then(function () { contactSent = true; }).catch(function () {}); return; }\n if (askedContact || ls(ASKED_KEY)) return;\n askedContact = true; ls(ASKED_KEY, \"1\");\n if (mxArm() === \"sheet\") addContactAsk(kind === \"answer\" ? \"answer\" : \"handoff\");\n else addContactCard(kind === \"answer\" ? \"answer\" : \"handoff\");\n }\n // Sheet arm: one field, asked at the moment it is worth something, promising only\n // what actually happens. \"handoff\" = a person will answer this thread (staff reply\n // is emailed to the saved address: threads.emailCustomerReply). \"answer\" = after\n // an automated answer; with MX.emailCopy the backend emails a copy of the answer.\n function addContactAsk(kind) {\n var copy = kind === \"answer\"\n ? (MX.emailCopy\n ? { t: \"Want a copy of this?\", s: \"I'll email it to you, handy for measuring at home or your showroom visit.\", ph: \"Your email\", go: \"Email it\", emailOnly: true }\n : { t: \"Want the team's follow-up by email?\", s: \"If Joey or the team adds anything, it goes straight to your inbox.\", ph: \"Your email\", go: \"Save\", emailOnly: true })\n : { t: \"Where should we send the team's reply?\", s: (photoTurn ? \"A person from our Portland team will look at your photo and answer here.\" : \"A person from our Portland team will answer here.\") + \" Add your email and their reply comes to your inbox too.\", ph: \"Email or phone\", go: \"Send\", emailOnly: false };\n var card = el(\"div\", { class: \"wnf-cc2\", role: \"group\", \"aria-label\": copy.t });\n card.innerHTML =\n '' + esc(copy.t) + '
' + esc(copy.s) + '
' +\n '' + esc(cardQuestion()) + '
' +\n '' + esc(cardSub()) + '
' +\n '' +\n '';\n popEl.querySelector(\".wnf-x\").onclick = function () { ls(\"wnf_pop_dismissed\", \"1\"); track(\"wnf_chat_card_dismiss\"); dismissPop(); showMini(); };\n popEl.querySelector('[data-act=\"chat\"]').onclick = function () { track(\"wnf_chat_card_click\", { act: \"chat\" }); openChat(\"chat\", \"card\"); };\n popEl.querySelector('[data-act=\"faq\"]').onclick = function () { track(\"wnf_chat_card_click\", { act: \"faq\" }); openChat(\"faq\", \"card\"); };\n root.appendChild(popEl);\n track(\"wnf_chat_card_shown\", { host: host.name });\n }\n function dismissPop() { if (popEl) { popEl.remove(); popEl = null; } }\n\n // ---- experiment arm \"sheet\": compact question sheet (phones) ------------------\n // Replaces the dark card for the sheet arm only. It appears after real engagement\n // (scrolled past the buy box, picked a finish/variant, or ~20s on the page), waits\n // until the page is still, never covers Add to Cart / checkout / payment buttons /\n // sticky buy bars / an open drawer, and gets out of the way if one comes into its\n // space. Chips are the most common REAL first questions per page (ws_messages,\n // 2026-09-05..10-03; Murphy from research/voice-of-customer.md). A tapped chip opens\n // the chat and sends that question, so the answer starts immediately.\n var PDP_KEYS = { pdp: 1, murphy: 1, fjords: 1, consigned: 1, stanton: 1, stylus: 1, nectar: 1, \"private-label\": 1 };\n var MURPHY_Q = [\"Will it fit my room?\", \"Is the mattress comfortable?\", \"Can I see one open in Portland?\"];\n var SHEET = {\n murphy: { t: \"Questions about this bed?\", q: MURPHY_Q, photo: true },\n \"col-murphy\": { t: \"Picking a Murphy bed?\", q: MURPHY_Q, photo: true },\n pdp: { t: \"Questions about this piece?\", q: [\"Is it in stock?\", \"Will it fit my space?\", \"What does delivery cost?\"], photo: true },\n \"private-label\": { t: \"Questions about this piece?\", q: [\"Is it in stock?\", \"Will it fit my space?\", \"What does delivery cost?\"], photo: true },\n stanton: { t: \"Questions about this piece?\", q: [\"Can I see fabric swatches?\", \"What sizes does it come in?\", \"How long does it take?\"], photo: true },\n stylus: { t: \"Questions about this piece?\", q: [\"Can I pick the fabric?\", \"How long does it take?\", \"Can I see it in person?\"], photo: true },\n fjords: { t: \"Questions about this piece?\", q: [\"Can I sit in one first?\", \"What leather options are there?\", \"How long is the lead time?\"], photo: true },\n consigned: { t: \"Questions about this piece?\", q: [\"Is this still available?\", \"Can you hold it for me?\", \"Can I see it in person?\"], photo: true },\n nectar: { t: \"Questions about this mattress?\", q: [\"Can I try it in person?\", \"Which firmness should I pick?\", \"What's your return policy?\"], photo: false },\n col: { t: \"Looking for the right piece?\", q: [\"Help me find the right piece\", \"Will it fit my space?\", \"Can I see these in person?\"], photo: true },\n \"col-sofas\": { t: \"Looking for the right sofa?\", q: [\"Help me pick a sofa\", \"Will it fit my space?\", \"Can I sit on one first?\"], photo: true },\n \"col-sectional\": { t: \"Looking for the right sectional?\", q: [\"Will it fit my space?\", \"Can I change the layout?\", \"Can I see one in person?\"], photo: true },\n cart: { t: \"Questions before checkout?\", q: [\"How soon will it arrive?\", \"When is delivery free?\", \"What if it's not right?\"], photo: false },\n home: { t: \"Need a hand finding something?\", q: [\"Help me find a piece\", \"Can I see pieces in person?\", \"Where's my order?\"], photo: false }\n };\n function sheetKey() {\n if (PAGE.key === \"col\") {\n var h = ((PAGE.collectionHandle || \"\") + \" \" + (PAGE.collectionTitle || \"\")).toLowerCase();\n if (/murphy|cabinet.?bed|wall.?bed/.test(h)) return \"col-murphy\";\n }\n if (PAGE.key === \"cart\" && PAGE.cartCount === 0) return \"home\"; // nothing to check out yet\n return copyKey();\n }\n function sheetCopy() {\n var k = sheetKey(), c = SHEET[k];\n if (c) return c;\n var faqs = (copyFor().faqs || DEFAULT_FAQS).slice(0, 3).map(function (f) { return f.q; });\n var isCol = /^col-/.test(k) && k !== \"col-mattress\";\n return { t: isCol ? \"Looking for the right piece?\" : (k === \"design\" ? \"Planning a room?\" : \"Need a hand?\"), q: faqs, photo: isCol || k === \"design\" };\n }\n var SHEET_MIN_MS = 6000, SHEET_SETTLE_MS = 1200, SHEET_EST_H = 170;\n var PROTECT_SEL = 'form[action*=\"/cart/add\"] [type=\"submit\"],form[action*=\"/cart/add\"] button[name=\"add\"],.shopify-payment-button,[data-shopify=\"payment-button\"],button[name=\"checkout\"],input[name=\"checkout\"],a[href*=\"/checkout\"],[data-wnf-avoid]';\n var BAR_SEL = '[id*=\"sticky\" i],[class*=\"sticky\" i],[class*=\"msticky\" i],[class*=\"atc\" i],#PBarNextFrameWrapper';\n var sheetEl = null, sheetGuardT = null, sheetRaf = 0;\n function visibleBox(e) {\n var s = window.getComputedStyle(e);\n if (s.display === \"none\" || s.visibility === \"hidden\" || +s.opacity === 0) return null;\n var r = e.getBoundingClientRect();\n return r.width > 0 && r.height > 0 && r.bottom > 0 && r.top < window.innerHeight ? r : null;\n }\n // Bottom-pinned bars (sticky Add to Cart, configurator bars, Shopify's preview bar):\n // the sheet sits above the tallest one.\n function bottomBars() {\n var out = [], vh = window.innerHeight, iw = window.innerWidth;\n var bars = document.querySelectorAll(BAR_SEL);\n for (var i = 0; i < bars.length; i++) {\n var b = bars[i];\n if (root && (b === root || root.contains(b))) continue;\n var pos = window.getComputedStyle(b).position;\n if (pos !== \"fixed\" && pos !== \"sticky\") continue;\n var r = visibleBox(b);\n if (!r || r.height < 20 || r.height > 180 || r.width < iw * 0.5) continue;\n if (r.bottom > vh - 90) out.push(r);\n }\n return out;\n }\n function sheetLift() {\n var vh = window.innerHeight, lift = 0;\n bottomBars().forEach(function (r) { lift = Math.max(lift, vh - r.top); });\n return lift ? Math.round(lift + 8) : 0;\n }\n function sheetRect(lift, h) {\n var bottom = window.innerHeight - 10 - lift;\n return { left: 10, right: window.innerWidth - 10, top: bottom - h, bottom: bottom };\n }\n function overlaps(a, b) { return a.left < b.right && a.right > b.left && a.top < b.bottom && a.bottom > b.top; }\n // What the sheet must never cover. Returns a reason string or \"\".\n function sheetBlocker(rect) {\n var els = document.querySelectorAll(PROTECT_SEL);\n for (var i = 0; i < els.length; i++) {\n if (root && root.contains(els[i])) continue;\n var r = visibleBox(els[i]);\n if (r && overlaps(rect, r)) return \"buy_button\";\n }\n var bars = bottomBars();\n for (var j = 0; j < bars.length; j++) if (overlaps(rect, bars[j])) return \"sticky_bar\";\n if (drawerOpen()) return \"drawer\";\n var a = document.activeElement;\n // A focused text field elsewhere (search, ZIP) means the soft keyboard is up.\n if (a && (!root || !root.contains(a)) && (a.tagName === \"TEXTAREA\" || (a.tagName === \"INPUT\" && /^(text|search|email|tel|number|url|password|)$/i.test(a.getAttribute(\"type\") || \"\")))) return \"typing\";\n return \"\";\n }\n function drawerOpen() {\n var b = document.body, d = document.documentElement;\n if (/\\bjs-drawer-open/.test((b && b.className) || \"\") || /\\bjs-drawer-open/.test((d && d.className) || \"\")) return true;\n var cand = document.querySelectorAll('#CartDrawer,cart-drawer,.cart-drawer,[id*=\"CartDrawer\" i],.drawer--is-open,[aria-modal=\"true\"]');\n for (var i = 0; i < cand.length; i++) {\n if (root && root.contains(cand[i])) continue;\n var r = visibleBox(cand[i]);\n if (r && r.width > 120 && r.height > 120) return true;\n }\n return false;\n }\n // Engagement triggers. Dwell counts visible time since navigation (the widget itself\n // loads on first touch). PDPs: past the buy box, a variant/finish pick, or 20s.\n function sheetTriggers(onTrigger) {\n var k = PAGE.key, pdpLike = !!PDP_KEYS[k], done = false;\n var rule = pdpLike ? { dwell: 20000, scroll: null } : k === \"col\" ? { dwell: 20000, scroll: 0.5 } : k === \"cart\" ? { dwell: 20000, scroll: null } : { dwell: 25000, scroll: 0.6 };\n var visMs = document.hidden ? 0 : ((window.performance && performance.now && performance.now()) || 0), last = Date.now();\n var dwellT = setInterval(function () { var now = Date.now(); if (!document.hidden) visMs += now - last; last = now; if (visMs >= rule.dwell) fire(\"dwell\"); }, 1000);\n var io = null;\n if (pdpLike) {\n var atc = document.querySelector('form[action*=\"/cart/add\"] [type=\"submit\"],form[action*=\"/cart/add\"] button[name=\"add\"]');\n if (atc && window.IntersectionObserver) {\n io = new IntersectionObserver(function (es) { es.forEach(function (e) { if (!e.isIntersecting && e.boundingClientRect.bottom <= 0) fire(\"buybox\"); }); });\n io.observe(atc);\n } else rule.scroll = 0.4;\n }\n function onScroll() {\n if (rule.scroll == null) return;\n if (window.scrollY / (document.body.scrollHeight - window.innerHeight + 1) >= rule.scroll) fire(\"scroll\");\n }\n function onChange(e) {\n if (!pdpLike || !e.isTrusted) return;\n var t = e.target;\n // Swatches often sit outside the form and join it with form=\"\u2026\" (Motion theme).\n var inBuyForm = t && t.form && /\\/cart\\/add/.test(t.form.getAttribute(\"action\") || \"\");\n if (t && (inBuyForm || (t.closest && t.closest('form[action*=\"/cart/add\"],variant-radios,variant-selects,[class*=\"swatch\" i],[class*=\"variant\" i],[data-wnf-variant]')))) fire(\"variant\");\n }\n function fire(why) {\n if (done) return; done = true;\n clearInterval(dwellT); window.removeEventListener(\"scroll\", onScroll); document.removeEventListener(\"change\", onChange, true); if (io) io.disconnect();\n onTrigger(why);\n }\n window.addEventListener(\"scroll\", onScroll, { passive: true });\n document.addEventListener(\"change\", onChange, true);\n }\n // Show only once the page is still (no scroll/touch for 1.2s), at least 6s after\n // landing, and when the sheet's space is clear. Otherwise keep waiting quietly.\n function sheetScheduler(why) {\n var lastAct = Date.now();\n function act() { lastAct = Date.now(); }\n var evs = [\"scroll\", \"touchstart\", \"touchmove\", \"wheel\", \"keydown\"];\n evs.forEach(function (ev) { window.addEventListener(ev, act, { passive: true }); });\n var iv = setInterval(function () {\n if (ss(\"wnf_pop_done\") || ls(\"wnf_pop_dismissed\") || document.querySelector(\"style[data-wnf-commercial-chat]\")) return stop();\n if (panel && panel.classList.contains(\"open\")) return;\n var onPage = (window.performance && performance.now && performance.now()) || SHEET_MIN_MS;\n if (onPage < SHEET_MIN_MS || Date.now() - lastAct < SHEET_SETTLE_MS || document.hidden) return;\n if (sheetBlocker(sheetRect(sheetLift(), SHEET_EST_H))) return;\n stop(); showSheet(why);\n }, 300);\n function stop() { clearInterval(iv); evs.forEach(function (ev) { window.removeEventListener(ev, act, { passive: true }); }); }\n }\n function showSheet(why) {\n if (sheetEl || popEl || !root) return;\n if (ss(\"wnf_pop_done\") || ls(\"wnf_pop_dismissed\")) return;\n ss(\"wnf_pop_done\", \"1\"); // same once-per-session rule as the dark card\n var c = sheetCopy();\n lastPrompt = c.t;\n hideMini();\n sheetEl = el(\"div\", { class: \"wnf-sheet\", role: \"dialog\", \"aria-label\": \"Questions for Joey, Local Owner\" });\n sheetEl.innerHTML =\n '' +\n '' + esc(c.t) + '
' +\n '