Untitled

 avatar
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