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

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx as jsx$1, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { forwardRef, Component, useRef, useState, useEffect, useLayoutEffect, useMemo, memo, useCallback, useContext, createContext as createContext$1, Fragment as Fragment$1, isValidElement } from 'react';
+import React__default, { forwardRef, Component, useRef, useState, useEffect, useLayoutEffect, useMemo, memo, useCallback, useContext, createContext as createContext$1, Fragment as Fragment$1, isValidElement, createElement as createElement$3 } from 'react';
 import ReactDOM, { createPortal } from 'react-dom';
 
 function styleInject(css, ref) {
@@ -3479,11 +3479,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;
@@ -30829,25 +30829,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",
@@ -30906,7 +30906,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"
@@ -31430,30 +31455,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;
@@ -31477,7 +31502,7 @@ const PrintTicket58 = (props) => {
           ),
           /* @__PURE__ */ jsx$1(
             TicketPrintBody,
-            __spreadValues$b({
+            __spreadValues$k({
               is58: true,
               item,
               bodyClass,
@@ -37193,10 +37218,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];
@@ -37532,17 +37562,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;
@@ -37586,33 +37616,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;
@@ -37621,8 +37651,8 @@ const Printer = (_a) => {
   var _b = _a, { children } = _b, props = __objRest$5(_b, ["children"]);
   return /* @__PURE__ */ jsx$1(
     BasePrinter,
-    __spreadProps$2(__spreadValues$a({
-      component: /* @__PURE__ */ jsx$1(Ticket, __spreadValues$a({}, props))
+    __spreadProps$a(__spreadValues$j({
+      component: /* @__PURE__ */ jsx$1(Ticket, __spreadValues$j({}, props))
     }, props), {
       children: children != null ? children : /* @__PURE__ */ jsx$1("div", { className: "btn btn-primary", children: /* @__PURE__ */ jsxs(
         "svg",
@@ -45491,12 +45521,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,
@@ -45511,7 +45541,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)
@@ -45535,9 +45565,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");
@@ -45550,7 +45580,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"));
@@ -45565,7 +45595,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 {
@@ -45581,9 +45611,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" });
@@ -45611,19 +45641,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;
 };
@@ -45648,7 +45678,7 @@ const TicketModalWrapper = (props) => {
     await onAfterPrint();
   };
   return /* @__PURE__ */ jsx$1("table", { ref: reportRef, className: "mb-3", children: /* @__PURE__ */ jsxs("tbody", { children: [
-    /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { children: /* @__PURE__ */ jsx$1("div", { ref: contentRef, className: "px-3 pt-3 bg-white", children: /* @__PURE__ */ jsx$1(Ticket, __spreadValues$9({ plusCount: 1 }, props)) }) }) }),
+    /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { children: /* @__PURE__ */ jsx$1("div", { ref: contentRef, className: "px-3 pt-3 bg-white", children: /* @__PURE__ */ jsx$1(Ticket, __spreadValues$i({ plusCount: 1 }, props)) }) }) }),
     /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { colSpan: 3, className: "text-center border-bottom-0", children: /* @__PURE__ */ jsxs(
       "div",
       {
@@ -45715,30 +45745,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;
@@ -45756,7 +45786,7 @@ function TicketModal(_a) {
       modalClassName: "modal scroll-modal",
       contentClassName: "",
       style: { width: 380 },
-      children: /* @__PURE__ */ jsx$1(ModalBody, { className: "d-inline-flex justify-content-center p-0", children: /* @__PURE__ */ jsx$1(TicketModalWrapper, __spreadValues$8({ object }, props)) })
+      children: /* @__PURE__ */ jsx$1(ModalBody, { className: "d-inline-flex justify-content-center p-0", children: /* @__PURE__ */ jsx$1(TicketModalWrapper, __spreadValues$h({ object }, props)) })
     }
   ) });
 }
@@ -45882,26 +45912,26 @@ const PostTable = memo(({ data = [], fallbackTwo = "", fallbackThree = "", usePo
   return /* @__PURE__ */ jsx$1(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 = memo(({ LO = [], columnsCount = 3, showHeader = false }) => {
@@ -45913,7 +45943,7 @@ const LoTable = 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
@@ -57760,30 +57790,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;
@@ -57820,7 +57850,7 @@ function DeleteModal(_a) {
   const [isLoading, setIsLoading] = useState(false);
   const [isSubmitting, setIsSubmitting] = 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"
@@ -57978,19 +58008,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;
 };
@@ -58025,7 +58055,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),
@@ -58072,19 +58102,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;
 };
@@ -58112,7 +58142,7 @@ const ProtestModal = ({
   const [isSubmitting, setIsSubmitting] = 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"
@@ -58372,19 +58402,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;
 };
@@ -58410,7 +58440,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 = useMemo(() => __spreadValues$3({
+  const headers = useMemo(() => __spreadValues$c({
     "Content-Type": "application/json",
     "Accept": "application/json",
     "X-DeviceType": "WEB"
@@ -58574,19 +58604,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;
 };
@@ -58628,7 +58658,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 = useMemo(() => __spreadValues$2({
+  const headers = useMemo(() => __spreadValues$b({
     "Content-Type": "application/json",
     "Accept": "application/json",
     "X-DeviceType": "WEB"
@@ -58847,30 +58877,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;
@@ -58906,7 +58936,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"
@@ -59014,17 +59044,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;
@@ -59065,33 +59095,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;
@@ -59155,7 +59185,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"
@@ -59261,23 +59291,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__ */ jsx$1(DropdownToggle, __spreadProps(__spreadValues({}, resolvedToggle.props), { children: resolvedToggle.children }));
+    return /* @__PURE__ */ jsx$1(DropdownToggle, __spreadProps$8(__spreadValues$9({}, resolvedToggle.props), { children: resolvedToggle.children }));
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx$1(ScopeHost, { children: (container) => container && /* @__PURE__ */ jsxs(UncontrolledDropdown, __spreadProps(__spreadValues({ className: "drp-user font-Hanuman" }, props), { children: [
+    /* @__PURE__ */ jsx$1(ScopeHost, { children: (container) => container && /* @__PURE__ */ jsxs(UncontrolledDropdown, __spreadProps$8(__spreadValues$9({ className: "drp-user font-Hanuman" }, props), { children: [
       renderDropdownToggle(),
       /* @__PURE__ */ jsxs(DropdownMenu, { className: "profile-notification pt-0", children: [
         /* @__PURE__ */ jsxs(DropdownItem, { header: true, className: "drop-header", children: [
@@ -59401,5 +59431,2066 @@ MoreMenu.propTypes = {
   ])
 };
 
-export { DeleteModal, DeleteTicketButton, MoreMenu as DropdownMenu, KPLO, KPPostCode, Printer, ProtestButton, ProtestModal, ProtestTicket, RemarkConfigToggle, RemarkModal, RemarkModalShowOnly, SCPostCode, SaryLottery, SaryPrintAll, THLabel, Ticket, TicketModal, TransferModal, TransferTicket, clickRemarkBtn, getS3ImgPrint, getStoredIsRemark, isVNType, lType, lotteryLabel, lotteryLabelOnline, lotteryLabelVN, mapBetTitle, mapLabels, mapStrPost };
+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__ */ jsx$1(
+  "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__ */ jsx$1("th", { style: {
+  border: !border ? "0" : "1px solid black"
+}, colSpan, className: "text-center " + className, children });
+const THF = ({ children, colSpan = 1, className, style }) => /* @__PURE__ */ jsx$1(
+  "th",
+  {
+    colSpan,
+    style,
+    className: "text-center b-0 " + className,
+    children
+  }
+);
+const THB = ({ children, colSpan = 1, className, style }) => /* @__PURE__ */ jsx$1(
+  "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__ */ jsx$1(
+  "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__ */ jsx$1(
+  "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 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__ */ jsxs("tr", { className: "animate-slide-up", children: [
+      /* @__PURE__ */ jsx$1(
+        TH,
+        {
+          colSpan: 2,
+          className: `text-center t-blue-vio ${!total ? "t-left" : ""}`,
+          children: total ? total : getTime(drawAt)
+        }
+      ),
+      isShow(isShow1DKhr) && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet1DKhr, currency: "KHR" }),
+      !isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet2DKhr, currency: "KHR" }),
+      !isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet3DKhr, currency: "KHR" }),
+      isShow(isShow4DKhr) && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet4DKhr, currency: "KHR" }),
+      isShow(isShow1DUsd) && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet1DUsd, currency: "USD" }),
+      !isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet2DUsd, currency: "USD" }),
+      !isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet3DUsd, currency: "USD" }),
+      isShow(isShow4DUsd) && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet4DUsd, currency: "USD" }),
+      isMix && /* @__PURE__ */ jsx$1(
+        RenderThWidth,
+        {
+          colSpan: mergeKhr,
+          id,
+          value: bet1DKhr + bet2DKhr + bet3DKhr + bet4DKhr,
+          currency: "KHR"
+        }
+      ),
+      isMix && isShowUsd && /* @__PURE__ */ jsx$1(
+        RenderThWidth,
+        {
+          className: "green-l-h",
+          colSpan: mergeUsd,
+          id,
+          value: formatUsd(bet1DUsd + bet2DUsd + bet3DUsd + bet4DUsd),
+          currency: "USD"
+        }
+      ),
+      isShow1DKhr && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win1DKhr, currency: "KHR" }),
+      /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win2DKhr, currency: "KHR" }),
+      /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win3DKhr, currency: "KHR" }),
+      isShow4DKhr && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win4DKhr, currency: "KHR" }),
+      isShow1DUsd && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win1DUsd, currency: "USD" }),
+      isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win2DUsd, currency: "USD" }),
+      isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win3DUsd, currency: "USD" }),
+      isShow4DUsd && isShowUsd && /* @__PURE__ */ jsx$1(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__ */ jsx$1(React__default.Fragment, { children: /* @__PURE__ */ jsxs("tr", { className: ` ${isSend ? "bg-red-l2" : "yell-l-h"} text-center`, children: [
+  /* @__PURE__ */ jsx$1(TH, { colSpan: 2, children: nickname }),
+  /* @__PURE__ */ jsx$1(TH, { colSpan: usernameColSpan, className: "font-weight-bold", children: getMemberName(username) }),
+  /* @__PURE__ */ jsx$1(TH, { colSpan: dateColSpan, className: "font-weight-bold", children: getDateF(date) }),
+  /* @__PURE__ */ jsx$1(TH, { colSpan: dayColSpan, children: getDay(date) })
+] }) });
+const renderReportSectionHeaderRow = ({ lotteryType, sections }) => /* @__PURE__ */ jsxs("tr", { className: "blue-h", children: [
+  /* @__PURE__ */ jsx$1(TH, { colSpan: 2, children: lotteryReportLabel(lotteryType) }),
+  sections.map((section) => section.isVisible !== false && /* @__PURE__ */ jsx$1(TH, { colSpan: section.colSpan, children: section.label }, section.key))
+] });
+const renderReportColumnHeaderRow = (columns) => /* @__PURE__ */ jsx$1("tr", { children: columns.map((column) => column.isVisible !== false && /* @__PURE__ */ jsx$1(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__ */ jsx$1(React__default.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__ */ jsxs("tr", { className: "animate-slide-up b-vio-t", children: [
+  /* @__PURE__ */ jsx$1(THF, { className: "blue-l-h", colSpan: khrColSpan, children: khrLabel }),
+  isShowUsd && /* @__PURE__ */ jsx$1(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__ */ jsxs("tr", { className: `animate-slide-up ${borderClassName}`, children: [
+  /* @__PURE__ */ jsx$1(THF, { className: "t-right", children: khrLabel }),
+  /* @__PURE__ */ jsx$1(RenderThWidthF, { id, value: winLoseKhr, currency: "KHR" }),
+  khrAfterValue.map(renderSpacer),
+  isShowUsd && /* @__PURE__ */ jsx$1(THF, { className: "t-right", children: usdLabel }),
+  isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidthF, { id, value: winLoseUsd, currency: "USD" }),
+  isShowUsd && usdAfterValue.map(renderSpacer)
+] });
+const renderSpacer = ({ colSpan } = {}, key) => /* @__PURE__ */ jsx$1(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__ */ jsxs("tr", { className, children: [
+    /* @__PURE__ */ jsx$1(THF, { className: "t-right", children: label }),
+    /* @__PURE__ */ jsx$1(RenderThWidthF, { className: valueClassName, id, value: khrValue, currency: "KHR" }),
+    (_a = layout.khrBeforeRate) == null ? void 0 : _a.map(renderSpacer),
+    /* @__PURE__ */ jsx$1(THF, { className: rateClassName, children: rate }),
+    /* @__PURE__ */ jsx$1(RenderThWidthF, { className: resultClassName, id, value: khrResult, currency: "KHR" }),
+    (_b = layout.khrAfterResult) == null ? void 0 : _b.map(renderSpacer),
+    isShowUsd && /* @__PURE__ */ jsx$1(THF, { className: "t-right", children: label }),
+    isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidthF, { className: valueClassName, id, value: usdValue, currency: "USD" }),
+    isShowUsd && ((_c = layout.usdBeforeRate) == null ? void 0 : _c.map(renderSpacer)),
+    isShowUsd && /* @__PURE__ */ jsx$1(THF, { className: rateClassName, children: usdRate || rate }),
+    isShowUsd && /* @__PURE__ */ jsx$1(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__ */ jsx$1("div", { id: "wrap-tb", className: "mb-3 mr-3", children: /* @__PURE__ */ jsx$1("table", { id, className: `table table-hover table-striped ${className}`, children: /* @__PURE__ */ 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__ */ createElement$3(
+      MainTableRow$2,
+      __spreadProps$5(__spreadValues$6({
+        isShowUsd,
+        mergeKhr,
+        mergeUsd,
+        isShow
+      }, props), {
+        key: i,
+        index: i + 1,
+        item: props.item,
+        object
+      })
+    )),
+    /* @__PURE__ */ jsx$1(
+      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__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1(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 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__ */ jsxs("tr", { className: "animate-slide-up", children: [
+      /* @__PURE__ */ jsx$1(
+        TH,
+        {
+          colSpan: 2,
+          className: `text-center t-blue-vio ${!total ? "t-left" : ""}`,
+          children: total ? total : getTime(drawAt)
+        }
+      ),
+      !isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet2DKhr, currency: "KHR" }),
+      !isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet3DKhr, currency: "KHR" }),
+      !isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet4DKhr, currency: "KHR" }),
+      !isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet2DUsd, currency: "USD" }),
+      !isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet3DUsd, currency: "USD" }),
+      !isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet4DUsd, currency: "USD" }),
+      isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { colSpan: 2, id, value: bet2DKhr + bet3DKhr + bet4DKhr, currency: "KHR" }),
+      isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", colSpan: 2, id, value: formatUsd(bet3DUsd + bet2DUsd + bet4DUsd), currency: "USD" }),
+      /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win2DKhr, currency: "KHR" }),
+      /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win3DKhr, currency: "KHR" }),
+      /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win4DKhr, currency: "KHR" }),
+      isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win2DUsd, currency: "USD" }),
+      isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win3DUsd, currency: "USD" }),
+      isShowUsd && /* @__PURE__ */ jsx$1(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__ */ jsx$1("div", { id: "wrap-tb", className: "mb-3 mr-3", children: /* @__PURE__ */ jsx$1("table", { id, className: `table table-hover table-striped ${className}`, children: /* @__PURE__ */ 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__ */ createElement$3(
+      MainTableRow$1,
+      __spreadProps$4(__spreadValues$5({
+        isShowUsd
+      }, props), {
+        key: i,
+        index: i + 1,
+        object
+      })
+    )),
+    /* @__PURE__ */ jsx$1(
+      MainTableRow$1,
+      __spreadProps$4(__spreadValues$5({}, props), {
+        isShowUsd,
+        total: "\u179F\u179A\u17BB\u1794",
+        object: __spreadValues$5({}, props.item.summary)
+      })
+    ),
+    /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1(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 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__ */ jsxs("tr", { className: "animate-slide-up", children: [
+      /* @__PURE__ */ jsx$1(
+        TH,
+        {
+          colSpan: 2,
+          className: `text-center t-blue-vio ${!total ? "t-left" : ""}`,
+          children: total ? total : getTime(drawAt)
+        }
+      ),
+      !isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet2DKhr, currency: "KHR" }),
+      !isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet3DKhr, currency: "KHR" }),
+      !isMix && isShow4DKhr && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet4DKhr, currency: "KHR" }),
+      !isMix && isShow5DKhr && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet5DKhr, currency: "KHR" }),
+      !isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet2DUsd, currency: "USD" }),
+      !isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet3DUsd, currency: "USD" }),
+      !isMix && isShowUsd && isShow4DUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet4DUsd, currency: "USD" }),
+      !isMix && isShowUsd && isShow5DUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet5DUsd, currency: "USD" }),
+      isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { colSpan: 2, id, value: bet2DKhr + bet3DKhr + bet4DKhr + bet5DKhr, currency: "KHR" }),
+      isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", colSpan: 2, id, value: formatUsd(bet3DUsd + bet2DUsd + bet4DUsd + bet5DUsd), currency: "USD" }),
+      /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win2DKhr, currency: "KHR" }),
+      /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win3DKhr, currency: "KHR" }),
+      isShow4DKhr && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win4DKhr, currency: "KHR" }),
+      isShow5DKhr && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win5DKhr, currency: "KHR" }),
+      isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win2DUsd, currency: "USD" }),
+      isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win3DUsd, currency: "USD" }),
+      isShowUsd && isShow4DUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win4DUsd, currency: "USD" }),
+      isShowUsd && isShow5DUsd && /* @__PURE__ */ jsx$1(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__ */ jsx$1("div", { id: "wrap-tb", className: "mb-3 mr-3", children: /* @__PURE__ */ jsx$1("table", { id, className: `table table-hover table-striped ${className}`, children: /* @__PURE__ */ 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__ */ createElement$3(
+      MainTableRow,
+      __spreadProps$3(__spreadValues$4({
+        isShowUsd,
+        isShow4DUsd,
+        isShow4DKhr,
+        isShow5DUsd,
+        isShow5DKhr
+      }, props), {
+        key: i,
+        index: i + 1,
+        object
+      })
+    )),
+    /* @__PURE__ */ jsx$1(
+      MainTableRow,
+      __spreadProps$3(__spreadValues$4({}, props), {
+        isShowUsd,
+        isShow4DUsd,
+        isShow4DKhr,
+        isShow5DUsd,
+        isShow5DKhr,
+        total: "\u179F\u179A\u17BB\u1794",
+        object: __spreadValues$4({}, props.item.summary)
+      })
+    ),
+    /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1(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 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__ */ jsx$1(
+              MainLeap,
+              __spreadProps$2(__spreadValues$3({}, this.props), {
+                preTitle,
+                lotteryType: type,
+                type,
+                isMix,
+                item: data
+              })
+            );
+          case lType.SC:
+            return /* @__PURE__ */ jsx$1(
+              MainSC,
+              __spreadProps$2(__spreadValues$3({}, this.props), {
+                preTitle,
+                lotteryType: type,
+                type,
+                isMix,
+                item: data
+              })
+            );
+          default:
+            return /* @__PURE__ */ jsx$1(
+              MainVn,
+              __spreadProps$2(__spreadValues$3({}, this.props), {
+                preTitle,
+                lotteryType: type,
+                type,
+                isMix,
+                item: data
+              })
+            );
+        }
+      }
+    });
+  }
+  render() {
+    const { data } = this.props;
+    return /* @__PURE__ */ jsx$1("div", { children: data && /* @__PURE__ */ jsx$1("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 = useRef(null);
+  const [isLoading, setIsLoading] = 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__ */ jsxs("div", { className: `${IMAGE_EXPORT_IGNORE_CLASS} d-flex`, style: {
+    position: "absolute",
+    right: 8,
+    top: "50%",
+    transform: "translateY(-50%)"
+  }, children: [
+    /* @__PURE__ */ jsx$1("button", { type: "button", title: "Save Image", className: "btn btn-sm btn-primary mr-1", disabled: isLoading, onClick: handleSaveImage, children: /* @__PURE__ */ jsx$1("i", { className: "feather icon-download mr-0" }) }),
+    /* @__PURE__ */ jsx$1("button", { type: "button", title: "Copy Image", className: "btn btn-sm btn-info", disabled: isLoading, onClick: handleCopyImage, children: /* @__PURE__ */ jsx$1("i", { className: "feather icon-copy mr-0" }) })
+  ] });
+  return /* @__PURE__ */ jsx$1("div", { className: "mb-2 d-inline-block", ref: exportRef, children: typeof children === "function" ? children(actions) : /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+    children,
+    actions
+  ] }) });
+};
+
+const SummaryRow = ({ id, label, khr, usd, showUsd, className = "", labelClassName = "text-center" }) => /* @__PURE__ */ jsxs("tr", { className: "animate-slide-up", children: [
+  /* @__PURE__ */ jsx$1(THB, { colSpan: 4, className: labelClassName, children: label }),
+  /* @__PURE__ */ jsx$1(RenderThWidthB, { colSpan: showUsd ? 3 : 6, className: `${className} t-right`, id, value: khr, currency: "KHR" }),
+  showUsd && /* @__PURE__ */ jsx$1(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__ */ jsx$1(SummaryImageActions, { fileName: getSummaryImageFileName("win-lose-summary", filter), children: (actions) => /* @__PURE__ */ jsx$1(
+    "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__ */ jsxs("tbody", { className: "pb-5", children: [
+        /* @__PURE__ */ jsx$1("tr", { className: "animate-slide-up", children: /* @__PURE__ */ 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__ */ jsxs("tr", { className: "animate-slide-up", children: [
+          /* @__PURE__ */ jsx$1(THB, { colSpan: 4, children: user.label }),
+          /* @__PURE__ */ jsx$1(THB, { colSpan: 3, children: user.nickname }),
+          /* @__PURE__ */ jsx$1(THB, { colSpan: 3, children: getDate(user.date) })
+        ] }),
+        /* @__PURE__ */ jsxs("tr", { className: "animate-slide-up", children: [
+          /* @__PURE__ */ jsx$1(THB, { className: "blue-l-h", colSpan: 4, children: "\u1794\u17D2\u179A\u1797\u17C1\u1791\u1786\u17D2\u1793\u17C4\u178F" }),
+          /* @__PURE__ */ jsx$1(THB, { className: "blue-l-h", colSpan: showUsd ? 3 : 6, children: "(\u179A\u17C0\u179B)" }),
+          showUsd && /* @__PURE__ */ jsx$1(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__ */ jsx$1(
+            SummaryRow,
+            {
+              id,
+              label: `\u1786\u17D2\u1793\u17C4\u178F${lotteryName} (${lotteryCode})`,
+              khr: winLoseKhr2,
+              usd: winLoseUsd2,
+              showUsd,
+              labelClassName: "t-left"
+            },
+            `${lotteryType}-${index}`
+          );
+        }),
+        /* @__PURE__ */ jsxs("tr", { className: "animate-slide-up b-vio-b2", children: [
+          /* @__PURE__ */ jsx$1(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__ */ jsx$1(RenderThWidthB, { className: "t-right f-bold blue-l-h", colSpan: showUsd ? 3 : 6, id, value: summaryValueKhr, currency: "KHR" }),
+          showUsd && /* @__PURE__ */ jsx$1(RenderThWidthB, { colSpan: 3, className: "t-right f-bold green-l-h", id, value: summaryValueUsd, currency: "USD" })
+        ] }),
+        /* @__PURE__ */ jsx$1(SummaryRow, { id, label: "\u1794\u1789\u17D2\u1787\u17B8\u1785\u17B6\u179F\u17CB", khr: oldKhr, usd: oldUsd, showUsd }),
+        /* @__PURE__ */ jsx$1(SummaryRow, { id, label: "\u179B\u17BB\u1799\u179F\u1784", khr: giveKhr, usd: giveUsd, showUsd }),
+        /* @__PURE__ */ jsx$1(SummaryRow, { id, label: "\u179B\u17BB\u1799\u1781\u17D2\u1785\u17B8", khr: borrowKhr, usd: borrowUsd, showUsd }),
+        /* @__PURE__ */ jsx$1(SummaryRow, { id, label: "\u179B\u17BB\u1799\u178F\u179C\u17C9\u17B6", khr: protestKhr, usd: protestUsd, showUsd }),
+        /* @__PURE__ */ jsxs("tr", { className: "animate-slide-up", children: [
+          /* @__PURE__ */ jsx$1(THB, { colSpan: 4, style: totalStyle, className: "t-center blue-l-h", children: "\u179F\u179A\u17BB\u1794\u1791\u17B6\u17C6\u1784\u17A2\u179F\u17CB" }),
+          /* @__PURE__ */ jsx$1(
+            RenderThWidthB,
+            {
+              colSpan: showUsd ? 3 : 6,
+              style: totalStyle,
+              className: "blue-l-h t-right",
+              id,
+              value: totalKhr,
+              currency: "KHR"
+            }
+          ),
+          showUsd && /* @__PURE__ */ jsx$1(
+            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 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__ */ jsx$1("div", { id: "mix-daily-report", className: "d-inline-block mb-3 mr-3 pb-5 pl-3", children: /* @__PURE__ */ jsx$1(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 Component {
+  render() {
+    var _a;
+    const { data, isMix } = this.props;
+    return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+      (_a = data == null ? void 0 : data.items) == null ? void 0 : _a.map((obj, i) => /* @__PURE__ */ createElement$3(MainTable, __spreadProps$1(__spreadValues$1({}, this.props), { key: i, data: obj, isMix }))),
+      data && /* @__PURE__ */ jsx$1(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 Component {
+  render() {
+    var _a;
+    const { data, id } = this.props;
+    return /* @__PURE__ */ jsx$1("table", { id, children: /* @__PURE__ */ jsxs("tbody", { children: [
+      (_a = data == null ? void 0 : data.items) == null ? void 0 : _a.map((obj, i) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+        /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { children: /* @__PURE__ */ jsx$1(MainTable, __spreadProps(__spreadValues({}, this.props), { data: obj })) }) }),
+        /* @__PURE__ */ jsx$1("tr", {}),
+        /* @__PURE__ */ jsx$1("tr", {})
+      ] }, i)),
+      /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { children: data && /* @__PURE__ */ jsx$1(Summary, __spreadValues({ data }, this.props)) }) })
+    ] }) });
+  }
+}
+
+export { DeleteModal, DeleteTicketButton, MoreMenu as DropdownMenu, KPLO, KPPostCode, MainTableWrap as MixDailyReport, MainTableWrapExcel as MixDailyReportExcel, Printer, ProtestButton, ProtestModal, ProtestTicket, RemarkConfigToggle, RemarkModal, RemarkModalShowOnly, SCPostCode, SaryLottery, SaryPrintAll, THLabel, Ticket, TicketModal, TransferModal, TransferTicket, clickRemarkBtn, formatUsd, getMemberName, getS3ImgPrint, getStoredIsRemark, isVNType, lType, lotteryLabel, lotteryLabelKH, lotteryLabelOnline, lotteryLabelVN, lotteryReportLabel, mapBetTitle, mapLabels, mapStrPost, widthLength };
 //# sourceMappingURL=index.esm.js.map