Untitled
unknown
plain_text
2 months ago
1.5 kB
2
Indexable
import React from "react"; import { Flowchart } from "@/components/ui/flowchart"; const CustomerServiceFlowchart = () => { return ( <Flowchart nodes={[ { id: "start", label: "Set Up Kiosk", type: "start" }, { id: "display", label: "Display Products" }, { id: "order", label: "Take Customer Order" }, { id: "payment", label: "Process Payment", type: "decision" }, { id: "exactPayment", label: "Customer Has Exact Payment?", type: "decision" }, { id: "yesPayment", label: "Proceed to Order Preparation" }, { id: "noPayment", label: "Provide Change / Assist with Payment" }, { id: "prepare", label: "Prepare and Pack Order" }, { id: "deliver", label: "Deliver Product to Customer" }, { id: "feedback", label: "Collect Feedback" }, { id: "end", label: "End Transaction", type: "end" }, ]} edges={[ { from: "start", to: "display" }, { from: "display", to: "order" }, { from: "order", to: "payment" }, { from: "payment", to: "exactPayment" }, { from: "exactPayment", to: "yesPayment", label: "Yes" }, { from: "exactPayment", to: "noPayment", label: "No" }, { from: "yesPayment", to: "prepare" }, { from: "noPayment", to: "prepare" }, { from: "prepare", to: "deliver" }, { from: "deliver", to: "feedback" }, { from: "feedback", to: "end" }, ]} /> ); }; export default CustomerServiceFlowchart;
Editor is loading...
Leave a Comment