https://app.ziplist.ai/assets/TourMockChat-BYb3XMAO.js

1import{j as e}from"./index-CfLwb5v6.js";import{b as s,d as i}from"./recharts-Oae724kX.js";function c({onItemClick:l,onClose:t,inline:n}){const[a,d]=s.useState("typing");return s.useEffect(()=>{const r=setTimeout(()=>d("response"),1500);return()=>clearTimeout(r)},[]),i.createPortal(e.jsx("div",{className:n?"fixed inset-x-0 bottom-0 top-auto z-[195] flex items-center justify-center p-4 pb-20":"fixed inset-0 bg-black/40 backdrop-blur-sm z-[205] flex items-center justify-center p-4",onClick:r=>{r.target===r.currentTarget&&t()},children:e.jsxs("div",{className:`bg-white/90 dark:bg-[#121418]/90 backdrop-blur-xl backdrop-saturate-[180%]
2                      w-full max-w-sm rounded-2xl shadow-xl dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)]
3                      border border-gray-200/50 dark:border-white/10 flex flex-col overflow-hidden
4                      animate-in slide-in-from-bottom-4 duration-300`,children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-gray-200/60 dark:border-gray-700/60",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-7 h-7 rounded-full bg-blue-100 dark:bg-blue-900/40 flex items-center justify-center",children:e.jsxs("svg",{className:"w-4 h-4 text-blue-600 dark:text-blue-400",viewBox:"0 0 120 120",fill:"currentColor",children:[e.jsx("path",{d:"M 70 25 H 45 A 20 20 0 0 0 25 45 V 98 A 4 4 0 0 0 32 101 L 50 85 H 80 A 20 20 0 0 0 100 65 V 55",fill:"none",stroke:"currentColor",strokeWidth:"8",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M 100 5 Q 100 25 120 25 Q 100 25 100 45 Q 100 25 80 25 Q 100 25 100 5 Z"}),e.jsx("path",{d:"M 48 40 H 76 L 48 70 H 76",fill:"none",stroke:"currentColor",strokeWidth:"8",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-bold text-gray-900 dark:text-white",children:"Ziplist Assistant"}),e.jsx("p",{className:"text-[10px] text-gray-400 dark:text-gray-500",children:"Seller Mode"})]})]}),e.jsx("button",{onClick:t,className:"text-xl text-gray-400 hover:text-gray-600 dark:hover:text-gray-200",children:"×"})]}),e.jsxs("div",{className:"px-4 py-4 space-y-3 min-h-[200px]",children:[e.jsx("div",{className:"flex justify-end",children:e.jsx("div",{className:"bg-blue-600 text-white text-sm rounded-2xl rounded-br-md px-3 py-2 max-w-[85%]",children:"What needs shipping?"})}),a==="typing"&&e.jsx("div",{className:"flex justify-start",children:e.jsx("div",{className:"bg-gray-100 dark:bg-gray-800 rounded-2xl rounded-bl-md px-4 py-2.5",children:e.jsxs("div",{className:"flex gap-1",children:[e.jsx("span",{className:"w-2 h-2 bg-gray-400 dark:bg-gray-500 rounded-full animate-bounce",style:{animationDelay:"0ms"}}),e.jsx("span",{className:"w-2 h-2 bg-gray-400 dark:bg-gray-500 rounded-full animate-bounce",style:{animationDelay:"150ms"}}),e.jsx("span",{className:"w-2 h-2 bg-gray-400 dark:bg-gray-500 rounded-full animate-bounce",style:{animationDelay:"300ms"}})]})})}),a==="response"&&e.jsx("div",{className:"flex justify-start animate-in fade-in duration-300",children:e.jsxs("div",{className:"bg-gray-100 dark:bg-gray-800 rounded-2xl rounded-bl-md px-3 py-2.5 max-w-[90%] space-y-2",children:[e.jsxs("p",{className:"text-sm text-gray-900 dark:text-white",children:["You have ",e.jsx("span",{className:"font-bold text-amber-600 dark:text-amber-400",children:"1 item"})," that needs a shipping label:"]}),e.jsxs("button",{onClick:l,className:`w-full flex items-center gap-3 bg-white dark:bg-gray-900/60 rounded-xl p-2.5
5                             border border-gray-200 dark:border-gray-700 hover:border-blue-400 dark:hover:border-blue-500
6                             transition-colors text-left group`,children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-gradient-to-br from-blue-100 to-blue-200 dark:from-blue-900/40 dark:to-blue-800/40 flex items-center justify-center flex-shrink-0",children:e.jsx("span",{className:"text-lg",children:"📦"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-xs font-bold text-gray-900 dark:text-white truncate",children:"Electra Daisy Cruiser — Sold"}

6),e.jsx("p",{className:"text-[10px] text-amber-600 dark:text-amber-400 font-semibold",children:"Needs shipping label"})]}),e.jsx("svg",{className:"w-4 h-4 text-gray-400 group-hover:text-blue-500 transition-colors flex-shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})})]}),e.jsx("p",{className:"text-[10px] text-gray-500 dark:text-gray-400 italic",children:"Tap the item to go to shipping →"})]})})]})]})}),document.body)}export{c as default};