2 lines
11 KiB
JavaScript
2 lines
11 KiB
JavaScript
|
import{a as l,j as e}from"./vendor-react-YMhRUmcb.js";import{m as N,B as n,C as r,l as y}from"./index-D2uzyr9g.js";import{aZ as k,X as S,b9 as C,aq as D,aO as P,aP as E,g as A,aa as H,D as T,aC as u,ba as L,aM as R,w as $,a0 as F}from"./vendor-icons-DINCNwpk.js";import{m as I}from"./marketplaceService-BwlLR1ZR.js";import{c as g}from"./commerceService-bs-xd9qB.js";import"./vendor-fFnFILYR.js";import"./vendor-router-DX94Iu-2.js";import"./vendor-tanstack-CoFNL2zy.js";import"./vendor-utils-4BWoYre8.js";const M=({products:d,onClose:i,onStart:j})=>{const{addToast:x}=N(),[a,m]=l.useState([]),[c,p]=l.useState(20),[o,v]=l.useState(24),f=s=>{m(t=>t.includes(s)?t.filter(b=>b!==s):[...t,s])},h=()=>{if(a.length===0){x("Select at least one product","error");return}j({productIds:a,discount:c,duration:o}),i()};return e.jsxs("div",{className:"fixed inset-0 z-[100] flex items-center justify-center p-4",children:[e.jsx("div",{className:"absolute inset-0 bg-kodo-void/90 backdrop-blur-sm",onClick:i}),e.jsxs("div",{className:"relative w-full max-w-2xl bg-kodo-graphite border border-kodo-steel rounded-xl shadow-2xl animate-scaleIn overflow-hidden flex flex-col max-h-[85vh]",children:[e.jsxs("div",{className:"p-4 border-b border-kodo-steel bg-kodo-ink flex justify-between items-center",children:[e.jsxs("h3",{className:"font-bold text-white flex items-center gap-2",children:[e.jsx(k,{className:"w-5 h-5 text-kodo-gold"})," Start Flash Sale"]}),e.jsx("button",{onClick:i,children:e.jsx(S,{className:"w-5 h-5 text-kodo-content-dim hover:text-white"})})]}),e.jsxs("div",{className:"p-6 flex flex-col md:flex-row gap-6 flex-1 overflow-hidden",children:[e.jsxs("div",{className:"w-full md:w-1/2 space-y-6",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-bold text-kodo-content-dim uppercase mb-2",children:"Discount Percentage"}),e.jsxs("div",{className:"relative",children:[e.jsx(C,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-kodo-content-dim"}),e.jsx("input",{type:"number",className:"w-full bg-kodo-void border border-kodo-steel rounded pl-10 pr-4 py-2 text-white focus:border-kodo-gold outline-none",value:c,onChange:s=>p(Number(s.target.value)),min:5,max:90})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-bold text-kodo-content-dim uppercase mb-2",children:"Duration (Hours)"}),e.jsxs("div",{className:"relative",children:[e.jsx(D,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-kodo-content-dim"}),e.jsxs("select",{className:"w-full bg-kodo-void border border-kodo-steel rounded pl-10 pr-4 py-2 text-white focus:border-kodo-gold outline-none appearance-none",value:o,onChange:s=>v(Number(s.target.value)),children:[e.jsx("option",{value:1,children:"1 Hour"}),e.jsx("option",{value:6,children:"6 Hours"}),e.jsx("option",{value:12,children:"12 Hours"}),e.jsx("option",{value:24,children:"24 Hours"}),e.jsx("option",{value:48,children:"48 Hours"}),e.jsx("option",{value:72,children:"3 Days"})]})]})]}),e.jsxs("div",{className:"bg-kodo-gold/10 border border-kodo-gold/30 p-4 rounded-lg",children:[e.jsx("h4",{className:"text-kodo-gold font-bold text-sm mb-1",children:"Impact Summary"}),e.jsxs("p",{className:"text-xs text-kodo-text-main",children:["Applying a"," ",e.jsxs("span",{className:"font-bold text-white",children:[c,"%"]})," ","discount to"," ",e.jsx("span",{className:"font-bold text-white",children:a.length})," ","products. Sale ends in ",o," hours."]})]})]}),e.jsxs("div",{className:"w-full md:w-1/2 flex flex-col",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsx("label",{className:"block text-xs font-bold text-kodo-content-dim uppercase",children:"Select Products"}),e.jsx("button",{className:"text-xs text-kodo-cyan hover:underline",onClick:()=>m(a.length===d.length?[]:d.map(s=>s.id)),children:a.length===d.length?"Deselect All":"Select All"})]}),e.jsx("div",{className:"flex-1 overflow-y-auto custom-scrollbar border border-kodo-steel rounded-lg bg-kodo-void p-2 space-y-1",children:d.map(s=>e.jsxs("div",{className:`flex items-center ga
|