@jingx/lottery-components-react-jsx 1.0.29 → 1.0.31

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { forwardRef, Component, useRef, useState, useEffect, useLayoutEffect, useMemo, memo, useCallback, useContext, createContext as createContext$1, Fragment } from 'react';
+import React__default, { forwardRef, Component, useRef, useState, useEffect, useLayoutEffect, useMemo, memo, useCallback, useContext, createContext as createContext$1, Fragment, isValidElement } from 'react';
 import ReactDOM, { createPortal } from 'react-dom';
 
 function styleInject(css, ref) {
@@ -32097,8 +32097,8 @@ function transformPostCode(posts, postCodeMap) {
 }
 
 var __defProp$a = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
 var __hasOwnProp$b = Object.prototype.hasOwnProperty;
 var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
@@ -32114,7 +32114,7 @@ var __spreadValues$a = (a, b) => {
     }
   return a;
 };
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 const KPPostCode = {
   A: "\u179B\u17E1",
   F: "\u179B\u17E2",
@@ -32173,7 +32173,7 @@ const lotteryLabel = {
   HOSO: "\u1786\u17D2\u1793\u17C4\u178F HOSO",
   KP: "\u1780\u17C6\u1796\u178F KP"
 };
-const lotteryLabelVN = __spreadProps$2(__spreadValues$a({}, lotteryLabel), {
+const lotteryLabelVN = __spreadProps$3(__spreadValues$a({}, 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"
@@ -38741,7 +38741,7 @@ const ProtestTicket = ({
     });
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ScopeHost, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("table", { id: "transfer-ticket-58", className: "print-tb-58-1", cellPadding: "7px", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("tbody", { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { style: { lineHeight: "35px" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { style: { lineHeight: "35px" }, className: "no-hover", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       RenderTitle,
       {
         className: "text-center ticket-logo pt-2 mt-1 p-0",
@@ -38751,8 +38751,8 @@ const ProtestTicket = ({
         logo
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-0 pt-2", colSpan: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsx("hr", { className: "border-top-ticket" }) }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-0 pt-2 text-black font-weight-bold", colSpan: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { className: "no-hover", children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-0 pt-2", colSpan: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsx("hr", { className: "border-top-ticket" }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { className: "no-hover", children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-0 pt-2 text-black font-weight-bold", colSpan: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "f-16", children: [
         object == null ? void 0 : object.username,
         " / #",
@@ -38760,8 +38760,8 @@ const ProtestTicket = ({
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "f-16", children: getDateTime(object == null ? void 0 : object.drawAt) })
     ] }) }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-0 pb-2", colSpan: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsx("hr", { className: "border-top-ticket" }) }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { colSpan: 3, className: "p-0 text-left", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "m-0 d-inline-flex align-items-center text-black", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { className: "no-hover", children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-0 pb-2", colSpan: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsx("hr", { className: "border-top-ticket" }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { className: "no-hover", children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { colSpan: 3, className: "p-0 text-left", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "m-0 d-inline-flex align-items-center text-black", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
         {
@@ -38775,7 +38775,7 @@ const ProtestTicket = ({
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 f-16", children: "Check all" })
     ] }) }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { colSpan: 3, className: "p-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { className: "no-hover", children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { colSpan: 3, className: "p-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       PrintTicket58,
       {
         isNight,
@@ -38788,7 +38788,7 @@ const ProtestTicket = ({
         isProtest
       }
     ) }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { colSpan: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsx("hr", { className: "border-top-ticket" }) }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { className: "no-hover", children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { colSpan: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsx("hr", { className: "border-top-ticket" }) }) })
   ] }) }) });
 };
 
@@ -38855,8 +38855,8 @@ const BasePrinter = (_a) => {
 };
 
 var __defProp$8 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
 var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
 var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
@@ -38872,7 +38872,7 @@ var __spreadValues$8 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -38889,7 +38889,7 @@ const Printer = (_a) => {
   var _b = _a, { children } = _b, props = __objRest$4(_b, ["children"]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     BasePrinter,
-    __spreadProps$1(__spreadValues$8({
+    __spreadProps$2(__spreadValues$8({
       component: /* @__PURE__ */ jsxRuntimeExports.jsx(Ticket, __spreadValues$8({}, props))
     }, props), {
       children: children != null ? children : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "btn btn-primary", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -47151,8 +47151,8 @@ const PostTable = memo(({ data = [], fallbackTwo = "", fallbackThree = "", usePo
 });
 
 var __defProp$5 = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
 var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
 var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
@@ -47168,8 +47168,8 @@ var __spreadValues$5 = (a, b) => {
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const loCellStyle = __spreadProps(__spreadValues$5({}, baseCellStyle), {
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+const loCellStyle = __spreadProps$1(__spreadValues$5({}, baseCellStyle), {
   width: "200px"
 });
 const LoTable = memo(({ LO = [], columnsCount = 3, showHeader = false }) => {
@@ -47181,7 +47181,7 @@ const LoTable = memo(({ LO = [], columnsCount = 3, showHeader = false }) => {
         "th",
         {
           className: "text-black text-center bg-light-red",
-          style: __spreadProps(__spreadValues$5({}, loCellStyle), { fontSize: "16px" }),
+          style: __spreadProps$1(__spreadValues$5({}, loCellStyle), { fontSize: "16px" }),
           children: KPLO[col.columnNumber]
         },
         idx
@@ -59039,7 +59039,7 @@ var __objRest$2 = (source, exclude) => {
 const DEFAULT_API_BASE_URL$3 = "https://api-web.dev.lottery.aazz168.com/";
 function DeleteModal(_a) {
   var _b = _a, {
-    object,
+    ticket,
     isOpen = false,
     onClose,
     onChange,
@@ -59050,7 +59050,7 @@ function DeleteModal(_a) {
     accessToken,
     isRemoveReason
   } = _b; __objRest$2(_b, [
-    "object",
+    "ticket",
     "isOpen",
     "onClose",
     "onChange",
@@ -59072,7 +59072,7 @@ function DeleteModal(_a) {
     "X-DeviceType": "WEB"
   }, token ? { Authorization: `Bearer ${token}` } : {});
   useEffect(() => {
-    if (!object) return void 0;
+    if (!ticket) return void 0;
     setSelectedReason(null);
     const fetchReasons = async () => {
       var _a2, _b2, _c;
@@ -59101,7 +59101,7 @@ function DeleteModal(_a) {
       }
     };
     fetchReasons();
-  }, [Env.REACT_APP_API_BASE_URL, Env.REACT_APP_BASIC_TOKEN, object]);
+  }, [Env.REACT_APP_API_BASE_URL, Env.REACT_APP_BASIC_TOKEN, ticket]);
   const handleReasonChange = (option) => {
     setSelectedReason(option);
     if (typeof onChange === "function") {
@@ -59120,8 +59120,8 @@ function DeleteModal(_a) {
     try {
       setIsSubmitting(true);
       const payload = {
-        lotteryType: object == null ? void 0 : object.lotteryType,
-        ticketNumber: object == null ? void 0 : object.ticketNumber,
+        lotteryType: ticket == null ? void 0 : ticket.lotteryType,
+        ticketNumber: ticket == null ? void 0 : ticket.ticketNumber,
         message: (_a2 = selectedReason == null ? void 0 : selectedReason.value) != null ? _a2 : ""
       };
       const res = await axios$1.delete(
@@ -59152,58 +59152,71 @@ function DeleteModal(_a) {
       setIsSubmitting(false);
     }
   };
-  if (!object) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ScopeHost, { children: (container) => container && /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Modal,
-    {
-      isOpen,
-      toggle: onClose,
-      container,
-      backdropClassName: "modal-backdrop",
-      modalClassName: "modal scroll-modal",
-      contentClassName: "",
-      style: { width: 380 },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ModalBody, { className: "d-inline-flex justify-content-center p-0 font-Hanuman", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-75", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          FeatherIcon,
-          {
-            icon: "alert-circle",
-            className: "text-warning px-1",
-            style: { width: 110, height: 110, marginTop: 20, marginBottom: 0 }
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "f-25 text-center mb-2", style: { color: "#000000a6" }, children: "\u178F\u17BE\u17A2\u17D2\u1793\u1780\u1794\u17D2\u179A\u17B6\u1780\u178A\u17AC\u17A2\u178F\u17CB?" }),
-        isRemoveReason && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          StateManagedSelect$1,
-          {
-            options,
-            value: selectedReason,
-            isLoading,
-            isDisabled: isLoading || isSubmitting || externalSubmitting,
-            onChange: handleReasonChange,
-            placeholder: "\u1798\u17BC\u179B\u17A0\u17C1\u178F\u17BB \u179B\u17BB\u1794..."
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "my-3 d-flex justify-content-center", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "btn-cancel", onClick: onClose, children: "\u1791\u17C1" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
+  if (!ticket) return null;
+  console.log(ticket, "ticket");
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ScopeHost, { children: (container) => {
+    var _a2, _b2;
+    return container && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Modal,
+      {
+        isOpen,
+        toggle: onClose,
+        container,
+        backdropClassName: "modal-backdrop",
+        modalClassName: "modal scroll-modal",
+        contentClassName: "",
+        style: { width: 380 },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ModalBody, { className: "d-inline-flex justify-content-center p-0 font-Hanuman", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-75", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            FeatherIcon,
             {
-              type: "button",
-              className: "btn-confirm ml-3",
-              onClick: handleConfirm,
-              disabled: isLoading || isSubmitting || externalSubmitting,
-              children: "\u1794\u17B6\u1791/\u1785\u17B6\u179F\u17CE"
+              icon: "alert-circle",
+              className: "text-warning px-1",
+              style: { width: 110, height: 110, marginTop: 20, marginBottom: 0 }
             }
-          )
-        ] })
-      ] }) })
-    }
-  ) });
+          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "f-25 text-center mb-0", style: { color: "#000000a6" }, children: "\u178F\u17BE\u17A2\u17D2\u1793\u1780\u1794\u17D2\u179A\u17B6\u1780\u178A\u17AC\u17A2\u178F\u17CB?" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "f-14 text-center mb-2 text-danger", children: [
+            "\u179B\u17BB\u1794\u179F\u17C6\u1794\u17BB\u178F\u17D2\u179A #",
+            ticket.ticketNumber,
+            " = ",
+            moneyFormatter((_a2 = ticket.totalKhr) == null ? void 0 : _a2.betAmount, "KHR"),
+            "/",
+            moneyFormatter((_b2 = ticket.totalUsd) == null ? void 0 : _b2.betAmount, "USD")
+          ] }),
+          isRemoveReason && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            StateManagedSelect$1,
+            {
+              options,
+              value: selectedReason,
+              isLoading,
+              isDisabled: isLoading || isSubmitting || externalSubmitting,
+              onChange: handleReasonChange,
+              placeholder: "\u1798\u17BC\u179B\u17A0\u17C1\u178F\u17BB \u179B\u17BB\u1794..."
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "my-3 d-flex justify-content-center", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "btn-cancel", onClick: onClose, children: "\u1791\u17C1" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                className: "btn-confirm ml-3",
+                onClick: handleConfirm,
+                disabled: isLoading || isSubmitting || externalSubmitting,
+                children: "\u1794\u17B6\u1791/\u1785\u17B6\u179F\u17CE"
+              }
+            )
+          ] })
+        ] }) })
+      }
+    );
+  } });
 }
 DeleteModal.propTypes = {
-  object: PropTypes$2.object,
+  ticket: PropTypes$2.object,
   isOpen: PropTypes$2.bool,
+  isRemoveReason: PropTypes$2.bool.isRequired,
   onClose: PropTypes$2.func.isRequired,
   Env: PropTypes$2.object.isRequired,
   accessToken: PropTypes$2.string.isRequired
@@ -59230,7 +59243,7 @@ function DeleteTicketButton(props) {
     id,
     onOpen,
     Env,
-    object,
+    ticket,
     onClose,
     accessToken,
     onChange,
@@ -59278,7 +59291,7 @@ function DeleteTicketButton(props) {
       DeleteModal,
       {
         Env,
-        object,
+        ticket,
         isOpen,
         onClose: handleClose,
         accessToken,
@@ -59294,7 +59307,7 @@ DeleteTicketButton.propTypes = {
   id: PropTypes$2.string.isRequired,
   onOpen: PropTypes$2.func.isRequired,
   Env: PropTypes$2.object.isRequired,
-  object: PropTypes$2.object,
+  ticket: PropTypes$2.object,
   onClose: PropTypes$2.func.isRequired,
   isOpen: PropTypes$2.bool,
   isRemoveReason: PropTypes$2.bool.isRequired,
@@ -59599,6 +59612,7 @@ const DEFAULT_API_BASE_URL$1 = "https://api-web.dev.lottery.aazz168.com/";
 function RemarkModal(_a) {
   var _b = _a, {
     object,
+    ticket,
     onClose,
     onChange,
     onSuccess,
@@ -59608,6 +59622,7 @@ function RemarkModal(_a) {
     accessToken
   } = _b; __objRest$1(_b, [
     "object",
+    "ticket",
     "onClose",
     "onChange",
     "onSuccess",
@@ -59619,6 +59634,10 @@ function RemarkModal(_a) {
   const [remark, setRemark] = useState("");
   const [loadError, setLoadError] = useState("");
   const [isSubmitting, setIsSubmitting] = useState(false);
+  useEffect(() => {
+    var _a2;
+    setRemark((_a2 = ticket == null ? void 0 : ticket.remark) != null ? _a2 : "");
+  }, [ticket]);
   const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
   const headers = __spreadValues$1({
     "Content-Type": "application/json",
@@ -59637,7 +59656,7 @@ function RemarkModal(_a) {
     }
   };
   const handleConfirm = async () => {
-    var _a2, _b2;
+    var _a2, _b2, _c;
     if (!remark) return setLoadError("\u179F\u17BC\u1798\u1794\u1789\u17D2\u1785\u17BC\u179B\u1780\u17C6\u178E\u178F\u17CB\u179F\u1798\u17D2\u1782\u17B6\u179B\u17CB!");
     try {
       setIsSubmitting(true);
@@ -59656,9 +59675,13 @@ function RemarkModal(_a) {
       if (typeof onSuccess === "function") {
         onSuccess(res.data, payload);
       }
+      PNotify_1.alert({
+        text: ((_a2 = res.data) == null ? void 0 : _a2.message) || "\u179F\u1798\u17D2\u1782\u17B6\u179B\u17CB\u179F\u17C6\u1794\u17BB\u178F\u17D2\u179A\u1787\u17C4\u1782\u1787\u17D0\u1799 !",
+        type: "success"
+      });
       onClose == null ? void 0 : onClose();
     } catch (err) {
-      const message = ((_b2 = (_a2 = err.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) || err.message || "\u1780\u17C6\u178E\u178F\u17CB\u179F\u1798\u17D2\u1782\u17B6\u179B\u17CB\u1794\u179A\u17B6\u1787\u17D0\u1799 !";
+      const message = ((_c = (_b2 = err.response) == null ? void 0 : _b2.data) == null ? void 0 : _c.message) || err.message || "\u1780\u17C6\u178E\u178F\u17CB\u179F\u1798\u17D2\u1782\u17B6\u179B\u17CB\u1794\u179A\u17B6\u1787\u17D0\u1799 !";
       setLoadError(message);
       if (typeof onError === "function") {
         onError(err);
@@ -59720,12 +59743,15 @@ function RemarkModal(_a) {
 }
 RemarkModal.propTypes = {
   object: PropTypes$2.object,
+  ticket: PropTypes$2.object,
   onClose: PropTypes$2.func.isRequired,
   Env: PropTypes$2.object.isRequired,
   accessToken: PropTypes$2.string.isRequired
 };
 
 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;
@@ -59741,6 +59767,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -59770,8 +59797,9 @@ function MoreMenu(_a) {
     isSubmitting: externalSubmitting = false,
     accessToken,
     openCallback,
-    closeCallback
-  } = _b; __objRest(_b, [
+    closeCallback,
+    DropdownButton
+  } = _b, props = __objRest(_b, [
     "id",
     "object",
     "ticket",
@@ -59786,13 +59814,16 @@ function MoreMenu(_a) {
     "isSubmitting",
     "accessToken",
     "openCallback",
-    "closeCallback"
+    "closeCallback",
+    "DropdownButton"
   ]);
+  var _a2, _b2;
   const [activeModal, setActiveModal] = useState(null);
   const [isPaid, setIsPaid] = useState(Boolean(ticket == null ? void 0 : ticket.isPaid));
   const [isPayout, setIsPayout] = useState(Boolean(ticket == null ? void 0 : ticket.isPayout));
   const [isLoadingPaid, setLoadingPaid] = useState(false);
   const [isLoadingPayout, setLoadingPayout] = useState(false);
+  const isShowPayout = ((_a2 = ticket == null ? void 0 : ticket.totalKhr) == null ? void 0 : _a2.winAmount) > 0 || ((_b2 = ticket == null ? void 0 : ticket.totalUsd) == null ? void 0 : _b2.winAmount) > 0;
   useEffect(() => {
     setIsPaid(Boolean(ticket == null ? void 0 : ticket.isPaid));
     setIsPayout(Boolean(ticket == null ? void 0 : ticket.isPayout));
@@ -59818,7 +59849,7 @@ function MoreMenu(_a) {
   };
   const createToggleHandler = ({ setValue, setLoading, successCallback, endpoint, failureMessage, successMessage }) => {
     return async (event) => {
-      var _a2, _b2, _c, _d, _e;
+      var _a3, _b3, _c, _d, _e;
       const nextChecked = event.target.checked;
       const previousValue = !nextChecked;
       if (!ticket || !object) {
@@ -59828,8 +59859,8 @@ function MoreMenu(_a) {
         setLoading(true);
         setValue(nextChecked);
         const payload = {
-          lotteryType: (_a2 = object == null ? void 0 : object.lotteryType) != null ? _a2 : ticket == null ? void 0 : ticket.lotteryType,
-          ticketNumber: (_b2 = object == null ? void 0 : object.ticketNumber) != null ? _b2 : ticket == null ? void 0 : ticket.ticketNumber,
+          lotteryType: (_a3 = object == null ? void 0 : object.lotteryType) != null ? _a3 : ticket == null ? void 0 : ticket.lotteryType,
+          ticketNumber: (_b3 = object == null ? void 0 : object.ticketNumber) != null ? _b3 : ticket == null ? void 0 : ticket.ticketNumber,
           status: nextChecked
         };
         const res = await axios$1.post(
@@ -59874,28 +59905,55 @@ function MoreMenu(_a) {
     failureMessage: "Failed to mark as payout.",
     successMessage: "Marked as payout successfully."
   });
+  const toggleProps = {
+    id,
+    tag: "button",
+    type: "button",
+    caret: false,
+    className: "border-0 p-2 rounded mb-1",
+    style: { background: "#6c757d8f" }
+  };
+  const defaultToggleContent = /* @__PURE__ */ jsxRuntimeExports.jsx(
+    FeatherIcon,
+    {
+      icon: "more-horizontal",
+      className: "f-16 text-white px-1",
+      style: { outline: "none", boxShadow: "none" }
+    }
+  );
+  const resolveDropdownButton = () => {
+    if (!DropdownButton) {
+      return {
+        props: toggleProps,
+        children: defaultToggleContent
+      };
+    }
+    const resolvedButton = typeof DropdownButton === "function" ? DropdownButton(toggleProps) : DropdownButton;
+    if (!isValidElement(resolvedButton)) {
+      return {
+        props: toggleProps,
+        children: resolvedButton || defaultToggleContent
+      };
+    }
+    const customProps = __spreadValues({}, 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),
+      children: customChildren || defaultToggleContent
+    };
+  };
+  const renderDropdownToggle = () => {
+    const resolvedToggle = resolveDropdownButton();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownToggle, __spreadProps(__spreadValues({}, resolvedToggle.props), { children: resolvedToggle.children }));
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ScopeHost, { children: (container) => container && /* @__PURE__ */ jsxRuntimeExports.jsxs(UncontrolledDropdown, { className: "drp-user font-Hanuman", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        DropdownToggle,
-        {
-          id,
-          tag: "button",
-          type: "button",
-          caret: false,
-          className: "border-0 p-2 rounded mb-1",
-          style: { background: "#6c757d8f" },
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            FeatherIcon,
-            {
-              icon: "more-horizontal",
-              className: "f-16 text-white px-1",
-              style: { outline: "none", boxShadow: "none" }
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { right: true, className: "profile-notification pt-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ScopeHost, { children: (container) => container && /* @__PURE__ */ jsxRuntimeExports.jsxs(UncontrolledDropdown, __spreadProps(__spreadValues({ className: "drp-user font-Hanuman" }, props), { children: [
+      renderDropdownToggle(),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { className: "profile-notification pt-0", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownItem, { header: true, className: "drop-header", children: [
           "#",
           ticket == null ? void 0 : ticket.ticketNumber
@@ -59947,7 +60005,7 @@ function MoreMenu(_a) {
             ] })
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownItem, { tag: "div", toggle: false, className: "w-100", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "d-flex align-items-center justify-content-between w-100", children: [
+        isShowPayout && /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownItem, { tag: "div", toggle: false, className: "w-100", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "d-flex align-items-center justify-content-between w-100", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(FeatherIcon, { icon: "check-circle", className: "mr-2 text-info", size: 16 }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mr-3 drop-label", children: "\u1794\u17B6\u1793\u1791\u17BC\u1791\u17B6\u178F\u17CB\u179A\u1784\u17D2\u179C\u17B6\u1793\u17CB" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -59963,7 +60021,7 @@ function MoreMenu(_a) {
           ) })
         ] }) })
       ] })
-    ] }) }),
+    ] })) }),
     ticket && activeModal === "protest" && /* @__PURE__ */ jsxRuntimeExports.jsx(
       ProtestModal,
       {
@@ -59982,6 +60040,7 @@ function MoreMenu(_a) {
     object && activeModal === "remark" && /* @__PURE__ */ jsxRuntimeExports.jsx(
       RemarkModal,
       {
+        ticket,
         object,
         onClose: closeModal,
         accessToken,
@@ -60003,7 +60062,11 @@ MoreMenu.propTypes = {
   isSubmitting: PropTypes$2.bool,
   onChange: PropTypes$2.func,
   onSuccess: PropTypes$2.func,
-  onError: PropTypes$2.func
+  onError: PropTypes$2.func,
+  DropdownButton: PropTypes$2.oneOfType([
+    PropTypes$2.func,
+    PropTypes$2.node
+  ])
 };
 
 export { DeleteModal, DeleteTicketButton, MoreMenu as DropdownMenu, KPLO, KPPostCode, Printer, ProtestButton, ProtestModal, ProtestTicket, RemarkModal, SCPostCode, SaryLottery, SaryPrintAll, THLabel, Ticket, TicketModal, TransferTicket, getS3ImgPrint, isVNType, lType, lotteryLabel, lotteryLabelOnline, lotteryLabelVN, mapBetTitle, mapLabels, mapStrPost };