[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_181":182,"_183":184},"routes/_app.x.$handle.$name",{"_94":93,"_32":45,"_103":84,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":121,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",48,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","build.ts","latestPath","fileId","6decb18a-6985-11f1-9ae9-1607ee4eb77e","name","fileType","script","content","import {\n BRAND_LABEL,\n getCustomer,\n RETURN_REASONS,\n type Customer,\n type Order,\n} from \"./fixtures.ts\";\n\n// ---- Customer lookup with @gorgias.com ↔ @gmail.com aliases ----\nexport async function lookupCustomer(\n input: string | null,\n brand: string | null,\n): Promise<{ customer: Customer; matched: boolean; brand: string }> {\n return await getCustomer(input, brand);\n}\n\n// ---- Deterministic Narvar-style return token (e.g. \"EWZ8X4K2M9\") ----\nfunction hashString(input: string): number {\n let hash = 0x811c9dc5;\n for (let i = 0; i < input.length; i++) {\n hash ^= input.charCodeAt(i);\n hash = Math.imul(hash, 0x01000193);\n }\n return hash >>> 0;\n}\nconst TOKEN_ALPHA = \"ABCDEFGHJKLMNPQRSTUVWXYZ23456789\"; // no 0/O/1/I/L for readability\nfunction returnToken(email: string, orderId: string): string {\n // 12-char token, deterministic per (email, orderId)\n let h = hashString(`${email}|${orderId}`);\n let out = \"\";\n for (let i = 0; i < 12; i++) {\n out += TOKEN_ALPHA[h % TOKEN_ALPHA.length];\n h = Math.floor(h / TOKEN_ALPHA.length) + 7 * (i + 1);\n }\n return out;\n}\n\nfunction escapeHtml(s: string): string {\n return s\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}\n\nfunction formatCurrency(amount: number, currency: string): string {\n const symbol = currency === \"USD\" ? \"$\" : currency === \"EUR\" ? \"€\" : currency + \" \";\n return symbol + amount.toFixed(2);\n}\n\n// Build the public portal URL for an order. This URL points back at the\n// same val (/portal) so clicking it actually opens a believable Narvar page.\nexport function portalUrl(origin: string, email: string, orderId: string): string {\n const token = returnToken(email, orderId);\n return `${origin}/portal?token=${token}&email=${encodeURIComponent(email)}&order=${orderId}`;\n}\n\n// ---- Flat JSON (consumed by Gorgias Support Action — AI Agent reads these fields) ----\nexport async function buildFlatResponse(email: string | null, origin: string, brand: string | null) {\n const { customer, matched } = await lookupCustomer(email, brand);\n const orders = customer.orders;\n const mostRecent = orders[0];\n\n return {\n \"Customer\": `${customer.first_name} ${customer.last_name}`,\n \"Email\": customer.email,\n \"Phone\": customer.phone,\n \"Shipping Address\": `${customer.shipping_address.line_1}, ${customer.shipping_address.city}, ${customer.shipping_address.state} ${customer.shipping_address.zip}`,\n \"Recent Orders Count\": orders.length,\n \"Most Recent Order\": mostRecent\n ? `${mostRecent.order_id} · ${formatCurrency(mostRecent.total, mostRecent.currency)} · ${mostRecent.status} (${mostRecent.order_date})`\n : \"No orders found\",\n \"Most Recent Order Items\": mostRecent\n ? mostRecent.items\n .map((i) => `${i.quantity}× ${i.name} (${i.variant})`)\n .join(\"; \")\n : \"—\",\n \"Return Eligible\": mostRecent?.return_eligible ? \"Yes\" : \"No\",\n \"Return Window Ends\": mostRecent?.return_window_ends ?? \"—\",\n \"Return Portal URL\": mostRecent\n ? portalUrl(origin, customer.email, mostRecent.order_id)\n : \"—\",\n \"All Orders\": orders\n .map(\n (o) =>\n `${o.order_id} (${o.order_date}, ${formatCurrency(o.total, o.currency)}) → ${portalUrl(origin, customer.email, o.order_id)}`,\n )\n .join(\" | \"),\n \"_queried_email\": email ?? \"(no email param received)\",\n \"_source\": matched\n ? `Narvar — matched record for ${customer.email}`\n : `Narvar — default fixture (no match for: ${email ?? \"empty\"})`,\n };\n}\n\n// ---- Gorgias sidebar widget shape (data[] of returns) ----\n// Derived from the SAME fixtures as the Support Action, so the widget and the\n// AI Agent always agree. One return object per order, items map 1:1.\nexport async function buildWidgetResponse(email: string | null, brand: string | null) {\n const { customer } = await lookupCustomer(email, brand);\n const data = customer.orders.map((o) => ({\n rma_number: \"RMA-\" + returnToken(customer.email, o.order_id).slice(0, 7),\n return_status: o.return_eligible ? \"approved\" : \"closed\",\n order_number: o.order_id,\n origin_city: customer.shipping_address.city,\n origin_country: customer.shipping_address.country === \"US\" ? \"United States\" : customer.shipping_address.country,\n return_creation_date: o.delivered_date,\n return_method: \"prepaid_label\",\n items: o.items.map((it, i) => ({\n reason: RETURN_REASONS[i % RETURN_REASONS.length],\n comment: \"-\",\n name: it.name,\n quantity: it.quantity,\n total_item_price: Number((it.unit_price * it.quantity).toFixed(2)),\n })),\n package: {\n tracking_number: \"1Z\" + returnToken(customer.email, o.order_id),\n carrier: \"UPS\",\n destination_city: customer.shipping_address.city,\n destination_country: \"United States\",\n },\n }));\n return { data };\n}\n\n// ---- Nested JSON payload (full structure, /raw endpoint) ----\nexport async function buildJsonResponse(email: string | null, origin: string, brand: string | null) {\n const { customer, matched } = await lookupCustomer(email, brand);\n const ordersWithUrls = customer.orders.map((o) => ({\n ...o,\n return_portal_url: portalUrl(origin, customer.email, o.order_id),\n return_token: returnToken(customer.email, o.order_id),\n }));\n return {\n status: { code: 200, message: \"OK\" },\n _mock: {\n provider: \"narvar\",\n matched_fixture: matched,\n queried: email,\n note: \"Synthetic data for Gorgias demos. Not real Narvar data.\",\n },\n customer: {\n email: customer.email,\n first_name: customer.first_name,\n last_name: customer.last_name,\n phone: customer.phone,\n shipping_address: customer.shipping_address,\n },\n orders: ordersWithUrls,\n return_policy: {\n window_days: 30,\n free_returns: true,\n exchange_allowed: true,\n refund_method: \"Original payment method\",\n },\n };\n}\n\n// ---- HTML return portal page (linked from the AI Agent's reply) ----\n// Looks like a real Narvar return portal: brand header, order summary,\n// per-item return checkboxes + reason dropdown, big \"Start Return\" button.\nexport async function buildPortalHtml(\n email: string | null,\n token: string | null,\n orderId: string | null,\n brand: string | null,\n): Promise {\n // Treat malformed / placeholder values as \"not provided\" — keeps the demo\n // clean when someone hits the URL with `...` placeholders or no params.\n const emailLooksReal = !!email && email.includes(\"@\") && !email.includes(\"...\");\n const tokenLooksReal = !!token && /^[A-Z0-9]{12}$/.test(token);\n\n const { customer, matched, brand: nb } = await lookupCustomer(emailLooksReal ? email : null, brand);\n const brandInfo = BRAND_LABEL[nb] || BRAND_LABEL.bellissima;\n // Pick the requested order, or fall back to the most recent\n const order: Order | undefined =\n (orderId && customer.orders.find((o) => o.order_id === orderId)) ||\n customer.orders[0];\n\n // Verify token only if it looks like a real token\n const tokenValid =\n !tokenLooksReal || (order && returnToken(customer.email, order.order_id) === token);\n\n const css = `\n *{box-sizing:border-box}\n body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;color:#0f172a;background:#f8fafc;font-size:14px;line-height:1.5}\n .narvar-header{background:#0f172a;color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}\n .brand-name{font-size:20px;font-weight:800;letter-spacing:0.3px}\n .brand-tag{font-size:11px;opacity:0.7;font-weight:500;margin-top:2px}\n .powered{font-size:10px;opacity:0.6;font-weight:600;letter-spacing:1px;text-transform:uppercase}\n .container{max-width:720px;margin:0 auto;padding:24px}\n h1{font-size:24px;font-weight:700;margin:0 0 6px;color:#0f172a}\n .subhead{color:#64748b;font-size:13px;margin-bottom:20px}\n .order-meta{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#475569}\n .order-meta div strong{color:#0f172a;display:block;font-size:11px;text-transform:uppercase;letter-spacing:0.4px;font-weight:700;margin-bottom:2px}\n .item-card{display:flex;gap:16px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;box-shadow:0 1px 2px rgba(0,0,0,0.03);align-items:center}\n .item-image{width:88px;height:88px;object-fit:cover;border-radius:8px;background:#f1f5f9;flex-shrink:0;border:1px solid #e2e8f0}\n .item-info{flex:1;min-width:0}\n .item-name{font-weight:700;font-size:15px;color:#0f172a;margin-bottom:4px}\n .item-variant{font-size:13px;color:#475569;margin-bottom:4px}\n .item-meta{font-size:11px;color:#94a3b8;margin-bottom:8px}\n .item-reason{margin-top:6px}\n .item-reason select{font-size:12px;padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f172a;width:100%;max-width:260px}\n .item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}\n .item-price{font-weight:700;font-size:16px;color:#0f172a}\n .action-buttons{display:flex;gap:6px}\n .btn-action{font-size:12px;padding:7px 14px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;cursor:pointer;font-weight:600;transition:all 0.15s}\n .btn-action:hover{background:#f1f5f9}\n .btn-return.selected{background:#0f172a;color:#fff;border-color:#0f172a}\n .btn-exchange.selected{background:#0f172a;color:#fff;border-color:#0f172a}\n .total-row{display:flex;justify-content:space-between;align-items:baseline;background:#0f172a;color:#fff;padding:14px 18px;border-radius:10px;margin-top:8px;margin-bottom:16px;font-weight:700}\n .total-row .total-label{font-size:12px;opacity:0.8;text-transform:uppercase;letter-spacing:0.6px}\n .total-row .total-value{font-size:20px}\n .window-pill{display:inline-block;background:#dcfce7;color:#15803d;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700}\n .window-pill.expired{background:#fee2e2;color:#991b1b}\n .cta-row{display:flex;gap:10px;margin-top:10px}\n .btn{flex:1;padding:14px 18px;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:0.2px;transition:background 0.15s}\n .btn-primary{background:#0f172a;color:#fff}\n .btn-primary:hover{background:#1e293b}\n .btn-secondary{background:#fff;color:#0f172a;border:1px solid #cbd5e1}\n .footer{text-align:center;color:#94a3b8;font-size:11px;padding:24px;margin-top:20px}\n .info-banner{background:#fef3c7;border:1px solid #fde68a;color:#78350f;padding:10px 14px;border-radius:8px;font-size:12px;margin-bottom:16px}\n .ok-banner{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d;padding:14px 16px;border-radius:10px;font-size:13px;margin-top:16px;line-height:1.5}\n .err-banner{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:10px 14px;border-radius:8px;font-size:12px;margin-bottom:16px}\n .powered-narvar{text-align:center;margin-top:24px;font-size:10px;color:#94a3b8;letter-spacing:1.5px;text-transform:uppercase}\n .powered-narvar strong{color:#475569}\n @media (max-width:520px){\n .item-card{flex-wrap:wrap}\n .item-image{width:72px;height:72px}\n .item-actions{width:100%;flex-direction:row;justify-content:space-between;align-items:center}\n }\n `;\n\n if (!order) {\n return `${brandInfo.name} Returns\n

${brandInfo.name}

${brandInfo.tagline}

Returns

No orders found

We couldn't find any recent orders for that email. Please contact support if this seems wrong.

\n `;\n }\n\n const itemsHtml = order.items\n .map(\n (it, i) => `\n

\n $\"${escapeHtml(it.name)}\"$ \n

${escapeHtml(it.name)}

${escapeHtml(it.variant)}

SKU ${escapeHtml(it.sku)} · Qty ${it.quantity}

\n \n

${formatCurrency(it.unit_price * it.quantity, order.currency)}

\n \n \n

`,\n )\n .join(\"\");\n\n // Show fallback banner only when a real-looking email was queried but didn't match.\n const matchBanner = emailLooksReal && !matched\n ? ``\n : \"\";\n\n // Show signature banner only when a real-looking token was provided but invalid.\n const tokenBanner = tokenLooksReal && !tokenValid\n ? ``\n : \"\";\n\n return `\n\n\n\n\n${brandInfo.name} — Return ${order.order_id}\n\n\n\n

${brandInfo.name}

${brandInfo.tagline}

Returns & Exchanges

\n\n

\n ${matchBanner}\n ${tokenBanner}\n\n

Return or exchange items from ${order.order_id}

Hi ${escapeHtml(customer.first_name)}, choose Return for a refund or Exchange to swap for a different size/flavor. Free returns within 30 days of delivery.

\n\n

Order placed${order.order_date}

Delivered${order.delivered_date}

Ship-to${escapeHtml(customer.shipping_address.line_1)}, ${escapeHtml(customer.shipping_address.city)}, ${customer.shipping_address.state} ${customer.shipping_address.zip}

Return window${order.return_eligible ? \"Open until \" + order.return_window_ends : \"Expired\"}

\n\n ${itemsHtml}\n\n

Order total

${formatCurrency(order.total, order.currency)}

\n\n

\n \n \n

\n\n \n\n

\n\n\n\n`;\n}\n","import {\n BRAND_LABEL,\n getCustomer,\n RETURN_REASONS,\n type Customer,\n type Order,\n} from \"./fixtures.ts\";\n\n// ---- Customer lookup with @gorgias.com ↔ @gmail.com aliases ----\nexport async function lookupCustomer(\n input: string | null,\n brand: string | null,\n): Promise<{ customer: Customer; matched: boolean; brand: string }> {\n return await getCustomer(input, brand);\n}\n\n// ---- Deterministic Narvar-style return token (e.g. \"EWZ8X4K2M9\") ----\nfunction hashString(input: string): number {\n let hash = 0x811c9dc5;\n for (let i = 0; i < input.length; i++) {\n hash ^= input.charCodeAt(i);\n hash = Math.imul(hash, 0x01000193);\n }\n return hash >>> 0;\n}\nconst TOKEN_ALPHA = \"ABCDEFGHJKLMNPQRSTUVWXYZ23456789\"; // no 0/O/1/I/L for readability\nfunction returnToken(email: string, orderId: string): string {\n // 12-char token, deterministic per (email, orderId)\n let h = hashString(`${email}|${orderId}`);\n let out = \"\";\n for (let i = 0; i < 12; i++) {\n out += TOKEN_ALPHA[h % TOKEN_ALPHA.length];\n h = Math.floor(h / TOKEN_ALPHA.length) + 7 * (i + 1);\n }\n return out;\n}\n\nfunction escapeHtml(s: string): string {\n return s\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}\n\nfunction formatCurrency(amount: number, currency: string): string {\n const symbol = currency === \"USD\" ? \"$\" : currency === \"EUR\" ? \"€\" : currency + \" \";\n return symbol + amount.toFixed(2);\n}\n\n// Build the public portal URL for an order. This URL points back at the\n// same val (/portal) so clicking it actually opens a believable Narvar page.\nexport function portalUrl(origin: string, email: string, orderId: string): string {\n const token = returnToken(email, orderId);\n return `${origin}/portal?token=${token}&email=${encodeURIComponent(email)}&order=${orderId}`;\n}\n\n// ---- Flat JSON (consumed by Gorgias Support Action — AI Agent reads these fields) ----\nexport async function buildFlatResponse(email: string | null, origin: string, brand: string | null) {\n const { customer, matched } = await lookupCustomer(email, brand);\n const orders = customer.orders;\n const mostRecent = orders[0];\n\n return {\n \"Customer\": `${customer.first_name} ${customer.last_name}`,\n \"Email\": customer.email,\n \"Phone\": customer.phone,\n \"Shipping Address\": `${customer.shipping_address.line_1}, ${customer.shipping_address.city}, ${customer.shipping_address.state} ${customer.shipping_address.zip}`,\n \"Recent Orders Count\": orders.length,\n \"Most Recent Order\": mostRecent\n ? `${mostRecent.order_id} · ${formatCurrency(mostRecent.total, mostRecent.currency)} · ${mostRecent.status} (${mostRecent.order_date})`\n : \"No orders found\",\n \"Most Recent Order Items\": mostRecent\n ? mostRecent.items\n .map((i) => `${i.quantity}× ${i.name} (${i.variant})`)\n .join(\"; \")\n : \"—\",\n \"Return Eligible\": mostRecent?.return_eligible ? \"Yes\" : \"No\",\n \"Return Window Ends\": mostRecent?.return_window_ends ?? \"—\",\n \"Return Portal URL\": mostRecent\n ? portalUrl(origin, customer.email, mostRecent.order_id)\n : \"—\",\n \"All Orders\": orders\n .map(\n (o) =>\n `${o.order_id} (${o.order_date}, ${formatCurrency(o.total, o.currency)}) → ${portalUrl(origin, customer.email, o.order_id)}`,\n )\n .join(\" | \"),\n \"_queried_email\": email ?? \"(no email param received)\",\n \"_source\": matched\n ? `Narvar — matched record for ${customer.email}`\n : `Narvar — default fixture (no match for: ${email ?? \"empty\"})`,\n };\n}\n\n// ---- Gorgias sidebar widget shape (data[] of returns) ----\n// Derived from the SAME fixtures as the Support Action, so the widget and the\n// AI Agent always agree. One return object per order, items map 1:1.\nexport async function buildWidgetResponse(email: string | null, brand: string | null) {\n const { customer } = await lookupCustomer(email, brand);\n const data = customer.orders.map((o) => ({\n rma_number: \"RMA-\" + returnToken(customer.email, o.order_id).slice(0, 7),\n return_status: o.return_eligible ? \"approved\" : \"closed\",\n order_number: o.order_id,\n origin_city: customer.shipping_address.city,\n origin_country: customer.shipping_address.country === \"US\" ? \"United States\" : customer.shipping_address.country,\n return_creation_date: o.delivered_date,\n return_method: \"prepaid_label\",\n items: o.items.map((it, i) => ({\n reason: RETURN_REASONS[i % RETURN_REASONS.length],\n comment: \"-\",\n name: it.name,\n quantity: it.quantity,\n total_item_price: Number((it.unit_price * it.quantity).toFixed(2)),\n })),\n package: {\n tracking_number: (\"1Z\" + returnToken(customer.email, o.order_id) + returnToken(o.order_id, customer.email)).slice(0, 18),\n carrier: \"UPS\",\n destination_city: \"Atlanta\", // returns processing center (≠ the customer's origin city)\n destination_country: \"United States\",\n },\n }));\n return { data };\n}\n\n// ---- Nested JSON payload (full structure, /raw endpoint) ----\nexport async function buildJsonResponse(email: string | null, origin: string, brand: string | null) {\n const { customer, matched } = await lookupCustomer(email, brand);\n const ordersWithUrls = customer.orders.map((o) => ({\n ...o,\n return_portal_url: portalUrl(origin, customer.email, o.order_id),\n return_token: returnToken(customer.email, o.order_id),\n }));\n return {\n status: { code: 200, message: \"OK\" },\n _mock: {\n provider: \"narvar\",\n matched_fixture: matched,\n queried: email,\n note: \"Synthetic data for Gorgias demos. Not real Narvar data.\",\n },\n customer: {\n email: customer.email,\n first_name: customer.first_name,\n last_name: customer.last_name,\n phone: customer.phone,\n shipping_address: customer.shipping_address,\n },\n orders: ordersWithUrls,\n return_policy: {\n window_days: 30,\n free_returns: true,\n exchange_allowed: true,\n refund_method: \"Original payment method\",\n },\n };\n}\n\n// ---- HTML return portal page (linked from the AI Agent's reply) ----\n// Looks like a real Narvar return portal: brand header, order summary,\n// per-item return checkboxes + reason dropdown, big \"Start Return\" button.\nexport async function buildPortalHtml(\n email: string | null,\n token: string | null,\n orderId: string | null,\n brand: string | null,\n): Promise {\n // Treat malformed / placeholder values as \"not provided\" — keeps the demo\n // clean when someone hits the URL with `...` placeholders or no params.\n const emailLooksReal = !!email && email.includes(\"@\") && !email.includes(\"...\");\n const tokenLooksReal = !!token && /^[A-Z0-9]{12}$/.test(token);\n\n const { customer, matched, brand: nb } = await lookupCustomer(emailLooksReal ? email : null, brand);\n const brandInfo = BRAND_LABEL[nb] || BRAND_LABEL.bellissima;\n // Pick the requested order, or fall back to the most recent\n const order: Order | undefined =\n (orderId && customer.orders.find((o) => o.order_id === orderId)) ||\n customer.orders[0];\n\n // Verify token only if it looks like a real token\n const tokenValid =\n !tokenLooksReal || (order && returnToken(customer.email, order.order_id) === token);\n\n const css = `\n *{box-sizing:border-box}\n body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;color:#0f172a;background:#f8fafc;font-size:14px;line-height:1.5}\n .narvar-header{background:#0f172a;color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}\n .brand-name{font-size:20px;font-weight:800;letter-spacing:0.3px}\n .brand-tag{font-size:11px;opacity:0.7;font-weight:500;margin-top:2px}\n .powered{font-size:10px;opacity:0.6;font-weight:600;letter-spacing:1px;text-transform:uppercase}\n .container{max-width:720px;margin:0 auto;padding:24px}\n h1{font-size:24px;font-weight:700;margin:0 0 6px;color:#0f172a}\n .subhead{color:#64748b;font-size:13px;margin-bottom:20px}\n .order-meta{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#475569}\n .order-meta div strong{color:#0f172a;display:block;font-size:11px;text-transform:uppercase;letter-spacing:0.4px;font-weight:700;margin-bottom:2px}\n .item-card{display:flex;gap:16px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;box-shadow:0 1px 2px rgba(0,0,0,0.03);align-items:center}\n .item-image{width:88px;height:88px;object-fit:cover;border-radius:8px;background:#f1f5f9;flex-shrink:0;border:1px solid #e2e8f0}\n .item-info{flex:1;min-width:0}\n .item-name{font-weight:700;font-size:15px;color:#0f172a;margin-bottom:4px}\n .item-variant{font-size:13px;color:#475569;margin-bottom:4px}\n .item-meta{font-size:11px;color:#94a3b8;margin-bottom:8px}\n .item-reason{margin-top:6px}\n .item-reason select{font-size:12px;padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f172a;width:100%;max-width:260px}\n .item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}\n .item-price{font-weight:700;font-size:16px;color:#0f172a}\n .action-buttons{display:flex;gap:6px}\n .btn-action{font-size:12px;padding:7px 14px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;cursor:pointer;font-weight:600;transition:all 0.15s}\n .btn-action:hover{background:#f1f5f9}\n .btn-return.selected{background:#0f172a;color:#fff;border-color:#0f172a}\n .btn-exchange.selected{background:#0f172a;color:#fff;border-color:#0f172a}\n .total-row{display:flex;justify-content:space-between;align-items:baseline;background:#0f172a;color:#fff;padding:14px 18px;border-radius:10px;margin-top:8px;margin-bottom:16px;font-weight:700}\n .total-row .total-label{font-size:12px;opacity:0.8;text-transform:uppercase;letter-spacing:0.6px}\n .total-row .total-value{font-size:20px}\n .window-pill{display:inline-block;background:#dcfce7;color:#15803d;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700}\n .window-pill.expired{background:#fee2e2;color:#991b1b}\n .cta-row{display:flex;gap:10px;margin-top:10px}\n .btn{flex:1;padding:14px 18px;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:0.2px;transition:background 0.15s}\n .btn-primary{background:#0f172a;color:#fff}\n .btn-primary:hover{background:#1e293b}\n .btn-secondary{background:#fff;color:#0f172a;border:1px solid #cbd5e1}\n .footer{text-align:center;color:#94a3b8;font-size:11px;padding:24px;margin-top:20px}\n .info-banner{background:#fef3c7;border:1px solid #fde68a;color:#78350f;padding:10px 14px;border-radius:8px;font-size:12px;margin-bottom:16px}\n .ok-banner{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d;padding:14px 16px;border-radius:10px;font-size:13px;margin-top:16px;line-height:1.5}\n .err-banner{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:10px 14px;border-radius:8px;font-size:12px;margin-bottom:16px}\n .powered-narvar{text-align:center;margin-top:24px;font-size:10px;color:#94a3b8;letter-spacing:1.5px;text-transform:uppercase}\n .powered-narvar strong{color:#475569}\n @media (max-width:520px){\n .item-card{flex-wrap:wrap}\n .item-image{width:72px;height:72px}\n .item-actions{width:100%;flex-direction:row;justify-content:space-between;align-items:center}\n }\n `;\n\n if (!order) {\n return `${brandInfo.name} Returns\n

${brandInfo.name}

${brandInfo.tagline}

Returns

No orders found

We couldn't find any recent orders for that email. Please contact support if this seems wrong.

\n `;\n }\n\n const itemsHtml = order.items\n .map(\n (it, i) => `\n

\n $\"${escapeHtml(it.name)}\"$ \n

${escapeHtml(it.name)}

${escapeHtml(it.variant)}

SKU ${escapeHtml(it.sku)} · Qty ${it.quantity}

\n \n

${formatCurrency(it.unit_price * it.quantity, order.currency)}

\n \n \n

${brandInfo.name}

${brandInfo.tagline}

Returns & Exchanges

\n\n

\n ${matchBanner}\n ${tokenBanner}\n\n

Return or exchange items from ${order.order_id}

Hi ${escapeHtml(customer.first_name)}, choose Return for a refund or Exchange to swap for a different size/flavor. Free returns within 30 days of delivery.

\n\n

Order placed${order.order_date}

Delivered${order.delivered_date}

Ship-to${escapeHtml(customer.shipping_address.line_1)}, ${escapeHtml(customer.shipping_address.city)}, ${customer.shipping_address.state} ${customer.shipping_address.zip}

Return window${order.return_eligible ? \"Open until \" + order.return_window_ends : \"Expired\"}

\n\n ${itemsHtml}\n\n

Order total

${formatCurrency(order.total, order.currency)}

\n\n

\n \n \n

\n\n \n\n

\n\n\n\n`;\n}\n","createdAt",["D",1784190004246],"branchVersion","branchId","e0abbdc9-3933-4974-9781-a04f83d91ac7","id","0cc6ad0b-9ed5-40ac-a23c-e994fe61039c","narvar-mock-api",["D",1781615615371],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Mock Narvar Returns & Exchanges for Gorgias demos","imageUrl","742085bc-e2ba-4110-bb93-cce7bf4b0fe5","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019eb5c9-9533-734b-bc4b-3f0c36b2e8da","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_102":98},"org",{"_94":93,"_95":96,"_97":98,"_18":55,"_99":100,"_101":25},"branch",{"_13":14,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","simontemmam","handle","displayName","Simon Temmam","avatar","https://lh3.googleusercontent.com/a/ACg8ocL7lj4b19yeTEB3PtiNRcXnPTMoeHAytozzU0IwChHQqiamn44=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":177,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":178,"_79":179,"_81":180,"_83":25},"tree",[164,165,166],"files",[164,165,166],"counts",{"_153":61,"_154":155,"_156":61,"_157":158,"_159":160},"contents",[126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":149,"_32":28,"_30":31,"_132":-5,"_41":42,"_40":14,"_134":121,"_38":150,"_13":151,"_33":34,"_35":37,"_24":25,"_139":-5,"_27":152},{"_43":141,"_32":142,"_30":143,"_132":-5,"_41":42,"_40":144,"_134":121,"_38":145,"_13":146,"_33":34,"_35":147,"_24":25,"_139":-5,"_27":148},{"_43":129,"_32":130,"_30":131,"_132":-5,"_41":42,"_40":133,"_134":121,"_38":135,"_13":136,"_33":137,"_35":138,"_24":25,"_139":-5,"_27":140},"0245f3b5-6413-4216-b5b7-9ccc6664bc84","main.ts","2e5c2ba4-6985-11f1-be0b-1607ee4eb77e","parentId",47,"latest",["D",1783597966708],15,"http","import { buildFlatResponse, buildJsonResponse, buildPortalHtml, buildWidgetResponse } from \"./build.ts\";\nimport { PERSONA_EMAILS } from \"./fixtures.ts\";\n\nconst CORS_HEADERS = {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"GET, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"*\",\n};\n\nfunction json(body: unknown, status = 200) {\n return new Response(JSON.stringify(body, null, 2), {\n status,\n headers: { \"Content-Type\": \"application/json; charset=utf-8\", ...CORS_HEADERS },\n });\n}\n\nfunction html(body: string, status = 200) {\n return new Response(body, {\n status,\n headers: { \"Content-Type\": \"text/html; charset=utf-8\", ...CORS_HEADERS },\n });\n}\n\nfunction getEmail(params: URLSearchParams): string | null {\n return params.get(\"email\") || params.get(\"customer_email\") || params.get(\"customerEmail\") || null;\n}\n\nexport default async function (req: Request): Promise {\n if (req.method === \"OPTIONS\") {\n return new Response(null, { status: 204, headers: CORS_HEADERS });\n }\n\n const url = new URL(req.url);\n const email = getEmail(url.searchParams);\n const brand = url.searchParams.get(\"brand\"); // raw; the personas endpoint normalizes (defaults bellissima)\n const token = url.searchParams.get(\"token\");\n const orderId = url.searchParams.get(\"order\");\n\n // /widget — Gorgias sidebar widget shape, derived from the SAME source as the Support Action.\n if (url.pathname.startsWith(\"/widget\")) {\n return json(await buildWidgetResponse(email, brand));\n }\n\n // /portal — the fake Narvar return portal page (linked from AI Agent's reply)\n if (url.pathname.startsWith(\"/portal\")) {\n return html(await buildPortalHtml(email, token, orderId, brand));\n }\n\n // Bare URL with no params — self-documenting usage page\n if (url.pathname === \"/\" && [...url.searchParams.keys()].length === 0) {\n return json({\n mock: \"Narvar Returns & Exchanges — synthetic data for Gorgias demos\",\n brands: [\"bellissima\", \"womensbest\"],\n endpoints: {\n flat_json: `${url.origin}/?email=tomas.memmin@gmail.com&brand=bellissima`,\n nested_json: `${url.origin}/raw?email=tomas.memmin@gmail.com&brand=bellissima`,\n widget_json: `${url.origin}/widget?email=tomas.memmin@gmail.com&brand=bellissima`,\n portal_html: `${url.origin}/portal?token=...&email=tomas.memmin@gmail.com&order=...&brand=bellissima`,\n },\n accepts_any_of: [\"email\", \"customer_email\", \"customerEmail\"],\n personas: PERSONA_EMAILS,\n note:\n \"brand defaults to bellissima. Unknown emails fall back to Tomas Memmin. @gorgias.com ↔ @gmail.com aliases auto-handled.\",\n });\n }\n\n // /raw — full nested JSON\n if (url.pathname.startsWith(\"/raw\")) {\n return json(await buildJsonResponse(email, url.origin, brand));\n }\n\n // Default endpoint — FLAT key-value JSON for the Gorgias Support Action.\n return json(await buildFlatResponse(email, url.origin, brand));\n}\n","label",[130],"d533bcbf-4a90-4578-8d91-d482d2b247ff","fixtures.ts","49d9ae42-6985-11f1-9a5d-1607ee4eb77e",34,["D",1783594303937],7,"// Narvar demo fixtures — data fetched at request time from the shared demo-personas endpoint\n// (runtime fetch, not cross-val import, so catalog edits + new brands propagate instantly).\nconst PERSONAS_URL = \"https://simontemmam--63225c6e7b6e11f19ae31607ee4eb77e.web.val.run/\";\n\nexport type Brand = string;\n\n// Brand label shown on the fake Narvar portal page.\nexport const BRAND_LABEL: Record = {\n bellissima: { name: \"Bellissima\", tagline: \"Professional hair care & styling.\" },\n womensbest: { name: \"Women's Best\", tagline: \"Be your best — fitness, nutrition & supplements.\" },\n xtremelashes: { name: \"Xtreme Lashes\", tagline: \"Eyelash extensions & lash care.\" },\n};\n\nexport const RETURN_REASONS = [\n \"Wrong item received\",\n \"Arrived damaged\",\n \"Not as described\",\n \"Changed my mind\",\n \"Quality not as expected\",\n \"Ordered by mistake\",\n];\n\nexport interface Item { sku: string; name: string; variant: string; quantity: number; unit_price: number; image_url: string; }\nexport interface Order {\n order_id: string; order_date: string; delivered_date: string; total: number; currency: string;\n status: string; items: Item[]; return_window_ends: string; return_eligible: boolean;\n}\nexport interface Address { line_1: string; city: string; state: string; zip: string; country: string; }\nexport interface Customer {\n email: string; first_name: string; last_name: string; phone: string; shipping_address: Address; orders: Order[];\n}\n\nfunction plusDays(iso: string, days: number): string {\n const d = new Date(iso + \"T00:00:00Z\");\n d.setUTCDate(d.getUTCDate() + days);\n return d.toISOString().slice(0, 10);\n}\n\n// Fetch the (email, brand) persona from the shared endpoint and shape it as a Narvar Customer.\nexport async function getCustomer(\n email: string | null,\n brand: string | null,\n): Promise<{ customer: Customer; matched: boolean; brand: string }> {\n const r = await fetch(`${PERSONAS_URL}?email=${encodeURIComponent(email || \"\")}&brand=${encodeURIComponent(brand || \"\")}`);\n const p = await r.json(); // { identity, brand, order, matched }\n const id = p.identity;\n const o = p.order;\n const total = o.items.reduce((s: number, i: any) => s + i.unit_price * i.quantity, 0);\n const customer: Customer = {\n email: id.email,\n first_name: id.first_name,\n last_name: id.last_name,\n phone: id.phone,\n shipping_address: { line_1: id.address.line1, city: id.address.city, state: id.address.state, zip: id.address.zip, country: id.address.country },\n orders: [\n {\n order_id: o.order_id,\n order_date: o.order_date,\n delivered_date: o.delivered_date,\n total: Number(total.toFixed(2)),\n currency: o.currency,\n status: \"Delivered\",\n return_window_ends: plusDays(o.delivered_date, 30),\n return_eligible: true,\n items: o.items.map((it: any, i: number) => ({\n sku: \"SKU-\" + String(i + 1).padStart(4, \"0\"),\n name: it.name,\n variant: it.variant,\n quantity: it.quantity,\n unit_price: it.unit_price,\n image_url: \"\",\n })),\n },\n ],\n };\n return { customer, matched: !!p.matched, brand: p.brand };\n}\n\nexport const PERSONA_EMAILS = [\"tomas.memmin@gmail.com\", \"naomi.smet04@gmail.com\"];\n",[142],"57d8c410-23a7-44e0-850b-f351167470a7",["D",1784190004246],23,[28],"pulls","branches",1,"forks","envVars",{"_161":61,"_163":61},"connections",{"_161":61,"_162":61},"count","unfilledCount","emptyCount",{"_43":149,"_32":28,"_30":31,"_132":-5,"_41":42,"_40":14,"_134":121,"_38":174,"_13":151,"_33":34,"_35":37,"_24":25,"_139":-5,"_168":175,"_27":176},{"_43":141,"_32":142,"_30":143,"_132":-5,"_41":42,"_40":144,"_134":121,"_38":171,"_13":146,"_33":34,"_35":147,"_24":25,"_139":-5,"_168":172,"_27":173},{"_43":129,"_32":130,"_30":131,"_132":-5,"_41":42,"_40":133,"_134":121,"_38":167,"_13":136,"_33":137,"_35":138,"_24":25,"_139":-5,"_168":169,"_27":170},["D",1783597966708],"children",[],[130],["D",1783594303937],[],[142],["D",1784190004246],[],[28],["D",1781615615371],{"_94":93,"_102":98},{"_94":93,"_95":96,"_97":98,"_18":55,"_99":100,"_101":25},{"_13":14,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"ctx",{"_77":-5,"_123":214,"_215":216,"_217":218,"_219":25,"_220":25,"_221":25,"_222":121,"_223":-5,"_224":-7,"_225":-7,"_226":61,"_227":25,"_228":25,"_229":-5,"_230":25,"_231":25,"_232":25,"_233":-5},"ENV",{"_185":186,"_187":188,"_189":84,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213},"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",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v48