@infuro/cms-core 1.0.66 → 1.0.68

package/dist/admin.js

@@ -861,7 +861,7 @@ var init_admin_config_context = __esm({
 var CMS_VERSION;
 var init_cms_version = __esm({
   "src/lib/cms-version.ts"() {
-    CMS_VERSION = "1.0.66" ;
+    CMS_VERSION = "1.0.68" ;
   }
 });
 function useCatalogCategories(enabled = true) {
@@ -13622,6 +13622,39 @@ __export(SettingsPage_exports, {
   default: () => SettingsPage
 });
 function InvoiceTemplatePreview({ id }) {
+  if (id === "service_detailed") {
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "h-28 rounded-md border border-sky-200 bg-white overflow-hidden shadow-sm p-1.5 space-y-1"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "h-4 bg-sky-50 rounded px-1 flex items-center justify-between border border-sky-100"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "h-1.5 w-10 bg-sky-700 rounded"
+    }), /* @__PURE__ */ React.createElement("div", {
+      className: "h-1 w-6 bg-slate-400 rounded"
+    })), /* @__PURE__ */ React.createElement("div", {
+      className: "rounded bg-sky-50/70 border border-sky-100 p-1 space-y-0.5"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "grid grid-cols-2 gap-1"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "h-1 w-full bg-sky-600/70 rounded"
+    }), /* @__PURE__ */ React.createElement("div", {
+      className: "h-1 w-full bg-sky-600/70 rounded"
+    })), /* @__PURE__ */ React.createElement("div", {
+      className: "grid grid-cols-2 gap-1"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "h-1 w-full bg-slate-400 rounded"
+    }), /* @__PURE__ */ React.createElement("div", {
+      className: "h-1 w-full bg-slate-400 rounded"
+    }))), /* @__PURE__ */ React.createElement("div", {
+      className: "h-1 w-full bg-slate-100 rounded"
+    }), /* @__PURE__ */ React.createElement("div", {
+      className: "h-1 w-full bg-slate-100 rounded"
+    }), /* @__PURE__ */ React.createElement("div", {
+      className: "flex justify-end pt-0.5"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "h-1.5 w-12 bg-sky-700 rounded"
+    })));
+  }
   if (id === "modern") {
     return /* @__PURE__ */ React.createElement("div", {
       className: "h-28 rounded-md border border-slate-200 bg-white overflow-hidden shadow-sm"
@@ -13800,6 +13833,7 @@ function SettingsPage() {
   const [storeSettingsLoading, setStoreSettingsLoading] = useState(true);
   const [currency, setCurrency] = useState(DEFAULT_CURRENCY);
   const [invoiceTemplate, setInvoiceTemplate] = useState("classic");
+  const [invoiceIncludeQr, setInvoiceIncludeQr] = useState(false);
   const [companyLogo, setCompanyLogo] = useState("");
   const [companyName, setCompanyName] = useState("");
   const [companyEmail, setCompanyEmail] = useState("");
@@ -13877,6 +13911,7 @@ function SettingsPage() {
       setStoreEnabled(data.enabled === "true");
       setCurrency(data.currency || DEFAULT_CURRENCY);
       setInvoiceTemplate(data.invoiceTemplate || "classic");
+      setInvoiceIncludeQr(data.invoice_include_qr === "true" || data.invoiceIncludeQr === "true");
       const logo = data.invoiceLogoUrl || data.companyLogo || data.logo || "";
       setCompanyLogo((prev) => logo || prev);
       setCompanyName(data.companyName || data.invoiceCompanyName || data.name || "");
@@ -14042,6 +14077,10 @@ function SettingsPage() {
             value: invoiceTemplate || "classic",
             type: "public"
           },
+          invoice_include_qr: {
+            value: invoiceIncludeQr ? "true" : "false",
+            type: "public"
+          },
           invoiceLogoUrl: {
             value: companyLogo,
             type: "public"
@@ -14510,24 +14549,43 @@ function SettingsPage() {
     placeholder: "e.g. 123 Business Rd, Suite 100\nNew York, NY 10001",
     rows: 3,
     className: "text-sm bg-white"
-  })))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", {
-    className: "block text-sm font-semibold text-gray-700 mb-1"
-  }, "Invoice PDF template"), /* @__PURE__ */ React.createElement("p", {
+  })))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-center justify-between mb-1"
+  }, /* @__PURE__ */ React.createElement("label", {
+    className: "block text-sm font-semibold text-gray-700"
+  }, "Invoice PDF template"), /* @__PURE__ */ React.createElement("label", {
+    className: "inline-flex items-center gap-2 cursor-pointer select-none text-sm font-semibold text-gray-800 hover:text-gray-950"
+  }, /* @__PURE__ */ React.createElement("input", {
+    type: "checkbox",
+    checked: invoiceIncludeQr,
+    onChange: /* @__PURE__ */ __name((e) => setInvoiceIncludeQr(e.target.checked), "onChange"),
+    className: "h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500 accent-blue-600 cursor-pointer"
+  }), /* @__PURE__ */ React.createElement("span", null, "Add QR"))), /* @__PURE__ */ React.createElement("p", {
     className: "text-xs text-gray-500 mb-3"
   }, "Used when generating invoices in the app (and as fallback when ERP invoice is unavailable). Company logo, name, email, phone, and address set above are shown in the invoice header."), /* @__PURE__ */ React.createElement("div", {
     className: "grid gap-3 sm:grid-cols-2"
   }, INVOICE_TEMPLATE_CARDS.map((opt) => {
     const selected = invoiceTemplate === opt.id;
-    return /* @__PURE__ */ React.createElement("button", {
+    return /* @__PURE__ */ React.createElement("div", {
       key: opt.id,
-      type: "button",
       onClick: /* @__PURE__ */ __name(() => setInvoiceTemplate(opt.id), "onClick"),
-      className: `text-left rounded-lg border p-3 transition ${selected ? "border-blue-500 bg-blue-50 ring-1 ring-blue-500" : "border-gray-200 bg-white hover:border-gray-300"}`
+      className: `text-left rounded-lg border p-3 transition cursor-pointer ${selected ? "border-blue-500 bg-blue-50/70 ring-1 ring-blue-500" : "border-gray-200 bg-white hover:border-gray-300"}`
     }, /* @__PURE__ */ React.createElement(InvoiceTemplatePreview, {
       id: opt.id
     }), /* @__PURE__ */ React.createElement("div", {
-      className: "text-sm font-semibold text-gray-800 mt-2"
-    }, opt.label), /* @__PURE__ */ React.createElement("div", {
+      className: "flex items-center justify-between mt-2"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "text-sm font-semibold text-gray-800"
+    }, opt.label), /* @__PURE__ */ React.createElement("button", {
+      type: "button",
+      onClick: /* @__PURE__ */ __name((e) => {
+        e.stopPropagation();
+        window.open(`/api/settings/invoice-preview?template=${encodeURIComponent(opt.id)}&qr=${invoiceIncludeQr ? "1" : "0"}`, "_blank");
+      }, "onClick"),
+      className: "text-[11px] font-medium text-blue-600 hover:text-blue-800 hover:underline inline-flex items-center gap-1 py-0.5 px-1.5 rounded bg-blue-50 hover:bg-blue-100/80 transition"
+    }, /* @__PURE__ */ React.createElement(Eye, {
+      className: "w-3 h-3"
+    }), "Preview")), /* @__PURE__ */ React.createElement("div", {
       className: "text-xs text-gray-500 mt-0.5"
     }, opt.description));
   }))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
@@ -14756,6 +14814,11 @@ var init_SettingsPage = __esm({
         id: "bold",
         label: "Bold",
         description: "Strong header band and clear payment summary."
+      },
+      {
+        id: "service_detailed",
+        label: "Service Detailed",
+        description: "Includes order date, service date, slot, and assigned technician."
       }
     ];
     __name(InvoiceTemplatePreview, "InvoiceTemplatePreview");
@@ -23245,6 +23308,7 @@ function VendorTeamPage() {
   const [inviteDialog, setInviteDialog] = useState(null);
   const [sendingInviteEmail, setSendingInviteEmail] = useState(false);
   const [linkCopied, setLinkCopied] = useState(false);
+  const [resendingUserId, setResendingUserId] = useState(null);
   const assignableRoles = roles.filter((r) => !r.isOwnerRole);
   const load = useCallback(async () => {
     setLoading(true);
@@ -23323,6 +23387,31 @@ function VendorTeamPage() {
     setInviteDialog(null);
     setLinkCopied(false);
   }, "closeInviteDialog");
+  const handleResendInvite = /* @__PURE__ */ __name(async (userId) => {
+    setResendingUserId(userId);
+    try {
+      const res = await fetch("/api/admin/vendor/team/send-invite", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          userId
+        })
+      });
+      const data = await res.json();
+      if (!res.ok) {
+        toast.error(data.error || data.message || "Failed to resend invite");
+        return;
+      }
+      toast.success(data.message || "Invite email sent");
+      await load();
+    } catch {
+      toast.error("Failed to resend invite");
+    } finally {
+      setResendingUserId(null);
+    }
+  }, "handleResendInvite");
   if (!canManage) {
     return /* @__PURE__ */ React27__default.createElement("div", {
       className: "min-w-0 rounded-lg bg-white shadow-md"
@@ -23494,12 +23583,26 @@ function VendorTeamPage() {
     value: r.id
   }, r.name)))), /* @__PURE__ */ React27__default.createElement("td", {
     className: "px-3 py-2 text-right"
-  }, !m.isOwnerRole && /* @__PURE__ */ React27__default.createElement(Button, {
+  }, /* @__PURE__ */ React27__default.createElement("div", {
+    className: "flex items-center justify-end gap-1.5"
+  }, !m.isOwnerRole && String(m.inviteStatus ?? "") === "pending" && /* @__PURE__ */ React27__default.createElement(Button, {
+    type: "button",
+    variant: "outline",
+    size: "icon",
+    className: "h-7 w-7",
+    disabled: resendingUserId === m.userId,
+    onClick: /* @__PURE__ */ __name(() => void handleResendInvite(m.userId), "onClick"),
+    title: "Resend invite"
+  }, /* @__PURE__ */ React27__default.createElement(RefreshCw, {
+    className: `h-3.5 w-3.5 ${resendingUserId === m.userId ? "animate-spin text-blue-600" : ""}`
+  }), /* @__PURE__ */ React27__default.createElement("span", {
+    className: "sr-only"
+  }, "Resend invite")), !m.isOwnerRole && /* @__PURE__ */ React27__default.createElement(Button, {
     type: "button",
     variant: "ghost",
     size: "sm",
     onClick: /* @__PURE__ */ __name(() => handleRemove(m.userId), "onClick")
-  }, "Remove"))))))), /* @__PURE__ */ React27__default.createElement("form", {
+  }, "Remove")))))))), /* @__PURE__ */ React27__default.createElement("form", {
     onSubmit: handleAdd,
     className: "space-y-4 rounded-lg border border-gray-200 p-4"
   }, /* @__PURE__ */ React27__default.createElement("h2", {
@@ -24564,7 +24667,10 @@ function OrderDetailPage({ orderId }) {
   const [cancelModal, setCancelModal] = useState(null);
   const [assignModalOpen, setAssignModalOpen] = useState(false);
   const [assigneesList, setAssigneesList] = useState([]);
+  const [vendorsList, setVendorsList] = useState([]);
+  const [isPlatformAdmin, setIsPlatformAdmin] = useState(false);
   const [loadingAssignees, setLoadingAssignees] = useState(false);
+  const [selectedVendorId, setSelectedVendorId] = useState(null);
   const [selectedAssigneeId, setSelectedAssigneeId] = useState(null);
   const [savingAssignee, setSavingAssignee] = useState(false);
   const [completeModalOpen, setCompleteModalOpen] = useState(false);
@@ -24664,8 +24770,9 @@ function OrderDetailPage({ orderId }) {
   async function handleStartProcessing() {
     if (!order || startingProcessing) return;
     const currentAssigneeId = order.assignedUserId ?? order.assignedUser?.id ?? null;
-    if (!currentAssigneeId) {
-      toast.info("Please assign a teammate before starting order processing.");
+    const currentVendorId = order.vendorId ?? order.vendor?.id ?? null;
+    if (!currentAssigneeId && !currentVendorId) {
+      toast.info("Please assign a vendor or teammate before starting order processing.");
       handleOpenAssignModal();
       return;
     }
@@ -24678,7 +24785,9 @@ function OrderDetailPage({ orderId }) {
         },
         body: JSON.stringify({
           status: "processing",
-          assignedUserId: currentAssigneeId
+          ...currentAssigneeId ? {
+            assignedUserId: currentAssigneeId
+          } : {}
         })
       });
       const data = await res.json().catch(() => ({}));
@@ -24700,14 +24809,19 @@ function OrderDetailPage({ orderId }) {
     setAssignModalOpen(true);
     setLoadingAssignees(true);
     setSelectedAssigneeId(order?.assignedUserId ?? null);
+    setSelectedVendorId(order?.vendorId ?? null);
     try {
       const res = await fetch(`/api/orders/${orderId}/eligible-assignees`);
       if (res.ok) {
         const data = await res.json();
         setAssigneesList(data.assignees ?? []);
+        setVendorsList(data.vendors ?? []);
+        setIsPlatformAdmin(Boolean(data.isPlatformAdmin));
+        if (data.currentVendorId != null) setSelectedVendorId(data.currentVendorId);
+        if (data.currentAssignedUserId != null) setSelectedAssigneeId(data.currentAssignedUserId);
       }
     } catch {
-      toast.error("Failed to load eligible team members");
+      toast.error("Failed to load eligible assignees");
     } finally {
       setLoadingAssignees(false);
     }
@@ -24720,6 +24834,14 @@ function OrderDetailPage({ orderId }) {
       const bodyPayload = {
         assignedUserId: selectedAssigneeId
       };
+      if (isPlatformAdmin) {
+        const chosenAssignee = assigneesList.find((a) => a.id === selectedAssigneeId);
+        if (chosenAssignee && chosenAssignee.vendorId === null) {
+          bodyPayload.vendorId = 1;
+        } else {
+          bodyPayload.vendorId = chosenAssignee?.vendorId ?? (selectedVendorId || 1);
+        }
+      }
       const res = await fetch(`/api/orders/${orderId}`, {
         method: "PUT",
         headers: {
@@ -24729,15 +24851,15 @@ function OrderDetailPage({ orderId }) {
       });
       if (!res.ok) {
         const err = await res.json().catch(() => ({}));
-        toast.error(err.error ?? "Failed to update assignee");
+        toast.error(err.error ?? "Failed to update assignment");
         return;
       }
       const updated = await fetch(`/api/orders/${orderId}`);
       if (updated.ok) setOrder(await updated.json());
       setAssignModalOpen(false);
-      toast.success(selectedAssigneeId ? "Order assigned successfully" : "Assignee removed");
+      toast.success(selectedAssigneeId || selectedVendorId ? "Order assigned successfully" : "Assignment removed");
     } catch {
-      toast.error("Failed to update assignee");
+      toast.error("Failed to update assignment");
     } finally {
       setSavingAssignee(false);
     }
@@ -25122,7 +25244,19 @@ function OrderDetailPage({ orderId }) {
       className: "min-w-0"
     }, /* @__PURE__ */ React.createElement("dt", {
       className: "text-gray-500"
-    }, "Assigned To"), /* @__PURE__ */ React.createElement("dd", {
+    }, "Vendor"), /* @__PURE__ */ React.createElement("dd", {
+      className: "font-medium text-gray-900 flex flex-wrap items-center gap-1.5 mt-0.5"
+    }, order.vendor ? /* @__PURE__ */ React.createElement("span", {
+      className: "inline-flex items-center gap-1 text-xs bg-purple-50 text-purple-800 font-medium px-2 py-0.5 rounded-full border border-purple-200"
+    }, order.vendor.name || `Vendor #${order.vendor.id}`) : order.vendorId ? /* @__PURE__ */ React.createElement("span", {
+      className: "inline-flex items-center gap-1 text-xs bg-purple-50 text-purple-800 font-medium px-2 py-0.5 rounded-full border border-purple-200"
+    }, `Vendor #${order.vendorId}`) : /* @__PURE__ */ React.createElement("span", {
+      className: "text-gray-400 text-xs italic"
+    }, "Platform Default"))), /* @__PURE__ */ React.createElement("div", {
+      className: "min-w-0"
+    }, /* @__PURE__ */ React.createElement("dt", {
+      className: "text-gray-500"
+    }, "Assigned Teammate"), /* @__PURE__ */ React.createElement("dd", {
       className: "font-medium text-gray-900 flex flex-wrap items-center gap-1.5 mt-0.5"
     }, order.assignedUser ? /* @__PURE__ */ React.createElement("span", {
       className: "inline-flex items-center gap-1 text-xs bg-blue-50 text-blue-800 font-medium px-2 py-0.5 rounded-full border border-blue-200"
@@ -25391,7 +25525,7 @@ function OrderDetailPage({ orderId }) {
     className: "text-base font-semibold text-gray-900 flex items-center gap-2"
   }, /* @__PURE__ */ React.createElement(UserCheck, {
     className: "h-5 w-5 text-blue-600"
-  }), "Assign Order to Teammate"), /* @__PURE__ */ React.createElement("button", {
+  }), isPlatformAdmin ? "Assign Order (Vendor & Team)" : "Assign Order to Teammate"), /* @__PURE__ */ React.createElement("button", {
     type: "button",
     onClick: /* @__PURE__ */ __name(() => setAssignModalOpen(false), "onClick"),
     className: "text-gray-400 hover:text-gray-600"
@@ -25399,14 +25533,42 @@ function OrderDetailPage({ orderId }) {
     className: "h-5 w-5"
   }))), /* @__PURE__ */ React.createElement("p", {
     className: "text-xs text-gray-500"
-  }, "Select a team member to handle this order. When assigned, order status automatically moves to Processing."), loadingAssignees ? /* @__PURE__ */ React.createElement("div", {
+  }, isPlatformAdmin ? "Assign this order to a Vendor or directly to any Vendor's Team Member." : "Select a member of your team to handle this service, or keep it unassigned to your general store."), loadingAssignees ? /* @__PURE__ */ React.createElement("div", {
     className: "flex justify-center py-8"
   }, /* @__PURE__ */ React.createElement(Loader2, {
     className: "h-6 w-6 animate-spin text-blue-600"
   })) : /* @__PURE__ */ React.createElement("div", {
-    className: "space-y-2 max-h-64 overflow-y-auto pr-1"
+    className: "space-y-4"
+  }, isPlatformAdmin && vendorsList.length > 0 && /* @__PURE__ */ React.createElement("div", {
+    className: "space-y-1.5"
+  }, /* @__PURE__ */ React.createElement("label", {
+    className: "block text-xs font-semibold text-gray-700"
+  }, "Assigned Vendor"), /* @__PURE__ */ React.createElement("select", {
+    value: selectedVendorId ?? "",
+    onChange: /* @__PURE__ */ __name((e) => {
+      const val = e.target.value ? Number(e.target.value) : null;
+      setSelectedVendorId(val);
+      if (val && selectedAssigneeId) {
+        const assignee = assigneesList.find((a) => a.id === selectedAssigneeId);
+        if (assignee && assignee.vendorId !== val) {
+          setSelectedAssigneeId(null);
+        }
+      }
+    }, "onChange"),
+    className: "w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500"
+  }, /* @__PURE__ */ React.createElement("option", {
+    value: ""
+  }, "All Vendors / Any Vendor"), vendorsList.map((v) => /* @__PURE__ */ React.createElement("option", {
+    key: v.id,
+    value: v.id
+  }, v.name)))), /* @__PURE__ */ React.createElement("div", {
+    className: "space-y-1.5"
   }, /* @__PURE__ */ React.createElement("label", {
-    className: `flex items-center justify-between p-3 rounded-lg border cursor-pointer transition ${selectedAssigneeId === null ? "border-blue-600 bg-blue-50/50" : "border-gray-200 hover:bg-gray-50"}`
+    className: "block text-xs font-semibold text-gray-700"
+  }, isPlatformAdmin ? "Assigned Team Member" : "Select Team Member"), /* @__PURE__ */ React.createElement("div", {
+    className: "space-y-2 max-h-56 overflow-y-auto pr-1"
+  }, /* @__PURE__ */ React.createElement("label", {
+    className: `flex items-center justify-between p-2.5 rounded-lg border cursor-pointer transition ${selectedAssigneeId === null ? "border-blue-600 bg-blue-50/50" : "border-gray-200 hover:bg-gray-50"}`
   }, /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center gap-3"
   }, /* @__PURE__ */ React.createElement("input", {
@@ -25417,26 +25579,40 @@ function OrderDetailPage({ orderId }) {
     className: "text-blue-600"
   }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", {
     className: "text-sm font-medium text-gray-800"
-  }, "Unassigned"), /* @__PURE__ */ React.createElement("p", {
+  }, "Unassigned to specific person"), /* @__PURE__ */ React.createElement("p", {
     className: "text-xs text-gray-400"
-  }, "No specific team member")))), assigneesList.map((a) => /* @__PURE__ */ React.createElement("label", {
+  }, selectedVendorId ? "Vendor general queue" : "General queue")))), assigneesList.filter((a) => {
+    if (!isPlatformAdmin) return true;
+    if (selectedVendorId && selectedVendorId !== 1) {
+      return a.vendorId === selectedVendorId;
+    }
+    if (selectedVendorId === 1) {
+      return a.vendorId === 1 || a.vendorId === null;
+    }
+    return true;
+  }).map((a) => /* @__PURE__ */ React.createElement("label", {
     key: a.id,
-    className: `flex items-center justify-between p-3 rounded-lg border cursor-pointer transition ${selectedAssigneeId === a.id ? "border-blue-600 bg-blue-50/50" : "border-gray-200 hover:bg-gray-50"}`
+    className: `flex items-center justify-between p-2.5 rounded-lg border cursor-pointer transition ${selectedAssigneeId === a.id ? "border-blue-600 bg-blue-50/50" : "border-gray-200 hover:bg-gray-50"}`
   }, /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center gap-3"
   }, /* @__PURE__ */ React.createElement("input", {
     type: "radio",
     name: "assignee",
     checked: selectedAssigneeId === a.id,
-    onChange: /* @__PURE__ */ __name(() => setSelectedAssigneeId(a.id), "onChange"),
+    onChange: /* @__PURE__ */ __name(() => {
+      setSelectedAssigneeId(a.id);
+      if (isPlatformAdmin) {
+        setSelectedVendorId(a.vendorId || 1);
+      }
+    }, "onChange"),
     className: "text-blue-600"
   }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", {
     className: "text-sm font-medium text-gray-900"
   }, a.name), /* @__PURE__ */ React.createElement("p", {
     className: "text-xs text-gray-500"
-  }, a.email))), /* @__PURE__ */ React.createElement("span", {
-    className: "text-[11px] font-medium text-gray-500 bg-gray-100 px-2 py-0.5 rounded"
-  }, a.role)))), /* @__PURE__ */ React.createElement("div", {
+  }, a.email, isPlatformAdmin && a.vendorName ? ` \u2022 ${a.vendorName}` : ""))), /* @__PURE__ */ React.createElement("span", {
+    className: "text-[11px] font-medium text-gray-600 bg-gray-100 px-2 py-0.5 rounded"
+  }, a.role)))))), /* @__PURE__ */ React.createElement("div", {
     className: "flex justify-end gap-2 pt-2 border-t border-gray-100"
   }, /* @__PURE__ */ React.createElement(Button, {
     variant: "outline",
@@ -25446,7 +25622,7 @@ function OrderDetailPage({ orderId }) {
     onClick: handleSaveAssignee,
     disabled: savingAssignee,
     className: "bg-blue-600 hover:bg-blue-700 text-white"
-  }, savingAssignee ? "Saving..." : "Save Assignee")))), completeModalOpen && /* @__PURE__ */ React.createElement("div", {
+  }, savingAssignee ? "Saving..." : "Save Assignment")))), completeModalOpen && /* @__PURE__ */ React.createElement("div", {
     className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm p-4 animate-in fade-in duration-150"
   }, /* @__PURE__ */ React.createElement("div", {
     className: "bg-white rounded-xl shadow-2xl w-full max-w-md p-6 space-y-4 border border-gray-100"
@@ -27010,6 +27186,10 @@ function OrderPlacementPage({ editOrderId }) {
       toast.error(placeForSomeoneElse ? "Enter the contact's email address" : "Select a customer or enter an email address");
       return;
     }
+    if (!effectivePhone) {
+      toast.error(placeForSomeoneElse ? "Enter the recipient's phone number" : "Please enter the customer's phone number");
+      return;
+    }
     if (lines.length === 0) {
       toast.error("Add at least one product to the cart");
       return;
@@ -27241,7 +27421,8 @@ function OrderPlacementPage({ editOrderId }) {
     id: "c-phone",
     value: contactPhone,
     onChange: /* @__PURE__ */ __name((e) => setContactPhone(e.target.value), "onChange"),
-    placeholder: "phone number"
+    placeholder: "phone number",
+    required: contactId == null && !placeForSomeoneElse
   }))), /* @__PURE__ */ React.createElement("div", {
     className: "flex items-start gap-3 rounded-lg border border-dashed border-gray-300 bg-gray-50/60 px-4 py-3 mt-1"
   }, /* @__PURE__ */ React.createElement(Checkbox, {
@@ -27317,6 +27498,7 @@ function OrderPlacementPage({ editOrderId }) {
     value: subContactPhone,
     onChange: /* @__PURE__ */ __name((e) => setSubContactPhone(e.target.value), "onChange"),
     placeholder: "phone number",
+    required: placeForSomeoneElse && subContactId == null,
     readOnly: subContactId != null,
     className: subContactId != null ? "bg-gray-100 cursor-not-allowed" : ""
   })))), /* @__PURE__ */ React.createElement("div", {