@lodashventure/medusa-booking-for-pickup 1.4.1 → 1.4.3

package/.medusa/server/src/admin/index.mjs

@@ -1,12 +1,343 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { defineRouteConfig } from "@medusajs/admin-sdk";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useMemo, useCallback } from "react";
+import { Calendar, Package, ShoppingBag, Clock, MapPin, RefreshCw, ArrowLeft, Trash2 } from "lucide-react";
+import { defineWidgetConfig as defineWidgetConfig$1, defineRouteConfig } from "@medusajs/admin-sdk";
+import { Container as Container$1, Heading as Heading$1, Text as Text$1, Badge as Badge$1, Button as Button$1, toast, createDataTableColumnHelper, useDataTable, DataTable, Select, clx, Switch, IconButton } from "@medusajs/ui";
 import { StackPerspective, Plus } from "@medusajs/icons";
-import { createDataTableColumnHelper, useDataTable, Container, DataTable, Heading, Select, clx, Text, Button, Switch, IconButton, toast } from "@medusajs/ui";
-import { useState, useMemo, useEffect, useCallback } from "react";
 import { useNavigate, useParams, Navigate } from "react-router-dom";
-import { useQuery } from "@tanstack/react-query";
 import Medusa from "@medusajs/js-sdk";
-import { ArrowLeft, Trash2 } from "lucide-react";
+const CustomerPickupHistoryWidget = ({ data }) => {
+  const [pickupHistory, setPickupHistory] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const customer = data;
+  useEffect(() => {
+    fetchPickupHistory();
+  }, [customer.id]);
+  const fetchPickupHistory = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await fetch(
+        `/admin/customers/${customer.id}/pickup-history`,
+        {
+          credentials: "include"
+        }
+      );
+      if (!response.ok) {
+        throw new Error("Failed to fetch pickup history");
+      }
+      const data2 = await response.json();
+      setPickupHistory(data2.pickup_history || []);
+    } catch (err) {
+      console.error("Error fetching pickup history:", err);
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const formatDate = (dateString) => {
+    const date = new Date(dateString);
+    return new Intl.DateTimeFormat("th-TH", {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    }).format(date);
+  };
+  const formatCurrency = (amount, currency) => {
+    return new Intl.NumberFormat("th-TH", {
+      style: "currency",
+      currency: currency.toUpperCase()
+    }).format(amount / 100);
+  };
+  const getStatusBadge = (status) => {
+    const statusColors = {
+      completed: "green",
+      pending: "orange",
+      canceled: "red",
+      processing: "blue"
+    };
+    const statusLabels = {
+      completed: "เสร็จสิ้น",
+      pending: "รอดำเนินการ",
+      canceled: "ยกเลิก",
+      processing: "กำลังดำเนินการ"
+    };
+    return /* @__PURE__ */ jsx(Badge, { color: statusColors[status] || "grey", size: "small", children: statusLabels[status] || status });
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx(Calendar, { className: "text-ui-fg-subtle" }),
+        /* @__PURE__ */ jsx(Heading, { level: "h2", children: "ประวัติการจองรับสินค้า" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "กำลังโหลด..." }) })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx(Calendar, { className: "text-ui-fg-subtle" }),
+        /* @__PURE__ */ jsx(Heading, { level: "h2", children: "ประวัติการจองรับสินค้า" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Text, { className: "text-red-500", children: error }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx(Calendar, { className: "text-ui-fg-subtle" }),
+        /* @__PURE__ */ jsx(Heading, { level: "h2", children: "ประวัติการจองรับสินค้า" }),
+        pickupHistory.length > 0 && /* @__PURE__ */ jsx(Badge, { size: "small", children: pickupHistory.length })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { size: "small", variant: "transparent", onClick: fetchPickupHistory, children: "รีเฟรช" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: pickupHistory.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
+      /* @__PURE__ */ jsx(Package, { className: "text-ui-fg-muted mb-4", size: 48 }),
+      /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "ยังไม่มีประวัติการจองรับสินค้า" })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-4", children: pickupHistory.map((pickup) => {
+      var _a;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "rounded-lg border p-4 hover:bg-ui-bg-subtle transition-colors",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-3", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(ShoppingBag, { className: "text-ui-fg-subtle", size: 20 }),
+                /* @__PURE__ */ jsx("div", { children: pickup.order ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs(Text, { weight: "plus", size: "small", children: [
+                    "คำสั่งซื้อ #",
+                    pickup.order.display_id
+                  ] }),
+                  /* @__PURE__ */ jsxs(Text, { size: "xsmall", className: "text-ui-fg-subtle", children: [
+                    ((_a = pickup.order.items) == null ? void 0 : _a.length) || 0,
+                    " รายการ"
+                  ] })
+                ] }) : /* @__PURE__ */ jsxs(Text, { weight: "plus", size: "small", children: [
+                  "คำสั่งซื้อ ",
+                  pickup.order_id
+                ] }) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end gap-1", children: [
+                pickup.order && getStatusBadge(pickup.order.status),
+                pickup.order && /* @__PURE__ */ jsx(Text, { weight: "plus", size: "small", children: formatCurrency(
+                  pickup.order.total,
+                  pickup.order.currency_code
+                ) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-sm", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-ui-fg-subtle", children: [
+                /* @__PURE__ */ jsx(Calendar, { size: 16 }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "วันที่รับ: ",
+                  formatDate(pickup.pickup_datetime)
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-ui-fg-subtle", children: [
+                /* @__PURE__ */ jsx(Clock, { size: 16 }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "จองเมื่อ: ",
+                  formatDate(pickup.created_at)
+                ] })
+              ] })
+            ] }),
+            pickup.order && pickup.order.shipping_methods && /* @__PURE__ */ jsx("div", { className: "mt-2 pt-2 border-t", children: /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-subtle", children: pickup.order.shipping_methods.map((sm) => sm.name).join(", ") }) })
+          ]
+        },
+        pickup.id
+      );
+    }) }) })
+  ] });
+};
+defineWidgetConfig({
+  zone: "customer.details.after"
+});
+const OrderPickupBookingWidget = ({ data }) => {
+  var _a, _b;
+  const [pickupBooking, setPickupBooking] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const order = data;
+  useEffect(() => {
+    fetchPickupBooking();
+  }, [order.id]);
+  const fetchPickupBooking = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await fetch(`/admin/orders/${order.id}/pickup-booking`, {
+        credentials: "include"
+      });
+      if (!response.ok) {
+        if (response.status === 404) {
+          setPickupBooking(null);
+          setLoading(false);
+          return;
+        }
+        throw new Error("Failed to fetch pickup booking");
+      }
+      const data2 = await response.json();
+      setPickupBooking(data2.pickup_booking);
+    } catch (err) {
+      console.error("Error fetching pickup booking:", err);
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const formatDate = (dateString) => {
+    const date = new Date(dateString);
+    return new Intl.DateTimeFormat("th-TH", {
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    }).format(date);
+  };
+  const formatTime = (dateString) => {
+    const date = new Date(dateString);
+    return new Intl.DateTimeFormat("th-TH", {
+      hour: "2-digit",
+      minute: "2-digit",
+      hour12: false
+    }).format(date);
+  };
+  const formatDateTime = (dateString) => {
+    const date = new Date(dateString);
+    return new Intl.DateTimeFormat("th-TH", {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    }).format(date);
+  };
+  const getPickupStatus = () => {
+    const now = /* @__PURE__ */ new Date();
+    const pickupDate = pickupBooking ? new Date(pickupBooking.pickup_datetime) : null;
+    if (!pickupDate) return { label: "N/A", color: "grey" };
+    if (order.status === "completed" || order.status === "delivered") {
+      return { label: "รับสินค้าแล้ว", color: "green" };
+    }
+    if (order.status === "canceled") {
+      return { label: "ยกเลิก", color: "red" };
+    }
+    if (now > pickupDate) {
+      return { label: "เลยกำหนดรับ", color: "orange" };
+    }
+    return { label: "รอรับสินค้า", color: "blue" };
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxs(Container$1, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx(Calendar, { className: "text-ui-fg-subtle" }),
+        /* @__PURE__ */ jsx(Heading$1, { level: "h2", children: "การจองรับสินค้า" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Text$1, { className: "text-ui-fg-subtle", children: "กำลังโหลด..." }) })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs(Container$1, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx(Calendar, { className: "text-ui-fg-subtle" }),
+        /* @__PURE__ */ jsx(Heading$1, { level: "h2", children: "การจองรับสินค้า" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Text$1, { className: "text-red-500", children: error }) })
+    ] });
+  }
+  if (!pickupBooking) {
+    return /* @__PURE__ */ jsxs(Container$1, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx(Calendar, { className: "text-ui-fg-subtle" }),
+        /* @__PURE__ */ jsx(Heading$1, { level: "h2", children: "การจองรับสินค้า" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
+        /* @__PURE__ */ jsx(MapPin, { className: "text-ui-fg-muted mb-4", size: 48 }),
+        /* @__PURE__ */ jsx(Text$1, { className: "text-ui-fg-subtle", children: "คำสั่งซื้อนี้ไม่ได้จองรับสินค้าที่สาขา" }),
+        /* @__PURE__ */ jsx(Text$1, { size: "xsmall", className: "text-ui-fg-muted mt-2", children: "คำสั่งซื้อนี้อาจเป็นการจัดส่งแบบปกติ" })
+      ] }) })
+    ] });
+  }
+  const status = getPickupStatus();
+  return /* @__PURE__ */ jsxs(Container$1, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx(Calendar, { className: "text-ui-fg-subtle" }),
+        /* @__PURE__ */ jsx(Heading$1, { level: "h2", children: "การจองรับสินค้าที่สาขา" }),
+        /* @__PURE__ */ jsx(Badge$1, { color: status.color, size: "small", children: status.label })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button$1,
+        {
+          size: "small",
+          variant: "transparent",
+          onClick: () => {
+            fetchPickupBooking();
+            toast.success("รีเฟรชข้อมูลแล้ว");
+          },
+          children: /* @__PURE__ */ jsx(RefreshCw, { size: 16 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-ui-fg-subtle", children: [
+            /* @__PURE__ */ jsx(Calendar, { size: 16 }),
+            /* @__PURE__ */ jsx(Text$1, { size: "xsmall", weight: "plus", children: "วันที่รับสินค้า" })
+          ] }),
+          /* @__PURE__ */ jsx(Text$1, { weight: "plus", children: formatDate(pickupBooking.pickup_datetime) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-ui-fg-subtle", children: [
+            /* @__PURE__ */ jsx(Clock, { size: 16 }),
+            /* @__PURE__ */ jsx(Text$1, { size: "xsmall", weight: "plus", children: "เวลารับสินค้า" })
+          ] }),
+          /* @__PURE__ */ jsx(Text$1, { weight: "plus", children: formatTime(pickupBooking.pickup_datetime) })
+        ] })
+      ] }),
+      pickupBooking.shipping_option && /* @__PURE__ */ jsx("div", { className: "rounded-lg border p-4 bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 mb-2", children: [
+        /* @__PURE__ */ jsx(MapPin, { className: "text-ui-fg-muted mt-1", size: 16 }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsx(Text$1, { weight: "plus", size: "small", className: "mb-1", children: pickupBooking.shipping_option.name }),
+          ((_b = (_a = pickupBooking.shipping_option.service_zone) == null ? void 0 : _a.fulfillment_set) == null ? void 0 : _b.location) && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Text$1, { size: "small", className: "text-ui-fg-subtle", children: pickupBooking.shipping_option.service_zone.fulfillment_set.location.name }),
+            pickupBooking.shipping_option.service_zone.fulfillment_set.location.address && /* @__PURE__ */ jsxs(Text$1, { size: "xsmall", className: "text-ui-fg-muted mt-1", children: [
+              pickupBooking.shipping_option.service_zone.fulfillment_set.location.address.address_1,
+              pickupBooking.shipping_option.service_zone.fulfillment_set.location.address.address_2 && `, ${pickupBooking.shipping_option.service_zone.fulfillment_set.location.address.address_2}`,
+              /* @__PURE__ */ jsx("br", {}),
+              pickupBooking.shipping_option.service_zone.fulfillment_set.location.address.city,
+              " ",
+              pickupBooking.shipping_option.service_zone.fulfillment_set.location.address.province,
+              " ",
+              pickupBooking.shipping_option.service_zone.fulfillment_set.location.address.postal_code
+            ] })
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "pt-4 border-t", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx(Text$1, { size: "xsmall", className: "text-ui-fg-subtle", children: "จองเมื่อ" }),
+          /* @__PURE__ */ jsx(Text$1, { size: "small", children: formatDateTime(pickupBooking.created_at) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx(Text$1, { size: "xsmall", className: "text-ui-fg-subtle", children: "อัปเดตล่าสุด" }),
+          /* @__PURE__ */ jsx(Text$1, { size: "small", children: formatDateTime(pickupBooking.updated_at) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "pt-4 border-t", children: /* @__PURE__ */ jsxs(Text$1, { size: "xsmall", className: "text-ui-fg-muted", children: [
+        "Booking ID: ",
+        pickupBooking.id
+      ] }) })
+    ] }) })
+  ] });
+};
+defineWidgetConfig$1({
+  zone: "order.details.after"
+});
 const sdk = new Medusa({
   baseUrl: "/",
   debug: false,
@@ -14,25 +345,54 @@ const sdk = new Medusa({
     type: "session"
   }
 });
-const usePickupShippingOptions = (options) => {
-  return useQuery({
-    ...options,
-    queryKey: ["pickup-shipping-options"],
-    queryFn: async () => {
-      const options2 = await sdk.admin.shippingOption.list({
-        fields: "*.*"
+const usePickupShippingOptions = () => {
+  const [data, setData] = useState(
+    null
+  );
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchOptions = async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const options = await sdk.admin.shippingOption.list({
+        fields: [
+          "id",
+          "name",
+          "shipping_profile.*",
+          "service_zone.*",
+          "service_zone.fulfillment_set.*"
+        ].join(",")
       });
-      const filteredOptions = options2.shipping_options.filter(
-        (option) => option.service_zone.fulfillment_set.type === "pickup"
+      const filteredOptions = (options.shipping_options ?? []).filter(
+        (option) => {
+          var _a, _b;
+          return ((_b = (_a = option == null ? void 0 : option.service_zone) == null ? void 0 : _a.fulfillment_set) == null ? void 0 : _b.type) === "pickup";
+        }
       );
-      return {
+      setData({
         shipping_options: filteredOptions,
         count: filteredOptions.length,
-        limit: options2.limit,
-        offset: options2.offset
-      };
+        limit: options.limit,
+        offset: options.offset
+      });
+    } catch (err) {
+      setError(
+        err instanceof Error ? err : new Error("Failed to fetch pickup shipping options")
+      );
+    } finally {
+      setIsLoading(false);
     }
-  });
+  };
+  useEffect(() => {
+    fetchOptions();
+  }, []);
+  return {
+    data,
+    isLoading,
+    error,
+    refetch: fetchOptions
+  };
 };
 const columnHelper = createDataTableColumnHelper();
 const columns = [
@@ -70,8 +430,8 @@ const ShippingOptionList = () => {
       navigate(`/pickup-shipping/${row.id}`);
     }
   });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Container, { className: "flex flex-col p-0 overflow-hidden", children: /* @__PURE__ */ jsxs(DataTable, { instance: table, children: [
-    /* @__PURE__ */ jsx(DataTable.Toolbar, { className: "flex flex-col items-start justify-between gap-2 md:flex-row md:items-center", children: /* @__PURE__ */ jsx(Heading, { children: "Pickup Shipping Options" }) }),
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Container$1, { className: "flex flex-col p-0 overflow-hidden", children: /* @__PURE__ */ jsxs(DataTable, { instance: table, children: [
+    /* @__PURE__ */ jsx(DataTable.Toolbar, { className: "flex flex-col items-start justify-between gap-2 md:flex-row md:items-center", children: /* @__PURE__ */ jsx(Heading$1, { children: "Pickup Shipping Options" }) }),
     /* @__PURE__ */ jsx(DataTable.Table, {})
   ] }) }) });
 };
@@ -1235,23 +1595,43 @@ axios$3.exports.default = axios$2;
 var axiosExports = axios$3.exports;
 var axios = axiosExports;
 const axios$1 = /* @__PURE__ */ getDefaultExportFromCjs(axios);
-const usePickupAvailable = (id, options) => {
-  return useQuery({
-    ...options,
-    queryKey: ["pickup-shipping-option", id],
-    queryFn: async () => {
-      if (!id) {
-        throw new Error("id is required");
-      }
+const usePickupAvailable = (id) => {
+  const [data, setData] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchPickupAvailable = async () => {
+    if (!id) {
+      setError(new Error("id is required"));
+      setIsLoading(false);
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
       const option = await sdk.admin.shippingOption.retrieve(id, {
         fields: "*.*,pickup_availabilities.*"
       });
       if (option.shipping_option.service_zone.fulfillment_set.type !== "pickup") {
         throw new Error("shipping option is not pickup");
       }
-      return option;
+      setData(option);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err : new Error("Failed to fetch pickup availability")
+      );
+    } finally {
+      setIsLoading(false);
     }
-  });
+  };
+  useEffect(() => {
+    fetchPickupAvailable();
+  }, [id]);
+  return {
+    data,
+    isLoading,
+    error,
+    refetch: fetchPickupAvailable
+  };
 };
 const stringToMinutes = (time, defaultValue) => {
   if (!time) return defaultValue;
@@ -1339,10 +1719,10 @@ function TimeTable({
     });
   };
   if (timeSlots.length === 0) return null;
-  return /* @__PURE__ */ jsxs(Container, { className: "p-4 overflow-x-auto", children: [
-    /* @__PURE__ */ jsx(Heading, { className: "text-xl font-bold mb-4", children: "Pickup Hours Schedule" }),
+  return /* @__PURE__ */ jsxs(Container$1, { className: "p-4 overflow-x-auto", children: [
+    /* @__PURE__ */ jsx(Heading$1, { className: "text-xl font-bold mb-4", children: "Pickup Hours Schedule" }),
     /* @__PURE__ */ jsxs("div", { className: "min-w-full flex", children: [
-      /* @__PURE__ */ jsx("div", { className: "ml-2 mt-7 flex flex-col items-end", children: timeSlots.map((timeSlot) => /* @__PURE__ */ jsx(Text, { className: "h-8", children: timeSlot }, timeSlot)) }),
+      /* @__PURE__ */ jsx("div", { className: "ml-2 mt-7 flex flex-col items-end", children: timeSlots.map((timeSlot) => /* @__PURE__ */ jsx(Text$1, { className: "h-8", children: timeSlot }, timeSlot)) }),
       /* @__PURE__ */ jsxs("table", { className: "ml-2 w-full border-collapse", children: [
         /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: days.map((day) => /* @__PURE__ */ jsx(
           "th",
@@ -1526,22 +1906,22 @@ function ShippingOptionDetails() {
     return /* @__PURE__ */ jsx(Navigate, { to: "/pickup-shipping" });
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Container, { className: "p-4 ", children: [
+    /* @__PURE__ */ jsxs(Container$1, { className: "p-4 ", children: [
       /* @__PURE__ */ jsxs(
-        Button,
+        Button$1,
         {
           onClick: () => navigate("/pickup-shipping"),
           variant: "transparent",
           className: "p-0 mb-4",
           children: [
             /* @__PURE__ */ jsx(ArrowLeft, { size: 20 }),
-            /* @__PURE__ */ jsx(Text, { className: "ml-2", children: "Back" })
+            /* @__PURE__ */ jsx(Text$1, { className: "ml-2", children: "Back" })
           ]
         }
       ),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 mb-4", children: [
-        /* @__PURE__ */ jsx(Heading, { className: "text-xl font-bold", children: "Pickup Hours" }),
-        /* @__PURE__ */ jsx(Button, { onClick: handleUpdateSchedules, children: "Save" })
+        /* @__PURE__ */ jsx(Heading$1, { className: "text-xl font-bold", children: "Pickup Hours" }),
+        /* @__PURE__ */ jsx(Button$1, { onClick: handleUpdateSchedules, children: "Save" })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "space-y-4", children: Object.entries(schedule).map(([day, { enabled, timeSlots }]) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 mb-2 h-8", children: [
@@ -1553,7 +1933,7 @@ function ShippingOptionDetails() {
             },
             `switch-${day}`
           ),
-          /* @__PURE__ */ jsx(Text, { className: "capitalize", children: day }),
+          /* @__PURE__ */ jsx(Text$1, { className: "capitalize", children: day }),
           enabled && /* @__PURE__ */ jsx(
             IconButton,
             {
@@ -1578,7 +1958,7 @@ function ShippingOptionDetails() {
                   maxTime: slot.end
                 }
               ),
-              /* @__PURE__ */ jsx(Text, { className: "text-gray-400", children: "-" }),
+              /* @__PURE__ */ jsx(Text$1, { className: "text-gray-400", children: "-" }),
               /* @__PURE__ */ jsx(
                 TimeSelect,
                 {
@@ -1608,7 +1988,16 @@ function ShippingOptionDetails() {
     /* @__PURE__ */ jsx(TimeTable, { schedule })
   ] });
 }
-const widgetModule = { widgets: [] };
+const widgetModule = { widgets: [
+  {
+    Component: CustomerPickupHistoryWidget,
+    zone: ["customer.details.after"]
+  },
+  {
+    Component: OrderPickupBookingWidget,
+    zone: ["order.details.after"]
+  }
+] };
 const routeModule = {
   routes: [
     {
@@ -1635,12 +2024,14 @@ const formModule = { customFields: {} };
 const displayModule = {
   displays: {}
 };
+const i18nModule = { resources: {} };
 const plugin = {
   widgetModule,
   routeModule,
   menuItemModule,
   formModule,
-  displayModule
+  displayModule,
+  i18nModule
 };
 export {
   plugin as default

package/.medusa/server/src/api/admin/customers/[id]/pickup-history/route.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GET = void 0;
+const utils_1 = require("@medusajs/framework/utils");
+const GET = async (req, res) => {
+    const { id: customer_id } = req.params;
+    const query = req.scope.resolve(utils_1.ContainerRegistrationKeys.QUERY);
+    try {
+        // Query pickup dates for orders associated with this customer
+        const result = await query.graph({
+            entity: "pickup_date",
+            fields: [
+                "id",
+                "pickup_datetime",
+                "order_id",
+                "created_at",
+                "updated_at",
+            ],
+            filters: {
+                order: {
+                    customer_id: customer_id,
+                },
+            },
+            pagination: {
+                order: {
+                    created_at: "DESC",
+                },
+            },
+        });
+        // Enrich with order details
+        const pickupDates = result.data || [];
+        if (pickupDates.length > 0) {
+            // Get order details for each pickup
+            const orderIds = pickupDates.map((pd) => pd.order_id).filter(Boolean);
+            if (orderIds.length > 0) {
+                const orders = await query.graph({
+                    entity: "order",
+                    fields: [
+                        "id",
+                        "display_id",
+                        "status",
+                        "created_at",
+                        "total",
+                        "currency_code",
+                        "items.*",
+                        "shipping_methods.*",
+                    ],
+                    filters: {
+                        id: orderIds,
+                    },
+                });
+                // Map orders to pickup dates
+                const orderMap = new Map(orders.data.map((order) => [order.id, order]));
+                const enrichedPickups = pickupDates.map((pickup) => ({
+                    ...pickup,
+                    order: orderMap.get(pickup.order_id) || null,
+                }));
+                return res.status(200).json({
+                    pickup_history: enrichedPickups,
+                    count: enrichedPickups.length,
+                });
+            }
+        }
+        return res.status(200).json({
+            pickup_history: [],
+            count: 0,
+        });
+    }
+    catch (error) {
+        console.error("Error fetching pickup history:", error);
+        return res.status(500).json({
+            error: error.message || "Failed to fetch pickup history",
+        });
+    }
+};
+exports.GET = GET;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBpL2FkbWluL2N1c3RvbWVycy9baWRdL3BpY2t1cC1oaXN0b3J5L3JvdXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLHFEQUFzRTtBQUUvRCxNQUFNLEdBQUcsR0FBRyxLQUFLLEVBQUUsR0FBa0IsRUFBRSxHQUFtQixFQUFFLEVBQUU7SUFDbkUsTUFBTSxFQUFFLEVBQUUsRUFBRSxXQUFXLEVBQUUsR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFDO0lBQ3ZDLE1BQU0sS0FBSyxHQUFHLEdBQUcsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLGlDQUF5QixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRWpFLElBQUksQ0FBQztRQUNILDhEQUE4RDtRQUM5RCxNQUFNLE1BQU0sR0FBRyxNQUFNLEtBQUssQ0FBQyxLQUFLLENBQUM7WUFDL0IsTUFBTSxFQUFFLGFBQWE7WUFDckIsTUFBTSxFQUFFO2dCQUNOLElBQUk7Z0JBQ0osaUJBQWlCO2dCQUNqQixVQUFVO2dCQUNWLFlBQVk7Z0JBQ1osWUFBWTthQUNiO1lBQ0QsT0FBTyxFQUFFO2dCQUNQLEtBQUssRUFBRTtvQkFDTCxXQUFXLEVBQUUsV0FBVztpQkFDekI7YUFDRjtZQUNELFVBQVUsRUFBRTtnQkFDVixLQUFLLEVBQUU7b0JBQ0wsVUFBVSxFQUFFLE1BQU07aUJBQ25CO2FBQ0Y7U0FDRixDQUFDLENBQUM7UUFFSCw0QkFBNEI7UUFDNUIsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUM7UUFFdEMsSUFBSSxXQUFXLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQzNCLG9DQUFvQztZQUNwQyxNQUFNLFFBQVEsR0FBRyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBTyxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBRTNFLElBQUksUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUUsQ0FBQztnQkFDeEIsTUFBTSxNQUFNLEdBQUcsTUFBTSxLQUFLLENBQUMsS0FBSyxDQUFDO29CQUMvQixNQUFNLEVBQUUsT0FBTztvQkFDZixNQUFNLEVBQUU7d0JBQ04sSUFBSTt3QkFDSixZQUFZO3dCQUNaLFFBQVE7d0JBQ1IsWUFBWTt3QkFDWixPQUFPO3dCQUNQLGVBQWU7d0JBQ2YsU0FBUzt3QkFDVCxvQkFBb0I7cUJBQ3JCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxFQUFFLEVBQUUsUUFBUTtxQkFDYjtpQkFDRixDQUFDLENBQUM7Z0JBRUgsNkJBQTZCO2dCQUM3QixNQUFNLFFBQVEsR0FBRyxJQUFJLEdBQUcsQ0FDdEIsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFVLEVBQUUsRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLEVBQUUsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUNuRCxDQUFDO2dCQUVGLE1BQU0sZUFBZSxHQUFHLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFXLEVBQUUsRUFBRSxDQUFDLENBQUM7b0JBQ3hELEdBQUcsTUFBTTtvQkFDVCxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSTtpQkFDN0MsQ0FBQyxDQUFDLENBQUM7Z0JBRUosT0FBTyxHQUFHLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQztvQkFDMUIsY0FBYyxFQUFFLGVBQWU7b0JBQy9CLEtBQUssRUFBRSxlQUFlLENBQUMsTUFBTTtpQkFDOUIsQ0FBQyxDQUFDO1lBQ0wsQ0FBQztRQUNILENBQUM7UUFFRCxPQUFPLEdBQUcsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDO1lBQzFCLGNBQWMsRUFBRSxFQUFFO1lBQ2xCLEtBQUssRUFBRSxDQUFDO1NBQ1QsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUFDLE9BQU8sS0FBVSxFQUFFLENBQUM7UUFDcEIsT0FBTyxDQUFDLEtBQUssQ0FBQyxnQ0FBZ0MsRUFBRSxLQUFLLENBQUMsQ0FBQztRQUN2RCxPQUFPLEdBQUcsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDO1lBQzFCLEtBQUssRUFBRSxLQUFLLENBQUMsT0FBTyxJQUFJLGdDQUFnQztTQUN6RCxDQUFDLENBQUM7SUFDTCxDQUFDO0FBQ0gsQ0FBQyxDQUFDO0FBL0VXLFFBQUEsR0FBRyxPQStFZCJ9