@jingx/lottery-components-react-jsx 1.0.43 → 1.0.44

package/dist/index.cjs.js

@@ -3499,11 +3499,11 @@ var regexp_prototype_flags = flagsBound;
 
 var callBound = callBound$3;
 
-var getDay = callBound('Date.prototype.getDay');
+var getDay$1 = callBound('Date.prototype.getDay');
 /** @type {import('.')} */
 var tryDateObject = function tryDateGetDayCall(value) {
 	try {
-		getDay(value);
+		getDay$1(value);
 		return true;
 	} catch (e) {
 		return false;
@@ -30849,25 +30849,25 @@ const clickRemarkBtn = (id) => {
   }
 };
 
-var __defProp$c = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
-var __hasOwnProp$e = Object.prototype.hasOwnProperty;
-var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$c = (a, b) => {
+var __defProp$l = Object.defineProperty;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
+var __hasOwnProp$n = Object.prototype.hasOwnProperty;
+var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$l = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$e.call(b, prop))
-      __defNormalProp$c(a, prop, b[prop]);
-  if (__getOwnPropSymbols$e)
-    for (var prop of __getOwnPropSymbols$e(b)) {
-      if (__propIsEnum$e.call(b, prop))
-        __defNormalProp$c(a, prop, b[prop]);
+    if (__hasOwnProp$n.call(b, prop))
+      __defNormalProp$l(a, prop, b[prop]);
+  if (__getOwnPropSymbols$n)
+    for (var prop of __getOwnPropSymbols$n(b)) {
+      if (__propIsEnum$n.call(b, prop))
+        __defNormalProp$l(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
 const KPPostCode = {
   A: "\u179B\u17E1",
   F: "\u179B\u17E2",
@@ -30926,7 +30926,32 @@ const lotteryLabel = {
   HOSO: "\u1786\u17D2\u1793\u17C4\u178F HOSO",
   KP: "\u1780\u17C6\u1796\u178F KP"
 };
-const lotteryLabelVN = __spreadProps$3(__spreadValues$c({}, lotteryLabel), {
+const lotteryLabelKH = {
+  LEAP: "\u179B\u17B6\u1797",
+  VN2: "\u1798\u17A0\u17B6\u1791\u17C1\u1796",
+  VN1: "\u1798\u17A0\u17B6\u1788\u17D2\u1793\u17C7",
+  TN: "\u1791\u17B7\u1789\u1788\u17D2\u1793\u17C7",
+  SC: "\u179F\u1794\u17D2\u1794\u17B6\u1799\u1788\u17D2\u1793\u17C7",
+  KH: "\u1781\u17D2\u1798\u17C2\u179A",
+  TH: "\u1790\u17C3",
+  KP: "\u1780\u17C6\u1796\u178F"
+};
+const widthLength = (value) => {
+  var _a;
+  if (!value) return "100px";
+  if (value.toString().length < 7) return "100px";
+  return `${((_a = value == null ? void 0 : value.toString()) == null ? void 0 : _a.length) + 8}ch`;
+};
+const getMemberName = (username) => {
+  if (username) return username == null ? void 0 : username.slice(-4);
+  return "N/A";
+};
+const formatUsd = (value) => {
+  if (value.toString().indexOf(".") !== -1) return value.toFixed(2);
+  return value;
+};
+const lotteryReportLabel = (type) => `\u1786\u17D2\u1793\u17C4\u178F${lotteryLabelKH[type]} (${lotteryLabel[type]})`;
+const lotteryLabelVN = __spreadProps$b(__spreadValues$l({}, lotteryLabel), {
   VN1: "\u1786\u17D2\u1793\u17C4\u178F\u1799\u17BD\u1793",
   TN: "\u1786\u17D2\u1793\u17C4\u178F\u1799\u17BD\u1793",
   KH: "\u1786\u17D2\u1793\u17C4\u178F\u1781\u17D2\u1798\u17C2\u179A"
@@ -31450,30 +31475,30 @@ const TicketPrintBody = (props) => {
   });
 };
 
-var __defProp$b = Object.defineProperty;
-var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$b = (a, b) => {
+var __defProp$k = Object.defineProperty;
+var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
+var __hasOwnProp$m = Object.prototype.hasOwnProperty;
+var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$k = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$d.call(b, prop))
-      __defNormalProp$b(a, prop, b[prop]);
-  if (__getOwnPropSymbols$d)
-    for (var prop of __getOwnPropSymbols$d(b)) {
-      if (__propIsEnum$d.call(b, prop))
-        __defNormalProp$b(a, prop, b[prop]);
+    if (__hasOwnProp$m.call(b, prop))
+      __defNormalProp$k(a, prop, b[prop]);
+  if (__getOwnPropSymbols$m)
+    for (var prop of __getOwnPropSymbols$m(b)) {
+      if (__propIsEnum$m.call(b, prop))
+        __defNormalProp$k(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$7 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$m.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$d)
-    for (var prop of __getOwnPropSymbols$d(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$d.call(source, prop))
+  if (source != null && __getOwnPropSymbols$m)
+    for (var prop of __getOwnPropSymbols$m(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$m.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -31497,7 +31522,7 @@ const PrintTicket58 = (props) => {
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
             TicketPrintBody,
-            __spreadValues$b({
+            __spreadValues$k({
               is58: true,
               item,
               bodyClass,
@@ -37213,10 +37238,15 @@ const getTimeFull_AM_PM = (date) => {
 const getDateHourKey = (date) => {
   return moment(date).format("DD-MM-YYYY hh:mm");
 };
+const getDate = (date) => {
+  return moment(date).format("DD-MM-YYYY");
+};
 const getTime = (date) => {
   return moment(date).format("hh:mm A");
 };
 const getHH = (date) => Number(moment(date).format("h"));
+const getDateF = (date) => moment(date).format("DD/MM/YYYY");
+const getDay = (date) => moment(date).format("dddd");
 
 const RenderTitle = ({ lotteryType, className = "", logo, isVN, drawAt }) => {
   let title = lotteryLabel[lotteryType];
@@ -37552,17 +37582,17 @@ var lib = {exports: {}};
 
 var libExports = lib.exports;
 
-var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
-var __hasOwnProp$c = Object.prototype.hasOwnProperty;
-var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
+var __hasOwnProp$l = Object.prototype.hasOwnProperty;
+var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
 var __objRest$6 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$l.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$c)
-    for (var prop of __getOwnPropSymbols$c(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$c.call(source, prop))
+  if (source != null && __getOwnPropSymbols$l)
+    for (var prop of __getOwnPropSymbols$l(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$l.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -37606,33 +37636,33 @@ const BasePrinter = (_a) => {
   ] });
 };
 
-var __defProp$a = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
-var __hasOwnProp$b = Object.prototype.hasOwnProperty;
-var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$a = (a, b) => {
+var __defProp$j = Object.defineProperty;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
+var __hasOwnProp$k = Object.prototype.hasOwnProperty;
+var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$j = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$b.call(b, prop))
-      __defNormalProp$a(a, prop, b[prop]);
-  if (__getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(b)) {
-      if (__propIsEnum$b.call(b, prop))
-        __defNormalProp$a(a, prop, b[prop]);
+    if (__hasOwnProp$k.call(b, prop))
+      __defNormalProp$j(a, prop, b[prop]);
+  if (__getOwnPropSymbols$k)
+    for (var prop of __getOwnPropSymbols$k(b)) {
+      if (__propIsEnum$k.call(b, prop))
+        __defNormalProp$j(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
 var __objRest$5 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$k.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
+  if (source != null && __getOwnPropSymbols$k)
+    for (var prop of __getOwnPropSymbols$k(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$k.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -37641,8 +37671,8 @@ const Printer = (_a) => {
   var _b = _a, { children } = _b, props = __objRest$5(_b, ["children"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     BasePrinter,
-    __spreadProps$2(__spreadValues$a({
-      component: /* @__PURE__ */ jsxRuntime.jsx(Ticket, __spreadValues$a({}, props))
+    __spreadProps$a(__spreadValues$j({
+      component: /* @__PURE__ */ jsxRuntime.jsx(Ticket, __spreadValues$j({}, props))
     }, props), {
       children: children != null ? children : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "btn btn-primary", children: /* @__PURE__ */ jsxRuntime.jsxs(
         "svg",
@@ -45511,12 +45541,12 @@ var html2canvas$1 = {exports: {}};
 var html2canvasExports = html2canvas$1.exports;
 var html2canvas = /*@__PURE__*/getDefaultExportFromCjs(html2canvasExports);
 
-const getCanvasScale = () => {
+const getCanvasScale$1 = () => {
   const deviceScale = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
   return Math.max(deviceScale, 5);
 };
 const getCanvasOptions = (node, useCORS = true) => ({
-  scale: getCanvasScale(),
+  scale: getCanvasScale$1(),
   useCORS,
   backgroundColor: "#ffffff",
   logging: false,
@@ -45531,7 +45561,7 @@ const exportToImage = async (reportRef, actionButtonsRef, lotteryType, ticketNum
   const originalVisibility = actionButtonsRef.current.style.visibility;
   try {
     actionButtonsRef.current.style.visibility = "hidden";
-    await waitForFontsAndImages(reportRef.current);
+    await waitForFontsAndImages$1(reportRef.current);
     const canvas = await html2canvas(
       reportRef.current,
       getCanvasOptions(reportRef.current, true)
@@ -45555,9 +45585,9 @@ const copyImageToClipboard = async (reportRef, actionButtonsRef, lotteryType, ti
   const originalVisibility = btn == null ? void 0 : btn.style.visibility;
   try {
     if (btn) btn.style.visibility = "hidden";
-    await waitForFontsAndImages(node);
+    await waitForFontsAndImages$1(node);
     const canvas = await html2canvas(node, getCanvasOptions(node));
-    const blob = await canvasToBlob(canvas);
+    const blob = await canvasToBlob$1(canvas);
     if (!blob) throw new Error("Clipboard blob unavailable");
     if (!((_a = navigator.clipboard) == null ? void 0 : _a.write)) {
       throw new Error("Clipboard API unavailable");
@@ -45570,7 +45600,7 @@ const copyImageToClipboard = async (reportRef, actionButtonsRef, lotteryType, ti
     if (btn) btn.style.visibility = originalVisibility;
   }
 };
-const waitForFontsAndImages = async (root) => {
+const waitForFontsAndImages$1 = async (root) => {
   var _a, _b;
   const fontsReady = (_b = (_a = document.fonts) == null ? void 0 : _a.ready) != null ? _b : Promise.resolve();
   const imgs = Array.from(root.querySelectorAll("img"));
@@ -45585,7 +45615,7 @@ const waitForFontsAndImages = async (root) => {
   await Promise.all([fontsReady, ...imgReady]);
   await new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(r)));
 };
-const canvasToBlob = (canvas) => new Promise((resolve) => {
+const canvasToBlob$1 = (canvas) => new Promise((resolve) => {
   if (canvas.toBlob) {
     canvas.toBlob((b) => resolve(b), "image/png", 1);
   } else {
@@ -45601,9 +45631,9 @@ const exportToImageShare = async (reportRef, actionButtonsRef, lotteryType, tick
   const originalVisibility = btn == null ? void 0 : btn.style.visibility;
   try {
     if (btn) btn.style.visibility = "hidden";
-    await waitForFontsAndImages(node);
+    await waitForFontsAndImages$1(node);
     const canvas = await html2canvas(node, getCanvasOptions(node));
-    const blob = await canvasToBlob(canvas);
+    const blob = await canvasToBlob$1(canvas);
     if (!blob) return;
     const fileName = `${lotteryType}-#${ticketNumber}.png`;
     const file = new File([blob], fileName, { type: "image/png" });
@@ -45631,19 +45661,19 @@ const exportToImageShare = async (reportRef, actionButtonsRef, lotteryType, tick
   }
 };
 
-var __defProp$9 = Object.defineProperty;
-var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$9 = (a, b) => {
+var __defProp$i = Object.defineProperty;
+var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
+var __hasOwnProp$j = Object.prototype.hasOwnProperty;
+var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$i = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$a.call(b, prop))
-      __defNormalProp$9(a, prop, b[prop]);
-  if (__getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(b)) {
-      if (__propIsEnum$a.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
+    if (__hasOwnProp$j.call(b, prop))
+      __defNormalProp$i(a, prop, b[prop]);
+  if (__getOwnPropSymbols$j)
+    for (var prop of __getOwnPropSymbols$j(b)) {
+      if (__propIsEnum$j.call(b, prop))
+        __defNormalProp$i(a, prop, b[prop]);
     }
   return a;
 };
@@ -45668,7 +45698,7 @@ const TicketModalWrapper = (props) => {
     await onAfterPrint();
   };
   return /* @__PURE__ */ jsxRuntime.jsx("table", { ref: reportRef, className: "mb-3", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: contentRef, className: "px-3 pt-3 bg-white", children: /* @__PURE__ */ jsxRuntime.jsx(Ticket, __spreadValues$9({ plusCount: 1 }, props)) }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: contentRef, className: "px-3 pt-3 bg-white", children: /* @__PURE__ */ jsxRuntime.jsx(Ticket, __spreadValues$i({ plusCount: 1 }, props)) }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 3, className: "text-center border-bottom-0", children: /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -45735,30 +45765,30 @@ const TicketModalWrapper = (props) => {
   ] }) });
 };
 
-var __defProp$8 = Object.defineProperty;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
+var __defProp$h = Object.defineProperty;
+var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
+var __hasOwnProp$i = Object.prototype.hasOwnProperty;
+var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$h = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$9.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(b)) {
-      if (__propIsEnum$9.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
+    if (__hasOwnProp$i.call(b, prop))
+      __defNormalProp$h(a, prop, b[prop]);
+  if (__getOwnPropSymbols$i)
+    for (var prop of __getOwnPropSymbols$i(b)) {
+      if (__propIsEnum$i.call(b, prop))
+        __defNormalProp$h(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$i.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
+  if (source != null && __getOwnPropSymbols$i)
+    for (var prop of __getOwnPropSymbols$i(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$i.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -45776,7 +45806,7 @@ function TicketModal(_a) {
       modalClassName: "modal scroll-modal",
       contentClassName: "",
       style: { width: 380 },
-      children: /* @__PURE__ */ jsxRuntime.jsx(ModalBody, { className: "d-inline-flex justify-content-center p-0", children: /* @__PURE__ */ jsxRuntime.jsx(TicketModalWrapper, __spreadValues$8({ object }, props)) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(ModalBody, { className: "d-inline-flex justify-content-center p-0", children: /* @__PURE__ */ jsxRuntime.jsx(TicketModalWrapper, __spreadValues$h({ object }, props)) })
     }
   ) });
 }
@@ -45902,26 +45932,26 @@ const PostTable = React.memo(({ data = [], fallbackTwo = "", fallbackThree = "",
   return /* @__PURE__ */ jsxRuntime.jsx(ResultTable, { data, columns, cellRenderer: renderCell });
 });
 
-var __defProp$7 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
+var __defProp$g = Object.defineProperty;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
+var __hasOwnProp$h = Object.prototype.hasOwnProperty;
+var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$g = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
+    if (__hasOwnProp$h.call(b, prop))
+      __defNormalProp$g(a, prop, b[prop]);
+  if (__getOwnPropSymbols$h)
+    for (var prop of __getOwnPropSymbols$h(b)) {
+      if (__propIsEnum$h.call(b, prop))
+        __defNormalProp$g(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-const loCellStyle = __spreadProps$1(__spreadValues$7({}, baseCellStyle), {
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+const loCellStyle = __spreadProps$9(__spreadValues$g({}, baseCellStyle), {
   width: "200px"
 });
 const LoTable = React.memo(({ LO = [], columnsCount = 3, showHeader = false }) => {
@@ -45933,7 +45963,7 @@ const LoTable = React.memo(({ LO = [], columnsCount = 3, showHeader = false }) =
         "th",
         {
           className: "text-black text-center bg-light-red",
-          style: __spreadProps$1(__spreadValues$7({}, loCellStyle), { fontSize: "16px" }),
+          style: __spreadProps$9(__spreadValues$g({}, loCellStyle), { fontSize: "16px" }),
           children: KPLO[col.columnNumber]
         },
         idx
@@ -57780,30 +57810,30 @@ const PayoutApi = "api/v1.0.0/order/payout";
 const TransferUserOptionApi = "api/v1.0.0/user-connect/option";
 const TransferNumberApi = "api/v1.0.0/transfer-number";
 
-var __defProp$6 = Object.defineProperty;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
+var __defProp$f = Object.defineProperty;
+var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
+var __hasOwnProp$g = Object.prototype.hasOwnProperty;
+var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$f = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
+    if (__hasOwnProp$g.call(b, prop))
+      __defNormalProp$f(a, prop, b[prop]);
+  if (__getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(b)) {
+      if (__propIsEnum$g.call(b, prop))
+        __defNormalProp$f(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$3 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
+  if (source != null && __getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -57840,7 +57870,7 @@ function DeleteModal(_a) {
   const [isLoading, setIsLoading] = React.useState(false);
   const [isSubmitting, setIsSubmitting] = React.useState(false);
   const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
-  const headers = __spreadValues$6({
+  const headers = __spreadValues$f({
     "Content-Type": "application/json",
     "Accept": "application/json",
     "X-DeviceType": "WEB"
@@ -57998,19 +58028,19 @@ DeleteModal.propTypes = {
   accessToken: PropTypes$2.string.isRequired
 };
 
-var __defProp$5 = Object.defineProperty;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
+var __defProp$e = Object.defineProperty;
+var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
+var __hasOwnProp$f = Object.prototype.hasOwnProperty;
+var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$e = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
+    if (__hasOwnProp$f.call(b, prop))
+      __defNormalProp$e(a, prop, b[prop]);
+  if (__getOwnPropSymbols$f)
+    for (var prop of __getOwnPropSymbols$f(b)) {
+      if (__propIsEnum$f.call(b, prop))
+        __defNormalProp$e(a, prop, b[prop]);
     }
   return a;
 };
@@ -58045,7 +58075,7 @@ function DeleteTicketButton(props) {
         type: "button",
         onClick: handleOpen,
         className: `border-0 p-2 rounded mb-1 ${className}`.trim(),
-        style: __spreadValues$5({
+        style: __spreadValues$e({
           backgroundColor: "#dc3545",
           boxShadow: "none"
         }, style),
@@ -58092,19 +58122,19 @@ DeleteTicketButton.propTypes = {
   style: PropTypes$2.object
 };
 
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
+var __defProp$d = Object.defineProperty;
+var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$d = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
+    if (__hasOwnProp$e.call(b, prop))
+      __defNormalProp$d(a, prop, b[prop]);
+  if (__getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(b)) {
+      if (__propIsEnum$e.call(b, prop))
+        __defNormalProp$d(a, prop, b[prop]);
     }
   return a;
 };
@@ -58132,7 +58162,7 @@ const ProtestModal = ({
   const [isSubmitting, setIsSubmitting] = React.useState(false);
   const activeLotteryType = lotteryType || (ticket == null ? void 0 : ticket.lotteryType);
   const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
-  const headers = __spreadValues$4({
+  const headers = __spreadValues$d({
     "Content-Type": "application/json",
     "Accept": "application/json",
     "X-DeviceType": "WEB"
@@ -58392,19 +58422,19 @@ ProtestButton.propTypes = {
   accessToken: PropTypes$2.string.isRequired
 };
 
-var __defProp$3 = Object.defineProperty;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
+var __defProp$c = Object.defineProperty;
+var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$c = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
+    if (__hasOwnProp$d.call(b, prop))
+      __defNormalProp$c(a, prop, b[prop]);
+  if (__getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(b)) {
+      if (__propIsEnum$d.call(b, prop))
+        __defNormalProp$c(a, prop, b[prop]);
     }
   return a;
 };
@@ -58430,7 +58460,7 @@ const TransferDeleteModal = ({
   const ticketNumber = ticket == null ? void 0 : ticket.ticketNumber;
   const apiBaseUrl = Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$3;
   const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
-  const headers = React.useMemo(() => __spreadValues$3({
+  const headers = React.useMemo(() => __spreadValues$c({
     "Content-Type": "application/json",
     "Accept": "application/json",
     "X-DeviceType": "WEB"
@@ -58594,19 +58624,19 @@ TransferDeleteModal.propTypes = {
   onError: PropTypes$2.func
 };
 
-var __defProp$2 = Object.defineProperty;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
+var __defProp$b = Object.defineProperty;
+var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
+var __hasOwnProp$c = Object.prototype.hasOwnProperty;
+var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$b = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
+    if (__hasOwnProp$c.call(b, prop))
+      __defNormalProp$b(a, prop, b[prop]);
+  if (__getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(b)) {
+      if (__propIsEnum$c.call(b, prop))
+        __defNormalProp$b(a, prop, b[prop]);
     }
   return a;
 };
@@ -58648,7 +58678,7 @@ const TransferModal = ({
   const ticketNumber = ticket == null ? void 0 : ticket.ticketNumber;
   const canDeleteTransfer = (ticket == null ? void 0 : ticket.isHasSend) === true;
   const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
-  const headers = React.useMemo(() => __spreadValues$2({
+  const headers = React.useMemo(() => __spreadValues$b({
     "Content-Type": "application/json",
     "Accept": "application/json",
     "X-DeviceType": "WEB"
@@ -58867,30 +58897,30 @@ TransferModal.propTypes = {
   isSubmitting: PropTypes$2.bool
 };
 
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+var __defProp$a = Object.defineProperty;
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$a = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$a(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$a(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
+  if (source != null && __getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -58926,7 +58956,7 @@ function RemarkModal(_a) {
     setRemark((_a2 = ticket == null ? void 0 : ticket.remark) != null ? _a2 : "");
   }, [ticket]);
   const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
-  const headers = __spreadValues$1({
+  const headers = __spreadValues$a({
     "Content-Type": "application/json",
     "Accept": "application/json",
     "X-DeviceType": "WEB"
@@ -59034,17 +59064,17 @@ RemarkModal.propTypes = {
   accessToken: PropTypes$2.string.isRequired
 };
 
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
 var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+  if (source != null && __getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -59085,33 +59115,33 @@ function RemarkModalShowOnly(_a) {
   ) });
 }
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+var __defProp$9 = Object.defineProperty;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+  if (source != null && __getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -59175,7 +59205,7 @@ function MoreMenu(_a) {
     setIsPayout(Boolean(ticket == null ? void 0 : ticket.isPayout));
   }, [ticket]);
   const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
-  const headers = __spreadValues({
+  const headers = __spreadValues$9({
     "Content-Type": "application/json",
     "Accept": "application/json",
     "X-DeviceType": "WEB"
@@ -59281,23 +59311,23 @@ function MoreMenu(_a) {
         children: resolvedButton || defaultToggleContent
       };
     }
-    const customProps = __spreadValues({}, resolvedButton.props);
+    const customProps = __spreadValues$9({}, resolvedButton.props);
     const customChildren = customProps.children;
     delete customProps.children;
     if (resolvedButton.type !== DropdownToggle) {
       customProps.tag = customProps.tag || resolvedButton.type;
     }
     return {
-      props: __spreadValues(__spreadValues({}, toggleProps), customProps),
+      props: __spreadValues$9(__spreadValues$9({}, toggleProps), customProps),
       children: customChildren || defaultToggleContent
     };
   };
   const renderDropdownToggle = () => {
     const resolvedToggle = resolveDropdownButton();
-    return /* @__PURE__ */ jsxRuntime.jsx(DropdownToggle, __spreadProps(__spreadValues({}, resolvedToggle.props), { children: resolvedToggle.children }));
+    return /* @__PURE__ */ jsxRuntime.jsx(DropdownToggle, __spreadProps$8(__spreadValues$9({}, resolvedToggle.props), { children: resolvedToggle.children }));
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ScopeHost, { children: (container) => container && /* @__PURE__ */ jsxRuntime.jsxs(UncontrolledDropdown, __spreadProps(__spreadValues({ className: "drp-user font-Hanuman" }, props), { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ScopeHost, { children: (container) => container && /* @__PURE__ */ jsxRuntime.jsxs(UncontrolledDropdown, __spreadProps$8(__spreadValues$9({ className: "drp-user font-Hanuman" }, props), { children: [
       renderDropdownToggle(),
       /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { className: "profile-notification pt-0", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(DropdownItem, { header: true, className: "drop-header", children: [
@@ -59421,11 +59451,2074 @@ MoreMenu.propTypes = {
   ])
 };
 
+var __defProp$8 = Object.defineProperty;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$8 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$8.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+const RenderThWidth = ({ value, currency, id, colSpan = 1, className = "" }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "th",
+  {
+    colSpan,
+    style: {
+      minWidth: widthLength(value),
+      border: "1px solid black"
+    },
+    className: `text-center ${value < 0 ? "text-danger" : ""} ${id ? "text-dark" : ""} ` + className,
+    children: id ? value : moneyFormatter(value, currency)
+  }
+);
+const TH = ({ children, colSpan = 1, className, border = true }) => /* @__PURE__ */ jsxRuntime.jsx("th", { style: {
+  border: !border ? "0" : "1px solid black"
+}, colSpan, className: "text-center " + className, children });
+const THF = ({ children, colSpan = 1, className, style }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "th",
+  {
+    colSpan,
+    style,
+    className: "text-center b-0 " + className,
+    children
+  }
+);
+const THB = ({ children, colSpan = 1, className, style }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "th",
+  {
+    colSpan,
+    style: __spreadProps$7(__spreadValues$8({}, style), {
+      border: "1px solid lightgray"
+    }),
+    className: "text-center " + className,
+    children
+  }
+);
+const RenderThWidthB = ({ value, currency, id, colSpan = 1, className = "", style }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "th",
+  {
+    colSpan,
+    style: __spreadProps$7(__spreadValues$8({}, style), {
+      border: "1px solid lightgray",
+      width: widthLength(value)
+    }),
+    className: `text-center ${value < 0 ? "text-danger" : ""} ` + className,
+    children: id ? value : moneyFormatter(value, currency)
+  }
+);
+const RenderThWidthF = ({ value, currency, id, colSpan = 1, className = "", style }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "th",
+  {
+    colSpan,
+    style: __spreadProps$7(__spreadValues$8({}, style), {
+      width: widthLength(value)
+    }),
+    className: `text-center b-0 ${value < 0 ? "text-danger" : ""} ` + className,
+    children: id ? value : moneyFormatter(value, currency)
+  }
+);
+
+let MainTableRow$2 = class MainTableRow extends React.Component {
+  render() {
+    const {
+      object: {
+        drawAt,
+        bet1DUsd = 0,
+        bet2DUsd = 0,
+        bet3DUsd = 0,
+        bet4DUsd = 0,
+        bet1DKhr = 0,
+        bet2DKhr = 0,
+        bet3DKhr = 0,
+        bet4DKhr = 0,
+        win1DKhr = 0,
+        win1DUsd = 0,
+        win2DKhr = 0,
+        win2DUsd = 0,
+        win3DKhr = 0,
+        win3DUsd = 0,
+        win4DKhr = 0,
+        win4DUsd = 0
+      },
+      id,
+      total,
+      isMix,
+      isShow,
+      mergeKhr,
+      mergeUsd,
+      isShowUsd,
+      item: {
+        isShow1DKhr,
+        isShow4DKhr,
+        isShow1DUsd,
+        isShow4DUsd
+      }
+    } = this.props;
+    return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        TH,
+        {
+          colSpan: 2,
+          className: `text-center t-blue-vio ${!total ? "t-left" : ""}`,
+          children: total ? total : getTime(drawAt)
+        }
+      ),
+      isShow(isShow1DKhr) && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet1DKhr, currency: "KHR" }),
+      !isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet2DKhr, currency: "KHR" }),
+      !isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet3DKhr, currency: "KHR" }),
+      isShow(isShow4DKhr) && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet4DKhr, currency: "KHR" }),
+      isShow(isShow1DUsd) && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet1DUsd, currency: "USD" }),
+      !isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet2DUsd, currency: "USD" }),
+      !isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet3DUsd, currency: "USD" }),
+      isShow(isShow4DUsd) && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet4DUsd, currency: "USD" }),
+      isMix && /* @__PURE__ */ jsxRuntime.jsx(
+        RenderThWidth,
+        {
+          colSpan: mergeKhr,
+          id,
+          value: bet1DKhr + bet2DKhr + bet3DKhr + bet4DKhr,
+          currency: "KHR"
+        }
+      ),
+      isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(
+        RenderThWidth,
+        {
+          className: "green-l-h",
+          colSpan: mergeUsd,
+          id,
+          value: formatUsd(bet1DUsd + bet2DUsd + bet3DUsd + bet4DUsd),
+          currency: "USD"
+        }
+      ),
+      isShow1DKhr && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win1DKhr, currency: "KHR" }),
+      /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win2DKhr, currency: "KHR" }),
+      /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win3DKhr, currency: "KHR" }),
+      isShow4DKhr && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win4DKhr, currency: "KHR" }),
+      isShow1DUsd && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win1DUsd, currency: "USD" }),
+      isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win2DUsd, currency: "USD" }),
+      isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win3DUsd, currency: "USD" }),
+      isShow4DUsd && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win4DUsd, currency: "USD" })
+    ] });
+  }
+};
+
+const MIX_DAILY_LABELS = {
+  "labels:mix_daily_report.bet": "\u179B\u17BB\u1799\u179B\u1780\u17CB",
+  "labels:mix_daily_report.reward": "\u179B\u17BB\u1799\u1788\u17D2\u1793\u17C7",
+  "labels:mix_daily_report.shift": "\u1798\u17C9\u17C4\u1784",
+  "labels:mix_daily_report.one_d": "1D",
+  "labels:mix_daily_report.two_d": "2D",
+  "labels:mix_daily_report.three_d": "3D",
+  "labels:mix_daily_report.four_d": "4D",
+  "labels:mix_daily_report.five_d": "5D"
+};
+const getMixDailyTranslator = (t) => (key) => {
+  if (typeof t === "function") return t(key);
+  return MIX_DAILY_LABELS[key] || key;
+};
+const getOptionalDigitLength = (...flags) => flags.filter(Boolean).length;
+const getReportClassName = (filter) => (filter == null ? void 0 : filter.lotteryType) === "ALL" ? "page-break" : "";
+const renderReportTitleRows = ({
+  preTitle,
+  lotteryType,
+  nickname,
+  username,
+  date,
+  titleColSpan,
+  usernameColSpan,
+  dateColSpan,
+  dayColSpan,
+  isSend
+}) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: ` ${isSend ? "bg-red-l2" : "yell-l-h"} text-center`, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(TH, { colSpan: 2, children: nickname }),
+  /* @__PURE__ */ jsxRuntime.jsx(TH, { colSpan: usernameColSpan, className: "font-weight-bold", children: getMemberName(username) }),
+  /* @__PURE__ */ jsxRuntime.jsx(TH, { colSpan: dateColSpan, className: "font-weight-bold", children: getDateF(date) }),
+  /* @__PURE__ */ jsxRuntime.jsx(TH, { colSpan: dayColSpan, children: getDay(date) })
+] }) });
+const renderReportSectionHeaderRow = ({ lotteryType, sections }) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "blue-h", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(TH, { colSpan: 2, children: lotteryReportLabel(lotteryType) }),
+  sections.map((section) => section.isVisible !== false && /* @__PURE__ */ jsxRuntime.jsx(TH, { colSpan: section.colSpan, children: section.label }, section.key))
+] });
+const renderReportColumnHeaderRow = (columns) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: columns.map((column) => column.isVisible !== false && /* @__PURE__ */ jsxRuntime.jsx(TH, { colSpan: column.colSpan, className: column.className, children: column.label }, column.key)) });
+
+var __defProp$7 = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+const buildCommissionRows = (rows) => rows.map((row) => __spreadProps$6(__spreadValues$7({}, row), {
+  rate: `x ${row.comRate}%`,
+  khrValue: row.betAmountKhr,
+  khrResult: row.comAmountKhr,
+  usdValue: row.betAmountUsd,
+  usdResult: row.comAmountUsd
+}));
+const buildRewardRows = (rows) => rows.map((row) => __spreadProps$6(__spreadValues$7({}, row), {
+  khrValue: row.winAmountKhr,
+  rate: row.rebateRateKhr,
+  khrResult: row.rewardAmountKhr,
+  usdValue: row.winAmountUsd,
+  usdRate: row.rebateRateUsd,
+  usdResult: row.rewardAmountUsd
+}));
+const renderCalculationRows = ({
+  rows,
+  id,
+  isShowUsd,
+  layout,
+  valueClassName,
+  resultClassName,
+  usdResultClassName,
+  rateClassName = "vio-l-h"
+}) => rows.map((row) => row.isVisible !== false && /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: renderCalculationRow(__spreadProps$6(__spreadValues$7({}, row), {
+  id,
+  isShowUsd,
+  layout: row.layout || layout,
+  valueClassName: row.valueClassName || valueClassName,
+  resultClassName: row.resultClassName || resultClassName,
+  usdResultClassName: row.usdResultClassName || usdResultClassName || row.resultClassName || resultClassName,
+  rateClassName
+})) }, row.label));
+const renderSummaryBandRow = ({
+  isShowUsd,
+  khrColSpan,
+  usdColSpan,
+  khrLabel = "\u179F\u179A\u17BB\u1794\u179B\u17BB\u1799\u1780\u17B6\u178F\u17CB\u1791\u17B9\u1780\n(\u179A\u17C0\u179B)",
+  usdLabel = "\u179F\u179A\u17BB\u1794\u179B\u17BB\u1799\u1780\u17B6\u178F\u17CB\u1791\u17B9\u1780\n(\u178A\u17BB\u179B\u17D2\u179B\u17B6\u179A)"
+}) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up b-vio-t", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(THF, { className: "blue-l-h", colSpan: khrColSpan, children: khrLabel }),
+  isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(THF, { colSpan: usdColSpan, className: "green-l-h text-left", children: usdLabel })
+] });
+const renderWinLoseRow = ({
+  id,
+  isShowUsd,
+  winLoseKhr,
+  winLoseUsd,
+  khrLabel = "\u179F\u17BB\u17B8\u1781\u17B6\u178F\u1794\u17D2\u179A\u1785\u17B6\u17C6\u1790\u17D2\u1784\u17C3",
+  usdLabel = "\u179F\u17BB\u17B8\u1781\u17B6\u178F\u1794\u17D2\u179A\u1785\u17B6\u17C6\u1790\u17D2\u1784\u17C3",
+  khrAfterValue = [],
+  usdAfterValue = [],
+  borderClassName = "b-vio-b"
+}) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: `animate-slide-up ${borderClassName}`, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(THF, { className: "t-right", children: khrLabel }),
+  /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthF, { id, value: winLoseKhr, currency: "KHR" }),
+  khrAfterValue.map(renderSpacer),
+  isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(THF, { className: "t-right", children: usdLabel }),
+  isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthF, { id, value: winLoseUsd, currency: "USD" }),
+  isShowUsd && usdAfterValue.map(renderSpacer)
+] });
+const renderSpacer = ({ colSpan } = {}, key) => /* @__PURE__ */ jsxRuntime.jsx(THF, { colSpan }, key);
+const renderCalculationRow = ({
+  className = "animate-slide-up",
+  id,
+  label,
+  khrValue,
+  rate,
+  khrResult,
+  usdValue,
+  usdRate,
+  usdResult,
+  isShowUsd,
+  layout,
+  valueClassName,
+  resultClassName,
+  usdResultClassName,
+  rateClassName
+}) => {
+  var _a, _b, _c, _d;
+  return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(THF, { className: "t-right", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthF, { className: valueClassName, id, value: khrValue, currency: "KHR" }),
+    (_a = layout.khrBeforeRate) == null ? void 0 : _a.map(renderSpacer),
+    /* @__PURE__ */ jsxRuntime.jsx(THF, { className: rateClassName, children: rate }),
+    /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthF, { className: resultClassName, id, value: khrResult, currency: "KHR" }),
+    (_b = layout.khrAfterResult) == null ? void 0 : _b.map(renderSpacer),
+    isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(THF, { className: "t-right", children: label }),
+    isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthF, { className: valueClassName, id, value: usdValue, currency: "USD" }),
+    isShowUsd && ((_c = layout.usdBeforeRate) == null ? void 0 : _c.map(renderSpacer)),
+    isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(THF, { className: rateClassName, children: usdRate || rate }),
+    isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthF, { className: usdResultClassName, id, value: usdResult, currency: "USD" }),
+    isShowUsd && ((_d = layout.usdAfterResult) == null ? void 0 : _d.map(renderSpacer))
+  ] });
+};
+
+var __defProp$6 = Object.defineProperty;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+const getVnSectionColSpan = (show1D, show4D) => getOptionalDigitLength(show1D, show4D) + 2;
+const renderSectionHeaderRow$2 = ({
+  t,
+  lotteryType,
+  isShowUsd,
+  isShow1DKhr,
+  isShow4DKhr,
+  isShow1DUsd,
+  isShow4DUsd
+}) => {
+  const khrColSpan = getVnSectionColSpan(isShow1DKhr, isShow4DKhr);
+  const usdColSpan = getVnSectionColSpan(isShow1DUsd, isShow4DUsd);
+  return renderReportSectionHeaderRow({
+    lotteryType,
+    sections: [
+      { key: "bet-khr", colSpan: khrColSpan, label: `${t("labels:mix_daily_report.bet")}(KHR)` },
+      { key: "bet-usd", isVisible: isShowUsd, colSpan: usdColSpan, label: `${t("labels:mix_daily_report.bet")}(USD)` },
+      { key: "reward-khr", colSpan: khrColSpan, label: `${t("labels:mix_daily_report.reward")}(KHR)` },
+      { key: "reward-usd", isVisible: isShowUsd, colSpan: usdColSpan, label: `${t("labels:mix_daily_report.reward")}(USD)` }
+    ]
+  });
+};
+const renderColumnHeaderRow$2 = ({
+  t,
+  isMix,
+  isShowUsd,
+  isShow1DKhr,
+  isShow4DKhr,
+  isShow1DUsd,
+  isShow4DUsd,
+  mergeKhr,
+  mergeUsd
+}) => renderReportColumnHeaderRow([
+  { key: "shift", colSpan: 2, className: "text-center", label: t("labels:mix_daily_report.shift") },
+  { key: "bet-1d-khr", isVisible: !isMix && isShow1DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.one_d") },
+  { key: "bet-2d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
+  { key: "bet-3d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
+  { key: "bet-4d-khr", isVisible: !isMix && isShow4DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
+  { key: "mix-khr", isVisible: isMix, colSpan: mergeKhr, className: "text-center blue-l-h", label: "\u179A\u17C0\u179B" },
+  { key: "mix-usd", isVisible: isMix && isShowUsd, colSpan: mergeUsd, className: "text-center green-l-h", label: "\u178A\u17BB\u179B\u17D2\u179B\u17B6\u179A" },
+  { key: "bet-1d-usd", isVisible: !isMix && isShow1DUsd && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.one_d") },
+  { key: "bet-2d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
+  { key: "bet-3d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
+  { key: "bet-4d-usd", isVisible: !isMix && isShow4DUsd && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") },
+  { key: "reward-1d-khr", isVisible: isShow1DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.one_d") },
+  { key: "reward-2d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
+  { key: "reward-3d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
+  { key: "reward-4d-khr", isVisible: isShow4DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
+  { key: "reward-1d-usd", isVisible: isShow1DUsd && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.one_d") },
+  { key: "reward-2d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
+  { key: "reward-3d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
+  { key: "reward-4d-usd", isVisible: isShow4DUsd && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") }
+]);
+const getSummaryRowLayout = ({ isShowUsd, getAllLength, mergeKhr }) => ({
+  khrAfterResult: [{ colSpan: isShowUsd ? getAllLength + 2 : mergeKhr + 6 }],
+  usdAfterResult: getAllLength > 0 ? [{ colSpan: getAllLength }] : []
+});
+const getCommissionRows$2 = ({
+  isMix,
+  isShow1DKhr,
+  isShow1DUsd,
+  isShow4DKhr,
+  isShow4DUsd,
+  bet1DKhr,
+  bet2DKhr,
+  bet3DKhr,
+  bet4DKhr,
+  bet1DUsd,
+  bet2DUsd,
+  bet3DUsd,
+  bet4DUsd,
+  com1D,
+  com2D,
+  com3D,
+  com4D,
+  com1DKhr,
+  com2DKhr,
+  com3DKhr,
+  com4DKhr,
+  com1DUsd,
+  com2DUsd,
+  com3DUsd,
+  com4DUsd
+}) => [
+  ...buildCommissionRows([
+    {
+      isVisible: !isMix && (isShow1DKhr || isShow1DUsd),
+      label: "1 \u179B\u17C1\u1781",
+      betAmountKhr: bet1DKhr,
+      comRate: com1D,
+      comAmountKhr: com1DKhr,
+      betAmountUsd: bet1DUsd,
+      comAmountUsd: com1DUsd,
+      className: "animate-slide-u"
+    },
+    {
+      isVisible: !isMix,
+      label: "2 \u179B\u17C1\u1781",
+      betAmountKhr: bet2DKhr,
+      comRate: com2D,
+      comAmountKhr: com2DKhr,
+      betAmountUsd: bet2DUsd,
+      comAmountUsd: com2DUsd,
+      className: "animate-slide-u"
+    },
+    {
+      isVisible: !isMix,
+      label: "3 \u179B\u17C1\u1781",
+      betAmountKhr: bet3DKhr,
+      comRate: com3D,
+      comAmountKhr: com3DKhr,
+      betAmountUsd: bet3DUsd,
+      comAmountUsd: com3DUsd
+    },
+    {
+      isVisible: !isMix && (isShow4DKhr || isShow4DUsd),
+      label: "4 \u179B\u17C1\u1781",
+      betAmountKhr: bet4DKhr,
+      comRate: com4D,
+      comAmountKhr: com4DKhr,
+      betAmountUsd: bet4DUsd,
+      comAmountUsd: com4DUsd
+    }
+  ]),
+  {
+    isVisible: isMix,
+    label: "\u179B\u17BB\u1799\u179B\u1780\u17CB",
+    khrValue: bet1DKhr + bet2DKhr + bet3DKhr + bet4DKhr,
+    rate: `x ${bet1DKhr > 0 ? `${com1D}/` : ""}${com2D}/${com3D}${bet4DKhr > 0 ? `/${com4D}` : ""}`,
+    khrResult: com1DKhr + com2DKhr + com3DKhr + com4DKhr,
+    usdValue: formatUsd(bet1DUsd + bet2DUsd + bet3DUsd + bet4DUsd),
+    usdRate: `x ${bet1DUsd > 0 ? `${com1D}/` : ""}${com2D}/${com3D}${bet4DUsd > 0 ? `/${com4D}` : ""}`,
+    usdResult: formatUsd(com1DUsd + com2DUsd + com3DUsd + com4DUsd),
+    usdResultClassName: "blue-l-h"
+  }
+];
+const getRewardRows$2 = ({
+  isShow1DKhr,
+  isShow1DUsd,
+  isShow4DKhr,
+  isShow4DUsd,
+  win1DKhr,
+  win2DKhr,
+  win3DKhr,
+  win4DKhr,
+  win1DUsd,
+  win2DUsd,
+  win3DUsd,
+  win4DUsd,
+  reward1DKhr,
+  reward2DKhr,
+  reward3DKhr,
+  reward4DKhr,
+  reward1DUsd,
+  reward2DUsd,
+  reward3DUsd,
+  reward4DUsd,
+  rebateRate1D,
+  rebateRate2D,
+  rebateRate3D,
+  rebateRate4D
+}) => buildRewardRows([
+  {
+    isVisible: isShow1DKhr || isShow1DUsd,
+    label: "\u178F\u17D2\u179A\u17BC\u179C 1 \u179B\u17C1\u1781",
+    winAmountKhr: win1DKhr,
+    rebateRateKhr: rebateRate1D,
+    rewardAmountKhr: reward1DKhr,
+    winAmountUsd: win1DUsd,
+    rebateRateUsd: rebateRate1D,
+    rewardAmountUsd: reward1DUsd
+  },
+  {
+    label: "\u178F\u17D2\u179A\u17BC\u179C 2 \u179B\u17C1\u1781",
+    winAmountKhr: win2DKhr,
+    rebateRateKhr: rebateRate2D,
+    rewardAmountKhr: reward2DKhr,
+    winAmountUsd: win2DUsd,
+    rebateRateUsd: rebateRate2D,
+    rewardAmountUsd: reward2DUsd
+  },
+  {
+    label: "\u178F\u17D2\u179A\u17BC\u179C 3 \u179B\u17C1\u1781",
+    winAmountKhr: win3DKhr,
+    rebateRateKhr: rebateRate3D,
+    rewardAmountKhr: reward3DKhr,
+    winAmountUsd: win3DUsd,
+    rebateRateUsd: rebateRate3D,
+    rewardAmountUsd: reward3DUsd
+  },
+  {
+    isVisible: isShow4DKhr || isShow4DUsd,
+    label: "\u178F\u17D2\u179A\u17BC\u179C 4 \u179B\u17C1\u1781",
+    winAmountKhr: win4DKhr,
+    rebateRateKhr: rebateRate4D,
+    rewardAmountKhr: reward4DKhr,
+    winAmountUsd: win4DUsd,
+    rebateRateUsd: rebateRate4D,
+    rewardAmountUsd: reward4DUsd,
+    className: "animate-slide-up b-vio-b"
+  }
+]);
+const MainVn = (props) => {
+  const {
+    t,
+    item: {
+      date,
+      isShow1DKhr,
+      isShow4DKhr,
+      isShow1DUsd,
+      isShow4DUsd,
+      isShowUsd,
+      items,
+      username,
+      nickname,
+      summary: {
+        com1DUsd = 0,
+        com2DUsd = 0,
+        com3DUsd = 0,
+        com4DUsd = 0,
+        com1DKhr = 0,
+        com2DKhr = 0,
+        com3DKhr = 0,
+        com4DKhr = 0,
+        bet1DUsd = 0,
+        bet2DUsd = 0,
+        bet3DUsd = 0,
+        bet4DUsd = 0,
+        bet1DKhr = 0,
+        bet2DKhr = 0,
+        bet3DKhr = 0,
+        bet4DKhr = 0,
+        reward1DKhr = 0,
+        reward1DUsd = 0,
+        reward2DKhr = 0,
+        reward2DUsd = 0,
+        reward3DUsd = 0,
+        reward3DKhr = 0,
+        reward4DUsd = 0,
+        reward4DKhr = 0,
+        win1DKhr = 0,
+        win1DUsd = 0,
+        win2DKhr = 0,
+        win2DUsd = 0,
+        win3DKhr = 0,
+        win3DUsd = 0,
+        win4DKhr = 0,
+        win4DUsd = 0,
+        winLoseKhr = 0,
+        winLoseUsd = 0
+      },
+      hasLottery: {
+        rebateRate1D = 0,
+        rebateRate2D = 0,
+        rebateRate3D = 0,
+        rebateRate4D = 0,
+        com1D = 0,
+        com2D = 0,
+        com3D = 0,
+        com4D = 0
+      } = {}
+    },
+    type,
+    id,
+    isMix,
+    mixDailyReport,
+    filter: directFilter,
+    preTitle
+  } = props;
+  const filter = directFilter || (mixDailyReport == null ? void 0 : mixDailyReport.filter) || {};
+  const translate = getMixDailyTranslator(t);
+  const className = getReportClassName(filter);
+  const getAllLength = getOptionalDigitLength(isShow1DKhr, isShow1DUsd, isShow4DKhr, isShow4DUsd);
+  const getKHRLength = getOptionalDigitLength(isShow1DKhr, isShow4DKhr);
+  const getUSDLength = getOptionalDigitLength(isShow1DUsd, isShow4DUsd);
+  const mergeAll = getAllLength + 4;
+  const mergeKhr = getKHRLength + 2;
+  const mergeUsd = getUSDLength + 2;
+  const summaryRowLayout = getSummaryRowLayout({ isShowUsd, getAllLength, mergeKhr });
+  const commissionRows = getCommissionRows$2({
+    isMix,
+    isShow1DKhr,
+    isShow1DUsd,
+    isShow4DKhr,
+    isShow4DUsd,
+    bet1DKhr,
+    bet2DKhr,
+    bet3DKhr,
+    bet4DKhr,
+    bet1DUsd,
+    bet2DUsd,
+    bet3DUsd,
+    bet4DUsd,
+    com1D,
+    com2D,
+    com3D,
+    com4D,
+    com1DKhr,
+    com2DKhr,
+    com3DKhr,
+    com4DKhr,
+    com1DUsd,
+    com2DUsd,
+    com3DUsd,
+    com4DUsd
+  });
+  const rewardRows = getRewardRows$2({
+    isShow1DKhr,
+    isShow1DUsd,
+    isShow4DKhr,
+    isShow4DUsd,
+    win1DKhr,
+    win2DKhr,
+    win3DKhr,
+    win4DKhr,
+    win1DUsd,
+    win2DUsd,
+    win3DUsd,
+    win4DUsd,
+    reward1DKhr,
+    reward2DKhr,
+    reward3DKhr,
+    reward4DKhr,
+    reward1DUsd,
+    reward2DUsd,
+    reward3DUsd,
+    reward4DUsd,
+    rebateRate1D,
+    rebateRate2D,
+    rebateRate3D,
+    rebateRate4D
+  });
+  const isShow = (value) => !isMix && value;
+  const titleColSpan = isShowUsd ? 2 + mergeAll + mergeKhr + mergeUsd : 2 + mergeKhr * 2;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { id: "wrap-tb", className: "mb-3 mr-3", children: /* @__PURE__ */ jsxRuntime.jsx("table", { id, className: `table table-hover table-striped ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: "pb-5", children: [
+    renderReportTitleRows({
+      preTitle,
+      lotteryType: type,
+      nickname,
+      username,
+      date,
+      titleColSpan,
+      usernameColSpan: isShowUsd ? mergeAll : mergeKhr,
+      dateColSpan: isShowUsd ? mergeKhr : mergeKhr - 1,
+      dayColSpan: isShowUsd ? mergeUsd : 1,
+      isSend: filter == null ? void 0 : filter.isSend
+    }),
+    renderSectionHeaderRow$2({
+      t: translate,
+      lotteryType: type,
+      isShowUsd,
+      isShow1DKhr,
+      isShow4DKhr,
+      isShow1DUsd,
+      isShow4DUsd
+    }),
+    renderColumnHeaderRow$2({
+      t: translate,
+      isMix,
+      isShowUsd,
+      isShow1DKhr,
+      isShow4DKhr,
+      isShow1DUsd,
+      isShow4DUsd,
+      mergeKhr,
+      mergeUsd
+    }),
+    items && items.map((object, i) => /* @__PURE__ */ React.createElement(
+      MainTableRow$2,
+      __spreadProps$5(__spreadValues$6({
+        isShowUsd,
+        mergeKhr,
+        mergeUsd,
+        isShow
+      }, props), {
+        key: i,
+        index: i + 1,
+        item: props.item,
+        object
+      })
+    )),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      MainTableRow$2,
+      __spreadProps$5(__spreadValues$6({
+        isShowUsd,
+        mergeKhr,
+        mergeUsd,
+        isShow
+      }, props), {
+        total: "\u179F\u179A\u17BB\u1794",
+        item: props.item,
+        object: __spreadValues$6({}, props.item.summary)
+      })
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(THF, { colSpan: 10 }) }),
+    renderSummaryBandRow({
+      isShowUsd,
+      khrColSpan: isShowUsd ? mergeAll : mergeKhr + 6,
+      usdColSpan: getAllLength + 6
+    }),
+    renderCalculationRows({
+      rows: commissionRows,
+      id,
+      isShowUsd,
+      layout: summaryRowLayout,
+      resultClassName: "blue-l-h",
+      usdResultClassName: "green-l-h"
+    }),
+    renderCalculationRows({
+      rows: rewardRows,
+      id,
+      isShowUsd,
+      layout: summaryRowLayout,
+      valueClassName: "t-blue",
+      resultClassName: "t-blue b-gray-l"
+    }),
+    renderWinLoseRow({
+      id,
+      isShowUsd,
+      winLoseKhr,
+      winLoseUsd,
+      khrAfterValue: [{ colSpan: isShowUsd ? getAllLength + 4 : mergeKhr + 8 }],
+      usdAfterValue: [{ colSpan: 7 }]
+    })
+  ] }) }) });
+};
+
+let MainTableRow$1 = class MainTableRow extends React.Component {
+  render() {
+    const {
+      object: {
+        drawAt,
+        bet2DUsd = 0,
+        bet3DUsd = 0,
+        bet2DKhr = 0,
+        bet3DKhr = 0,
+        win2DKhr = 0,
+        win2DUsd = 0,
+        win3DKhr = 0,
+        win3DUsd = 0,
+        win4DKhr = 0,
+        win4DUsd = 0,
+        bet4DKhr = 0,
+        bet4DUsd = 0
+      },
+      id,
+      total,
+      isMix,
+      isShowUsd
+    } = this.props;
+    return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        TH,
+        {
+          colSpan: 2,
+          className: `text-center t-blue-vio ${!total ? "t-left" : ""}`,
+          children: total ? total : getTime(drawAt)
+        }
+      ),
+      !isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet2DKhr, currency: "KHR" }),
+      !isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet3DKhr, currency: "KHR" }),
+      !isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet4DKhr, currency: "KHR" }),
+      !isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet2DUsd, currency: "USD" }),
+      !isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet3DUsd, currency: "USD" }),
+      !isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet4DUsd, currency: "USD" }),
+      isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { colSpan: 2, id, value: bet2DKhr + bet3DKhr + bet4DKhr, currency: "KHR" }),
+      isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", colSpan: 2, id, value: formatUsd(bet3DUsd + bet2DUsd + bet4DUsd), currency: "USD" }),
+      /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win2DKhr, currency: "KHR" }),
+      /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win3DKhr, currency: "KHR" }),
+      /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win4DKhr, currency: "KHR" }),
+      isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win2DUsd, currency: "USD" }),
+      isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win3DUsd, currency: "USD" }),
+      isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win4DUsd, currency: "USD" })
+    ] });
+  }
+};
+
+var __defProp$5 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+const renderSectionHeaderRow$1 = ({ t, lotteryType, isMix, isShowUsd }) => renderReportSectionHeaderRow({
+  lotteryType,
+  sections: [
+    { key: "bet-khr", colSpan: isMix ? 2 : 3, label: `${t("labels:mix_daily_report.bet")}(KHR)` },
+    { key: "bet-usd", isVisible: isShowUsd, colSpan: isMix ? 2 : 3, label: `${t("labels:mix_daily_report.bet")}(USD)` },
+    { key: "reward-khr", colSpan: 3, label: `${t("labels:mix_daily_report.reward")}(KHR)` },
+    { key: "reward-usd", isVisible: isShowUsd, colSpan: 3, label: `${t("labels:mix_daily_report.reward")}(USD)` }
+  ]
+});
+const renderColumnHeaderRow$1 = ({ t, isMix, isShowUsd }) => renderReportColumnHeaderRow([
+  { key: "shift", colSpan: 2, className: "text-center", label: t("labels:mix_daily_report.shift") },
+  { key: "bet-2d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
+  { key: "bet-3d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
+  { key: "bet-4d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
+  { key: "mix-khr", isVisible: isMix, colSpan: 2, className: "text-center blue-l-h", label: "\u179A\u17C0\u179B" },
+  { key: "mix-usd", isVisible: isMix && isShowUsd, colSpan: 2, className: "text-center green-l-h", label: "\u178A\u17BB\u179B\u17D2\u179B\u17B6\u179A" },
+  { key: "bet-2d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
+  { key: "bet-3d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
+  { key: "bet-4d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") },
+  { key: "reward-2d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
+  { key: "reward-3d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
+  { key: "reward-4d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
+  { key: "reward-2d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
+  { key: "reward-3d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
+  { key: "reward-4d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") }
+]);
+const getCommissionRowLayout$1 = ({ isShowUsd }) => ({
+  khrAfterResult: [{ colSpan: isShowUsd ? 3 : 4 }],
+  usdAfterResult: [{}, {}, {}]
+});
+const getMixCommissionRowLayout$1 = ({ isShowUsd }) => ({
+  khrAfterResult: [{ colSpan: isShowUsd ? 2 : 3 }],
+  usdAfterResult: [{}, {}]
+});
+const getRewardRowLayout$1 = ({ isMix, isShowUsd }) => ({
+  khrAfterResult: [
+    { colSpan: isShowUsd ? 2 : 3 },
+    ...!isMix ? [{}] : []
+  ],
+  usdAfterResult: [
+    {},
+    {},
+    ...!isMix ? [{}] : []
+  ]
+});
+const getWinLoseLayout$1 = ({ isMix, isShowUsd }) => ({
+  khrAfterValue: [
+    { colSpan: isShowUsd ? 4 : 5 },
+    ...!isMix ? [{}] : []
+  ],
+  usdAfterValue: [
+    { colSpan: 4 },
+    ...!isMix ? [{}] : []
+  ]
+});
+const getCommissionRows$1 = ({
+  isMix,
+  isShowUsd,
+  bet2DKhr,
+  bet3DKhr,
+  bet4DKhr,
+  bet2DUsd,
+  bet3DUsd,
+  bet4DUsd,
+  com2D,
+  com3D,
+  com4D,
+  com2DKhr,
+  com3DKhr,
+  com4DKhr,
+  com2DUsd,
+  com3DUsd,
+  com4DUsd
+}) => [
+  ...buildCommissionRows([
+    {
+      isVisible: !isMix,
+      label: "2 \u179B\u17C1\u1781",
+      betAmountKhr: bet2DKhr,
+      comRate: com2D,
+      comAmountKhr: com2DKhr,
+      betAmountUsd: bet2DUsd,
+      comAmountUsd: com2DUsd,
+      className: "animate-slide-u"
+    },
+    {
+      isVisible: !isMix,
+      label: "3 \u179B\u17C1\u1781",
+      betAmountKhr: bet3DKhr,
+      comRate: com3D,
+      comAmountKhr: com3DKhr,
+      betAmountUsd: bet3DUsd,
+      comAmountUsd: com3DUsd
+    },
+    {
+      isVisible: !isMix,
+      label: "4 \u179B\u17C1\u1781",
+      betAmountKhr: bet4DKhr,
+      comRate: com4D,
+      comAmountKhr: com4DKhr,
+      betAmountUsd: bet4DUsd,
+      comAmountUsd: com4DUsd
+    }
+  ]),
+  {
+    isVisible: isMix,
+    label: "\u179B\u17BB\u1799\u179B\u1780\u17CB",
+    khrValue: bet2DKhr + bet3DKhr + bet4DKhr,
+    rate: `x ${com2D}/${com3D}/${com4D}`,
+    khrResult: com2DKhr + com3DKhr + com4DKhr,
+    usdValue: formatUsd(bet2DUsd + bet3DUsd + bet4DUsd),
+    usdResult: formatUsd(com2DUsd + com3DUsd + com4DUsd),
+    usdResultClassName: "blue-l-h",
+    layout: getMixCommissionRowLayout$1({ isShowUsd })
+  }
+];
+const getRewardRows$1 = ({
+  win2DKhr,
+  win3DKhr,
+  win4DKhr,
+  win2DUsd,
+  win3DUsd,
+  win4DUsd,
+  reward2DKhr,
+  reward3DKhr,
+  reward4DKhr,
+  reward2DUsd,
+  reward3DUsd,
+  reward4DUsd,
+  rebateRate2D,
+  rebateRate3D,
+  rebateRate4D
+}) => buildRewardRows([
+  {
+    label: "\u178F\u17D2\u179A\u17BC\u179C 2 \u179B\u17C1\u1781",
+    winAmountKhr: win2DKhr,
+    rebateRateKhr: rebateRate2D,
+    rewardAmountKhr: reward2DKhr,
+    winAmountUsd: win2DUsd,
+    rebateRateUsd: rebateRate2D,
+    rewardAmountUsd: reward2DUsd
+  },
+  {
+    label: "\u178F\u17D2\u179A\u17BC\u179C 3 \u179B\u17C1\u1781",
+    winAmountKhr: win3DKhr,
+    rebateRateKhr: rebateRate3D,
+    rewardAmountKhr: reward3DKhr,
+    winAmountUsd: win3DUsd,
+    rebateRateUsd: rebateRate3D,
+    rewardAmountUsd: reward3DUsd
+  },
+  {
+    label: "\u178F\u17D2\u179A\u17BC\u179C 4 \u179B\u17C1\u1781",
+    winAmountKhr: win4DKhr,
+    rebateRateKhr: rebateRate4D,
+    rewardAmountKhr: reward4DKhr,
+    winAmountUsd: win4DUsd,
+    rebateRateUsd: rebateRate4D,
+    rewardAmountUsd: reward4DUsd
+  }
+]);
+const MainLeap = (props) => {
+  const {
+    t,
+    item: {
+      date,
+      items,
+      username,
+      nickname,
+      summary: {
+        com2DUsd = 0,
+        com3DUsd = 0,
+        com4DUsd = 0,
+        com2DKhr = 0,
+        com3DKhr = 0,
+        com4DKhr = 0,
+        bet2DUsd = 0,
+        bet3DUsd = 0,
+        bet4DUsd = 0,
+        bet2DKhr = 0,
+        bet3DKhr = 0,
+        bet4DKhr = 0,
+        reward2DKhr = 0,
+        reward2DUsd = 0,
+        reward3DUsd = 0,
+        reward3DKhr = 0,
+        reward4DKhr = 0,
+        reward4DUsd = 0,
+        win2DKhr = 0,
+        win2DUsd = 0,
+        win3DKhr = 0,
+        win4DKhr = 0,
+        win3DUsd = 0,
+        win4DUsd = 0,
+        winLoseKhr = 0,
+        winLoseUsd = 0
+      },
+      hasLottery: {
+        rebateRate2D = 0,
+        rebateRate3D = 0,
+        rebateRate4D = 0,
+        com2D = 0,
+        com3D = 0,
+        com4D = 0
+      } = {},
+      isShowUsd
+    },
+    id,
+    isMix,
+    type,
+    mixDailyReport,
+    filter: directFilter,
+    preTitle
+  } = props;
+  const filter = directFilter || (mixDailyReport == null ? void 0 : mixDailyReport.filter) || {};
+  const translate = getMixDailyTranslator(t);
+  const className = getReportClassName(filter);
+  const commissionRows = getCommissionRows$1({
+    isMix,
+    isShowUsd,
+    bet2DKhr,
+    bet3DKhr,
+    bet4DKhr,
+    bet2DUsd,
+    bet3DUsd,
+    bet4DUsd,
+    com2D,
+    com3D,
+    com4D,
+    com2DKhr,
+    com3DKhr,
+    com4DKhr,
+    com2DUsd,
+    com3DUsd,
+    com4DUsd
+  });
+  const rewardRows = getRewardRows$1({
+    win2DKhr,
+    win3DKhr,
+    win4DKhr,
+    win2DUsd,
+    win3DUsd,
+    win4DUsd,
+    reward2DKhr,
+    reward3DKhr,
+    reward4DKhr,
+    reward2DUsd,
+    reward3DUsd,
+    reward4DUsd,
+    rebateRate2D,
+    rebateRate3D,
+    rebateRate4D
+  });
+  const rewardRowLayout = getRewardRowLayout$1({ isMix, isShowUsd });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { id: "wrap-tb", className: "mb-3 mr-3", children: /* @__PURE__ */ jsxRuntime.jsx("table", { id, className: `table table-hover table-striped ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: "pb-5", children: [
+    renderReportTitleRows({
+      preTitle,
+      lotteryType: type,
+      nickname,
+      username,
+      date,
+      titleColSpan: isShowUsd ? isMix ? 12 : 14 : isMix ? 7 : 8,
+      usernameColSpan: isShowUsd ? 5 : isMix ? 2 : 3,
+      dateColSpan: isShowUsd ? 3 : 2,
+      dayColSpan: isShowUsd ? isMix ? 2 : 4 : 1,
+      isSend: filter == null ? void 0 : filter.isSend
+    }),
+    renderSectionHeaderRow$1({ t: translate, lotteryType: type, isMix, isShowUsd }),
+    renderColumnHeaderRow$1({ t: translate, isMix, isShowUsd }),
+    items && items.map((object, i) => /* @__PURE__ */ React.createElement(
+      MainTableRow$1,
+      __spreadProps$4(__spreadValues$5({
+        isShowUsd
+      }, props), {
+        key: i,
+        index: i + 1,
+        object
+      })
+    )),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      MainTableRow$1,
+      __spreadProps$4(__spreadValues$5({}, props), {
+        isShowUsd,
+        total: "\u179F\u179A\u17BB\u1794",
+        object: __spreadValues$5({}, props.item.summary)
+      })
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(THF, { colSpan: 10 }) }),
+    renderSummaryBandRow({
+      isShowUsd,
+      khrColSpan: isShowUsd ? isMix ? 6 : 7 : 8,
+      usdColSpan: isMix ? 6 : 7
+    }),
+    renderCalculationRows({
+      rows: commissionRows,
+      id,
+      isShowUsd,
+      layout: getCommissionRowLayout$1({ isShowUsd }),
+      resultClassName: "blue-l-h",
+      usdResultClassName: "green-l-h"
+    }),
+    renderCalculationRows({
+      rows: rewardRows,
+      id,
+      isShowUsd,
+      layout: rewardRowLayout,
+      valueClassName: "t-blue",
+      resultClassName: "t-blue b-gray-l"
+    }),
+    renderWinLoseRow(__spreadValues$5({
+      id,
+      isShowUsd,
+      winLoseKhr,
+      winLoseUsd
+    }, getWinLoseLayout$1({ isMix, isShowUsd })))
+  ] }) }) });
+};
+
+class MainTableRow extends React.Component {
+  render() {
+    const {
+      object: {
+        drawAt,
+        bet2DUsd = 0,
+        bet3DUsd = 0,
+        bet2DKhr = 0,
+        bet3DKhr = 0,
+        win2DKhr = 0,
+        win2DUsd = 0,
+        win3DKhr = 0,
+        win3DUsd = 0,
+        win4DKhr = 0,
+        win4DUsd = 0,
+        bet4DKhr = 0,
+        bet4DUsd = 0,
+        win5DKhr = 0,
+        win5DUsd = 0,
+        bet5DKhr = 0,
+        bet5DUsd = 0
+      },
+      id,
+      total,
+      isMix,
+      isShowUsd,
+      isShow4DUsd,
+      isShow4DKhr,
+      isShow5DUsd,
+      isShow5DKhr
+    } = this.props;
+    return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        TH,
+        {
+          colSpan: 2,
+          className: `text-center t-blue-vio ${!total ? "t-left" : ""}`,
+          children: total ? total : getTime(drawAt)
+        }
+      ),
+      !isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet2DKhr, currency: "KHR" }),
+      !isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet3DKhr, currency: "KHR" }),
+      !isMix && isShow4DKhr && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet4DKhr, currency: "KHR" }),
+      !isMix && isShow5DKhr && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet5DKhr, currency: "KHR" }),
+      !isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet2DUsd, currency: "USD" }),
+      !isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet3DUsd, currency: "USD" }),
+      !isMix && isShowUsd && isShow4DUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet4DUsd, currency: "USD" }),
+      !isMix && isShowUsd && isShow5DUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet5DUsd, currency: "USD" }),
+      isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { colSpan: 2, id, value: bet2DKhr + bet3DKhr + bet4DKhr + bet5DKhr, currency: "KHR" }),
+      isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", colSpan: 2, id, value: formatUsd(bet3DUsd + bet2DUsd + bet4DUsd + bet5DUsd), currency: "USD" }),
+      /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win2DKhr, currency: "KHR" }),
+      /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win3DKhr, currency: "KHR" }),
+      isShow4DKhr && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win4DKhr, currency: "KHR" }),
+      isShow5DKhr && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win5DKhr, currency: "KHR" }),
+      isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win2DUsd, currency: "USD" }),
+      isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win3DUsd, currency: "USD" }),
+      isShowUsd && isShow4DUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win4DUsd, currency: "USD" }),
+      isShowUsd && isShow5DUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win5DUsd, currency: "USD" })
+    ] });
+  }
+}
+
+var __defProp$4 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+const renderSectionHeaderRow = ({ t, lotteryType, isMix, isShowUsd, getKHRLength, getUSDLength }) => renderReportSectionHeaderRow({
+  lotteryType,
+  sections: [
+    { key: "bet-khr", colSpan: isMix ? 2 : getKHRLength + 2, label: `${t("labels:mix_daily_report.bet")}(KHR)` },
+    { key: "bet-usd", isVisible: isShowUsd, colSpan: isMix ? 2 : getUSDLength + 2, label: `${t("labels:mix_daily_report.bet")}(USD)` },
+    { key: "reward-khr", colSpan: getKHRLength + 2, label: `${t("labels:mix_daily_report.reward")}(KHR)` },
+    { key: "reward-usd", isVisible: isShowUsd, colSpan: getUSDLength + 2, label: `${t("labels:mix_daily_report.reward")}(USD)` }
+  ]
+});
+const renderColumnHeaderRow = ({
+  t,
+  isMix,
+  isShowUsd,
+  isShow4DUsd,
+  isShow4DKhr,
+  isShow5DUsd,
+  isShow5DKhr
+}) => renderReportColumnHeaderRow([
+  { key: "shift", colSpan: 2, className: "text-center", label: t("labels:mix_daily_report.shift") },
+  { key: "bet-2d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
+  { key: "bet-3d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
+  { key: "bet-4d-khr", isVisible: !isMix && isShow4DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
+  { key: "bet-5d-khr", isVisible: !isMix && isShow5DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.five_d") },
+  { key: "mix-khr", isVisible: isMix, colSpan: 2, className: "text-center blue-l-h", label: "\u179A\u17C0\u179B" },
+  { key: "mix-usd", isVisible: isMix && isShowUsd, colSpan: 2, className: "text-center green-l-h", label: "\u178A\u17BB\u179B\u17D2\u179B\u17B6\u179A" },
+  { key: "bet-2d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
+  { key: "bet-3d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
+  { key: "bet-4d-usd", isVisible: !isMix && isShowUsd && isShow4DUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") },
+  { key: "bet-5d-usd", isVisible: !isMix && isShowUsd && isShow5DUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.five_d") },
+  { key: "reward-2d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
+  { key: "reward-3d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
+  { key: "reward-4d-khr", isVisible: isShow4DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
+  { key: "reward-5d-khr", isVisible: isShow5DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.five_d") },
+  { key: "reward-2d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
+  { key: "reward-3d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
+  { key: "reward-4d-usd", isVisible: isShowUsd && isShow4DUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") },
+  { key: "reward-5d-usd", isVisible: isShowUsd && isShow5DUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.five_d") }
+]);
+const getCommissionRowLayout = ({ isShowUsd, getAllLength, getKHRLength }) => ({
+  khrAfterResult: [{ colSpan: isShowUsd ? getAllLength + 2 : getKHRLength * 2 + 2 }],
+  usdAfterResult: getAllLength > 0 ? [{ colSpan: getAllLength }] : []
+});
+const getMixCommissionRowLayout = ({ isShowUsd, getAllLength }) => ({
+  khrAfterResult: [{ colSpan: isShowUsd ? 2 : 3 }],
+  usdAfterResult: getAllLength > 0 ? [{ colSpan: getAllLength }] : []
+});
+const getRewardRowLayout = ({ isMix, isShowUsd, getAllLength, getKHRLength }) => ({
+  khrAfterResult: [{
+    colSpan: isMix ? isShowUsd ? 2 : getKHRLength + 3 : isShowUsd ? getAllLength + 2 : getKHRLength * 2 + 2
+  }],
+  usdAfterResult: getAllLength > 0 ? [{ colSpan: getAllLength }] : []
+});
+const getWinLoseLayout = ({ isMix, isShowUsd, getAllLength, getKHRLength }) => ({
+  khrAfterValue: [{
+    colSpan: isMix ? isShowUsd ? 4 : getKHRLength + 5 : isShowUsd ? getAllLength + 4 : getKHRLength * 2 + 4
+  }],
+  usdAfterValue: [{ colSpan: getAllLength + 2 }]
+});
+const getCommissionRows = ({
+  isMix,
+  isShow4DKhr,
+  isShow4DUsd,
+  isShow5DKhr,
+  isShow5DUsd,
+  isShowUsd,
+  getAllLength,
+  bet2DKhr,
+  bet3DKhr,
+  bet4DKhr,
+  bet5DKhr,
+  bet2DUsd,
+  bet3DUsd,
+  bet4DUsd,
+  bet5DUsd,
+  com2D,
+  com3D,
+  com4D,
+  com5D,
+  com2DKhr,
+  com3DKhr,
+  com4DKhr,
+  com5DKhr,
+  com2DUsd,
+  com3DUsd,
+  com4DUsd,
+  com5DUsd
+}) => [
+  ...buildCommissionRows([
+    {
+      isVisible: !isMix,
+      label: "2 \u179B\u17C1\u1781",
+      betAmountKhr: bet2DKhr,
+      comRate: com2D,
+      comAmountKhr: com2DKhr,
+      betAmountUsd: bet2DUsd,
+      comAmountUsd: com2DUsd,
+      className: "animate-slide-u"
+    },
+    {
+      isVisible: !isMix,
+      label: "3 \u179B\u17C1\u1781",
+      betAmountKhr: bet3DKhr,
+      comRate: com3D,
+      comAmountKhr: com3DKhr,
+      betAmountUsd: bet3DUsd,
+      comAmountUsd: com3DUsd
+    },
+    {
+      isVisible: !isMix && (isShow4DKhr || isShow4DUsd),
+      label: "4 \u179B\u17C1\u1781",
+      betAmountKhr: bet4DKhr,
+      comRate: com4D,
+      comAmountKhr: com4DKhr,
+      betAmountUsd: bet4DUsd,
+      comAmountUsd: com4DUsd
+    },
+    {
+      isVisible: !isMix && (isShow5DKhr || isShow5DUsd),
+      label: "5 \u179B\u17C1\u1781",
+      betAmountKhr: bet5DKhr,
+      comRate: com5D,
+      comAmountKhr: com5DKhr,
+      betAmountUsd: bet5DUsd,
+      comAmountUsd: com5DUsd
+    }
+  ]),
+  {
+    isVisible: isMix,
+    label: "\u179B\u17BB\u1799\u179B\u1780\u17CB",
+    khrValue: bet2DKhr + bet3DKhr + bet4DKhr + bet5DKhr,
+    rate: `x ${com2D}/${com3D}${isShow4DKhr ? `/${com4D}` : ""}${isShow5DKhr ? `/${com5D}` : ""}`,
+    khrResult: com2DKhr + com3DKhr + com4DKhr + com5DKhr,
+    usdValue: formatUsd(bet2DUsd + bet3DUsd + bet4DUsd + bet5DUsd),
+    usdRate: `x ${com2D}/${com3D}${isShow4DUsd ? `/${com4D}` : ""}${isShow5DUsd ? `/${com5D}` : ""}`,
+    usdResult: formatUsd(com2DUsd + com3DUsd + com4DUsd + com5DUsd),
+    usdResultClassName: "blue-l-h",
+    layout: getMixCommissionRowLayout({ isShowUsd, getAllLength })
+  }
+];
+const getRewardRows = ({
+  isShow4DKhr,
+  isShow4DUsd,
+  isShow5DKhr,
+  isShow5DUsd,
+  win2DKhr,
+  win3DKhr,
+  win4DKhr,
+  win5DKhr,
+  win2DUsd,
+  win3DUsd,
+  win4DUsd,
+  win5DUsd,
+  reward2DKhr,
+  reward3DKhr,
+  reward4DKhr,
+  reward5DKhr,
+  reward2DUsd,
+  reward3DUsd,
+  reward4DUsd,
+  reward5DUsd,
+  rebateRate2D,
+  rebateRate3D,
+  rebateRate4D,
+  rebateRate5D
+}) => buildRewardRows([
+  {
+    label: "\u178F\u17D2\u179A\u17BC\u179C 2 \u179B\u17C1\u1781",
+    winAmountKhr: win2DKhr,
+    rebateRateKhr: rebateRate2D,
+    rewardAmountKhr: reward2DKhr,
+    winAmountUsd: win2DUsd,
+    rebateRateUsd: rebateRate2D,
+    rewardAmountUsd: reward2DUsd
+  },
+  {
+    label: "\u178F\u17D2\u179A\u17BC\u179C 3 \u179B\u17C1\u1781",
+    winAmountKhr: win3DKhr,
+    rebateRateKhr: rebateRate3D,
+    rewardAmountKhr: reward3DKhr,
+    winAmountUsd: win3DUsd,
+    rebateRateUsd: rebateRate3D,
+    rewardAmountUsd: reward3DUsd
+  },
+  {
+    isVisible: isShow4DKhr || isShow4DUsd,
+    label: "\u178F\u17D2\u179A\u17BC\u179C 4 \u179B\u17C1\u1781",
+    winAmountKhr: win4DKhr,
+    rebateRateKhr: rebateRate4D,
+    rewardAmountKhr: reward4DKhr,
+    winAmountUsd: win4DUsd,
+    rebateRateUsd: rebateRate4D,
+    rewardAmountUsd: reward4DUsd
+  },
+  {
+    isVisible: isShow5DKhr || isShow5DUsd,
+    label: "\u178F\u17D2\u179A\u17BC\u179C 5 \u179B\u17C1\u1781",
+    winAmountKhr: win5DKhr,
+    rebateRateKhr: rebateRate5D,
+    rewardAmountKhr: reward5DKhr,
+    winAmountUsd: win5DUsd,
+    rebateRateUsd: rebateRate5D,
+    rewardAmountUsd: reward5DUsd
+  }
+]);
+const MainSC = (props) => {
+  const {
+    t,
+    item: {
+      date,
+      items,
+      username,
+      nickname,
+      summary: {
+        com2DUsd = 0,
+        com3DUsd = 0,
+        com4DUsd = 0,
+        com5DUsd = 0,
+        com2DKhr = 0,
+        com3DKhr = 0,
+        com4DKhr = 0,
+        com5DKhr = 0,
+        bet2DUsd = 0,
+        bet3DUsd = 0,
+        bet4DUsd = 0,
+        bet5DUsd = 0,
+        bet2DKhr = 0,
+        bet3DKhr = 0,
+        bet4DKhr = 0,
+        bet5DKhr = 0,
+        reward2DKhr = 0,
+        reward2DUsd = 0,
+        reward3DUsd = 0,
+        reward3DKhr = 0,
+        reward4DKhr = 0,
+        reward4DUsd = 0,
+        reward5DKhr = 0,
+        reward5DUsd = 0,
+        win2DKhr = 0,
+        win2DUsd = 0,
+        win3DKhr = 0,
+        win4DKhr = 0,
+        win5DKhr = 0,
+        win3DUsd = 0,
+        win4DUsd = 0,
+        win5DUsd = 0,
+        winLoseKhr = 0,
+        winLoseUsd = 0
+      },
+      hasLottery: {
+        rebateRate2D = 0,
+        rebateRate3D = 0,
+        rebateRate4D = 0,
+        rebateRate5D = 0,
+        com2D = 0,
+        com3D = 0,
+        com4D = 0,
+        com5D = 0
+      } = {},
+      isShowUsd,
+      isShow4DUsd,
+      isShow4DKhr,
+      isShow5DUsd,
+      isShow5DKhr
+    },
+    id,
+    isMix,
+    type,
+    mixDailyReport,
+    filter: directFilter,
+    preTitle
+  } = props;
+  const filter = directFilter || (mixDailyReport == null ? void 0 : mixDailyReport.filter) || {};
+  const translate = getMixDailyTranslator(t);
+  const className = getReportClassName(filter);
+  const getAllLength = getOptionalDigitLength(isShow4DUsd, isShow4DKhr, isShow5DKhr, isShow5DUsd);
+  const getAllLength2 = getAllLength * 2;
+  const getKHRLength = getOptionalDigitLength(isShow4DKhr, isShow5DKhr);
+  const getUSDLength = getOptionalDigitLength(isShow4DUsd, isShow5DUsd);
+  const commissionRows = getCommissionRows({
+    isMix,
+    isShow4DKhr,
+    isShow4DUsd,
+    isShow5DKhr,
+    isShow5DUsd,
+    isShowUsd,
+    getAllLength,
+    bet2DKhr,
+    bet3DKhr,
+    bet4DKhr,
+    bet5DKhr,
+    bet2DUsd,
+    bet3DUsd,
+    bet4DUsd,
+    bet5DUsd,
+    com2D,
+    com3D,
+    com4D,
+    com5D,
+    com2DKhr,
+    com3DKhr,
+    com4DKhr,
+    com5DKhr,
+    com2DUsd,
+    com3DUsd,
+    com4DUsd,
+    com5DUsd
+  });
+  const rewardRows = getRewardRows({
+    isShow4DKhr,
+    isShow4DUsd,
+    isShow5DKhr,
+    isShow5DUsd,
+    win2DKhr,
+    win3DKhr,
+    win4DKhr,
+    win5DKhr,
+    win2DUsd,
+    win3DUsd,
+    win4DUsd,
+    win5DUsd,
+    reward2DKhr,
+    reward3DKhr,
+    reward4DKhr,
+    reward5DKhr,
+    reward2DUsd,
+    reward3DUsd,
+    reward4DUsd,
+    reward5DUsd,
+    rebateRate2D,
+    rebateRate3D,
+    rebateRate4D,
+    rebateRate5D
+  });
+  const commissionRowLayout = getCommissionRowLayout({ isShowUsd, getAllLength, getKHRLength });
+  const rewardRowLayout = getRewardRowLayout({ isMix, isShowUsd, getAllLength, getKHRLength });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { id: "wrap-tb", className: "mb-3 mr-3", children: /* @__PURE__ */ jsxRuntime.jsx("table", { id, className: `table table-hover table-striped ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: "pb-5", children: [
+    renderReportTitleRows({
+      preTitle,
+      lotteryType: type,
+      nickname,
+      username,
+      date,
+      titleColSpan: isShowUsd ? isMix ? getAllLength + 10 : getAllLength2 + 10 : isMix ? getKHRLength + 6 : getKHRLength * 2 + 6,
+      usernameColSpan: isShowUsd ? isMix ? 4 : getAllLength + 4 : isMix ? 2 : getKHRLength + 2,
+      dateColSpan: isShowUsd ? getKHRLength + 2 : getKHRLength + 1,
+      dayColSpan: isShowUsd ? getUSDLength + 2 : 1,
+      isSend: filter == null ? void 0 : filter.isSend
+    }),
+    renderSectionHeaderRow({ t: translate, lotteryType: type, isMix, isShowUsd, getKHRLength, getUSDLength }),
+    renderColumnHeaderRow({
+      t: translate,
+      isMix,
+      isShowUsd,
+      isShow4DUsd,
+      isShow4DKhr,
+      isShow5DUsd,
+      isShow5DKhr
+    }),
+    items && items.map((object, i) => /* @__PURE__ */ React.createElement(
+      MainTableRow,
+      __spreadProps$3(__spreadValues$4({
+        isShowUsd,
+        isShow4DUsd,
+        isShow4DKhr,
+        isShow5DUsd,
+        isShow5DKhr
+      }, props), {
+        key: i,
+        index: i + 1,
+        object
+      })
+    )),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      MainTableRow,
+      __spreadProps$3(__spreadValues$4({}, props), {
+        isShowUsd,
+        isShow4DUsd,
+        isShow4DKhr,
+        isShow5DUsd,
+        isShow5DKhr,
+        total: "\u179F\u179A\u17BB\u1794",
+        object: __spreadValues$4({}, props.item.summary)
+      })
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(THF, { className: "none-event" }) }),
+    renderSummaryBandRow({
+      isShowUsd,
+      khrColSpan: isShowUsd ? isMix ? 6 : getAllLength + 6 : getKHRLength * 2 + 8,
+      usdColSpan: getAllLength + 4
+    }),
+    renderCalculationRows({
+      rows: commissionRows,
+      id,
+      isShowUsd,
+      layout: commissionRowLayout,
+      resultClassName: "blue-l-h",
+      usdResultClassName: "green-l-h"
+    }),
+    renderCalculationRows({
+      rows: rewardRows,
+      id,
+      isShowUsd,
+      layout: rewardRowLayout,
+      valueClassName: "t-blue",
+      resultClassName: "t-blue b-gray-l"
+    }),
+    renderWinLoseRow(__spreadValues$4({
+      id,
+      isShowUsd,
+      winLoseKhr,
+      winLoseUsd
+    }, getWinLoseLayout({ isMix, isShowUsd, getAllLength, getKHRLength })))
+  ] }) }) });
+};
+
+var __defProp$3 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __publicField = (obj, key, value) => __defNormalProp$3(obj, key + "" , value);
+class MainTable extends React.Component {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "renderLottery", (data) => {
+      const type = data.lotteryType;
+      const { isMix, filter } = this.props;
+      const preTitle = (filter == null ? void 0 : filter.isSend) ? "\u179F\u17B6\u1784" : "";
+      if (data) {
+        switch (type) {
+          case lType.LEAP:
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              MainLeap,
+              __spreadProps$2(__spreadValues$3({}, this.props), {
+                preTitle,
+                lotteryType: type,
+                type,
+                isMix,
+                item: data
+              })
+            );
+          case lType.SC:
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              MainSC,
+              __spreadProps$2(__spreadValues$3({}, this.props), {
+                preTitle,
+                lotteryType: type,
+                type,
+                isMix,
+                item: data
+              })
+            );
+          default:
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              MainVn,
+              __spreadProps$2(__spreadValues$3({}, this.props), {
+                preTitle,
+                lotteryType: type,
+                type,
+                isMix,
+                item: data
+              })
+            );
+        }
+      }
+    });
+  }
+  render() {
+    const { data } = this.props;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { children: data && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white d-inline-flex ml-3 mt-3", children: this.renderLottery(data) }) });
+  }
+}
+
+const IMAGE_EXPORT_IGNORE_CLASS = "image-export-ignore";
+const getCanvasScale = () => {
+  const deviceScale = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+  return Math.max(deviceScale, 3);
+};
+const waitForFontsAndImages = async (root) => {
+  var _a, _b;
+  const fontsReady = (_b = (_a = document.fonts) == null ? void 0 : _a.ready) != null ? _b : Promise.resolve();
+  const imgs = Array.from(root.querySelectorAll("img"));
+  const imgReady = imgs.map((img) => {
+    if (img.crossOrigin == null) img.crossOrigin = "anonymous";
+    if (img.complete) return Promise.resolve();
+    return new Promise((resolve) => {
+      img.addEventListener("load", resolve, { once: true });
+      img.addEventListener("error", resolve, { once: true });
+    });
+  });
+  await Promise.all([fontsReady, ...imgReady]);
+  await new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)));
+};
+const setIgnoredVisibility = (root, visibility) => {
+  const previousStyles = Array.from(root.querySelectorAll(`.${IMAGE_EXPORT_IGNORE_CLASS}`)).map((node) => ({
+    node,
+    visibility: node.style.visibility
+  }));
+  previousStyles.forEach(({ node }) => {
+    node.style.visibility = visibility;
+  });
+  return () => {
+    previousStyles.forEach(({ node, visibility: previousVisibility }) => {
+      node.style.visibility = previousVisibility;
+    });
+  };
+};
+const canvasToBlob = (canvas) => new Promise((resolve) => {
+  if (canvas.toBlob) {
+    canvas.toBlob(resolve, "image/png", 1);
+    return;
+  }
+  fetch(canvas.toDataURL("image/png", 1)).then((response) => response.blob()).then(resolve);
+});
+const renderElementToBlob = async (element) => {
+  if (!element) throw new Error("Element not found");
+  const restoreIgnoredVisibility = setIgnoredVisibility(element, "hidden");
+  try {
+    await waitForFontsAndImages(element);
+    const canvas = await html2canvas(element, {
+      scale: getCanvasScale(),
+      useCORS: true,
+      backgroundColor: "#ffffff",
+      logging: false,
+      removeContainer: true,
+      width: element.scrollWidth,
+      height: element.scrollHeight,
+      windowWidth: element.scrollWidth,
+      windowHeight: element.scrollHeight
+    });
+    return canvasToBlob(canvas);
+  } finally {
+    restoreIgnoredVisibility();
+  }
+};
+const saveElementAsImage = async (element, fileName = "report.png") => {
+  const blob = await renderElementToBlob(element);
+  if (!blob) throw new Error("Image export unavailable");
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = fileName;
+  link.click();
+  setTimeout(() => URL.revokeObjectURL(url), 1500);
+};
+const copyElementImageToClipboard = async (element) => {
+  var _a;
+  if (!((_a = navigator.clipboard) == null ? void 0 : _a.write) || typeof ClipboardItem === "undefined") {
+    throw new Error("Clipboard image copy is not supported");
+  }
+  const blob = await renderElementToBlob(element);
+  if (!blob) throw new Error("Clipboard image unavailable");
+  await navigator.clipboard.write([
+    new ClipboardItem({ "image/png": blob })
+  ]);
+};
+
+const getSummaryImageFileName = (prefix, filter) => {
+  var _a;
+  const user = ((_a = filter == null ? void 0 : filter.user) == null ? void 0 : _a.label) || "all";
+  const date = getDate(filter == null ? void 0 : filter.filterByDate) || "date";
+  return `${prefix}-${user}-${date}`.replace(/[^\w.-]+/g, "-") + ".png";
+};
+const notifySuccess = (text) => {
+  PNotify_1.removeAll();
+  PNotify_1.success({ text });
+};
+const notifyError = (text) => {
+  PNotify_1.removeAll();
+  PNotify_1.error({ text });
+};
+const SummaryImageActions = ({ children, fileName }) => {
+  const exportRef = React.useRef(null);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const handleSaveImage = async () => {
+    setIsLoading(true);
+    try {
+      await saveElementAsImage(exportRef.current, fileName);
+      notifySuccess("Saved image");
+    } catch (error) {
+      notifyError(error.message || "Cannot save image");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleCopyImage = async () => {
+    setIsLoading(true);
+    try {
+      await copyElementImageToClipboard(exportRef.current);
+      notifySuccess("Copied image");
+    } catch (error) {
+      notifyError(error.message || "Cannot copy image");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const actions = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${IMAGE_EXPORT_IGNORE_CLASS} d-flex`, style: {
+    position: "absolute",
+    right: 8,
+    top: "50%",
+    transform: "translateY(-50%)"
+  }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", title: "Save Image", className: "btn btn-sm btn-primary mr-1", disabled: isLoading, onClick: handleSaveImage, children: /* @__PURE__ */ jsxRuntime.jsx("i", { className: "feather icon-download mr-0" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", title: "Copy Image", className: "btn btn-sm btn-info", disabled: isLoading, onClick: handleCopyImage, children: /* @__PURE__ */ jsxRuntime.jsx("i", { className: "feather icon-copy mr-0" }) })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 d-inline-block", ref: exportRef, children: typeof children === "function" ? children(actions) : /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+    children,
+    actions
+  ] }) });
+};
+
+const SummaryRow = ({ id, label, khr, usd, showUsd, className = "", labelClassName = "text-center" }) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(THB, { colSpan: 4, className: labelClassName, children: label }),
+  /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthB, { colSpan: showUsd ? 3 : 6, className: `${className} t-right`, id, value: khr, currency: "KHR" }),
+  showUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthB, { colSpan: 3, className: `${className} t-right`, id, value: usd, currency: "USD" })
+] });
+const getSummaryUser = ({ data, filter }) => {
+  var _a, _b, _c;
+  const firstItem = ((_a = data == null ? void 0 : data.items) == null ? void 0 : _a[0]) || {};
+  return {
+    label: ((_b = filter == null ? void 0 : filter.user) == null ? void 0 : _b.label) || firstItem.nickname || "N/A",
+    nickname: ((_c = filter == null ? void 0 : filter.user) == null ? void 0 : _c.nickname) || getMemberName(firstItem.username),
+    date: (filter == null ? void 0 : filter.filterByDate) || firstItem.date
+  };
+};
+const WinLoseSummary = ({ data, id, filter, showUsd }) => {
+  const {
+    summary: {
+      winLoseKhr = 0,
+      winLoseUsd = 0,
+      shareAmountKhr = 0,
+      shareAmountUsd = 0,
+      oldUsd = 0,
+      oldKhr = 0,
+      giveUsd = 0,
+      giveKhr = 0,
+      borrowUsd = 0,
+      borrowKhr = 0,
+      totalUsd = 0,
+      totalKhr = 0,
+      protestKhr = 0,
+      protestUsd = 0
+    } = {},
+    winLoses = []
+  } = data || {};
+  const user = getSummaryUser({ data, filter });
+  const totalStyle = { borderBottom: "2px solid black", borderTop: "2px solid black" };
+  const summaryValueKhr = (filter == null ? void 0 : filter.isSend) ? winLoseKhr : shareAmountKhr;
+  const summaryValueUsd = (filter == null ? void 0 : filter.isSend) ? winLoseUsd : shareAmountUsd;
+  return /* @__PURE__ */ jsxRuntime.jsx(SummaryImageActions, { fileName: getSummaryImageFileName("win-lose-summary", filter), children: (actions) => /* @__PURE__ */ jsxRuntime.jsx(
+    "table",
+    {
+      id: id ? `${id}-win-lose-summary` : void 0,
+      className: "table table-hover table-bordered table-collapse mb-0",
+      style: { width: "auto", minWidth: 720 },
+      children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: "pb-5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "animate-slide-up", children: /* @__PURE__ */ jsxRuntime.jsxs(THB, { className: (filter == null ? void 0 : filter.isSend) ? "red-d-h" : "blue-ld-h f-15", colSpan: 10, style: { position: "relative" }, children: [
+          "\u179F\u17BB\u17B8\u1781\u17B6\u178F\u1794\u17D2\u179A\u1785\u17B6\u17C6\u1790\u17D2\u1784\u17C3",
+          actions
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(THB, { colSpan: 4, children: user.label }),
+          /* @__PURE__ */ jsxRuntime.jsx(THB, { colSpan: 3, children: user.nickname }),
+          /* @__PURE__ */ jsxRuntime.jsx(THB, { colSpan: 3, children: getDate(user.date) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(THB, { className: "blue-l-h", colSpan: 4, children: "\u1794\u17D2\u179A\u1797\u17C1\u1791\u1786\u17D2\u1793\u17C4\u178F" }),
+          /* @__PURE__ */ jsxRuntime.jsx(THB, { className: "blue-l-h", colSpan: showUsd ? 3 : 6, children: "(\u179A\u17C0\u179B)" }),
+          showUsd && /* @__PURE__ */ jsxRuntime.jsx(THB, { colSpan: 3, className: "green-l-h text-left", children: "(\u178A\u17BB\u179B\u17D2\u179B\u17B6\u179A)" })
+        ] }),
+        winLoses.map(({ winLoseKhr: winLoseKhr2, winLoseUsd: winLoseUsd2, lotteryType }, index) => {
+          const lotteryName = lotteryLabelKH[lotteryType] || lotteryType;
+          const lotteryCode = lotteryLabel[lotteryType] || lotteryType;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            SummaryRow,
+            {
+              id,
+              label: `\u1786\u17D2\u1793\u17C4\u178F${lotteryName} (${lotteryCode})`,
+              khr: winLoseKhr2,
+              usd: winLoseUsd2,
+              showUsd,
+              labelClassName: "t-left"
+            },
+            `${lotteryType}-${index}`
+          );
+        }),
+        /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up b-vio-b2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(THB, { colSpan: 4, className: "t-left f-bold blue-l-h", children: "\u179F\u179A\u17BB\u1794\u179F\u17BB\u17B8\u1781\u17B6\u178F\u1794\u17D2\u179A\u1785\u17B6\u17C6\u1790\u17D2\u1784\u17C3" }),
+          /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthB, { className: "t-right f-bold blue-l-h", colSpan: showUsd ? 3 : 6, id, value: summaryValueKhr, currency: "KHR" }),
+          showUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthB, { colSpan: 3, className: "t-right f-bold green-l-h", id, value: summaryValueUsd, currency: "USD" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(SummaryRow, { id, label: "\u1794\u1789\u17D2\u1787\u17B8\u1785\u17B6\u179F\u17CB", khr: oldKhr, usd: oldUsd, showUsd }),
+        /* @__PURE__ */ jsxRuntime.jsx(SummaryRow, { id, label: "\u179B\u17BB\u1799\u179F\u1784", khr: giveKhr, usd: giveUsd, showUsd }),
+        /* @__PURE__ */ jsxRuntime.jsx(SummaryRow, { id, label: "\u179B\u17BB\u1799\u1781\u17D2\u1785\u17B8", khr: borrowKhr, usd: borrowUsd, showUsd }),
+        /* @__PURE__ */ jsxRuntime.jsx(SummaryRow, { id, label: "\u179B\u17BB\u1799\u178F\u179C\u17C9\u17B6", khr: protestKhr, usd: protestUsd, showUsd }),
+        /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(THB, { colSpan: 4, style: totalStyle, className: "t-center blue-l-h", children: "\u179F\u179A\u17BB\u1794\u1791\u17B6\u17C6\u1784\u17A2\u179F\u17CB" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            RenderThWidthB,
+            {
+              colSpan: showUsd ? 3 : 6,
+              style: totalStyle,
+              className: "blue-l-h t-right",
+              id,
+              value: totalKhr,
+              currency: "KHR"
+            }
+          ),
+          showUsd && /* @__PURE__ */ jsxRuntime.jsx(
+            RenderThWidthB,
+            {
+              colSpan: 3,
+              style: totalStyle,
+              className: "green-l-h t-right",
+              id,
+              value: totalUsd,
+              currency: "USD"
+            }
+          )
+        ] })
+      ] })
+    }
+  ) });
+};
+
+var __defProp$2 = Object.defineProperty;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    }
+  return a;
+};
+class Summary extends React.Component {
+  render() {
+    var _a;
+    const {
+      data,
+      filter
+    } = this.props;
+    const showUsd = (data == null ? void 0 : data.isShowUsd) || ((_a = data == null ? void 0 : data.summary) == null ? void 0 : _a.isShowUsd);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { id: "mix-daily-report", className: "d-inline-block mb-3 mr-3 pb-5 pl-3", children: /* @__PURE__ */ jsxRuntime.jsx(WinLoseSummary, __spreadValues$2({ data, filter, showUsd }, this.props)) });
+  }
+}
+
+var __defProp$1 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+class MainTableWrap extends React.Component {
+  render() {
+    var _a;
+    const { data, isMix } = this.props;
+    return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+      (_a = data == null ? void 0 : data.items) == null ? void 0 : _a.map((obj, i) => /* @__PURE__ */ React.createElement(MainTable, __spreadProps$1(__spreadValues$1({}, this.props), { key: i, data: obj, isMix }))),
+      data && /* @__PURE__ */ jsxRuntime.jsx(Summary, __spreadValues$1({ data }, this.props))
+    ] });
+  }
+}
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+class MainTableWrapExcel extends React.Component {
+  render() {
+    var _a;
+    const { data, id } = this.props;
+    return /* @__PURE__ */ jsxRuntime.jsx("table", { id, children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+      (_a = data == null ? void 0 : data.items) == null ? void 0 : _a.map((obj, i) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx(MainTable, __spreadProps(__spreadValues({}, this.props), { data: obj })) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tr", {}),
+        /* @__PURE__ */ jsxRuntime.jsx("tr", {})
+      ] }, i)),
+      /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { children: data && /* @__PURE__ */ jsxRuntime.jsx(Summary, __spreadValues({ data }, this.props)) }) })
+    ] }) });
+  }
+}
+
 exports.DeleteModal = DeleteModal;
 exports.DeleteTicketButton = DeleteTicketButton;
 exports.DropdownMenu = MoreMenu;
 exports.KPLO = KPLO;
 exports.KPPostCode = KPPostCode;
+exports.MixDailyReport = MainTableWrap;
+exports.MixDailyReportExcel = MainTableWrapExcel;
 exports.Printer = Printer;
 exports.ProtestButton = ProtestButton;
 exports.ProtestModal = ProtestModal;
@@ -59442,14 +61535,19 @@ exports.TicketModal = TicketModal;
 exports.TransferModal = TransferModal;
 exports.TransferTicket = TransferTicket;
 exports.clickRemarkBtn = clickRemarkBtn;
+exports.formatUsd = formatUsd;
+exports.getMemberName = getMemberName;
 exports.getS3ImgPrint = getS3ImgPrint;
 exports.getStoredIsRemark = getStoredIsRemark;
 exports.isVNType = isVNType;
 exports.lType = lType;
 exports.lotteryLabel = lotteryLabel;
+exports.lotteryLabelKH = lotteryLabelKH;
 exports.lotteryLabelOnline = lotteryLabelOnline;
 exports.lotteryLabelVN = lotteryLabelVN;
+exports.lotteryReportLabel = lotteryReportLabel;
 exports.mapBetTitle = mapBetTitle;
 exports.mapLabels = mapLabels;
 exports.mapStrPost = mapStrPost;
+exports.widthLength = widthLength;
 //# sourceMappingURL=index.cjs.js.map