@flowselections/floriday-afhandeling-module 1.0.28 → 1.0.30

package/dist-lib/components/afhandeling/ControleLijstPrint.js

@@ -72,27 +72,27 @@ export function ControleLijstPrint({ carts, onClose, lang = "nl", }) {
         const bn = b.cart.cartNumber ?? "\uFFFF";
         return an.localeCompare(bn);
     });
-    const content = (_jsxs("div", { id: "controle-print-root", className: "fixed inset-0 z-[100] bg-white overflow-auto", lang: lang, children: [_jsxs("div", { className: "print:hidden sticky top-0 flex items-center justify-between p-3 border-b bg-white", children: [_jsx("div", { className: "font-semibold", children: t.checklistPrintView }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: () => window.print(), children: [_jsx(Printer, { className: "h-4 w-4 mr-2" }), t.reprint] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: onClose, children: [_jsx(X, { className: "h-4 w-4 mr-2" }), t.close] })] })] }), _jsxs("div", { className: "print-sheet p-8 print:p-0 max-w-[210mm] mx-auto text-black", children: [_jsxs("div", { className: "flex items-baseline justify-between border-b border-black pb-2 mb-4", children: [_jsx("h1", { className: "text-2xl font-bold", children: t.checklistTitle }), _jsx("div", { className: "text-sm", children: today })] }), _jsxs("div", { className: "text-sm mb-3", children: [t.totalCarts, ": ", _jsx("strong", { children: carts.length })] }), _jsxs("table", { className: "w-full text-[11px] border-collapse", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-black", children: [_jsx("th", { className: "text-left py-1 pr-2", children: t.colKarnr }), _jsx("th", { className: "text-right py-1 pr-2", children: t.colFusten }), _jsx("th", { className: "text-left py-1 pr-2", children: t.colLand }), _jsx("th", { className: "text-left py-1 pr-2", children: t.colKlaarzetten }), _jsx("th", { className: "text-left py-1 pr-2", children: t.colStatus })] }) }), _jsxs("tbody", { children: [sortedCarts.map(({ cart: c, klaarzet }) => (_jsxs("tr", { className: "border-b border-gray-300", children: [_jsx("td", { className: "py-2 pr-2 font-mono font-bold whitespace-nowrap", children: c.cartNumber ?? "—" }), _jsx("td", { className: "py-2 pr-2 text-right whitespace-nowrap", children: c.cratesOnCart ?? "—" }), _jsx("td", { className: "py-2 pr-2 whitespace-nowrap font-semibold", children: countryCode(c.country) ?? c.country ?? "—" }), _jsx("td", { className: "py-2 pr-2 whitespace-nowrap font-semibold", children: klaarzet.label }), _jsx("td", { className: "py-2 pr-2 whitespace-nowrap", children: statusLabel(c.status, c.printedCount) })] }, `${c.orderSource}#${c.orderId}#${c.cartIndex}`))), sortedCarts.length === 0 && (_jsx("tr", { children: _jsx("td", { colSpan: 5, className: "py-6 text-center text-gray-500", children: t.noCartsToday }) }))] })] }), _jsxs("div", { className: "mt-6 text-[11px]", children: [_jsxs("div", { children: [t.checkedBy, ": ", _jsx("span", { className: "inline-block border-b border-black w-64" })] }), _jsxs("div", { className: "mt-2", children: [t.dateTime, ": ", _jsx("span", { className: "inline-block border-b border-black w-64" })] }), _jsxs("div", { className: "mt-2", children: [t.signature, ": ", _jsx("span", { className: "inline-block border-b border-black w-64" })] })] })] }), _jsx("style", { children: `
-        @media print {
-          @page { size: A4 portrait; margin: 12mm; }
-          html, body { background: #fff !important; margin: 0 !important; padding: 0 !important; }
-          body > *:not(#controle-print-portal) { display: none !important; }
-          #controle-print-portal, #controle-print-root {
-            position: static !important;
-            overflow: visible !important;
-            height: auto !important;
-            width: auto !important;
-            background: #fff !important;
-          }
-          .print-sheet {
-            max-width: none !important;
-            padding: 0 !important;
-            margin: 0 !important;
-          }
-          table { page-break-inside: auto; }
-          tr { page-break-inside: avoid; page-break-after: auto; }
-          thead { display: table-header-group; }
-        }
+    const content = (_jsxs("div", { id: "controle-print-root", className: "fixed inset-0 z-[100] bg-white overflow-auto", lang: lang, children: [_jsxs("div", { className: "print:hidden sticky top-0 flex items-center justify-between p-3 border-b bg-white", children: [_jsx("div", { className: "font-semibold", children: t.checklistPrintView }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: () => window.print(), children: [_jsx(Printer, { className: "h-4 w-4 mr-2" }), t.reprint] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: onClose, children: [_jsx(X, { className: "h-4 w-4 mr-2" }), t.close] })] })] }), _jsxs("div", { className: "print-sheet p-8 print:p-0 max-w-[210mm] mx-auto text-black", children: [_jsxs("div", { className: "flex items-baseline justify-between border-b border-black pb-2 mb-4", children: [_jsx("h1", { className: "text-2xl font-bold", children: t.checklistTitle }), _jsx("div", { className: "text-sm", children: today })] }), _jsxs("div", { className: "text-sm mb-3", children: [t.totalCarts, ": ", _jsx("strong", { children: carts.length })] }), _jsxs("table", { className: "w-full text-[11px] border-collapse", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-black", children: [_jsx("th", { className: "text-left py-1 pr-2", children: t.colKarnr }), _jsx("th", { className: "text-right py-1 pr-2", children: t.colFusten }), _jsx("th", { className: "text-left py-1 pr-2", children: t.colLand }), _jsx("th", { className: "text-left py-1 pr-2", children: t.colKlaarzetten }), _jsx("th", { className: "text-left py-1 pr-2", children: t.colStatus })] }) }), _jsxs("tbody", { children: [sortedCarts.map(({ cart: c, klaarzet }) => (_jsxs("tr", { className: "border-b border-gray-300", children: [_jsx("td", { className: "py-2 pr-2 font-mono font-bold whitespace-nowrap", children: c.cartNumber ?? "—" }), _jsx("td", { className: "py-2 pr-2 text-right whitespace-nowrap", children: c.cratesOnCart ?? "—" }), _jsx("td", { className: "py-2 pr-2 whitespace-nowrap font-semibold", children: countryCode(c.country) ?? c.country ?? "—" }), _jsx("td", { className: "py-2 pr-2 whitespace-nowrap font-semibold", children: klaarzet.label }), _jsx("td", { className: "py-2 pr-2 whitespace-nowrap", children: statusLabel(c.status, c.printedCount) })] }, `${c.orderSource}#${c.orderId}#${c.cartIndex}`))), sortedCarts.length === 0 && (_jsx("tr", { children: _jsx("td", { colSpan: 5, className: "py-6 text-center text-gray-500", children: t.noCartsToday }) }))] })] }), _jsxs("div", { className: "mt-6 text-[11px]", children: [_jsxs("div", { children: [t.checkedBy, ": ", _jsx("span", { className: "inline-block border-b border-black w-64" })] }), _jsxs("div", { className: "mt-2", children: [t.dateTime, ": ", _jsx("span", { className: "inline-block border-b border-black w-64" })] }), _jsxs("div", { className: "mt-2", children: [t.signature, ": ", _jsx("span", { className: "inline-block border-b border-black w-64" })] })] })] }), _jsx("style", { children: `
+        @media print {
+          @page { size: A4 portrait; margin: 12mm; }
+          html, body { background: #fff !important; margin: 0 !important; padding: 0 !important; }
+          body > *:not(#controle-print-portal) { display: none !important; }
+          #controle-print-portal, #controle-print-root {
+            position: static !important;
+            overflow: visible !important;
+            height: auto !important;
+            width: auto !important;
+            background: #fff !important;
+          }
+          .print-sheet {
+            max-width: none !important;
+            padding: 0 !important;
+            margin: 0 !important;
+          }
+          table { page-break-inside: auto; }
+          tr { page-break-inside: avoid; page-break-after: auto; }
+          thead { display: table-header-group; }
+        }
       ` })] }));
     if (typeof document === "undefined")
         return null;

package/dist-lib/components/pickstation/PakbonTemplate.js

@@ -14,82 +14,82 @@ export function renderPakbonHtml(order, lang = "nl") {
     };
     const rows = order.lines.length
         ? order.lines
-            .map((l) => `
-        <tr>
-          <td>${escapeHtml(l.description)}</td>
-          <td style="text-align:right">${l.crates ?? ""}</td>
-          <td>${escapeHtml(l.unit ?? "")}</td>
+            .map((l) => `
+        <tr>
+          <td>${escapeHtml(l.description)}</td>
+          <td style="text-align:right">${l.crates ?? ""}</td>
+          <td>${escapeHtml(l.unit ?? "")}</td>
         </tr>`)
             .join("")
         : `<tr><td colspan="3" style="text-align:center;color:#666">${escapeHtml(t.noLines)}</td></tr>`;
     const cartLabel = t.cartOf(order.cartIndex, order.cartTotal);
     const fustenLabel = order.cratesOnCart != null ? `${order.cratesOnCart}` : "—";
     const cartNumber = order.cartNumber ?? `${order.orderNumber}-${order.cartIndex}`;
-    return `<!doctype html>
-<html lang="${escapeHtml(htmlLang)}">
-<head>
-  <meta charset="utf-8">
-  <title>${escapeHtml(t.packingSlip)} ${escapeHtml(order.orderNumber)} · ${escapeHtml(cartNumber)}</title>
-  <style>
-    @page {
-      size: A4;
-      margin: 16mm;
-      @top-center { content: element(cartno); }
-    }
-    body { font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; color:#111; }
-    h1 { margin: 0 0 4px; font-size: 26px; }
-    .sub { color:#444; margin-bottom: 8px; }
-
-    .cart-number-hero {
-      position: running(cartno);
-      font-size: 88px;
-      font-weight: 900;
-      letter-spacing: 4px;
-      line-height: 1;
-      color: #000;
-      background: #fff;
-      border: 4px solid #000;
-      padding: 12px 20px;
-      display: inline-block;
-      margin: 6px 0 20px;
-      font-family: "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif;
-    }
-
-    .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; margin: 8px 0 22px; }
-    .grid div { font-size: 14px; }
-    .label { color:#666; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
-    .value { font-size: 16px; font-weight: 600; }
-    table { width:100%; border-collapse: collapse; font-size: 14px; }
-    th, td { padding: 8px 6px; border-bottom: 1px solid #ddd; vertical-align: top; }
-    th { text-align: left; background:#f5f5f5; }
-    .barcode-fallback { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 18px; letter-spacing: 4px; padding: 8px 12px; border: 2px solid #111; display: inline-block; margin-top: 18px; }
-    .footer { margin-top: 28px; font-size: 11px; color:#666; }
-  </style>
-</head>
-<body>
-  <h1>${escapeHtml(t.packingSlip)}</h1>
-  <div class="sub">${escapeHtml(t.order)} ${escapeHtml(order.orderNumber)} · ${escapeHtml(cartLabel)}</div>
-
-  <div class="cart-number-hero">${escapeHtml(cartNumber)}</div>
-
-  <div class="grid">
-    <div><div class="label">${escapeHtml(t.customer)}</div><div class="value">${escapeHtml(order.customerName)}</div></div>
-    <div><div class="label">${escapeHtml(t.country)}</div><div class="value">${escapeHtml(order.country ?? "—")}</div></div>
-    <div><div class="label">${escapeHtml(t.deliveryDate)}</div><div class="value">${fmt(order.deliveryDate)}</div></div>
-    <div><div class="label">${escapeHtml(t.pickDate)}</div><div class="value">${fmt(order.pickDate)}</div></div>
-    <div><div class="label">${escapeHtml(t.cart)}</div><div class="value">${escapeHtml(cartLabel)}</div></div>
-    <div><div class="label">${escapeHtml(t.cratesOnThisCart)}</div><div class="value">${escapeHtml(fustenLabel)}</div></div>
-  </div>
-
-  <table>
-    <thead><tr><th>${escapeHtml(t.description)}</th><th style="text-align:right;width:90px">${escapeHtml(t.crates)}</th><th style="width:90px">${escapeHtml(t.unit)}</th></tr></thead>
-    <tbody>${rows}</tbody>
-  </table>
-
-  <div class="barcode-fallback">*${escapeHtml(order.orderNumber)}*</div>
-
-  <div class="footer">${escapeHtml(t.printedVia)} · ${new Date().toLocaleString(locale)}</div>
-</body>
+    return `<!doctype html>
+<html lang="${escapeHtml(htmlLang)}">
+<head>
+  <meta charset="utf-8">
+  <title>${escapeHtml(t.packingSlip)} ${escapeHtml(order.orderNumber)} · ${escapeHtml(cartNumber)}</title>
+  <style>
+    @page {
+      size: A4;
+      margin: 16mm;
+      @top-center { content: element(cartno); }
+    }
+    body { font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; color:#111; }
+    h1 { margin: 0 0 4px; font-size: 26px; }
+    .sub { color:#444; margin-bottom: 8px; }
+
+    .cart-number-hero {
+      position: running(cartno);
+      font-size: 88px;
+      font-weight: 900;
+      letter-spacing: 4px;
+      line-height: 1;
+      color: #000;
+      background: #fff;
+      border: 4px solid #000;
+      padding: 12px 20px;
+      display: inline-block;
+      margin: 6px 0 20px;
+      font-family: "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif;
+    }
+
+    .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; margin: 8px 0 22px; }
+    .grid div { font-size: 14px; }
+    .label { color:#666; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
+    .value { font-size: 16px; font-weight: 600; }
+    table { width:100%; border-collapse: collapse; font-size: 14px; }
+    th, td { padding: 8px 6px; border-bottom: 1px solid #ddd; vertical-align: top; }
+    th { text-align: left; background:#f5f5f5; }
+    .barcode-fallback { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 18px; letter-spacing: 4px; padding: 8px 12px; border: 2px solid #111; display: inline-block; margin-top: 18px; }
+    .footer { margin-top: 28px; font-size: 11px; color:#666; }
+  </style>
+</head>
+<body>
+  <h1>${escapeHtml(t.packingSlip)}</h1>
+  <div class="sub">${escapeHtml(t.order)} ${escapeHtml(order.orderNumber)} · ${escapeHtml(cartLabel)}</div>
+
+  <div class="cart-number-hero">${escapeHtml(cartNumber)}</div>
+
+  <div class="grid">
+    <div><div class="label">${escapeHtml(t.customer)}</div><div class="value">${escapeHtml(order.customerName)}</div></div>
+    <div><div class="label">${escapeHtml(t.country)}</div><div class="value">${escapeHtml(order.country ?? "—")}</div></div>
+    <div><div class="label">${escapeHtml(t.deliveryDate)}</div><div class="value">${fmt(order.deliveryDate)}</div></div>
+    <div><div class="label">${escapeHtml(t.pickDate)}</div><div class="value">${fmt(order.pickDate)}</div></div>
+    <div><div class="label">${escapeHtml(t.cart)}</div><div class="value">${escapeHtml(cartLabel)}</div></div>
+    <div><div class="label">${escapeHtml(t.cratesOnThisCart)}</div><div class="value">${escapeHtml(fustenLabel)}</div></div>
+  </div>
+
+  <table>
+    <thead><tr><th>${escapeHtml(t.description)}</th><th style="text-align:right;width:90px">${escapeHtml(t.crates)}</th><th style="width:90px">${escapeHtml(t.unit)}</th></tr></thead>
+    <tbody>${rows}</tbody>
+  </table>
+
+  <div class="barcode-fallback">*${escapeHtml(order.orderNumber)}*</div>
+
+  <div class="footer">${escapeHtml(t.printedVia)} · ${new Date().toLocaleString(locale)}</div>
+</body>
 </html>`;
 }
 function escapeHtml(s) {