https://aidealer360.com/assets/SOPTrainingManual-ZW78GNN-.js

1import{j as e}from"./ui-vendor-B12AOeKi.js";import{e as f,r as v}from"./react-vendor-DZt7wVAJ.js";import{B as y,ar as w,q as d,v as l,w as t,x as i,y as c,g as r,_ as m,U as x,at as C,ao as S,F as O,E as h}from"./index-CUOC2qQu.js";import{T as k,b as A,c as n,a as o}from"./tabs-Cesl5pOW.js";import{M as P}from"./ManualUpdateBadge-BgCih2Xm.js";import{B as T}from"./book-open-6UO181_a.js";import{M as E}from"./map-pin-DutWHF-S.js";import{C as D}from"./circle-check-CwVqBPQR.js";import"./charts-vendor-B6q1L48j.js";import"./supabase-vendor-dOy44Gxq.js";import"./animation-vendor-BAVy02gd.js";import"./formatDistanceToNow-8rlEi4dB.js";import"./constructNow-Bjn_O6S1.js";import"./endOfDay-C28ofdMf.js";import"./differenceInCalendarMonths-dxBA5rpT.js";import"./endOfMonth-BZsPvsvS.js";import"./getRoundingMethod-D0I6Z7xl.js";import"./differenceInMilliseconds-DF_utdmf.js";const Q=()=>{const p=f(),[u,j]=v.useState("overview"),g=[{type:"CUSTOMER PAY",description:"Customer is paying for parts and service directly",color:"bg-blue-500"},{type:"WARRANTY",description:"Parts and service covered under warranty",color:"bg-green-500"},{type:"INTERNAL",description:"Internal dealership vehicle or employee service",color:"bg-purple-500"}],N=[{status:"ORDERED",description:"Parts have been ordered from supplier",icon:e.jsx(m,{className:"h-4 w-4"}),color:"bg-yellow-500"},{status:"IN STOCK",description:"Parts have arrived and are available",icon:e.jsx(D,{className:"h-4 w-4"}),color:"bg-green-500"},{status:"BACKORDERED",description:"Parts are on backorder from supplier",icon:e.jsx(h,{className:"h-4 w-4"}),color:"bg-red-500"},{status:"CANCELLED",description:"Order has been cancelled",icon:e.jsx(h,{className:"h-4 w-4"}),color:"bg-gray-500"}],b=[{status:"SCHEDULED",description:"Appointment has been scheduled with customer",color:"bg-blue-500"},{status:"CONFIRMED",description:"Customer has confirmed the appointment",color:"bg-green-500"},{status:"PENDING",description:"Waiting for parts or customer confirmation",color:"bg-yellow-500"},{status:"CANCELLED",description:"Appointment has been cancelled",color:"bg-red-500"}];return e.jsx("div",{className:"min-h-screen bg-background",children:e.jsxs("div",{className:"container mx-auto py-4 sm:py-8 px-3 sm:px-4",children:[e.jsxs("div",{className:"mb-6 flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4",children:[e.jsxs(y,{onClick:()=>p("/sop"),variant:"outline",size:"sm",className:"flex items-center gap-2 w-full sm:w-auto",children:[e.jsx(w,{className:"h-4 w-4"}),"Back to SOP"]}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("h1",{className:"text-xl sm:text-3xl font-bold flex items-center gap-2",children:[e.jsx(T,{className:"h-6 w-6 sm:h-8 sm:w-8 shrink-0"}),e.jsx("span",{className:"truncate",children:"Special Order Parts - User Training Manual"})]}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Complete guide for SOP users"}),e.jsx("p",{className:"text-xs text-muted-foreground mt-1",children:"Revision Date: October 8, 2025 - v1.0"})]}),e.jsx(P,{manualType:"sop_training_manual"})]}),e.jsxs(k,{value:u,onValueChange:j,className:"w-full",children:[e.jsxs(A,{className:"grid w-full grid-cols-2 sm:grid-cols-5 h-auto",children:[e.jsx(n,{value:"overview",children:"Overview"}),e.jsx(n,{value:"adding",children:"Adding Orders"}),e.jsx(n,{value:"statuses",children:"Status Types"}),e.jsx(n,{value:"workflow",children:"Workflow"}),e.jsx(n,{value:"notes",children:"Notes System"})]}),e.jsx(o,{value:"overview",className:"mt-6",children:e.jsxs(d,{children:[e.jsxs(l,{children:[e.jsx(t,{children:"Welcome to Special Order Parts"}),e.jsx(i,{children:"This system helps you track special order parts from initial order through customer appointment and completion."})]}),e.jsx(c,{className:"space-y-6",children:e.jsxs("div",{className:"grid md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"What You Can Do:"}),e.jsxs("ul",{className:"space-y-2",children:[e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full"}),"Create new special order parts entries"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full"}

1),"Update parts status and appointment information"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full"}),"Add notes to track order progress"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full"}),"Schedule and manage customer appointments"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full"}),"Mark orders as complete"]})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Main Tabs:"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"p-3 border rounded-lg",children:[e.jsx(r,{className:"mb-2",children:"Active Orders"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Orders currently in progress"})]}),e.jsxs("div",{className:"p-3 border rounded-lg",children:[e.jsx(r,{className:"mb-2",children:"Completed Orders"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Orders that have been completed"})]}),e.jsxs("div",{className:"p-3 border rounded-lg",children:[e.jsx(r,{className:"mb-2",children:"Archive"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Archived orders for record keeping"})]})]})]})]})})]})}),e.jsx(o,{value:"adding",className:"mt-6",children:e.jsxs(d,{children:[e.jsxs(l,{children:[e.jsx(t,{children:"How to Add a Special Order"}),e.jsx(i,{children:"Step-by-step guide to creating a new special order parts entry"})]}),e.jsx(c,{className:"space-y-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"p-4 bg-muted rounded-lg border",children:[e.jsxs("h3",{className:"font-semibold mb-3 flex items-center gap-2",children:[e.jsx(m,{className:"h-5 w-5"}),"Required Information"]}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-3 text-sm",children:[e.jsxs("div",{className:"p-2 bg-background border rounded",children:[e.jsxs("div",{className:"flex items-center gap-1 mb-1",children:[e.jsx(x,{className:"h-3 w-3"}),e.jsx("span",{className:"font-medium",children:"Customer Name *"})]}),e.jsx("div",{className:"text-muted-foreground",children:"Full name"})]}),e.jsxs("div",{className:"p-2 bg-background border rounded",children:[e.jsxs("div",{className:"flex items-center gap-1 mb-1",children:[e.jsx(C,{className:"h-3 w-3"}),e.jsx("span",{className:"font-medium",children:"Phone Number *"})]}),e.jsx("div",{className:"text-muted-foreground",children:"(555) 555-5555"})]}),e.jsxs("div",{className:"p-2 bg-background border rounded",children:[e.jsxs("div",{className:"flex items-center gap-1 mb-1",children:[e.jsx(S,{className:"h-3 w-3"}),e.jsx("span",{className:"font-medium",children:"Email Address *"})]}),e.jsx("div",{className:"text-muted-foreground",children:"[email protected]"})]}),e.jsxs("div",{className:"p-2 bg-background border rounded",children:[e.jsxs("div",{className:"flex items-center gap-1 mb-1",children:[e.jsx(O,{className:"h-3 w-3"}),e.jsx("span",{className:"font-medium",children:"RO Number *"})]}),e.jsx("div",{className:"text-muted-foreground",children:"Repair Order #"})]}),e.jsxs("div",{className:"p-2 bg-background border rounded",children:[e.jsxs("div",{className:"flex items-center gap-1 mb-1",children:[e.jsx(x,{className:"h-3 w-3"}),e.jsx("span",{className:"font-medium",children:"Customer Type *"})]}),e.jsx("div",{className:"text-muted-foreground",children:"Pay/Warranty/Internal"})]}),e.jsxs("div",{className:"p-2 bg-background border rounded",children:[e.jsxs("div",{className:"flex items-center gap-1 mb-1",children:[e.jsx(E,{className:"h-3 w-3"}),e.jsx("span",{className:"font-medium",children:"Vehicle Location *"})]}),e.jsx("div",{className:"text-muted-foreground",children:"At home/At dealer"})]})]})]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Customer Information:"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"p-3 border rounded-lg",children:[e.jsx("h4",{className:"font-medium",children:"Customer Name"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Enter the customer's full name as it appears in the system"})]}),e.jsxs("div",{className:"p-3 border rounded-lg",children:[e.jsx("h4",{className:"font-medium",children:"Phone Number"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Primary contact number for appointment scheduling"})]}),e.jsxs("div",{className:"p-3 border rounded-lg",children:[e.jsx("h4",{className:"font-medium",children:"Email Address"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Used for appointment confirmations and notifications"})]})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Order Details:"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"p-3 border rounded-lg",children:[e.jsx("h4",{className:"font-medium",children:"RO Number"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Repair order number from the service system"})]}),e.jsxs("div",{className:"p-3 border rounded-lg",children:[e.jsx("h4",{className:"font-medium",children:"Campaign IDs"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Optional: Related campaign or recall numbers"})]}),e.jsxs("div",{className:"p-3 border rounded-lg",children:[e.jsx("h4",{className:"font-medium",children:"Parts Status"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Current status of the ordered parts (see Statuses tab)"})]})]})]})]}),e.jsxs("div",{className:"p-4 bg-blue-50 dark:bg-blue-950 rounded-lg border-l-4 border-l-blue-500 mt-4",children:[e.jsx("h4",{className:"font-medium text-blue-900 dark:text-blue-100",children:"💡 Pro Tip"}),e.jsx("p",{className:"text-sm text-blue-800 dark:text-blue-200 mt-1",children:"Make sure all required fields are filled out completely. This information is used for customer communication and appointment scheduling."})]})]})})]})}),e.jsx(o,{value:"statuses",className:"mt-6",children:e.jsxs(d,{children:[e.jsxs(l,{children:[e.jsx(t,{children:"Understanding Status Types"}),e.jsx(i,{children:"Learn about different status options and when to use them"})]}),e.jsx(c,{className:"space-y-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold mb-4",children:"Parts Status Options:"}),e.jsx("div",{className:"grid md:grid-cols-2 gap-4",children:N.map((s,a)=>e.jsxs("div",{className:"p-4 border rounded-lg space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:`p-2 rounded-full ${s.color} text-white`,children:s.icon}),e.jsx("h4",{className:"font-semibold",children:s.status})]}),e.jsx("p",{className:"text-sm text-muted-foreground",children:s.description})]},a))})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold mb-4",children:"Appointment Status Options:"}),e.jsx("div",{className:"grid md:grid-cols-2 gap-4",children:b.map((s,a)=>e.jsxs("div",{className:"p-4 border rounded-lg space-y-2",children:[e.jsx("div",{className:"flex items-center gap-2",children:e.jsx(r,{className:s.color,children:s.status})}),e.jsx("p",{className:"text-sm text-muted-foreground",children:s.description})]},a))})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold mb-4",children:"Customer Types:"}),e.jsx("div",{className:"grid md:grid-cols-3 gap-4",children:g.map((s,a)=>e.jsxs("div",{className:"p-4 border rounded-lg space-y-2",children:[e.jsx(r,{className:s.color,children:s.type}),e.jsx("p",{className:"text-sm text-muted-foreground",children:s.description})]},a))})]})]})})]})}),e.jsx(o,{value:"workflow",className:"mt-6",children:e.jsxs(d,{children:[e.jsxs(l,{children:[e.jsx(t,{children:"Order Workflow"}),e.jsx(i,{children:"Understanding the typical flow of a special order parts request"})]}),e.jsx(c,{className:"space-y-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Typical Order Process:"}),e.jsxs("div",{className:"flex items-center gap-2 overflow-x-auto pb-2 p-4 bg-muted rounded-lg",children:[e.jsx(r,{className:"bg-blue-500 text-primary-foreground whitespace-nowrap",children:"Create Order"}),e.jsx("span",{className:"text-muted-foreground",children:"→"}),e.jsx(r,{className:"bg-yellow-500 text-primary-foreground whitespace-nowrap",children:"Order Parts"}),e.jsx("span",{className:"text-muted-foreground",children:"→"}),e.jsx(r,{className:"bg-green-500 text-primary-foreground whitespace-nowrap",children:"Parts Arrive"}),e.jsx("span",{className:"text-muted-foreground",children:"→"}),e.jsx(r,{className:"bg-blue-500 text-primary-foreground whitespace-nowrap",children:"Schedule Appointment"}),e.jsx("span",{className:"text-muted-foreground",children:"→"}),e.jsx(r,{className:"bg-green-500 text-primary-foreground whitespace-nowrap",children:"Complete Service"})]}),e.jsxs("div",{className:"grid gap-4 mt-6",children:[e.jsxs("div",{className:"p-4 border rounded-lg",children:[e.jsx("h4",{className:"font-semibold mb-2",children:"Step 1: Create Order"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Enter customer information and create the initial special order parts entry in the system"})]}),e.jsxs("div",{className:"p-4 border rounded-lg",children:[e.jsx("h4",{className:"font-semibold mb-2",children:"Step 2: Order Parts"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:'Update parts status to "ORDERED" and add any relevant notes about the order'})]}),e.jsxs("div",{className:"p-4 border rounded-lg",children:[e.jsx("h4",{className:"font-semibold mb-2",children:"Step 3: Parts Arrive"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:'When parts arrive, update status to "IN STOCK" and contact customer to schedule appointment'})]}),e.jsxs("div",{className:"p-4 border rounded-lg",children:[e.jsx("h4",{className:"font-semibold mb-2",children:"Step 4: Schedule Appointment"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:'Set appointment date and time, update appointment status to "SC

1HEDULED" or "CONFIRMED"'})]}),e.jsxs("div",{className:"p-4 border rounded-lg",children:[e.jsx("h4",{className:"font-semibold mb-2",children:"Step 5: Complete Service"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"After service is complete, mark the order as complete. It will move to the Completed tab"})]})]})]})})]})}),e.jsx(o,{value:"notes",className:"mt-6",children:e.jsxs(d,{children:[e.jsxs(l,{children:[e.jsx(t,{children:"Using the Notes System"}),e.jsx(i,{children:"How to add and view notes for tracking order progress"})]}),e.jsx(c,{className:"space-y-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"p-4 bg-muted rounded-lg border",children:[e.jsx("h3",{className:"font-semibold mb-3",children:"Notes Features:"}),e.jsxs("ul",{className:"space-y-2",children:[e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full"}),"Add timestamped notes to track order progress"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full"}),"View complete history of all notes for an order"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full"}),"Notes include who added them and when"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full"}),"Use notes to communicate with team members"]})]})]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"p-4 border rounded-lg",children:[e.jsx("h4",{className:"font-semibold mb-2",children:"When to Add Notes:"}),e.jsxs("ul",{className:"space-y-2 text-sm text-muted-foreground",children:[e.jsx("li",{children:"• Parts ordered from supplier"}),e.jsx("li",{children:"• Customer contacted for appointment"}),e.jsx("li",{children:"• Parts delayed or backordered"}),e.jsx("li",{children:"• Special instructions received"}),e.jsx("li",{children:"• Any status changes or updates"})]})]}),e.jsxs("div",{className:"p-4 border rounded-lg",children:[e.jsx("h4",{className:"font-semibold mb-2",children:"Note Best Practices:"}),e.jsxs("ul",{className:"space-y-2 text-sm text-muted-foreground",children:[e.jsx("li",{children:"• Be clear and concise"}),e.jsx("li",{children:"• Include relevant details"}),e.jsx("li",{children:"• Document customer communications"}),e.jsx("li",{children:"• Note any issues or concerns"}),e.jsx("li",{children:"• Update regularly"})]})]})]}),e.jsxs("div",{className:"p-4 bg-green-50 dark:bg-green-950 rounded-lg border-l-4 border-l-green-500",children:[e.jsx("h4",{className:"font-medium text-green-900 dark:text-green-100",children:"💡 Communication Tip"}),e.jsx("p",{className:"text-sm text-green-800 dark:text-green-200 mt-1",children:"Use notes to keep the entire team informed about order status. Good communication helps ensure smooth customer service and timely appointment scheduling."})]})]})})]})})]})]})})};export{Q as default};