[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_182":183,"_184":185},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_104":85,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":122,"_123":-5,"_124":-5,"_125":126},"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",22,"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 Brand,\n type Customer,\n type Order,\n} from \"./fixtures.ts\";\n\n// ---- Customer lookup with @gorgias.com ↔ @gmail.com aliases ----\nexport function lookupCustomer(\n input?: string | null,\n): { customer: Customer; matched: boolean } {\n if (!input) return { customer: CUSTOMERS[DEFAULT_EMAIL], matched: false };\n const normalized = input.trim().toLowerCase();\n const exact = CUSTOMERS[normalized];\n if (exact) return { customer: exact, matched: true };\n let swapped: string | null = null;\n if (normalized.endsWith(\"@gorgias.com\")) {\n swapped = normalized.replace(\"@gorgias.com\", \"@gmail.com\");\n } else if (normalized.endsWith(\"@gmail.com\")) {\n swapped = normalized.replace(\"@gmail.com\", \"@gorgias.com\");\n }\n if (swapped && CUSTOMERS[swapped]) {\n return { customer: CUSTOMERS[swapped], matched: true };\n }\n return { customer: CUSTOMERS[DEFAULT_EMAIL], matched: false };\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 function buildFlatResponse(email: string | null, origin: string) {\n const { customer, matched } = lookupCustomer(email);\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 function buildWidgetResponse(email: string | null) {\n const { customer } = lookupCustomer(email);\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 function buildJsonResponse(email: string | null, origin: string) {\n const { customer, matched } = lookupCustomer(email);\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 function buildPortalHtml(\n email: string | null,\n token: string | null,\n orderId: string | null,\n): string {\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 } = lookupCustomer(emailLooksReal ? email : null);\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 `${BRAND_NAME} Returns\n

${BRAND_NAME}

${BRAND_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${BRAND_NAME} — Return ${order.order_id}\n\n\n\n

${BRAND_NAME}

${BRAND_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 Brand,\n type Customer,\n type Order,\n} from \"./fixtures.ts\";\n\n// ---- Customer lookup with @gorgias.com ↔ @gmail.com aliases ----\nexport function lookupCustomer(\n input: string | null,\n brand: Brand,\n): { customer: Customer; matched: boolean } {\n return 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 function buildFlatResponse(email: string | null, origin: string) {\n const { customer, matched } = lookupCustomer(email);\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 function buildWidgetResponse(email: string | null) {\n const { customer } = lookupCustomer(email);\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 function buildJsonResponse(email: string | null, origin: string) {\n const { customer, matched } = lookupCustomer(email);\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 function buildPortalHtml(\n email: string | null,\n token: string | null,\n orderId: string | null,\n): string {\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 } = lookupCustomer(emailLooksReal ? email : null);\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 `${BRAND_NAME} Returns\n

${BRAND_NAME}

${BRAND_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

${BRAND_NAME}

${BRAND_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",1783585176405],"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",{"_95":94,"_103":99},"org",{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",48,"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":178,"_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":179,"_79":180,"_81":181,"_83":25},"tree",[165,166,167],"files",[165,166,167],"counts",{"_154":61,"_155":156,"_157":61,"_158":159,"_160":161},"contents",[127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":150,"_32":28,"_30":31,"_133":-5,"_41":42,"_40":14,"_135":25,"_38":151,"_13":152,"_33":34,"_35":37,"_24":25,"_140":-5,"_27":153},{"_43":142,"_32":143,"_30":144,"_133":-5,"_41":42,"_40":145,"_135":25,"_38":146,"_13":147,"_33":34,"_35":148,"_24":25,"_140":-5,"_27":149},{"_43":130,"_32":131,"_30":132,"_133":-5,"_41":42,"_40":134,"_135":25,"_38":136,"_13":137,"_33":138,"_35":139,"_24":25,"_140":-5,"_27":141},"2b998be1-775c-4063-aa23-4e5f0323c51f","main.ts","2e5c2ba4-6985-11f1-be0b-1607ee4eb77e","parentId",19,"latest",["D",1783521205249],6,"http","import { buildFlatResponse, buildJsonResponse, buildPortalHtml, buildWidgetResponse } from \"./build.ts\";\nimport { CUSTOMERS } 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 (\n params.get(\"email\") ||\n params.get(\"customer_email\") ||\n params.get(\"customerEmail\") ||\n null\n );\n}\n\nexport default async function (req: Request): Promise {\n // CORS preflight\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 token = url.searchParams.get(\"token\");\n const orderId = url.searchParams.get(\"order\");\n\n // /widget — Gorgias sidebar widget shape, derived from the SAME fixtures as the Support Action.\n if (url.pathname.startsWith(\"/widget\")) {\n return json(buildWidgetResponse(email));\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(buildPortalHtml(email, token, orderId));\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 endpoints: {\n flat_json: `${url.origin}/?email=tomas.memmin@gmail.com`,\n nested_json: `${url.origin}/raw?email=tomas.memmin@gmail.com`,\n widget_json: `${url.origin}/widget?email=tomas.memmin@gmail.com`,\n portal_html: `${url.origin}/portal?token=...&email=tomas.memmin@gmail.com&order=ORD-79124`,\n },\n accepts_any_of: [\"email\", \"customer_email\", \"customerEmail\"],\n available_fixture_emails: Object.keys(CUSTOMERS),\n note:\n \"Unknown emails fall back to the default (Tomas Memmin) so demos stay predictable. @gorgias.com ↔ @gmail.com aliases are auto-handled.\",\n });\n }\n\n // /raw — full nested JSON (orders array with items + return URLs)\n if (url.pathname.startsWith(\"/raw\")) {\n return json(buildJsonResponse(email, url.origin));\n }\n\n // Default endpoint — FLAT key-value JSON for the Gorgias Support Action.\n return json(buildFlatResponse(email, url.origin));\n}\n","label",[131],"9a44f668-e960-46ff-9076-a8398021e90f","fixtures.ts","49d9ae42-6985-11f1-9a5d-1607ee4eb77e",20,["D",1783585133276],5,"// Narvar demo fixtures — now sourced from the shared demo-personas val so identity\n// and products stay in sync with the other widgets and switch by ?brand=.\nimport {\n IDENTITY,\n ORDERS,\n resolveEmail,\n DEFAULT_EMAIL as SHARED_DEFAULT,\n type Brand,\n} from \"https://esm.town/v/simontemmam/demo-personas/main.ts\";\n\nexport const DEFAULT_EMAIL = SHARED_DEFAULT;\nexport type { Brand };\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};\n\n// Return reasons (Narvar-style dropdown).\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 {\n sku: string;\n name: string;\n variant: string;\n quantity: number;\n unit_price: number;\n image_url: string;\n}\nexport interface Order {\n order_id: string;\n order_date: string;\n delivered_date: string;\n total: number;\n currency: string;\n status: string;\n items: Item[];\n return_window_ends: string;\n return_eligible: boolean;\n}\nexport interface Address { line_1: string; city: string; state: string; zip: string; country: string; }\nexport interface Customer {\n email: string;\n first_name: string;\n last_name: string;\n phone: string;\n shipping_address: Address;\n 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// Build a Narvar-shaped Customer for (email, brand) from the shared source of truth.\nexport function getCustomer(email: string | null, brand: Brand): { customer: Customer; matched: boolean } {\n const raw = (email || \"\").trim().toLowerCase();\n const key = resolveEmail(raw);\n const id = IDENTITY[key];\n const o = ORDERS[brand][key];\n const total = o.items.reduce((s, i) => 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, i) => ({\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: !!IDENTITY[raw] };\n}\n\nexport const PERSONA_EMAILS = Object.keys(IDENTITY);\n",[143],"86275372-80d6-4f45-9d72-e02e424128d9",["D",1783585176405],8,[28],"pulls","branches",1,"forks","envVars",{"_162":61,"_164":61},"connections",{"_162":61,"_163":61},"count","unfilledCount","emptyCount",{"_43":150,"_32":28,"_30":31,"_133":-5,"_41":42,"_40":14,"_135":25,"_38":175,"_13":152,"_33":34,"_35":37,"_24":25,"_140":-5,"_169":176,"_27":177},{"_43":142,"_32":143,"_30":144,"_133":-5,"_41":42,"_40":145,"_135":25,"_38":172,"_13":147,"_33":34,"_35":148,"_24":25,"_140":-5,"_169":173,"_27":174},{"_43":130,"_32":131,"_30":132,"_133":-5,"_41":42,"_40":134,"_135":25,"_38":168,"_13":137,"_33":138,"_35":139,"_24":25,"_140":-5,"_169":170,"_27":171},["D",1783521205249],"children",[],[131],["D",1783585133276],[],[143],["D",1783585176405],[],[28],["D",1781615615371],{"_95":94,"_103":99},{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_124":215,"_216":217,"_218":219,"_220":25,"_221":25,"_222":25,"_223":122,"_224":-5,"_225":-7,"_226":-7,"_227":61,"_228":25,"_229":25,"_230":-5,"_231":25,"_232":25,"_233":25,"_234":-5},"ENV",{"_186":187,"_188":189,"_190":85,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214},"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 · v22