d_s_bisht/devsofttech_hms_ci4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
765286e7fa
devsofttech_hms_ci4/scratch/bundle.js

913 lines
120 KiB
JavaScript
Raw Blame History

const { useState, useEffect, useRef } = React;
const API_BASE = "/api/v1/medical-store/";
function getInitialStoreSlug() {
if (window.INITIAL_STORE_SLUG) {
return window.INITIAL_STORE_SLUG;
}
const path = window.location.pathname;
const match = path.match(/(?:MedicalStore|app\/medical-store)\/([a-zA-Z0-9_\-]+)/i);
return match ? match[1] : null;
}
function App() {
const [stores, setStores] = useState([]);
const [activeStoreId, setActiveStoreId] = useState(null);
const [activeTab, setActiveTab] = useState("pos");
const [notification, setNotification] = useState(null);
const [isDeviceAuthorized, setIsDeviceAuthorized] = useState(false);
const [deviceToken, setDeviceToken] = useState("");
const [machineName, setMachineName] = useState("Counter PC " + (navigator.platform || "Desktop"));
const [secKeyInput, setSecKeyInput] = useState("");
const [verifyMethod, setVerifyMethod] = useState("key");
const [isVerifying, setIsVerifying] = useState(false);
const storeSlugFromUrl = getInitialStoreSlug();
const activeStore = stores.find((s) => s.store_id == activeStoreId) || stores[0] || null;
useEffect(() => {
fetchStores();
}, []);
useEffect(() => {
if (activeStore) {
checkMachineAuthorization(activeStore.store_id);
}
}, [activeStoreId, stores]);
const fetchStores = async () => {
try {
const url = storeSlugFromUrl ? `${API_BASE}stores?slug=${encodeURIComponent(storeSlugFromUrl)}` : `${API_BASE}stores`;
const res = await fetch(url);
const data = await res.json();
if (data.status && data.stores && data.stores.length > 0) {
setStores(data.stores);
if (storeSlugFromUrl) {
const matched = data.stores.find((s) => s.store_slug === storeSlugFromUrl || s.store_code === storeSlugFromUrl);
if (matched) {
setActiveStoreId(matched.store_id);
return;
}
}
if (!activeStoreId) {
setActiveStoreId(data.stores[0].store_id);
}
}
} catch (e) {
console.error("Failed to load stores:", e);
}
};
const checkMachineAuthorization = async (storeId) => {
const savedToken = localStorage.getItem("mst_device_token_" + storeId);
if (!savedToken) {
setIsDeviceAuthorized(false);
return;
}
try {
const res = await fetch(API_BASE + "device/check", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ store_id: storeId, device_token: savedToken })
});
const data = await res.json();
if (data.status && data.authorized) {
setIsDeviceAuthorized(true);
setDeviceToken(savedToken);
if (data.machine_name) setMachineName(data.machine_name);
} else {
localStorage.removeItem("mst_device_token_" + storeId);
setIsDeviceAuthorized(false);
}
} catch (e) {
console.error("Device authorization check error:", e);
}
};
const submitDeviceVerification = async (e) => {
e.preventDefault();
if (!activeStore || !secKeyInput) return;
setIsVerifying(true);
try {
const payload = {
store_id: activeStore.store_id,
store_slug: activeStore.store_slug,
machine_name: machineName,
security_key: verifyMethod === "key" ? secKeyInput : "",
otp: verifyMethod === "otp" ? secKeyInput : ""
};
const res = await fetch(API_BASE + "device/verify", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(payload)
});
const data = await res.json();
if (data.status && data.device_token) {
localStorage.setItem("mst_device_token_" + activeStore.store_id, data.device_token);
setDeviceToken(data.device_token);
setIsDeviceAuthorized(true);
notify(data.message, "success");
} else {
alert(data.message || "Verification failed. Please check with HMS Admin.");
}
} catch (e2) {
alert("Verification request failed: " + e2.message);
} finally {
setIsVerifying(false);
}
};
const notify = (msg, type = "success") => {
setNotification({ msg, type });
setTimeout(() => setNotification(null), 4e3);
};
return /* @__PURE__ */ React.createElement("div", null, !isDeviceAuthorized && activeStore && /* @__PURE__ */ React.createElement("div", { className: "machine-lock-backdrop" }, /* @__PURE__ */ React.createElement("div", { className: "card shadow-lg border-0", style: { maxWidth: 460, width: "100%", borderRadius: 16 } }, /* @__PURE__ */ React.createElement("div", { className: "card-header bg-dark text-white p-3 text-center border-0", style: { borderTopLeftRadius: 16, borderTopRightRadius: 16 } }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-shield-lock-fill text-warning fs-1 d-block mb-1" }), /* @__PURE__ */ React.createElement("h5", { className: "fw-bold mb-0" }, "Terminal Machine Verification"), /* @__PURE__ */ React.createElement("small", { className: "text-slate-300", style: { color: "#94a3b8" } }, "Counter Authorization Required")), /* @__PURE__ */ React.createElement("div", { className: "card-body p-4" }, /* @__PURE__ */ React.createElement("div", { className: "text-center mb-3" }, /* @__PURE__ */ React.createElement("h6", { className: "fw-bold text-dark" }, activeStore.store_name), /* @__PURE__ */ React.createElement("small", { className: "text-muted d-block" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-geo-alt me-1" }), activeStore.building_name || "Main Hospital", " \u2022 ", activeStore.floor_no || "Ground Floor"), /* @__PURE__ */ React.createElement("span", { className: "badge bg-primary-subtle text-primary border border-primary-subtle px-2 py-1 mt-1" }, "Link: MedicalStore/", activeStore.store_slug)), /* @__PURE__ */ React.createElement("p", { className: "small text-muted text-center mb-3" }, "This computer terminal is accessing the counter for the first time. Please enter the ", /* @__PURE__ */ React.createElement("strong", null, "Security Key"), " or ", /* @__PURE__ */ React.createElement("strong", null, "6-digit OTP"), " provided by HMS Admin."), /* @__PURE__ */ React.createElement("form", { onSubmit: submitDeviceVerification }, /* @__PURE__ */ React.createElement("div", { className: "mb-3" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold text-dark mb-1" }, "Computer / Machine Name"), /* @__PURE__ */ React.createElement(
"input",
{
type: "text",
className: "form-control form-control-sm",
value: machineName,
onChange: (e) => setMachineName(e.target.value),
required: true
}
)), /* @__PURE__ */ React.createElement("div", { className: "mb-2" }, /* @__PURE__ */ React.createElement("div", { className: "btn-group btn-group-sm w-100 mb-2" }, /* @__PURE__ */ React.createElement(
"button",
{
type: "button",
className: `btn ${verifyMethod === "key" ? "btn-primary" : "btn-outline-secondary"}`,
onClick: () => setVerifyMethod("key")
},
/* @__PURE__ */ React.createElement("i", { className: "bi bi-key-fill me-1" }),
" Admin Security Key"
), /* @__PURE__ */ React.createElement(
"button",
{
type: "button",
className: `btn ${verifyMethod === "otp" ? "btn-primary" : "btn-outline-secondary"}`,
onClick: () => setVerifyMethod("otp")
},
/* @__PURE__ */ React.createElement("i", { className: "bi bi-123 me-1" }),
" 6-Digit Counter OTP"
)), /* @__PURE__ */ React.createElement(
"input",
{
type: verifyMethod === "otp" ? "number" : "text",
className: "form-control text-center fw-bold fs-5 letter-spacing-1",
placeholder: verifyMethod === "key" ? "e.g. HMS-XXXXXX-XXX" : "Enter 6-digit OTP",
value: secKeyInput,
onChange: (e) => setSecKeyInput(e.target.value),
required: true
}
)), /* @__PURE__ */ React.createElement(
"button",
{
type: "submit",
className: "btn btn-success-custom w-100 py-2.5 mt-3 fw-bold",
disabled: isVerifying
},
isVerifying ? /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("i", { className: "bi bi-hourglass-split me-1" }), " Verifying Terminal...") : /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("i", { className: "bi bi-shield-check me-1" }), " Verify Machine & Unlock Counter")
))))), /* @__PURE__ */ React.createElement("header", { className: "navbar-store" }, /* @__PURE__ */ React.createElement("div", { className: "container-fluid d-flex flex-wrap align-items-center justify-content-between gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "bg-primary text-white p-2 rounded-3 d-flex align-items-center justify-content-center", style: { width: 40, height: 40 } }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-capsule fs-5" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center gap-2" }, /* @__PURE__ */ React.createElement("h6", { className: "mb-0 fw-bold text-white fs-5" }, activeStore ? activeStore.store_name : "Medical Store Counter"), activeStore && /* @__PURE__ */ React.createElement("span", { className: "badge bg-info-subtle text-info border border-info px-2 py-0.5 rounded-pill", style: { fontSize: "0.65rem" } }, "/", activeStore.store_slug || activeStore.store_code)), /* @__PURE__ */ React.createElement("small", { className: "text-slate-400", style: { color: "#94a3b8" } }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-geo-alt me-1" }), activeStore ? `${activeStore.building_name || "Main Building"} \u2022 ${activeStore.floor_no || "Ground Floor"}` : "Counter"))), activeStore && /* @__PURE__ */ React.createElement("div", { className: "d-none d-md-flex align-items-center gap-2" }, activeStore.abdm_hfr_id && /* @__PURE__ */ React.createElement("span", { className: "badge bg-success-subtle text-success border border-success px-2 py-1", title: "ABDM Health Facility Registry" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-shield-fill-check me-1" }), " HFR: ", activeStore.abdm_hfr_id), /* @__PURE__ */ React.createElement("span", { className: "badge-license", title: "Retail Allopathic Drug License" }, "DL 20B: ", activeStore.drug_license_no_20b || "N/A"), /* @__PURE__ */ React.createElement("span", { className: "badge-license", title: "Schedule C/C1 Drug License" }, "DL 21B: ", activeStore.drug_license_no_21b || "N/A"), /* @__PURE__ */ React.createElement("span", { className: "badge-gst", title: "GSTIN" }, "GSTIN: ", activeStore.gstin || "N/A"), isDeviceAuthorized && /* @__PURE__ */ React.createElement("span", { className: "badge bg-success text-white rounded-pill px-2.5 py-1", style: { fontSize: "0.7rem" } }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-shield-check me-1" }), " Terminal Verified")), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center gap-2" }, /* @__PURE__ */ React.createElement(
"select",
{
className: "form-select form-select-sm bg-dark text-white border-secondary",
style: { minWidth: 200 },
value: activeStoreId || "",
onChange: (e) => setActiveStoreId(Number(e.target.value))
},
stores.map((s) => /* @__PURE__ */ React.createElement("option", { key: s.store_id, value: s.store_id }, s.store_name, " (", s.store_slug, ")"))
), /* @__PURE__ */ React.createElement("a", { href: "/app", className: "btn btn-sm btn-outline-light", title: "Return to App Hub" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-grid-fill" }))))), notification && /* @__PURE__ */ React.createElement("div", { className: `alert alert-${notification.type === "error" ? "danger" : "success"} alert-dismissible fade show m-2 p-2 px-3`, role: "alert" }, /* @__PURE__ */ React.createElement("i", { className: `bi bi-${notification.type === "error" ? "exclamation-triangle" : "check-circle"}-fill me-2` }), notification.msg, /* @__PURE__ */ React.createElement("button", { type: "button", className: "btn-close p-2", onClick: () => setNotification(null) })), /* @__PURE__ */ React.createElement("nav", { className: "nav-tabs-custom d-flex flex-wrap" }, /* @__PURE__ */ React.createElement("button", { className: `nav-link ${activeTab === "pos" ? "active" : ""}`, onClick: () => setActiveTab("pos") }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-cart3 me-1" }), " POS Counter Desk"), /* @__PURE__ */ React.createElement("button", { className: `nav-link ${activeTab === "inventory" ? "active" : ""}`, onClick: () => setActiveTab("inventory") }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-boxes me-1" }), " Live Stock & Batches"), /* @__PURE__ */ React.createElement("button", { className: `nav-link ${activeTab === "purchase" ? "active" : ""}`, onClick: () => setActiveTab("purchase") }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-box-arrow-in-down me-1" }), " Purchases & Marg Import"), /* @__PURE__ */ React.createElement("button", { className: `nav-link ${activeTab === "transfer" ? "active" : ""}`, onClick: () => setActiveTab("transfer") }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-arrow-left-right me-1" }), " Inter-Store Indents"), /* @__PURE__ */ React.createElement("button", { className: `nav-link ${activeTab === "ledgers" ? "active" : ""}`, onClick: () => setActiveTab("ledgers") }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-journal-text me-1" }), " Ledgers, Daybook & GST"), /* @__PURE__ */ React.createElement("button", { className: `nav-link ${activeTab === "settings" ? "active" : ""}`, onClick: () => setActiveTab("settings") }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-gear me-1" }), " Store & License Setup")), /* @__PURE__ */ React.createElement("main", { className: "container-fluid py-3" }, activeTab === "pos" && /* @__PURE__ */ React.createElement(PosCounter, { store: activeStore, notify }), activeTab === "inventory" && /* @__PURE__ */ React.createElement(InventoryView, { store: activeStore, notify }), activeTab === "purchase" && /* @__PURE__ */ React.createElement(PurchaseView, { store: activeStore, notify }), activeTab === "transfer" && /* @__PURE__ */ React.createElement(TransferView, { store: activeStore, stores, notify }), activeTab === "ledgers" && /* @__PURE__ */ React.createElement(LedgersView, { store: activeStore, notify }), activeTab === "settings" && /* @__PURE__ */ React.createElement(SettingsView, { store: activeStore, onStoreSaved: fetchStores, notify })));
}
function PosCounter({ store, notify }) {
const [patientQuery, setPatientQuery] = useState("");
const [patientResults, setPatientResults] = useState([]);
const [selectedPatient, setSelectedPatient] = useState(null);
const [patientType, setPatientType] = useState("Walk-in");
const [walkinAbhaId, setWalkinAbhaId] = useState("");
const [walkinAbhaAddress, setWalkinAbhaAddress] = useState("");
const [showFhirModal, setShowFhirModal] = useState(false);
const [fhirBundleData, setFhirBundleData] = useState(null);
const [isLoadingFhir, setIsLoadingFhir] = useState(false);
const [copiedFhir, setCopiedFhir] = useState(false);
const [doctorName, setDoctorName] = useState("");
const [doctorRegNo, setDoctorRegNo] = useState("");
const [itemQuery, setItemQuery] = useState("");
const [itemResults, setItemResults] = useState([]);
const [isSearchingItems, setIsSearchingItems] = useState(false);
const [cart, setCart] = useState([]);
const [paymentMode, setPaymentMode] = useState("Cash");
const [paymentRef, setPaymentRef] = useState("");
const [lastInvoice, setLastInvoice] = useState(null);
const [printFormat, setPrintFormat] = useState("thermal");
const [isProcessing, setIsProcessing] = useState(false);
const searchPatients = async (val) => {
setPatientQuery(val);
if (val.length < 2) {
setPatientResults([]);
return;
}
try {
const res = await fetch(API_BASE + `patient/search?q=${encodeURIComponent(val)}`);
const data = await res.json();
if (data.status) {
setPatientResults(data.patients || []);
}
} catch (e) {
console.error(e);
}
};
const selectPatient = (pt) => {
setSelectedPatient(pt);
setPatientResults([]);
setPatientQuery(pt.full_name + " (" + pt.uhid + ")");
setWalkinAbhaId(pt.abha_id || "");
setWalkinAbhaAddress(pt.abha_address || "");
if (pt.has_active_ipd && pt.active_ipd) {
setPatientType("IPD");
setDoctorName(pt.active_ipd.doctor_name || "");
setPrintFormat("a4");
} else if (pt.has_active_opd && pt.active_opd) {
setPatientType("OPD");
setDoctorName(pt.active_opd.doctor_name || "");
setPrintFormat("a5");
} else {
setPatientType("Walk-in");
setPrintFormat("thermal");
}
};
const resetPatient = () => {
setSelectedPatient(null);
setPatientQuery("");
setPatientType("Walk-in");
setDoctorName("");
setDoctorRegNo("");
setWalkinAbhaId("");
setWalkinAbhaAddress("");
setPrintFormat("thermal");
};
const viewAbdmBundle = async (saleId) => {
setIsLoadingFhir(true);
setShowFhirModal(true);
setCopiedFhir(false);
try {
const res = await fetch(API_BASE + `abdm/bundle/${saleId}`);
const data = await res.json();
if (data.status) {
setFhirBundleData(data);
} else {
notify(data.message || "Unable to retrieve ABDM FHIR bundle", "error");
setShowFhirModal(false);
}
} catch (e) {
notify("FHIR Fetch error: " + e.message, "error");
setShowFhirModal(false);
} finally {
setIsLoadingFhir(false);
}
};
const copyFhirToClipboard = () => {
if (!fhirBundleData?.bundle) return;
navigator.clipboard.writeText(JSON.stringify(fhirBundleData.bundle, null, 2));
setCopiedFhir(true);
setTimeout(() => setCopiedFhir(false), 2500);
};
const loadDoctorPrescription = async () => {
if (!selectedPatient) return;
const encType = selectedPatient.has_active_ipd ? "ipd" : selectedPatient.has_active_opd ? "opd" : null;
const encId = selectedPatient.has_active_ipd ? selectedPatient.active_ipd.ipd_id : selectedPatient.has_active_opd ? selectedPatient.active_opd.opd_id : null;
if (!encType || !encId) {
notify("No active OPD or IPD prescription found for this patient.", "error");
return;
}
try {
const res = await fetch(API_BASE + `patient/prescription/${encType}/${encId}`);
const data = await res.json();
if (data.status && data.medicines && data.medicines.length > 0) {
let addedCount = 0;
for (const med of data.medicines) {
const sRes = await fetch(API_BASE + `items/search?store_id=${store.store_id}&q=${encodeURIComponent(med.medicine_name)}`);
const sData = await sRes.json();
if (sData.status && sData.items && sData.items.length > 0) {
const matchedItem = sData.items[0];
if (matchedItem.fefo_batch) {
addItemToCart(matchedItem, matchedItem.fefo_batch, med.prescribed_qty || 10);
addedCount++;
}
}
}
notify(`Imported ${addedCount} prescribed medicines into cart!`, "success");
} else {
notify("No electronic medicines found for this visit.", "error");
}
} catch (e) {
notify("Failed to load prescription: " + e.message, "error");
}
};
const searchItems = async (val) => {
setItemQuery(val);
if (val.length < 2) {
setItemResults([]);
return;
}
setIsSearchingItems(true);
try {
const res = await fetch(API_BASE + `items/search?store_id=${store.store_id}&q=${encodeURIComponent(val)}`);
const data = await res.json();
if (data.status) {
setItemResults(data.items || []);
}
} catch (e) {
console.error(e);
} finally {
setIsSearchingItems(false);
}
};
const addItemToCart = (item, batch, qty = 1) => {
if (!batch) {
notify("No active batch available for " + item.item_name, "error");
return;
}
if (batch.is_expired) {
notify(`STATUTORY BLOCK: Batch ${batch.batch_no} is expired! Cannot be sold.`, "error");
return;
}
const existingIdx = cart.findIndex((c) => c.item_id === item.item_id && c.batch_id === batch.batch_id);
if (existingIdx >= 0) {
const updated = [...cart];
updated[existingIdx].qty += qty;
setCart(updated);
} else {
setCart([...cart, {
item_id: item.item_id,
item_name: item.item_name,
generic_name: item.generic_name,
unit_pack: item.unit_pack,
drug_schedule: item.drug_schedule,
hsn_code: item.hsn_code || "3004",
gst_rate: batch.gst_rate || 12,
batch_id: batch.batch_id,
batch_no: batch.batch_no,
expiry_display: batch.expiry_display,
expiry_date: batch.expiry_date,
current_qty: batch.current_qty,
unit_mrp: batch.mrp,
discount_pct: 0,
qty
}]);
}
setItemResults([]);
setItemQuery("");
if (cart.length + 1 > 5 && printFormat === "thermal") {
setPrintFormat("a5");
}
};
const updateCartItem = (idx, field, val) => {
const updated = [...cart];
updated[idx][field] = Number(val);
setCart(updated);
};
const removeCartItem = (idx) => {
setCart(cart.filter((_, i) => i !== idx));
};
const grossTotal = cart.reduce((acc, it) => acc + it.qty * it.unit_mrp, 0);
const discountTotal = cart.reduce((acc, it) => acc + it.qty * it.unit_mrp * (it.discount_pct || 0) / 100, 0);
const netBeforeRound = grossTotal - discountTotal;
const netPayable = Math.round(netBeforeRound);
const roundOff = (netPayable - netBeforeRound).toFixed(2);
const processSale = async () => {
if (cart.length === 0) {
notify("Cart is empty!", "error");
return;
}
if (paymentMode === "IPD_Credit" && (!selectedPatient || !selectedPatient.has_active_ipd)) {
notify("IPD Credit mode is only allowed for admitted IPD patients.", "error");
return;
}
setIsProcessing(true);
const payload = {
store_id: store.store_id,
patient_type: patientType,
uhid: selectedPatient ? selectedPatient.uhid : null,
patient_id: selectedPatient ? selectedPatient.patient_id : null,
opd_id: selectedPatient && selectedPatient.active_opd ? selectedPatient.active_opd.opd_id : null,
ipd_id: selectedPatient && selectedPatient.active_ipd ? selectedPatient.active_ipd.ipd_id : null,
patient_name: selectedPatient ? selectedPatient.full_name : patientQuery || "Walk-in Customer",
patient_mobile: selectedPatient ? selectedPatient.mobile : "",
patient_address: selectedPatient ? selectedPatient.address : "",
abha_id: selectedPatient?.abha_id || walkinAbhaId || null,
abha_address: selectedPatient?.abha_address || walkinAbhaAddress || null,
age: selectedPatient ? selectedPatient.age : "",
gender: selectedPatient ? selectedPatient.gender : "",
doctor_name: doctorName || (selectedPatient?.active_opd?.doctor_name || selectedPatient?.active_ipd?.doctor_name || "Dr. Consultant"),
doctor_reg_no: doctorRegNo,
payment_mode: paymentMode,
payment_reference: paymentRef,
items: cart.map((it) => ({
item_id: it.item_id,
batch_id: it.batch_id,
qty: it.qty,
discount_pct: it.discount_pct || 0
}))
};
try {
const res = await fetch(API_BASE + "sales/save", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(payload)
});
const data = await res.json();
if (data.status) {
notify(`Invoice ${data.invoice_no} generated successfully! Amount: \u20B9${data.net_amount}`, "success");
fetchInvoiceDetails(data.sale_id);
setCart([]);
resetPatient();
} else {
notify(data.message || "Failed to complete sale.", "error");
}
} catch (e) {
notify("Sale error: " + e.message, "error");
} finally {
setIsProcessing(false);
}
};
const fetchInvoiceDetails = async (saleId) => {
try {
const res = await fetch(API_BASE + `sales/invoice/${saleId}`);
const data = await res.json();
if (data.status) {
setLastInvoice(data);
}
} catch (e) {
console.error(e);
}
};
return /* @__PURE__ */ React.createElement("div", { className: "row g-3" }, /* @__PURE__ */ React.createElement("div", { className: "col-lg-8" }, /* @__PURE__ */ React.createElement("div", { className: "counter-card position-relative" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex flex-wrap align-items-center justify-content-between gap-2 mb-2" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "fw-bold text-dark fs-6" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-person-fill text-primary me-1" }), " Patient & Prescription"), /* @__PURE__ */ React.createElement("span", { className: `badge ${patientType === "IPD" ? "bg-danger" : patientType === "OPD" ? "bg-primary" : "bg-secondary"}` }, patientType)), selectedPatient && /* @__PURE__ */ React.createElement("div", { className: "d-flex gap-2" }, (selectedPatient.has_active_opd || selectedPatient.has_active_ipd) && /* @__PURE__ */ React.createElement("button", { className: "btn btn-sm btn-outline-success py-1 px-2.5", onClick: loadDoctorPrescription }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-file-earmark-medical me-1" }), " 1-Click Load Doctor Rx"), /* @__PURE__ */ React.createElement("button", { className: "btn btn-sm btn-outline-secondary py-1 px-2", onClick: resetPatient }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-x-circle me-1" }), " Clear"))), /* @__PURE__ */ React.createElement("div", { className: "row g-2" }, /* @__PURE__ */ React.createElement("div", { className: "col-md-7 position-relative" }, /* @__PURE__ */ React.createElement("div", { className: "input-group input-group-sm" }, /* @__PURE__ */ React.createElement("span", { className: "input-group-text bg-light" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-search" })), /* @__PURE__ */ React.createElement(
"input",
{
type: "text",
className: "form-control",
placeholder: "Search by UHID, Mobile, Name, OPD No, IPD No...",
value: patientQuery,
onChange: (e) => searchPatients(e.target.value)
}
)), patientResults.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "search-results-dropdown" }, patientResults.map((p) => /* @__PURE__ */ React.createElement("div", { key: p.patient_id, className: "search-item-row d-flex justify-content-between align-items-center", onClick: () => selectPatient(p) }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "fw-bold text-dark" }, p.full_name, " ", /* @__PURE__ */ React.createElement("small", { className: "text-primary" }, "(", p.uhid, ")"), (p.abha_id || p.abha_address) && /* @__PURE__ */ React.createElement("span", { className: "badge bg-success-subtle text-success border border-success ms-2", style: { fontSize: "0.65rem" } }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-shield-fill-check me-1" }), "ABHA: ", p.abha_id || p.abha_address)), /* @__PURE__ */ React.createElement("small", { className: "text-muted" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-telephone me-1" }), p.mobile || "No Mobile", " \u2022 ", p.gender, " \u2022 ", p.age)), /* @__PURE__ */ React.createElement("div", { className: "text-end" }, p.has_active_ipd && /* @__PURE__ */ React.createElement("span", { className: "badge bg-danger d-block mb-1" }, "IPD Admitted: ", p.active_ipd.bed_info?.bed_no || "Bed"), p.has_active_opd && /* @__PURE__ */ React.createElement("span", { className: "badge bg-info d-block" }, "OPD Visit Today")))))), /* @__PURE__ */ React.createElement("div", { className: "col-md-5" }, /* @__PURE__ */ React.createElement(
"input",
{
type: "text",
className: "form-control form-control-sm",
placeholder: "Consultant Doctor Name",
value: doctorName,
onChange: (e) => setDoctorName(e.target.value)
}
))), /* @__PURE__ */ React.createElement("div", { className: "row g-2 mt-1" }, /* @__PURE__ */ React.createElement("div", { className: "col-md-6" }, /* @__PURE__ */ React.createElement("div", { className: "input-group input-group-sm" }, /* @__PURE__ */ React.createElement("span", { className: "input-group-text bg-light text-success fw-bold", style: { fontSize: "0.72rem" } }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-shield-check me-1" }), " ABHA No"), /* @__PURE__ */ React.createElement(
"input",
{
type: "text",
className: "form-control form-control-sm",
placeholder: "14-Digit ABHA (e.g. 12-3456-7890-1234)",
value: walkinAbhaId,
onChange: (e) => setWalkinAbhaId(e.target.value)
}
))), /* @__PURE__ */ React.createElement("div", { className: "col-md-6" }, /* @__PURE__ */ React.createElement("div", { className: "input-group input-group-sm" }, /* @__PURE__ */ React.createElement("span", { className: "input-group-text bg-light text-success fw-bold", style: { fontSize: "0.72rem" } }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-at me-1" }), " ABHA Address"), /* @__PURE__ */ React.createElement(
"input",
{
type: "text",
className: "form-control form-control-sm",
placeholder: "username@abdm",
value: walkinAbhaAddress,
onChange: (e) => setWalkinAbhaAddress(e.target.value)
}
)))), selectedPatient && /* @__PURE__ */ React.createElement("div", { className: "mt-2 p-2 bg-light rounded-2 d-flex flex-wrap gap-3 align-items-center", style: { fontSize: "0.8rem" } }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("strong", null, "Name:"), " ", selectedPatient.full_name), /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("strong", null, "UHID:"), " ", /* @__PURE__ */ React.createElement("code", { className: "text-primary" }, selectedPatient.uhid)), /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("strong", null, "Gender/Age:"), " ", selectedPatient.gender, ", ", selectedPatient.age), (selectedPatient.abha_id || selectedPatient.abha_address) && /* @__PURE__ */ React.createElement("span", { className: "badge bg-success text-white py-1 px-2", style: { fontSize: "0.75rem" } }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-shield-fill-check me-1" }), " ABDM Linked: ", selectedPatient.abha_id || "", " ", selectedPatient.abha_address ? `(${selectedPatient.abha_address})` : ""), selectedPatient.has_active_ipd && /* @__PURE__ */ React.createElement("span", { className: "text-danger fw-bold" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-hospital me-1" }), selectedPatient.active_ipd.bed_info?.ward_name || "Ward", " / ", selectedPatient.active_ipd.bed_info?.bed_no || "Bed", " (Dr. ", selectedPatient.active_ipd.doctor_name, ")"), selectedPatient.has_active_opd && !selectedPatient.has_active_ipd && /* @__PURE__ */ React.createElement("span", { className: "text-primary fw-bold" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-stethoscope me-1" }), "OPD Dr. ", selectedPatient.active_opd.doctor_name))), /* @__PURE__ */ React.createElement("div", { className: "counter-card position-relative" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center gap-2 mb-2" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-upc-scan text-primary fs-5" }), /* @__PURE__ */ React.createElement("span", { className: "fw-bold fs-6" }, "Medicine Lookup & Barcode Dispenser")), /* @__PURE__ */ React.createElement("div", { className: "input-group" }, /* @__PURE__ */ React.createElement("span", { className: "input-group-text bg-light" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-capsule" })), /* @__PURE__ */ React.createElement(
"input",
{
type: "text",
className: "form-control",
placeholder: "Type Medicine Name, Generic Molecule, or Scan Box Barcode...",
value: itemQuery,
onChange: (e) => searchItems(e.target.value)
}
), isSearchingItems && /* @__PURE__ */ React.createElement("span", { className: "input-group-text bg-light" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-hourglass-split" }))), itemResults.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "search-results-dropdown" }, itemResults.map((it) => /* @__PURE__ */ React.createElement("div", { key: it.item_id, className: "search-item-row" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between align-items-center mb-1" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { className: "fw-bold text-dark fs-6" }, it.item_name), /* @__PURE__ */ React.createElement("span", { className: "badge bg-secondary ms-2", style: { fontSize: "0.65rem" } }, it.unit_pack), it.drug_schedule && it.drug_schedule !== "OTC" && /* @__PURE__ */ React.createElement("span", { className: "badge bg-warning-subtle text-warning border border-warning ms-1", style: { fontSize: "0.65rem" } }, it.drug_schedule)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { className: "text-muted me-2", style: { fontSize: "0.75rem" } }, "Total Stock: ", it.total_stock))), /* @__PURE__ */ React.createElement("small", { className: "text-muted d-block mb-1" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-diagram-3 me-1" }), it.generic_name, " \u2022 HSN: ", it.hsn_code), it.batches && it.batches.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "d-flex flex-wrap gap-2 mt-1" }, it.batches.map((b) => /* @__PURE__ */ React.createElement(
"button",
{
key: b.batch_id,
className: `btn btn-sm ${b.is_expired ? "btn-outline-danger disabled" : "btn-outline-dark"} d-flex align-items-center gap-1 py-0.5 px-2`,
style: { fontSize: "0.75rem" },
onClick: () => addItemToCart(it, b, 1),
disabled: b.is_expired
},
/* @__PURE__ */ React.createElement("strong", null, b.batch_no),
/* @__PURE__ */ React.createElement("span", null, "(Exp: ", b.expiry_display, ")"),
/* @__PURE__ */ React.createElement("span", { className: "text-success fw-bold" }, "\u20B9", b.mrp),
/* @__PURE__ */ React.createElement("span", { className: "badge bg-primary text-white" }, b.current_qty, " left"),
it.fefo_batch && it.fefo_batch.batch_id === b.batch_id && /* @__PURE__ */ React.createElement("span", { className: "badge-fefo ms-1" }, "FEFO"),
b.is_near_expiry && /* @__PURE__ */ React.createElement("span", { className: "badge-near-expiry ms-1" }, "Near Exp"),
b.is_expired && /* @__PURE__ */ React.createElement("span", { className: "badge-expired ms-1" }, "EXPIRED")
))) : /* @__PURE__ */ React.createElement("span", { className: "text-danger fw-bold", style: { fontSize: "0.75rem" } }, "Out of Stock in this Counter"))))), /* @__PURE__ */ React.createElement("div", { className: "counter-card p-0 overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "p-3 pb-2 d-flex justify-content-between align-items-center border-bottom" }, /* @__PURE__ */ React.createElement("h6", { className: "mb-0 fw-bold" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-cart-check-fill text-success me-1" }), " Dispensing Cart (", cart.length, " items)"), cart.length > 0 && /* @__PURE__ */ React.createElement("button", { className: "btn btn-sm btn-link text-danger text-decoration-none p-0", onClick: () => setCart([]) }, "Clear Cart")), /* @__PURE__ */ React.createElement("div", { className: "table-responsive", style: { maxHeight: 380 } }, /* @__PURE__ */ React.createElement("table", { className: "table table-pos mb-0" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", null, "#"), /* @__PURE__ */ React.createElement("th", null, "Medicine Name"), /* @__PURE__ */ React.createElement("th", null, "Batch / Exp"), /* @__PURE__ */ React.createElement("th", { style: { width: 85 } }, "Qty"), /* @__PURE__ */ React.createElement("th", null, "MRP (\u20B9)"), /* @__PURE__ */ React.createElement("th", { style: { width: 80 } }, "Disc%"), /* @__PURE__ */ React.createElement("th", null, "GST%"), /* @__PURE__ */ React.createElement("th", { className: "text-end" }, "Total (\u20B9)"), /* @__PURE__ */ React.createElement("th", { style: { width: 40 } }))), /* @__PURE__ */ React.createElement("tbody", null, cart.length === 0 ? /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { colSpan: "9", className: "text-center py-4 text-muted" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-basket3 fs-3 d-block mb-1" }), "Scan barcode or search medicine to add items to bill.")) : cart.map((it, idx) => {
const lineGross = it.qty * it.unit_mrp;
const lineDisc = lineGross * (it.discount_pct || 0) / 100;
const lineNet = (lineGross - lineDisc).toFixed(2);
return /* @__PURE__ */ React.createElement("tr", { key: idx }, /* @__PURE__ */ React.createElement("td", null, idx + 1), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("div", { className: "fw-bold" }, it.item_name), /* @__PURE__ */ React.createElement("small", { className: "text-muted" }, it.generic_name, " \u2022 HSN: ", it.hsn_code)), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("span", { className: "badge bg-light text-dark border" }, it.batch_no), /* @__PURE__ */ React.createElement("div", { className: "text-muted", style: { fontSize: "0.7rem" } }, "Exp: ", it.expiry_display)), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement(
"input",
{
type: "number",
className: "form-control form-control-sm text-center fw-bold",
min: "1",
max: it.current_qty,
value: it.qty,
onChange: (e) => updateCartItem(idx, "qty", e.target.value)
}
)), /* @__PURE__ */ React.createElement("td", { className: "fw-semibold" }, "\u20B9", it.unit_mrp), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement(
"input",
{
type: "number",
className: "form-control form-control-sm text-center",
min: "0",
max: "100",
value: it.discount_pct,
onChange: (e) => updateCartItem(idx, "discount_pct", e.target.value)
}
)), /* @__PURE__ */ React.createElement("td", null, it.gst_rate, "%"), /* @__PURE__ */ React.createElement("td", { className: "text-end fw-bold text-dark" }, "\u20B9", lineNet), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("button", { className: "btn btn-sm btn-outline-danger py-0 px-1", onClick: () => removeCartItem(idx) }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-trash" }))));
})))))), /* @__PURE__ */ React.createElement("div", { className: "col-lg-4" }, /* @__PURE__ */ React.createElement("div", { className: "pos-summary-card" }, /* @__PURE__ */ React.createElement("h5", { className: "fw-bold text-white mb-3 d-flex justify-content-between align-items-center" }, /* @__PURE__ */ React.createElement("span", null, "Checkout Desk"), /* @__PURE__ */ React.createElement("span", { className: "fs-6 text-primary" }, store.store_code)), /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between mb-2 text-slate-300", style: { color: "#cbd5e1" } }, /* @__PURE__ */ React.createElement("span", null, "Gross Items Total:"), /* @__PURE__ */ React.createElement("span", { className: "fw-bold" }, "\u20B9", grossTotal.toFixed(2))), /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between mb-2 text-slate-300", style: { color: "#cbd5e1" } }, /* @__PURE__ */ React.createElement("span", null, "Total Discounts:"), /* @__PURE__ */ React.createElement("span", { className: "text-danger fw-bold" }, "-\u20B9", discountTotal.toFixed(2))), /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between mb-2 text-slate-300", style: { color: "#cbd5e1" } }, /* @__PURE__ */ React.createElement("span", null, "Round Off:"), /* @__PURE__ */ React.createElement("span", null, "\u20B9", roundOff)), /* @__PURE__ */ React.createElement("hr", { style: { borderColor: "rgba(255,255,255,0.15)" } }), /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between align-items-center mb-4" }, /* @__PURE__ */ React.createElement("span", { className: "fs-5 fw-bold text-white" }, "Net Payable:"), /* @__PURE__ */ React.createElement("span", { className: "fs-3 fw-bolder text-warning" }, "\u20B9", netPayable.toLocaleString("en-IN"))), /* @__PURE__ */ React.createElement("label", { className: "form-label text-white fw-bold mb-2" }, "Payment Method"), /* @__PURE__ */ React.createElement("div", { className: "row g-2 mb-3" }, /* @__PURE__ */ React.createElement("div", { className: "col-6" }, /* @__PURE__ */ React.createElement(
"button",
{
className: `btn btn-sm w-100 ${paymentMode === "Cash" ? "btn-primary-custom" : "btn-outline-light"}`,
onClick: () => setPaymentMode("Cash")
},
/* @__PURE__ */ React.createElement("i", { className: "bi bi-cash-stack me-1" }),
" Cash"
)), /* @__PURE__ */ React.createElement("div", { className: "col-6" }, /* @__PURE__ */ React.createElement(
"button",
{
className: `btn btn-sm w-100 ${paymentMode === "UPI" ? "btn-primary-custom" : "btn-outline-light"}`,
onClick: () => setPaymentMode("UPI")
},
/* @__PURE__ */ React.createElement("i", { className: "bi bi-qr-code-scan me-1" }),
" UPI / QR"
)), /* @__PURE__ */ React.createElement("div", { className: "col-6" }, /* @__PURE__ */ React.createElement(
"button",
{
className: `btn btn-sm w-100 ${paymentMode === "Card" ? "btn-primary-custom" : "btn-outline-light"}`,
onClick: () => setPaymentMode("Card")
},
/* @__PURE__ */ React.createElement("i", { className: "bi bi-credit-card me-1" }),
" Debit/Credit"
)), /* @__PURE__ */ React.createElement("div", { className: "col-6" }, /* @__PURE__ */ React.createElement(
"button",
{
className: `btn btn-sm w-100 ${paymentMode === "IPD_Credit" ? "btn-danger" : "btn-outline-light"}`,
onClick: () => setPaymentMode("IPD_Credit"),
title: "Charge to IPD Patient Bill"
},
/* @__PURE__ */ React.createElement("i", { className: "bi bi-hospital me-1" }),
" IPD Bill Post"
))), paymentMode === "IPD_Credit" && /* @__PURE__ */ React.createElement("div", { className: "alert alert-warning py-2 mb-3", style: { fontSize: "0.78rem" } }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-info-circle me-1" }), "Medicines will be charged directly to the patient's IPD Hospital Account and settled at discharge."), paymentMode === "UPI" && store.upi_id && /* @__PURE__ */ React.createElement("div", { className: "bg-dark p-2 rounded-2 text-center mb-3" }, /* @__PURE__ */ React.createElement("small", { className: "text-muted d-block" }, "Store UPI VPA: ", /* @__PURE__ */ React.createElement("span", { className: "text-warning fw-bold" }, store.upi_id))), /* @__PURE__ */ React.createElement("div", { className: "mb-3" }, /* @__PURE__ */ React.createElement("label", { className: "form-label text-white small fw-bold mb-1" }, "Invoice Print Format"), /* @__PURE__ */ React.createElement("div", { className: "btn-group btn-group-sm w-100" }, /* @__PURE__ */ React.createElement(
"button",
{
type: "button",
className: `btn ${printFormat === "thermal" ? "btn-warning text-dark fw-bold" : "btn-outline-light"}`,
onClick: () => setPrintFormat("thermal")
},
"Thermal 80mm (1-5 Items)"
), /* @__PURE__ */ React.createElement(
"button",
{
type: "button",
className: `btn ${printFormat === "a5" ? "btn-warning text-dark fw-bold" : "btn-outline-light"}`,
onClick: () => setPrintFormat("a5")
},
"A5 Invoice (OPD)"
), /* @__PURE__ */ React.createElement(
"button",
{
type: "button",
className: `btn ${printFormat === "a4" ? "btn-warning text-dark fw-bold" : "btn-outline-light"}`,
onClick: () => setPrintFormat("a4")
},
"A4 Tax Bill (IPD)"
))), /* @__PURE__ */ React.createElement(
"button",
{
className: "btn btn-success-custom w-100 py-2.5 fs-6",
onClick: processSale,
disabled: isProcessing || cart.length === 0
},
isProcessing ? /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("i", { className: "bi bi-hourglass-split me-2" }), " Generating Bill...") : /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("i", { className: "bi bi-printer me-2" }), " Complete Sale & Print (", printFormat.toUpperCase(), ")")
)), lastInvoice && /* @__PURE__ */ React.createElement("div", { className: "counter-card mt-3" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex flex-wrap justify-content-between align-items-center gap-2 mb-2" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex flex-wrap align-items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "fw-bold text-success" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-check-circle me-1" }), " Bill: ", lastInvoice.sale.invoice_no), lastInvoice.sale.abdm_care_context_ref && /* @__PURE__ */ React.createElement("span", { className: "badge bg-success-subtle text-success border border-success", title: "Ayushman Bharat Digital Mission Care Context Reference" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-shield-fill-check me-1" }), " ", lastInvoice.sale.abdm_care_context_ref)), /* @__PURE__ */ React.createElement("div", { className: "d-flex gap-1" }, /* @__PURE__ */ React.createElement(
"button",
{
className: "btn btn-sm btn-outline-success py-0 px-2",
onClick: () => viewAbdmBundle(lastInvoice.sale.sale_id),
title: "View official ABDM FHIR R4 MedicationDispense JSON Document Bundle"
},
/* @__PURE__ */ React.createElement("i", { className: "bi bi-filetype-json me-1" }),
" FHIR R4 Bundle"
), /* @__PURE__ */ React.createElement("button", { className: `btn btn-sm ${printFormat === "thermal" ? "btn-dark" : "btn-outline-secondary"} py-0 px-2`, onClick: () => setPrintFormat("thermal") }, "80mm"), /* @__PURE__ */ React.createElement("button", { className: `btn btn-sm ${printFormat === "a5" ? "btn-dark" : "btn-outline-secondary"} py-0 px-2`, onClick: () => setPrintFormat("a5") }, "A5"), /* @__PURE__ */ React.createElement("button", { className: `btn btn-sm ${printFormat === "a4" ? "btn-dark" : "btn-outline-secondary"} py-0 px-2`, onClick: () => setPrintFormat("a4") }, "A4"), /* @__PURE__ */ React.createElement("button", { className: "btn btn-sm btn-primary py-0 px-2", onClick: () => window.print(), title: "Print Bill" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-printer" })))), /* @__PURE__ */ React.createElement("div", { id: "printable-container" }, printFormat === "thermal" && /* @__PURE__ */ React.createElement("div", { className: "print-thermal-80mm" }, /* @__PURE__ */ React.createElement("div", { className: "text-center fw-bold fs-6" }, lastInvoice.sale.store_name), /* @__PURE__ */ React.createElement("div", { className: "text-center" }, lastInvoice.sale.building_name, ", ", lastInvoice.sale.floor_no), lastInvoice.sale.abdm_hfr_id && /* @__PURE__ */ React.createElement("div", { className: "text-center", style: { fontSize: "9px" } }, "HFR ID: ", lastInvoice.sale.abdm_hfr_id), /* @__PURE__ */ React.createElement("div", { className: "text-center" }, "DL 20B: ", lastInvoice.sale.drug_license_no_20b), /* @__PURE__ */ React.createElement("div", { className: "text-center" }, "DL 21B: ", lastInvoice.sale.drug_license_no_21b), /* @__PURE__ */ React.createElement("div", { className: "text-center" }, "GSTIN: ", lastInvoice.sale.gstin), /* @__PURE__ */ React.createElement("hr", { style: { margin: "4px 0" } }), /* @__PURE__ */ React.createElement("div", null, "Bill No: ", /* @__PURE__ */ React.createElement("strong", null, lastInvoice.sale.invoice_no)), /* @__PURE__ */ React.createElement("div", null, "Date: ", lastInvoice.sale.sale_date), /* @__PURE__ */ React.createElement("div", null, "Patient: ", lastInvoice.sale.patient_name, " ", lastInvoice.sale.uhid ? `(${lastInvoice.sale.uhid})` : ""), (lastInvoice.sale.abha_id || lastInvoice.sale.abha_address) && /* @__PURE__ */ React.createElement("div", { style: { fontSize: "9px" } }, "ABHA: ", lastInvoice.sale.abha_id || "", " ", lastInvoice.sale.abha_address ? `(${lastInvoice.sale.abha_address})` : ""), lastInvoice.sale.abdm_care_context_ref && /* @__PURE__ */ React.createElement("div", { style: { fontSize: "8px" } }, "Care Context: ", lastInvoice.sale.abdm_care_context_ref), /* @__PURE__ */ React.createElement("div", null, "Doctor: ", lastInvoice.sale.doctor_name), /* @__PURE__ */ React.createElement("hr", { style: { margin: "4px 0" } }), /* @__PURE__ */ React.createElement("table", { style: { width: "100%", fontSize: "10px" } }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", { style: { textAlign: "left" } }, "Item"), /* @__PURE__ */ React.createElement("th", { style: { textAlign: "center" } }, "Batch"), /* @__PURE__ */ React.createElement("th", { style: { textAlign: "center" } }, "Qty"), /* @__PURE__ */ React.createElement("th", { style: { textAlign: "right" } }, "Total"))), /* @__PURE__ */ React.createElement("tbody", null, lastInvoice.items.map((it, i) => /* @__PURE__ */ React.createElement("tr", { key: i }, /* @__PURE__ */ React.createElement("td", null, it.item_name), /* @__PURE__ */ React.createElement("td", { style: { textAlign: "center" } }, it.batch_no), /* @__PURE__ */ React.createElement("td", { style: { textAlign: "center" } }, it.qty), /* @__PURE__ */ React.createElement("td", { style: { textAlign: "right" } }, "\u20B9", it.total_amount))))), /* @__PURE__ */ React.createElement("hr", { style: { margin: "4px 0" } }), /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between fw-bold" }, /* @__PURE__ */ React.createElement("span", null, "NET AMOUNT:"), /* @__PURE__ */ React.createElement("span", null, "\u20B9", lastInvoice.sale.net_amount)), /* @__PURE__ */ React.createElement("div", { style: { fontSize: "9px", marginTop: 4 } }, "Mode: ", lastInvoice.sale.payment_mode), /* @__PURE__ */ React.createElement("div", { style: { fontSize: "9px", marginTop: 4, textAlign: "center" } }, "R.Ph: ", lastInvoice.sale.registered_pharmacist_name || "Pharmacist", " ", lastInvoice.sale.pharmacist_hpr_id ? `(HPR: ${lastInvoice.sale.pharmacist_hpr_id})` : ""), /* @__PURE__ */ React.createElement("div", { style: { fontSize: "8px", textAlign: "center", marginTop: 4 } }, lastInvoice.sale.terms_conditions || "Thank you! Get well soon.")), printFormat === "a5" && /* @__PURE__ */ React.createElement("div", { className: "print-a5-invoice" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between align-items-start border-bottom pb-2 mb-2" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h6", { className: "fw-bold mb-0 text-primary" }, lastInvoice.sale.store_name), /* @__PURE__ */ React.createElement("div", { style: { fontSize: "10px" } }, lastInvoice.sale.building_name, ", ", lastInvoice.sale.floor_no, ", ", lastInvoice.sale.store_address), /* @__PURE__ */ React.createElement("div", { style: { fontSize: "10px" } }, /* @__PURE__ */ React.createElement("strong", null, "DL 20B:"), " ", lastInvoice.sale.drug_license_no_20b, " | ", /* @__PURE__ */ React.createElement("strong", null, "DL 21B:"), " ", lastInvoice.sale.drug_license_no_21b, lastInvoice.sale.abdm_hfr_id && /* @__PURE__ */ React.createElement("span", null, " | ", /* @__PURE__ */ React.createElement("strong", null, "HFR ID:"), " ", lastInvoice.sale.abdm_hfr_id)), /* @__PURE__ */ React.createElement("div", { style: { fontSize: "10px" } }, /* @__PURE__ */ React.createElement("strong", null, "GSTIN:"), " ", lastInvoice.sale.gstin, " | ", /* @__PURE__ */ React.createElement("strong", null, "Phone:"), " ", lastInvoice.sale.contact_phone)), /* @__PURE__ */ React.createElement("div", { className: "text-end" }, /* @__PURE__ */ React.createElement("span", { className: "badge bg-dark text-white mb-1" }, "RETAIL TAX INVOICE"), /* @__PURE__ */ React.createElement("div", { className: "fw-bold", style: { fontSize: "12px" } }, lastInvoice.sale.invoice_no), /* @__PURE__ */ React.createElement("div", { className: "text-muted", style: { fontSize: "10px" } }, lastInvoice.sale.sale_date))), /* @__PURE__ */ React.createElement("div", { className: "row g-1 mb-2 p-1.5 bg-light rounded", style: { fontSize: "10px" } }, /* @__PURE__ */ React.createElement("div", { className: "col-6" }, /* @__PURE__ */ React.createElement("strong", null, "Patient:"), " ", lastInvoice.sale.patient_name, " ", lastInvoice.sale.uhid ? `(${lastInvoice.sale.uhid})` : ""), /* @__PURE__ */ React.createElement("div", { className: "col-6" }, /* @__PURE__ */ React.createElement("strong", null, "Prescribed By:"), " ", lastInvoice.sale.doctor_name), /* @__PURE__ */ React.createElement("div", { className: "col-6" }, /* @__PURE__ */ React.createElement("strong", null, "Age/Gender:"), " ", lastInvoice.sale.age || "N/A", " / ", lastInvoice.sale.gender || "N/A"), /* @__PURE__ */ React.createElement("div", { className: "col-6" }, /* @__PURE__ */ React.createElement("strong", null, "Payment Mode:"), " ", lastInvoice.sale.payment_mode), (lastInvoice.sale.abha_id || lastInvoice.sale.abha_address) && /* @__PURE__ */ React.createElement("div", { className: "col-12 text-success" }, /* @__PURE__ */ React.createElement("strong", null, "ABHA:"), " ", lastInvoice.sale.abha_id || "N/A", " (", lastInvoice.sale.abha_address || "N/A", ")", lastInvoice.sale.abdm_care_context_ref && /* @__PURE__ */ React.createElement("span", null, " | ", /* @__PURE__ */ React.createElement("strong", null, "Care Context:"), " ", lastInvoice.sale.abdm_care_context_ref))), /* @__PURE__ */ React.createElement("table", { className: "table table-bordered table-sm mb-2", style: { fontSize: "10px" } }, /* @__PURE__ */ React.createElement("thead", { className: "table-light" }, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", null, "#"), /* @__PURE__ */ React.createElement("th", null, "Medicine Name"), /* @__PURE__ */ React.createElement("th", null, "HSN"), /* @__PURE__ */ React.createElement("th", null, "Batch"), /* @__PURE__ */ React.createElement("th", null, "Exp"), /* @__PURE__ */ React.createElement("th", null, "Qty"), /* @__PURE__ */ React.createElement("th", null, "MRP (\u20B9)"), /* @__PURE__ */ React.createElement("th", { className: "text-end" }, "Amount (\u20B9)"))), /* @__PURE__ */ React.createElement("tbody", null, lastInvoice.items.map((it, i) => /* @__PURE__ */ React.createElement("tr", { key: i }, /* @__PURE__ */ React.createElement("td", null, i + 1), /* @__PURE__ */ React.createElement("td", { className: "fw-bold" }, it.item_name, it.snomed_ct_code && /* @__PURE__ */ React.createElement("div", { className: "text-muted", style: { fontSize: "8px" } }, "SNOMED: ", it.snomed_ct_code)), /* @__PURE__ */ React.createElement("td", null, it.hsn_code), /* @__PURE__ */ React.createElement("td", null, it.batch_no), /* @__PURE__ */ React.createElement("td", null, it.expiry_date.substring(0, 7)), /* @__PURE__ */ React.createElement("td", null, it.qty), /* @__PURE__ */ React.createElement("td", null, "\u20B9", it.unit_mrp), /* @__PURE__ */ React.createElement("td", { className: "text-end fw-bold" }, "\u20B9", it.total_amount))))), /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between align-items-center border-top pt-2" }, /* @__PURE__ */ React.createElement("div", { style: { fontSize: "9px" } }, "R.Ph: ", lastInvoice.sale.registered_pharmacist_name || "Pharmacist", " (", lastInvoice.sale.pharmacist_reg_no, ")", lastInvoice.sale.pharmacist_hpr_id && /* @__PURE__ */ React.createElement("span", null, " | HPR ID: ", lastInvoice.sale.pharmacist_hpr_id)), /* @__PURE__ */ React.createElement("div", { className: "text-end" }, /* @__PURE__ */ React.createElement("span", { className: "fs-6 fw-bold" }, "TOTAL: \u20B9", lastInvoice.sale.net_amount)))), printFormat === "a4" && /* @__PURE__ */ React.createElement("div", { className: "print-a4-invoice" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between align-items-center border-bottom pb-3 mb-3" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h4", { className: "fw-bold text-primary mb-1" }, lastInvoice.sale.store_name), /* @__PURE__ */ React.createElement("div", { className: "text-muted" }, lastInvoice.sale.building_name, ", ", lastInvoice.sale.floor_no, ", ", lastInvoice.sale.store_address), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("strong", null, "Drug License 20-B:"), " ", lastInvoice.sale.drug_license_no_20b, " | ", /* @__PURE__ */ React.createElement("strong", null, "21-B:"), " ", lastInvoice.sale.drug_license_no_21b, " | ", /* @__PURE__ */ React.createElement("strong", null, "FSSAI:"), " ", lastInvoice.sale.fssai_no || "N/A"), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("strong", null, "GSTIN:"), " ", lastInvoice.sale.gstin, " | ", /* @__PURE__ */ React.createElement("strong", null, "State:"), " ", lastInvoice.sale.state_name, " (Code: ", lastInvoice.sale.state_code, ")", lastInvoice.sale.abdm_hfr_id && /* @__PURE__ */ React.createElement("span", null, " | ", /* @__PURE__ */ React.createElement("strong", null, "ABDM HFR Facility ID:"), " ", lastInvoice.sale.abdm_hfr_id))), /* @__PURE__ */ React.createElement("div", { className: "text-end" }, /* @__PURE__ */ React.createElement("span", { className: "badge bg-primary fs-6 px-3 py-1.5 mb-1" }, "HOSPITAL GST TAX INVOICE"), /* @__PURE__ */ React.createElement("h5", { className: "fw-bold mb-0 text-dark" }, lastInvoice.sale.invoice_no), /* @__PURE__ */ React.createElement("div", { className: "text-muted small" }, "Date & Time: ", lastInvoice.sale.sale_date))), /* @__PURE__ */ React.createElement("div", { className: "row g-2 mb-3 p-2 bg-light rounded border" }, /* @__PURE__ */ React.createElement("div", { className: "col-4" }, /* @__PURE__ */ React.createElement("strong", null, "Patient Name:"), " ", lastInvoice.sale.patient_name), /* @__PURE__ */ React.createElement("div", { className: "col-4" }, /* @__PURE__ */ React.createElement("strong", null, "UHID No:"), " ", /* @__PURE__ */ React.createElement("code", { className: "text-primary fw-bold" }, lastInvoice.sale.uhid || "Walk-in")), /* @__PURE__ */ React.createElement("div", { className: "col-4" }, /* @__PURE__ */ React.createElement("strong", null, "Phone:"), " ", lastInvoice.sale.patient_mobile || "N/A"), /* @__PURE__ */ React.createElement("div", { className: "col-4" }, /* @__PURE__ */ React.createElement("strong", null, "Age / Gender:"), " ", lastInvoice.sale.age || "N/A", " / ", lastInvoice.sale.gender || "N/A"), /* @__PURE__ */ React.createElement("div", { className: "col-4" }, /* @__PURE__ */ React.createElement("strong", null, "Consultant Doctor:"), " ", lastInvoice.sale.doctor_name), /* @__PURE__ */ React.createElement("div", { className: "col-4" }, /* @__PURE__ */ React.createElement("strong", null, "Doctor Reg No:"), " ", lastInvoice.sale.doctor_reg_no || "N/A"), (lastInvoice.sale.abha_id || lastInvoice.sale.abha_address) && /* @__PURE__ */ React.createElement("div", { className: "col-12 bg-success-subtle p-1.5 rounded text-success fw-bold border border-success mt-1" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-shield-fill-check me-1" }), " ABDM Linked: ABHA Number: ", lastInvoice.sale.abha_id || "N/A", " | ABHA Address: ", lastInvoice.sale.abha_address || "N/A", " | Care Context: ", lastInvoice.sale.abdm_care_context_ref || "N/A"), lastInvoice.sale.ipd_id && /* @__PURE__ */ React.createElement("div", { className: "col-12 text-danger fw-bold border-top pt-1 mt-1" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-hospital me-1" }), " IPD Admission #", lastInvoice.sale.ipd_id, " \u2022 Ward: ", lastInvoice.sale.ward_name || "General", " \u2022 Bed: ", lastInvoice.sale.bed_no || "Bed", " (Charged to IPD Running Bill)")), /* @__PURE__ */ React.createElement("table", { className: "table table-bordered mb-3" }, /* @__PURE__ */ React.createElement("thead", { className: "table-light" }, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", { style: { width: 40 } }, "#"), /* @__PURE__ */ React.createElement("th", null, "Medicine & Formulation"), /* @__PURE__ */ React.createElement("th", null, "HSN"), /* @__PURE__ */ React.createElement("th", null, "Batch No"), /* @__PURE__ */ React.createElement("th", null, "Exp Date"), /* @__PURE__ */ React.createElement("th", { style: { width: 60 } }, "Qty"), /* @__PURE__ */ React.createElement("th", null, "MRP (\u20B9)"), /* @__PURE__ */ React.createElement("th", null, "Taxable (\u20B9)"), /* @__PURE__ */ React.createElement("th", null, "CGST (\u20B9)"), /* @__PURE__ */ React.createElement("th", null, "SGST (\u20B9)"), /* @__PURE__ */ React.createElement("th", { className: "text-end" }, "Total (\u20B9)"))), /* @__PURE__ */ React.createElement("tbody", null, lastInvoice.items.map((it, i) => /* @__PURE__ */ React.createElement("tr", { key: i }, /* @__PURE__ */ React.createElement("td", null, i + 1), /* @__PURE__ */ React.createElement("td", { className: "fw-bold" }, it.item_name, it.snomed_ct_code && /* @__PURE__ */ React.createElement("div", { className: "text-muted fw-normal", style: { fontSize: "9px" } }, "SNOMED-CT: ", /* @__PURE__ */ React.createElement("code", null, it.snomed_ct_code), " (", it.snomed_display || "", ")")), /* @__PURE__ */ React.createElement("td", null, it.hsn_code), /* @__PURE__ */ React.createElement("td", null, it.batch_no), /* @__PURE__ */ React.createElement("td", null, it.expiry_date), /* @__PURE__ */ React.createElement("td", null, it.qty), /* @__PURE__ */ React.createElement("td", null, "\u20B9", it.unit_mrp), /* @__PURE__ */ React.createElement("td", null, "\u20B9", it.taxable_value), /* @__PURE__ */ React.createElement("td", null, "\u20B9", it.cgst_amount), /* @__PURE__ */ React.createElement("td", null, "\u20B9", it.sgst_amount), /* @__PURE__ */ React.createElement("td", { className: "text-end fw-bold" }, "\u20B9", it.total_amount))))), lastInvoice.hsn_summary && lastInvoice.hsn_summary.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "mb-3" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold text-muted mb-1" }, "GST Tax Breakdown"), /* @__PURE__ */ React.createElement("table", { className: "table table-sm table-bordered text-center", style: { fontSize: "10px" } }, /* @__PURE__ */ React.createElement("thead", { className: "table-light" }, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", null, "HSN Code"), /* @__PURE__ */ React.createElement("th", null, "GST Rate"), /* @__PURE__ */ React.createElement("th", null, "Taxable Value (\u20B9)"), /* @__PURE__ */ React.createElement("th", null, "CGST (\u20B9)"), /* @__PURE__ */ React.createElement("th", null, "SGST (\u20B9)"), /* @__PURE__ */ React.createElement("th", null, "Total Tax (\u20B9)"))), /* @__PURE__ */ React.createElement("tbody", null, lastInvoice.hsn_summary.map((h, idx) => /* @__PURE__ */ React.createElement("tr", { key: idx }, /* @__PURE__ */ React.createElement("td", null, h.hsn_code), /* @__PURE__ */ React.createElement("td", null, h.gst_rate, "%"), /* @__PURE__ */ React.createElement("td", null, "\u20B9", h.taxable_value.toFixed(2)), /* @__PURE__ */ React.createElement("td", null, "\u20B9", h.cgst_amount.toFixed(2)), /* @__PURE__ */ React.createElement("td", null, "\u20B9", h.sgst_amount.toFixed(2)), /* @__PURE__ */ React.createElement("td", { className: "fw-bold" }, "\u20B9", h.total_tax.toFixed(2))))))), /* @__PURE__ */ React.createElement("div", { className: "row g-3 border-top pt-3" }, /* @__PURE__ */ React.createElement("div", { className: "col-7" }, /* @__PURE__ */ React.createElement("small", { className: "text-muted d-block" }, /* @__PURE__ */ React.createElement("strong", null, "Registered Pharmacist:"), " ", lastInvoice.sale.registered_pharmacist_name || "Pharmacist", " (Reg No: ", lastInvoice.sale.pharmacist_reg_no || "N/A", ")", lastInvoice.sale.pharmacist_hpr_id && /* @__PURE__ */ React.createElement("span", null, " | ", /* @__PURE__ */ React.createElement("strong", null, "HPR ID:"), " ", lastInvoice.sale.pharmacist_hpr_id)), /* @__PURE__ */ React.createElement("small", { className: "text-muted d-block mt-1" }, lastInvoice.sale.terms_conditions || "1. Goods once sold are returnable only as per Drug Rules.\n2. Store medicines below 25\xB0C.")), /* @__PURE__ */ React.createElement("div", { className: "col-5" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between mb-1" }, /* @__PURE__ */ React.createElement("span", null, "Taxable Amount:"), /* @__PURE__ */ React.createElement("span", null, "\u20B9", lastInvoice.sale.taxable_amount)), /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between mb-1" }, /* @__PURE__ */ React.createElement("span", null, "CGST Amount:"), /* @__PURE__ */ React.createElement("span", null, "\u20B9", lastInvoice.sale.cgst_amount)), /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between mb-1" }, /* @__PURE__ */ React.createElement("span", null, "SGST Amount:"), /* @__PURE__ */ React.createElement("span", null, "\u20B9", lastInvoice.sale.sgst_amount)), /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between mb-1" }, /* @__PURE__ */ React.createElement("span", null, "Round Off:"), /* @__PURE__ */ React.createElement("span", null, "\u20B9", lastInvoice.sale.round_off)), /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between fs-5 fw-bolder border-top pt-2 text-primary" }, /* @__PURE__ */ React.createElement("span", null, "GRAND TOTAL:"), /* @__PURE__ */ React.createElement("span", null, "\u20B9", lastInvoice.sale.net_amount))))))), showFhirModal && /* @__PURE__ */ React.createElement("div", { className: "modal fade show d-block", style: { backgroundColor: "rgba(15, 23, 42, 0.75)" }, tabIndex: "-1" }, /* @__PURE__ */ React.createElement("div", { className: "modal-dialog modal-lg modal-dialog-scrollable" }, /* @__PURE__ */ React.createElement("div", { className: "modal-content border-0 shadow-lg" }, /* @__PURE__ */ React.createElement("div", { className: "modal-header bg-dark text-white py-2 px-3" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center gap-2" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-shield-fill-check text-success fs-5" }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h6", { className: "modal-title mb-0 fw-bold" }, "ABDM NRCES FHIR R4 MedicationDispense Document"), /* @__PURE__ */ React.createElement("small", { className: "text-secondary", style: { fontSize: "0.75rem" } }, "Profile: MedicationDispenseDocument | LOINC: 60590-7"))), /* @__PURE__ */ React.createElement("button", { type: "button", className: "btn-close btn-close-white", onClick: () => setShowFhirModal(false) })), /* @__PURE__ */ React.createElement("div", { className: "modal-body p-3 bg-light" }, isLoadingFhir ? /* @__PURE__ */ React.createElement("div", { className: "text-center py-5" }, /* @__PURE__ */ React.createElement("div", { className: "spinner-border text-primary mb-2", role: "status" }), /* @__PURE__ */ React.createElement("div", { className: "text-muted" }, "Retrieving & Validating ABDM FHIR R4 Bundle...")) : fhirBundleData ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "row g-2 mb-3" }, /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white p-2 rounded border" }, /* @__PURE__ */ React.createElement("small", { className: "text-muted d-block" }, "Care Context Reference"), /* @__PURE__ */ React.createElement("code", { className: "text-primary fw-bold" }, fhirBundleData.care_context_ref))), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white p-2 rounded border" }, /* @__PURE__ */ React.createElement("small", { className: "text-muted d-block" }, "ABHA Number / Address"), /* @__PURE__ */ React.createElement("strong", { className: "text-success" }, fhirBundleData.abha_id || fhirBundleData.abha_address || "Not ABHA Linked"))), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white p-2 rounded border" }, /* @__PURE__ */ React.createElement("small", { className: "text-muted d-block" }, "Gateway Sync Status"), /* @__PURE__ */ React.createElement("span", { className: `badge ${fhirBundleData.sync_status === "SYNCED" ? "bg-success" : "bg-warning text-dark"}` }, fhirBundleData.sync_status || "QUEUED_FOR_BRIDGE")))), /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between align-items-center mb-1" }, /* @__PURE__ */ React.createElement("span", { className: "small fw-bold text-dark" }, "NRCES FHIR R4 Document Bundle (JSON):"), /* @__PURE__ */ React.createElement("button", { className: "btn btn-sm btn-outline-secondary py-0 px-2", onClick: copyFhirToClipboard }, /* @__PURE__ */ React.createElement("i", { className: `bi ${copiedFhir ? "bi-check-lg text-success" : "bi-clipboard"} me-1` }), copiedFhir ? "Copied!" : "Copy JSON")), /* @__PURE__ */ React.createElement("pre", { className: "bg-dark text-light p-3 rounded-2", style: { maxHeight: 360, fontSize: "0.75rem", overflow: "auto" } }, JSON.stringify(fhirBundleData.bundle, null, 2))) : /* @__PURE__ */ React.createElement("div", { className: "alert alert-warning mb-0" }, "No FHIR bundle data found.")), /* @__PURE__ */ React.createElement("div", { className: "modal-footer py-1 px-3 bg-white" }, /* @__PURE__ */ React.createElement("small", { className: "text-muted me-auto", style: { fontSize: "0.75rem" } }, "Includes SNOMED-CT clinical codes, HFR Facility ID, and Practitioner HPR ID."), /* @__PURE__ */ React.createElement("button", { type: "button", className: "btn btn-sm btn-secondary", onClick: () => setShowFhirModal(false) }, "Close")))))));
}
function InventoryView({ store, notify }) {
const [stock, setStock] = useState([]);
const [summary, setSummary] = useState({});
const [filter, setFilter] = useState("all");
const [searchTerm, setSearchTerm] = useState("");
const [loading, setLoading] = useState(false);
useEffect(() => {
loadStock();
}, [store.store_id, filter]);
const loadStock = async () => {
setLoading(true);
try {
const res = await fetch(API_BASE + `stock/list?store_id=${store.store_id}&filter=${filter}`);
const data = await res.json();
if (data.status) {
setStock(data.stock || []);
setSummary(data.summary || {});
}
} catch (e) {
console.error(e);
} finally {
setLoading(false);
}
};
const filteredStock = stock.filter(
(s) => s.item_name.toLowerCase().includes(searchTerm.toLowerCase()) || s.generic_name && s.generic_name.toLowerCase().includes(searchTerm.toLowerCase()) || s.batch_no.toLowerCase().includes(searchTerm.toLowerCase())
);
return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "row g-3 mb-3" }, /* @__PURE__ */ React.createElement("div", { className: "col-md-3 col-sm-6" }, /* @__PURE__ */ React.createElement("div", { className: "counter-card p-3 border-start border-4 border-primary" }, /* @__PURE__ */ React.createElement("small", { className: "text-muted fw-bold text-uppercase" }, "Total Batches in Store"), /* @__PURE__ */ React.createElement("h4", { className: "fw-bolder text-dark mt-1 mb-0" }, summary.total_rows || 0))), /* @__PURE__ */ React.createElement("div", { className: "col-md-3 col-sm-6" }, /* @__PURE__ */ React.createElement("div", { className: "counter-card p-3 border-start border-4 border-success" }, /* @__PURE__ */ React.createElement("small", { className: "text-muted fw-bold text-uppercase" }, "Stock Cost Valuation (PTR)"), /* @__PURE__ */ React.createElement("h4", { className: "fw-bolder text-success mt-1 mb-0" }, "\u20B9", (summary.total_cost_valuation || 0).toLocaleString("en-IN")))), /* @__PURE__ */ React.createElement("div", { className: "col-md-3 col-sm-6" }, /* @__PURE__ */ React.createElement("div", { className: "counter-card p-3 border-start border-4 border-warning" }, /* @__PURE__ */ React.createElement("small", { className: "text-muted fw-bold text-uppercase" }, "Stock Retail Valuation (MRP)"), /* @__PURE__ */ React.createElement("h4", { className: "fw-bolder text-dark mt-1 mb-0" }, "\u20B9", (summary.total_mrp_valuation || 0).toLocaleString("en-IN")))), /* @__PURE__ */ React.createElement("div", { className: "col-md-3 col-sm-6" }, /* @__PURE__ */ React.createElement("div", { className: "counter-card p-3 border-start border-4 border-info" }, /* @__PURE__ */ React.createElement("small", { className: "text-muted fw-bold text-uppercase" }, "Counter / URL"), /* @__PURE__ */ React.createElement("h6", { className: "fw-bolder text-primary mt-1 mb-0 text-truncate" }, "MedicalStore/", store.store_slug)))), /* @__PURE__ */ React.createElement("div", { className: "counter-card p-3 mb-3" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex flex-wrap justify-content-between align-items-center gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "btn-group btn-group-sm" }, /* @__PURE__ */ React.createElement("button", { className: `btn ${filter === "all" ? "btn-primary" : "btn-outline-secondary"}`, onClick: () => setFilter("all") }, "All Stock"), /* @__PURE__ */ React.createElement("button", { className: `btn ${filter === "low" ? "btn-primary" : "btn-outline-secondary"}`, onClick: () => setFilter("low") }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-arrow-down-circle me-1" }), " Low Stock"), /* @__PURE__ */ React.createElement("button", { className: `btn ${filter === "near_expiry" ? "btn-warning" : "btn-outline-secondary"}`, onClick: () => setFilter("near_expiry") }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-clock-history me-1" }), " Near Expiry (<90 Days)"), /* @__PURE__ */ React.createElement("button", { className: `btn ${filter === "expired" ? "btn-danger" : "btn-outline-secondary"}`, onClick: () => setFilter("expired") }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-shield-x me-1" }), " Expired Stock")), /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 300 }, className: "w-100" }, /* @__PURE__ */ React.createElement(
"input",
{
type: "text",
className: "form-control form-control-sm",
placeholder: "Search item, molecule, batch...",
value: searchTerm,
onChange: (e) => setSearchTerm(e.target.value)
}
)))), /* @__PURE__ */ React.createElement("div", { className: "counter-card p-0 overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "table-responsive" }, /* @__PURE__ */ React.createElement("table", { className: "table table-pos table-hover mb-0" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", null, "#"), /* @__PURE__ */ React.createElement("th", null, "Item & Generic Molecule"), /* @__PURE__ */ React.createElement("th", null, "Category"), /* @__PURE__ */ React.createElement("th", null, "Batch No"), /* @__PURE__ */ React.createElement("th", null, "Expiry"), /* @__PURE__ */ React.createElement("th", null, "Current Qty"), /* @__PURE__ */ React.createElement("th", null, "PTR (\u20B9)"), /* @__PURE__ */ React.createElement("th", null, "MRP (\u20B9)"), /* @__PURE__ */ React.createElement("th", null, "Cost Value (\u20B9)"), /* @__PURE__ */ React.createElement("th", null, "Status"))), /* @__PURE__ */ React.createElement("tbody", null, loading ? /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { colSpan: "10", className: "text-center py-4 text-muted" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-hourglass-split fs-4 d-block mb-1" }), " Loading inventory...")) : filteredStock.length === 0 ? /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { colSpan: "10", className: "text-center py-4 text-muted" }, "No stock records found.")) : filteredStock.map((s, idx) => /* @__PURE__ */ React.createElement("tr", { key: s.stock_id }, /* @__PURE__ */ React.createElement("td", null, idx + 1), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("div", { className: "fw-bold" }, s.item_name), /* @__PURE__ */ React.createElement("small", { className: "text-muted" }, s.generic_name, " \u2022 HSN: ", s.hsn_code)), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("span", { className: "badge bg-secondary-subtle text-secondary" }, s.category)), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("span", { className: "badge bg-light text-dark border fw-bold" }, s.batch_no)), /* @__PURE__ */ React.createElement("td", null, s.expiry_display), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("span", { className: `fw-bold fs-6 ${s.current_qty <= s.min_reorder_level ? "text-danger" : "text-success"}` }, s.current_qty)), /* @__PURE__ */ React.createElement("td", null, "\u20B9", s.ptr), /* @__PURE__ */ React.createElement("td", { className: "fw-semibold" }, "\u20B9", s.mrp), /* @__PURE__ */ React.createElement("td", { className: "fw-bold" }, "\u20B9", s.cost_valuation), /* @__PURE__ */ React.createElement("td", null, s.is_expired ? /* @__PURE__ */ React.createElement("span", { className: "badge-expired" }, "EXPIRED") : s.is_near_expiry ? /* @__PURE__ */ React.createElement("span", { className: "badge-near-expiry" }, "Near Expiry") : /* @__PURE__ */ React.createElement("span", { className: "badge-fefo" }, "Good Stock")))))))));
}
function PurchaseView({ store, notify }) {
const [subTab, setSubTab] = useState("inward");
const [suppliers, setSuppliers] = useState([]);
const [selectedSupplierId, setSelectedSupplierId] = useState("");
const [invoiceNo, setInvoiceNo] = useState("");
const [invoiceDate, setInvoiceDate] = useState((/* @__PURE__ */ new Date()).toISOString().split("T")[0]);
const [rows, setRows] = useState([
{ item_name: "", generic_name: "", batch_no: "", expiry_date: "", qty_packs: 1, free_qty_packs: 0, units_per_pack: 10, mrp: 0, ptr: 0, discount_pct: 0, gst_rate: 12 }
]);
useEffect(() => {
fetchSuppliers();
}, []);
const fetchSuppliers = async () => {
try {
const res = await fetch(API_BASE + "suppliers");
const data = await res.json();
if (data.status) setSuppliers(data.suppliers || []);
} catch (e) {
console.error(e);
}
};
const addRow = () => {
setRows([...rows, { item_name: "", generic_name: "", batch_no: "", expiry_date: "", qty_packs: 1, free_qty_packs: 0, units_per_pack: 10, mrp: 0, ptr: 0, discount_pct: 0, gst_rate: 12 }]);
};
const updateRow = (idx, field, val) => {
const updated = [...rows];
updated[idx][field] = val;
setRows(updated);
};
const removeRow = (idx) => {
setRows(rows.filter((_, i) => i !== idx));
};
const savePurchaseBill = async () => {
if (!selectedSupplierId || !invoiceNo) {
notify("Please select supplier and enter invoice number.", "error");
return;
}
const validItems = rows.filter((r) => r.item_name && r.batch_no && r.expiry_date && Number(r.qty_packs) > 0);
if (validItems.length === 0) {
notify("Please fill at least one valid item line.", "error");
return;
}
try {
const itemsPayload = [];
for (const r of validItems) {
const searchRes = await fetch(API_BASE + `items/search?store_id=${store.store_id}&q=${encodeURIComponent(r.item_name)}`);
const sData = await searchRes.json();
let itemId = 1;
if (sData.status && sData.items && sData.items.length > 0) {
itemId = sData.items[0].item_id;
}
itemsPayload.push({
item_id: itemId,
batch_no: r.batch_no,
expiry_date: r.expiry_date,
qty_packs: Number(r.qty_packs),
free_qty_packs: Number(r.free_qty_packs || 0),
units_per_pack: Number(r.units_per_pack || 10),
mrp: Number(r.mrp),
ptr: Number(r.ptr),
discount_pct: Number(r.discount_pct || 0),
gst_rate: Number(r.gst_rate || 12)
});
}
const res = await fetch(API_BASE + "purchase/save", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
store_id: store.store_id,
supplier_id: Number(selectedSupplierId),
supplier_invoice_no: invoiceNo,
invoice_date: invoiceDate,
items: itemsPayload
})
});
const data = await res.json();
if (data.status) {
notify("Purchase inward recorded! Supplier Ledger & Stock updated.", "success");
setInvoiceNo("");
setRows([{ item_name: "", generic_name: "", batch_no: "", expiry_date: "", qty_packs: 1, free_qty_packs: 0, units_per_pack: 10, mrp: 0, ptr: 0, discount_pct: 0, gst_rate: 12 }]);
} else {
notify(data.message || "Failed to save purchase bill.", "error");
}
} catch (e) {
notify("Purchase bill error: " + e.message, "error");
}
};
return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "d-flex gap-2 mb-3" }, /* @__PURE__ */ React.createElement("button", { className: `btn btn-sm ${subTab === "inward" ? "btn-primary" : "btn-outline-secondary"}`, onClick: () => setSubTab("inward") }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-box-arrow-in-down me-1" }), " Inward Purchase Bill"), /* @__PURE__ */ React.createElement("button", { className: `btn btn-sm ${subTab === "marg" ? "btn-success" : "btn-outline-secondary"}`, onClick: () => setSubTab("marg") }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-file-earmark-spreadsheet me-1" }), " Marg ERP / Excel Import"), /* @__PURE__ */ React.createElement("button", { className: `btn btn-sm ${subTab === "suppliers" ? "btn-primary" : "btn-outline-secondary"}`, onClick: () => setSubTab("suppliers") }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-truck me-1" }), " Supplier Directory")), subTab === "inward" && /* @__PURE__ */ React.createElement("div", { className: "counter-card" }, /* @__PURE__ */ React.createElement("h5", { className: "fw-bold mb-3" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-receipt text-primary me-1" }), " Distributor Purchase Inward (Stock Entry)"), /* @__PURE__ */ React.createElement("div", { className: "row g-2 mb-3" }, /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Supplier / Distributor"), /* @__PURE__ */ React.createElement("select", { className: "form-select form-select-sm", value: selectedSupplierId, onChange: (e) => setSelectedSupplierId(e.target.value) }, /* @__PURE__ */ React.createElement("option", { value: "" }, "-- Select Supplier --"), suppliers.map((s) => /* @__PURE__ */ React.createElement("option", { key: s.supplier_id, value: s.supplier_id }, s.supplier_name, " (GST: ", s.gstin || "N/A", ")")))), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Supplier Bill / Invoice No."), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "e.g. APX-9941", value: invoiceNo, onChange: (e) => setInvoiceNo(e.target.value) })), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Invoice Date"), /* @__PURE__ */ React.createElement("input", { type: "date", className: "form-control form-control-sm", value: invoiceDate, onChange: (e) => setInvoiceDate(e.target.value) }))), /* @__PURE__ */ React.createElement("div", { className: "table-responsive" }, /* @__PURE__ */ React.createElement("table", { className: "table table-pos table-bordered" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", null, "Medicine Name"), /* @__PURE__ */ React.createElement("th", null, "Batch No"), /* @__PURE__ */ React.createElement("th", null, "Expiry"), /* @__PURE__ */ React.createElement("th", { style: { width: 70 } }, "Packs"), /* @__PURE__ */ React.createElement("th", { style: { width: 65 } }, "Free"), /* @__PURE__ */ React.createElement("th", { style: { width: 80 } }, "Units/Pack"), /* @__PURE__ */ React.createElement("th", { style: { width: 85 } }, "PTR (\u20B9)"), /* @__PURE__ */ React.createElement("th", { style: { width: 85 } }, "MRP (\u20B9)"), /* @__PURE__ */ React.createElement("th", { style: { width: 65 } }, "GST%"), /* @__PURE__ */ React.createElement("th", { style: { width: 40 } }))), /* @__PURE__ */ React.createElement("tbody", null, rows.map((r, i) => /* @__PURE__ */ React.createElement("tr", { key: i }, /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "e.g. Augmentin 625", value: r.item_name, onChange: (e) => updateRow(i, "item_name", e.target.value) })), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "Batch", value: r.batch_no, onChange: (e) => updateRow(i, "batch_no", e.target.value) })), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("input", { type: "date", className: "form-control form-control-sm", value: r.expiry_date, onChange: (e) => updateRow(i, "expiry_date", e.target.value) })), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("input", { type: "number", className: "form-control form-control-sm", min: "1", value: r.qty_packs, onChange: (e) => updateRow(i, "qty_packs", e.target.value) })), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("input", { type: "number", className: "form-control form-control-sm", min: "0", value: r.free_qty_packs, onChange: (e) => updateRow(i, "free_qty_packs", e.target.value) })), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("input", { type: "number", className: "form-control form-control-sm", min: "1", value: r.units_per_pack, onChange: (e) => updateRow(i, "units_per_pack", e.target.value) })), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("input", { type: "number", className: "form-control form-control-sm", placeholder: "PTR", value: r.ptr, onChange: (e) => updateRow(i, "ptr", e.target.value) })), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("input", { type: "number", className: "form-control form-control-sm", placeholder: "MRP", value: r.mrp, onChange: (e) => updateRow(i, "mrp", e.target.value) })), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("select", { className: "form-select form-select-sm", value: r.gst_rate, onChange: (e) => updateRow(i, "gst_rate", e.target.value) }, /* @__PURE__ */ React.createElement("option", { value: "0" }, "0%"), /* @__PURE__ */ React.createElement("option", { value: "5" }, "5%"), /* @__PURE__ */ React.createElement("option", { value: "12" }, "12%"), /* @__PURE__ */ React.createElement("option", { value: "18" }, "18%"))), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("button", { className: "btn btn-sm btn-outline-danger py-0 px-1", onClick: () => removeRow(i) }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-x" })))))))), /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between mt-2" }, /* @__PURE__ */ React.createElement("button", { className: "btn btn-sm btn-outline-primary", onClick: addRow }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-plus-circle me-1" }), " Add Another Item"), /* @__PURE__ */ React.createElement("button", { className: "btn btn-success-custom", onClick: savePurchaseBill }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-check-circle me-1" }), " Record Inward Bill & Update Inventory"))), subTab === "marg" && /* @__PURE__ */ React.createElement("div", { className: "counter-card" }, /* @__PURE__ */ React.createElement("h5", { className: "fw-bold text-success mb-2" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-file-earmark-spreadsheet me-1" }), " Marg ERP / Excel Inventory Importer"), /* @__PURE__ */ React.createElement("p", { className: "text-muted small mb-3" }, "Upload your stock export from ", /* @__PURE__ */ React.createElement("strong", null, "Marg Pharmacy Software"), " or Microsoft Excel to seamlessly import medicines, batch numbers, MRP, PTR, HSN codes, and opening stock into ", /* @__PURE__ */ React.createElement("strong", null, store.store_name), "."), /* @__PURE__ */ React.createElement("div", { className: "p-4 bg-light rounded-3 border text-center mb-3" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-cloud-arrow-up fs-1 text-success d-block mb-2" }), /* @__PURE__ */ React.createElement("h6", { className: "fw-bold" }, "Upload Marg CSV / Excel File"), /* @__PURE__ */ React.createElement("p", { className: "small text-muted mb-3" }, "Ensure file is exported in CSV format from Marg ERP."), /* @__PURE__ */ React.createElement("input", { type: "file", id: "marg_file_input", accept: ".csv, .txt", className: "form-control form-control-sm w-50 mx-auto mb-3" }), /* @__PURE__ */ React.createElement(
"button",
{
className: "btn btn-success-custom",
onClick: async () => {
const fileInput = document.getElementById("marg_file_input");
if (!fileInput.files || fileInput.files.length === 0) {
alert("Please select a CSV file first.");
return;
}
const formData = new FormData();
formData.append("store_id", store.store_id);
formData.append("import_file", fileInput.files[0]);
try {
const res = await fetch(API_BASE + "stock/import-marg", {
method: "POST",
body: formData
});
const data = await res.json();
if (data.ok) {
alert(data.message);
fileInput.value = "";
} else {
alert(data.error || "Import failed.");
}
} catch (e) {
alert("Import error: " + e.message);
}
}
},
/* @__PURE__ */ React.createElement("i", { className: "bi bi-upload me-1" }),
" Import Inventory into ",
store.store_name
))), subTab === "suppliers" && /* @__PURE__ */ React.createElement("div", { className: "counter-card" }, /* @__PURE__ */ React.createElement("h5", { className: "fw-bold mb-3" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-truck text-primary me-1" }), " Approved Drug Distributors & Suppliers"), /* @__PURE__ */ React.createElement("div", { className: "table-responsive" }, /* @__PURE__ */ React.createElement("table", { className: "table table-pos mb-0" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", null, "#"), /* @__PURE__ */ React.createElement("th", null, "Supplier Name"), /* @__PURE__ */ React.createElement("th", null, "DL Form 20B / 21B"), /* @__PURE__ */ React.createElement("th", null, "GSTIN"), /* @__PURE__ */ React.createElement("th", null, "Phone / Contact"), /* @__PURE__ */ React.createElement("th", null, "Credit Terms"))), /* @__PURE__ */ React.createElement("tbody", null, suppliers.map((s, i) => /* @__PURE__ */ React.createElement("tr", { key: s.supplier_id }, /* @__PURE__ */ React.createElement("td", null, i + 1), /* @__PURE__ */ React.createElement("td", { className: "fw-bold" }, s.supplier_name), /* @__PURE__ */ React.createElement("td", null, s.dl_no_20b || "N/A", " / ", s.dl_no_21b || "N/A"), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("code", null, s.gstin)), /* @__PURE__ */ React.createElement("td", null, s.phone, " (", s.contact_person, ")"), /* @__PURE__ */ React.createElement("td", null, s.credit_days, " Days"))))))));
}
function TransferView({ store, stores, notify }) {
const [toStoreId, setToStoreId] = useState("");
const [remarks, setRemarks] = useState("");
const [transferItems, setTransferItems] = useState([
{ item_name: "", qty: 10 }
]);
const addTransferRow = () => {
setTransferItems([...transferItems, { item_name: "", qty: 10 }]);
};
const submitIndent = async () => {
if (!toStoreId) {
notify("Please select destination store counter.", "error");
return;
}
try {
const res = await fetch(API_BASE + "transfer/request", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
from_store_id: store.store_id,
to_store_id: Number(toStoreId),
remarks,
items: transferItems.map((it) => ({ item_id: 1, qty: Number(it.qty) }))
})
});
const data = await res.json();
if (data.status) {
notify(`Store Indent ${data.transfer_no} submitted to Central Pharmacy!`, "success");
setRemarks("");
} else {
notify(data.message || "Failed to submit indent.", "error");
}
} catch (e) {
notify("Indent error: " + e.message, "error");
}
};
return /* @__PURE__ */ React.createElement("div", { className: "counter-card" }, /* @__PURE__ */ React.createElement("h5", { className: "fw-bold mb-3" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-arrow-left-right text-primary me-1" }), " Multi-Building Store Requisition (Indent)"), /* @__PURE__ */ React.createElement("p", { className: "text-muted small" }, "Building counters can requisition medicines from the Main Hospital Central Store. Once dispatched and physically verified, stock transfers automatically."), /* @__PURE__ */ React.createElement("div", { className: "row g-2 mb-3" }, /* @__PURE__ */ React.createElement("div", { className: "col-md-6" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Source Store (From)"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", value: store.store_name, disabled: true })), /* @__PURE__ */ React.createElement("div", { className: "col-md-6" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Target Counter / Building (To)"), /* @__PURE__ */ React.createElement("select", { className: "form-select form-select-sm", value: toStoreId, onChange: (e) => setToStoreId(e.target.value) }, /* @__PURE__ */ React.createElement("option", { value: "" }, "-- Select Destination Store --"), stores.filter((s) => s.store_id !== store.store_id).map((s) => /* @__PURE__ */ React.createElement("option", { key: s.store_id, value: s.store_id }, s.store_name, " (", s.store_slug, ")"))))), /* @__PURE__ */ React.createElement("div", { className: "mb-3" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Requested Medicines"), transferItems.map((ti, i) => /* @__PURE__ */ React.createElement("div", { key: i, className: "row g-2 mb-2" }, /* @__PURE__ */ React.createElement("div", { className: "col-8" }, /* @__PURE__ */ React.createElement(
"input",
{
type: "text",
className: "form-control form-control-sm",
placeholder: "Medicine Name",
value: ti.item_name,
onChange: (e) => {
const updated = [...transferItems];
updated[i].item_name = e.target.value;
setTransferItems(updated);
}
}
)), /* @__PURE__ */ React.createElement("div", { className: "col-4" }, /* @__PURE__ */ React.createElement(
"input",
{
type: "number",
className: "form-control form-control-sm",
placeholder: "Quantity Required",
min: "1",
value: ti.qty,
onChange: (e) => {
const updated = [...transferItems];
updated[i].qty = e.target.value;
setTransferItems(updated);
}
}
)))), /* @__PURE__ */ React.createElement("button", { className: "btn btn-sm btn-outline-primary mt-1", onClick: addTransferRow }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-plus-circle me-1" }), " Add Another Medicine")), /* @__PURE__ */ React.createElement("button", { className: "btn btn-primary-custom", onClick: submitIndent }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-send me-1" }), " Submit Store Indent Requisition"));
}
function LedgersView({ store, notify }) {
const [accTab, setAccTab] = useState("daybook");
const [daybookData, setDaybookData] = useState(null);
const [gstData, setGstData] = useState(null);
const [h1Records, setH1Records] = useState([]);
useEffect(() => {
if (accTab === "daybook") loadDaybook();
if (accTab === "gst") loadGst();
if (accTab === "schedule_h1") loadScheduleH1();
}, [accTab, store.store_id]);
const loadDaybook = async () => {
try {
const res = await fetch(API_BASE + `accounting/daybook?store_id=${store.store_id}`);
const data = await res.json();
if (data.status) setDaybookData(data);
} catch (e) {
console.error(e);
}
};
const loadGst = async () => {
try {
const res = await fetch(API_BASE + `accounting/gst-report?store_id=${store.store_id}`);
const data = await res.json();
if (data.status) setGstData(data);
} catch (e) {
console.error(e);
}
};
const loadScheduleH1 = async () => {
try {
const res = await fetch(API_BASE + `compliance/schedule-h1-register?store_id=${store.store_id}`);
const data = await res.json();
if (data.status) setH1Records(data.records || []);
} catch (e) {
console.error(e);
}
};
return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "d-flex flex-wrap gap-2 mb-3" }, /* @__PURE__ */ React.createElement("button", { className: `btn btn-sm ${accTab === "daybook" ? "btn-primary" : "btn-outline-secondary"}`, onClick: () => setAccTab("daybook") }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-journal-check me-1" }), " Daily Cash Book / Day Book"), /* @__PURE__ */ React.createElement("button", { className: `btn btn-sm ${accTab === "gst" ? "btn-primary" : "btn-outline-secondary"}`, onClick: () => setAccTab("gst") }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-file-earmark-spreadsheet me-1" }), " GST Returns (GSTR-1 & 2)"), /* @__PURE__ */ React.createElement("button", { className: `btn btn-sm ${accTab === "schedule_h1" ? "btn-primary" : "btn-outline-secondary"}`, onClick: () => setAccTab("schedule_h1") }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-shield-check me-1" }), " Statutory Schedule H1 Register")), accTab === "daybook" && daybookData && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "row g-3 mb-3" }, /* @__PURE__ */ React.createElement("div", { className: "col-md-3 col-sm-6" }, /* @__PURE__ */ React.createElement("div", { className: "counter-card p-3 border-start border-4 border-success" }, /* @__PURE__ */ React.createElement("small", { className: "text-muted fw-bold" }, "TOTAL TODAY SALES"), /* @__PURE__ */ React.createElement("h4", { className: "fw-bolder text-dark mt-1" }, "\u20B9", daybookData.summary.total_sales.toLocaleString("en-IN")), /* @__PURE__ */ React.createElement("small", { className: "text-muted" }, daybookData.summary.total_invoices, " Bills"))), /* @__PURE__ */ React.createElement("div", { className: "col-md-3 col-sm-6" }, /* @__PURE__ */ React.createElement("div", { className: "counter-card p-3 border-start border-4 border-primary" }, /* @__PURE__ */ React.createElement("small", { className: "text-muted fw-bold" }, "CASH IN DRAWER"), /* @__PURE__ */ React.createElement("h4", { className: "fw-bolder text-primary mt-1" }, "\u20B9", daybookData.summary.cash_in_drawer.toLocaleString("en-IN")))), /* @__PURE__ */ React.createElement("div", { className: "col-md-3 col-sm-6" }, /* @__PURE__ */ React.createElement("div", { className: "counter-card p-3 border-start border-4 border-warning" }, /* @__PURE__ */ React.createElement("small", { className: "text-muted fw-bold" }, "UPI / QR COLLECTIONS"), /* @__PURE__ */ React.createElement("h4", { className: "fw-bolder text-warning mt-1" }, "\u20B9", daybookData.summary.upi_collection.toLocaleString("en-IN")))), /* @__PURE__ */ React.createElement("div", { className: "col-md-3 col-sm-6" }, /* @__PURE__ */ React.createElement("div", { className: "counter-card p-3 border-start border-4 border-danger" }, /* @__PURE__ */ React.createElement("small", { className: "text-muted fw-bold" }, "IPD CREDIT BILLED"), /* @__PURE__ */ React.createElement("h4", { className: "fw-bolder text-danger mt-1" }, "\u20B9", daybookData.summary.ipd_credit.toLocaleString("en-IN"))))), /* @__PURE__ */ React.createElement("div", { className: "counter-card p-0 overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "p-3 border-bottom" }, /* @__PURE__ */ React.createElement("h6", { className: "mb-0 fw-bold" }, "Today's Transactions Journal")), /* @__PURE__ */ React.createElement("div", { className: "table-responsive" }, /* @__PURE__ */ React.createElement("table", { className: "table table-pos mb-0" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", null, "Invoice No"), /* @__PURE__ */ React.createElement("th", null, "Time"), /* @__PURE__ */ React.createElement("th", null, "Patient (UHID)"), /* @__PURE__ */ React.createElement("th", null, "Doctor"), /* @__PURE__ */ React.createElement("th", null, "Mode"), /* @__PURE__ */ React.createElement("th", null, "CGST (\u20B9)"), /* @__PURE__ */ React.createElement("th", null, "SGST (\u20B9)"), /* @__PURE__ */ React.createElement("th", { className: "text-end" }, "Net Amount"))), /* @__PURE__ */ React.createElement("tbody", null, daybookData.transactions.map((t) => /* @__PURE__ */ React.createElement("tr", { key: t.sale_id }, /* @__PURE__ */ React.createElement("td", { className: "fw-bold" }, t.invoice_no), /* @__PURE__ */ React.createElement("td", null, t.sale_date.split(" ")[1]), /* @__PURE__ */ React.createElement("td", null, t.patient_name, " ", t.uhid ? `(${t.uhid})` : ""), /* @__PURE__ */ React.createElement("td", null, t.doctor_name), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("span", { className: "badge bg-secondary" }, t.payment_mode)), /* @__PURE__ */ React.createElement("td", null, "\u20B9", t.cgst_amount), /* @__PURE__ */ React.createElement("td", null, "\u20B9", t.sgst_amount), /* @__PURE__ */ React.createElement("td", { className: "text-end fw-bold text-success" }, "\u20B9", t.net_amount)))))))), accTab === "gst" && gstData && /* @__PURE__ */ React.createElement("div", { className: "counter-card mb-3" }, /* @__PURE__ */ React.createElement("h6", { className: "fw-bold mb-3" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-file-earmark-spreadsheet text-primary me-1" }), " GSTR-1 Outward Sales Summary (HSN-wise)"), /* @__PURE__ */ React.createElement("div", { className: "table-responsive" }, /* @__PURE__ */ React.createElement("table", { className: "table table-pos mb-0" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", null, "HSN Code"), /* @__PURE__ */ React.createElement("th", null, "GST Slab"), /* @__PURE__ */ React.createElement("th", null, "Taxable Value (\u20B9)"), /* @__PURE__ */ React.createElement("th", null, "CGST (\u20B9)"), /* @__PURE__ */ React.createElement("th", null, "SGST (\u20B9)"), /* @__PURE__ */ React.createElement("th", null, "IGST (\u20B9)"), /* @__PURE__ */ React.createElement("th", { className: "text-end" }, "Total Invoice Value (\u20B9)"))), /* @__PURE__ */ React.createElement("tbody", null, gstData.gstr1_sales.map((g, i) => /* @__PURE__ */ React.createElement("tr", { key: i }, /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("code", null, g.hsn_code)), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("span", { className: "badge bg-primary" }, g.gst_rate, "%")), /* @__PURE__ */ React.createElement("td", null, "\u20B9", Number(g.taxable_val).toFixed(2)), /* @__PURE__ */ React.createElement("td", null, "\u20B9", Number(g.cgst_val).toFixed(2)), /* @__PURE__ */ React.createElement("td", null, "\u20B9", Number(g.sgst_val).toFixed(2)), /* @__PURE__ */ React.createElement("td", null, "\u20B9", Number(g.igst_val).toFixed(2)), /* @__PURE__ */ React.createElement("td", { className: "text-end fw-bold" }, "\u20B9", Number(g.total_val).toFixed(2)))))))), accTab === "schedule_h1" && /* @__PURE__ */ React.createElement("div", { className: "counter-card" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between align-items-center mb-3" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h6", { className: "fw-bold mb-0" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-shield-check text-success me-1" }), " Statutory Schedule H1 Drug Register"), /* @__PURE__ */ React.createElement("small", { className: "text-muted" }, "Mandatory under Indian Drugs & Cosmetics Rules (4th Amendment 2013). Retain records for 3 years.")), /* @__PURE__ */ React.createElement("button", { className: "btn btn-sm btn-outline-dark", onClick: () => window.print() }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-printer me-1" }), " Export / Print Register")), /* @__PURE__ */ React.createElement("div", { className: "table-responsive" }, /* @__PURE__ */ React.createElement("table", { className: "table table-pos table-bordered mb-0" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", null, "Date"), /* @__PURE__ */ React.createElement("th", null, "Bill No"), /* @__PURE__ */ React.createElement("th", null, "Patient Name & Address"), /* @__PURE__ */ React.createElement("th", null, "Prescribing Doctor & Reg No"), /* @__PURE__ */ React.createElement("th", null, "Medicine Name"), /* @__PURE__ */ React.createElement("th", null, "Batch No"), /* @__PURE__ */ React.createElement("th", null, "Qty Supplied"))), /* @__PURE__ */ React.createElement("tbody", null, h1Records.length === 0 ? /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { colSpan: "7", className: "text-center py-4 text-muted" }, "No Schedule H1 medicines dispensed in this period.")) : h1Records.map((h, i) => /* @__PURE__ */ React.createElement("tr", { key: i }, /* @__PURE__ */ React.createElement("td", null, h.sale_date.split(" ")[0]), /* @__PURE__ */ React.createElement("td", { className: "fw-bold" }, h.invoice_no), /* @__PURE__ */ React.createElement("td", null, h.patient_name, " ", h.patient_address ? `(${h.patient_address})` : ""), /* @__PURE__ */ React.createElement("td", null, h.doctor_name, " ", h.doctor_reg_no ? `(Reg: ${h.doctor_reg_no})` : ""), /* @__PURE__ */ React.createElement("td", { className: "fw-bold text-danger" }, h.item_name), /* @__PURE__ */ React.createElement("td", null, /* @__PURE__ */ React.createElement("code", null, h.batch_no)), /* @__PURE__ */ React.createElement("td", { className: "fw-bold" }, h.qty))))))));
}
function SettingsView({ store, onStoreSaved, notify }) {
const [formData, setFormData] = useState({
store_id: store ? store.store_id : 0,
store_code: store ? store.store_code : "",
store_slug: store ? store.store_slug : "",
store_name: store ? store.store_name : "",
building_name: store ? store.building_name : "",
floor_no: store ? store.floor_no : "",
room_no: store ? store.room_no : "",
drug_license_no_20b: store ? store.drug_license_no_20b : "",
drug_license_no_21b: store ? store.drug_license_no_21b : "",
drug_license_no_20f_x: store ? store.drug_license_no_20f_x : "",
gstin: store ? store.gstin : "",
pan_no: store ? store.pan_no : "",
fssai_no: store ? store.fssai_no : "",
state_code: store ? store.state_code : "07",
state_name: store ? store.state_name : "Delhi",
registered_pharmacist_name: store ? store.registered_pharmacist_name : "",
pharmacist_reg_no: store ? store.pharmacist_reg_no : "",
pharmacist_hpr_id: store ? store.pharmacist_hpr_id || "" : "",
abdm_hfr_id: store ? store.abdm_hfr_id || "" : "",
abdm_hip_id: store ? store.abdm_hip_id || "" : "",
invoice_prefix: store ? store.invoice_prefix : "INV/",
next_invoice_no: store ? store.next_invoice_no : 1001,
upi_id: store ? store.upi_id : "",
terms_conditions: store ? store.terms_conditions : ""
});
const handleChange = (field, val) => {
setFormData({ ...formData, [field]: val });
};
const handleSave = async (e) => {
e.preventDefault();
try {
const res = await fetch(API_BASE + "stores/save", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(formData)
});
const data = await res.json();
if (data.status) {
notify("Store & statutory licensing updated successfully!", "success");
onStoreSaved();
} else {
notify(data.message || "Failed to update store.", "error");
}
} catch (e2) {
notify("Save error: " + e2.message, "error");
}
};
return /* @__PURE__ */ React.createElement("div", { className: "counter-card" }, /* @__PURE__ */ React.createElement("h5", { className: "fw-bold mb-3" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-building-gear text-primary me-1" }), " Hospital Pharmacy Store & Indian Licensing Configuration"), /* @__PURE__ */ React.createElement("form", { onSubmit: handleSave }, /* @__PURE__ */ React.createElement("div", { className: "row g-3 mb-3" }, /* @__PURE__ */ React.createElement("div", { className: "col-md-3" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Store Code"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", required: true, value: formData.store_code, onChange: (e) => handleChange("store_code", e.target.value) })), /* @__PURE__ */ React.createElement("div", { className: "col-md-3" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "URL Slug (Direct Link)"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", required: true, value: formData.store_slug, onChange: (e) => handleChange("store_slug", e.target.value) })), /* @__PURE__ */ React.createElement("div", { className: "col-md-6" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Store / Pharmacy Name"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", required: true, value: formData.store_name, onChange: (e) => handleChange("store_name", e.target.value) })), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Building Name"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "e.g. OPD Block B", value: formData.building_name, onChange: (e) => handleChange("building_name", e.target.value) })), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Floor"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "e.g. 1st Floor", value: formData.floor_no, onChange: (e) => handleChange("floor_no", e.target.value) })), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Room / Counter No"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "e.g. Counter 2", value: formData.room_no, onChange: (e) => handleChange("room_no", e.target.value) }))), /* @__PURE__ */ React.createElement("h6", { className: "fw-bold text-primary mt-4 mb-2" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-shield-check me-1" }), " Indian Drug & Tax Statutory Licenses"), /* @__PURE__ */ React.createElement("div", { className: "row g-3 mb-3" }, /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Drug License Form 20-B (Allopathic)"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "DL-20B-DEL-XXXXX", value: formData.drug_license_no_20b, onChange: (e) => handleChange("drug_license_no_20b", e.target.value) })), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Drug License Form 21-B (Schedule C/C1)"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "DL-21B-DEL-XXXXX", value: formData.drug_license_no_21b, onChange: (e) => handleChange("drug_license_no_21b", e.target.value) })), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Drug License Form 20-F (Schedule X)"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "DL-20F-DEL-XXXXX", value: formData.drug_license_no_20f_x, onChange: (e) => handleChange("drug_license_no_20f_x", e.target.value) })), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "GSTIN (15-Digit)"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm text-uppercase", placeholder: "07AAAAA0000A1Z5", value: formData.gstin, onChange: (e) => handleChange("gstin", e.target.value) })), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "PAN Number"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm text-uppercase", placeholder: "AAAAA0000A", value: formData.pan_no, onChange: (e) => handleChange("pan_no", e.target.value) })), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "FSSAI License No"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "100XXXXXXXXXX", value: formData.fssai_no, onChange: (e) => handleChange("fssai_no", e.target.value) }))), /* @__PURE__ */ React.createElement("h6", { className: "fw-bold text-primary mt-4 mb-2" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-person-badge me-1" }), " Pharmacist & POS Bill Configuration"), /* @__PURE__ */ React.createElement("div", { className: "row g-3 mb-3" }, /* @__PURE__ */ React.createElement("div", { className: "col-md-6" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Registered Pharmacist Name"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "Pharmacist Name", value: formData.registered_pharmacist_name, onChange: (e) => handleChange("registered_pharmacist_name", e.target.value) })), /* @__PURE__ */ React.createElement("div", { className: "col-md-6" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "State Pharmacy Council Reg No"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "e.g. DPC-Reg-45892", value: formData.pharmacist_reg_no, onChange: (e) => handleChange("pharmacist_reg_no", e.target.value) })), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Bill Series Prefix"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "e.g. OPD1/26-27/", value: formData.invoice_prefix, onChange: (e) => handleChange("invoice_prefix", e.target.value) })), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Next Sequence Number"), /* @__PURE__ */ React.createElement("input", { type: "number", className: "form-control form-control-sm", value: formData.next_invoice_no, onChange: (e) => handleChange("next_invoice_no", e.target.value) })), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Store UPI ID (For Dynamic QR)"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "hospital@upi", value: formData.upi_id, onChange: (e) => handleChange("upi_id", e.target.value) }))), /* @__PURE__ */ React.createElement("h6", { className: "fw-bold text-primary mt-4 mb-2" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-shield-fill-check me-1" }), " Ayushman Bharat Digital Mission (ABDM) Registry Configuration"), /* @__PURE__ */ React.createElement("div", { className: "row g-3 mb-3" }, /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "ABDM Health Facility Registry (HFR ID)"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "e.g. IN0710001234", value: formData.abdm_hfr_id, onChange: (e) => handleChange("abdm_hfr_id", e.target.value) }), /* @__PURE__ */ React.createElement("small", { className: "text-muted", style: { fontSize: "0.7rem" } }, "Facility ID registered in National Health Authority HFR")), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Health Information Provider (HIP ID)"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "e.g. IN0710001234-HIP", value: formData.abdm_hip_id, onChange: (e) => handleChange("abdm_hip_id", e.target.value) }), /* @__PURE__ */ React.createElement("small", { className: "text-muted", style: { fontSize: "0.7rem" } }, "Identifier configured in ABDM Gateway Bridge")), /* @__PURE__ */ React.createElement("div", { className: "col-md-4" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Pharmacist HPR ID (Healthcare Professional)"), /* @__PURE__ */ React.createElement("input", { type: "text", className: "form-control form-control-sm", placeholder: "e.g. 91-8822-4411-9901", value: formData.pharmacist_hpr_id, onChange: (e) => handleChange("pharmacist_hpr_id", e.target.value) }), /* @__PURE__ */ React.createElement("small", { className: "text-muted", style: { fontSize: "0.7rem" } }, "National Pharmacist ID from HPR Portal"))), /* @__PURE__ */ React.createElement("div", { className: "mb-3" }, /* @__PURE__ */ React.createElement("label", { className: "form-label small fw-bold" }, "Terms & Conditions (Printed on Invoice Footer)"), /* @__PURE__ */ React.createElement("textarea", { className: "form-control form-control-sm", rows: "2", value: formData.terms_conditions, onChange: (e) => handleChange("terms_conditions", e.target.value) })), /* @__PURE__ */ React.createElement("button", { type: "submit", className: "btn btn-primary-custom" }, /* @__PURE__ */ React.createElement("i", { className: "bi bi-save me-1" }), " Save Store & Licensing Details")));
}
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(/* @__PURE__ */ React.createElement(App, null));
Reference in New Issue View Git Blame Copy Permalink