@jingx/lottery-components-react-jsx 1.0.32 → 1.0.33

package/dist/index.esm.js

@@ -38518,8 +38518,6 @@ const Ticket = ({ object, lotteryType, plusCount = 1, hideWaterAmount = false, E
   const isShowKhr = ((_a = object == null ? void 0 : object.totalKhr) == null ? void 0 : _a.betAmount) !== ((_b = object == null ? void 0 : object.totalKhr) == null ? void 0 : _b.waterAmount) && ((_c = object == null ? void 0 : object.totalKhr) == null ? void 0 : _c.waterAmount) > 0;
   const isShowUsd = ((_d = object == null ? void 0 : object.totalUsd) == null ? void 0 : _d.betAmount) !== ((_e = object == null ? void 0 : object.totalUsd) == null ? void 0 : _e.waterAmount) && ((_f = object == null ? void 0 : object.totalUsd) == null ? void 0 : _f.waterAmount) > 0;
   const isNight = object == null ? void 0 : object.isNight;
-  const isPaid = object == null ? void 0 : object.isPaid;
-  const isPayout = object == null ? void 0 : object.isPayout;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ScopeHost, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("table", { id: "print-t-58", className: "print-tb-58-1", cellPadding: "7px", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("tbody", { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { colSpan: 3, style: { borderBottom: "2px solid black" }, className: "w-100 text-center pt-0 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "m-0 f-30 text-black font-weight-bold ff-p-head", children: isSend ? "\u179B\u17C1\u1781\u179F\u17B6\u1784" : /* @__PURE__ */ jsxRuntimeExports.jsx(RenderHead$1, { platform: Env.REACT_APP_PLATFORM_TYPE, logo }) }) }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { style: { lineHeight: "35px" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -38563,7 +38561,7 @@ const Ticket = ({ object, lotteryType, plusCount = 1, hideWaterAmount = false, E
       fontWeight: "bold",
       fontSize: 16,
       color: "black",
-      paddingBottom: "0"
+      paddingBottom: "20px"
     }, colSpan: 3, className: "text-center", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "div",
@@ -38578,37 +38576,7 @@ const Ticket = ({ object, lotteryType, plusCount = 1, hideWaterAmount = false, E
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-0", children: mapLabels.thank_you })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { style: {
-      width: "140px",
-      fontWeight: "bold",
-      fontSize: 16,
-      color: "#f44336",
-      paddingBottom: "0"
-    }, colSpan: 3, className: "text-start", children: [
-      isPaid && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-0", children: " - \u1794\u17B6\u1793\u1794\u1784\u17CB\u1794\u17D2\u179A\u17B6\u1780\u17CB" }),
-      isPayout && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-0", children: " - \u1794\u17B6\u1793\u1791\u17BC\u1791\u17B6\u178F\u17CB\u179A\u1784\u17D2\u179C\u17B6\u1793\u17CB" })
-    ] }) }),
-    object.remark && /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "td",
-      {
-        style: {
-          width: "140px",
-          fontWeight: "bold",
-          fontSize: 16,
-          color: "black",
-          paddingBottom: "20px",
-          wordBreak: "break-word",
-          overflowWrap: "break-word"
-        },
-        colSpan: 3,
-        className: "text-start",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-0", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#f44336", marginRight: "5px" }, children: "- \u179F\u1798\u17D2\u1782\u17B6\u179B\u17CB:" }),
-          object.remark
-        ] })
-      }
-    ) })
+    ] }) })
   ] }) }) });
 };
 
@@ -59033,9 +59001,9 @@ var axios_1 = axios;
 
 var axios$1 = /*@__PURE__*/getDefaultExportFromCjs(axios_1);
 
-const ProtestApi = "api/v1.0.0/order/protest";
+const ProtestApi = (isSystem) => isSystem ? "api/v1.0.0/protest-ticket" : "api/v1.0.0/order/protest";
 const RemoveReasonApi = "api/v1.0.0/order/remove-reason";
-const DeleteApi = "api/v1.0.0/order/remove";
+const DeleteApi = (isSystem) => isSystem ? "api/v1.0.0/cancel-ticket" : "api/v1.0.0/order/remove";
 const RemarkApi = "api/v1.0.0/order/remark";
 const PaidApi = "api/v1.0.0/order/paid";
 const PayoutApi = "api/v1.0.0/order/payout";
@@ -59080,7 +59048,8 @@ function DeleteModal(_a) {
     Env = {},
     isSubmitting: externalSubmitting = false,
     accessToken,
-    isRemoveReason
+    isRemoveReason,
+    isSystem = false
   } = _b; __objRest$2(_b, [
     "ticket",
     "isOpen",
@@ -59091,7 +59060,8 @@ function DeleteModal(_a) {
     "Env",
     "isSubmitting",
     "accessToken",
-    "isRemoveReason"
+    "isRemoveReason",
+    "isSystem"
   ]);
   const [options, setOptions] = useState([]);
   const [selectedReason, setSelectedReason] = useState(null);
@@ -59104,7 +59074,7 @@ function DeleteModal(_a) {
     "X-DeviceType": "WEB"
   }, token ? { Authorization: `Bearer ${token}` } : {});
   useEffect(() => {
-    if (!ticket) return void 0;
+    if (!ticket || isSystem) return void 0;
     setSelectedReason(null);
     const fetchReasons = async () => {
       var _a2, _b2, _c;
@@ -59133,7 +59103,7 @@ function DeleteModal(_a) {
       }
     };
     fetchReasons();
-  }, [Env.REACT_APP_API_BASE_URL, Env.REACT_APP_BASIC_TOKEN, ticket]);
+  }, [Env.REACT_APP_API_BASE_URL, Env.REACT_APP_BASIC_TOKEN, isSystem, ticket]);
   const handleReasonChange = (option) => {
     setSelectedReason(option);
     if (typeof onChange === "function") {
@@ -59156,13 +59126,16 @@ function DeleteModal(_a) {
         ticketNumber: ticket == null ? void 0 : ticket.ticketNumber,
         message: (_a2 = selectedReason == null ? void 0 : selectedReason.value) != null ? _a2 : ""
       };
-      const res = await axios$1.delete(
-        `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$3}${DeleteApi}`,
-        {
-          headers,
-          data: payload
-        }
-      );
+      const payloadSystem = {
+        lotteryType: ticket == null ? void 0 : ticket.lotteryType,
+        id: ticket == null ? void 0 : ticket.ticketNumber,
+        drawCode: ticket == null ? void 0 : ticket.drawCode
+      };
+      const url = `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$3}${DeleteApi(isSystem)}`;
+      const res = isSystem ? await axios$1.post(url, payloadSystem, { headers }) : await axios$1.delete(url, {
+        headers,
+        data: payload
+      });
       if (typeof onSuccess === "function") {
         onSuccess(res.data, payload);
       }
@@ -59376,11 +59349,13 @@ const ProtestModal = ({
   Env = {},
   accessToken,
   onChange,
+  isSystem,
   isSubmitting: externalSubmitting = false
 }) => {
   const [selectedTransferIds, setSelectedTransferIds] = useState([]);
   const [options, setOptions] = useState([]);
   const [selectedReason, setSelectedReason] = useState(null);
+  const [systemReason, setSystemReason] = useState("");
   const [isLoading, setIsLoading] = useState(false);
   const [isSubmitting, setIsSubmitting] = useState(false);
   const activeLotteryType = lotteryType || (ticket == null ? void 0 : ticket.lotteryType);
@@ -59391,9 +59366,10 @@ const ProtestModal = ({
     "X-DeviceType": "WEB"
   }, token ? { Authorization: `Bearer ${token}` } : {});
   useEffect(() => {
-    if (!ticket) return void 0;
     setSelectedTransferIds([]);
     setSelectedReason(null);
+    setSystemReason("");
+    if (!ticket || isSystem) return void 0;
     const fetchReasons = async () => {
       var _a, _b, _c;
       try {
@@ -59422,7 +59398,7 @@ const ProtestModal = ({
       }
     };
     fetchReasons();
-  }, [Env.REACT_APP_API_BASE_URL, ticket]);
+  }, [Env.REACT_APP_API_BASE_URL, isSystem, ticket]);
   const handleSelectedIdsChange = useCallback((ids) => {
     setSelectedTransferIds(ids);
   }, []);
@@ -59432,9 +59408,24 @@ const ProtestModal = ({
       onChange(option);
     }
   };
+  const handleSystemReasonChange = (event) => {
+    const value = event.target.value;
+    setSystemReason(value);
+    if (typeof onChange === "function") {
+      onChange(value);
+    }
+  };
   const handleSubmit = useCallback(async () => {
-    var _a, _b, _c;
-    if (!selectedReason) {
+    var _a, _b, _c, _d;
+    if (isSystem && !systemReason.trim()) {
+      const message = "\u179F\u17BC\u1798\u1794\u1789\u17D2\u1785\u17BC\u179B\u1798\u17BC\u179B\u17A0\u17C1\u178F\u17BB\u178F\u179C\u17C9\u17B6";
+      PNotify_1.alert({
+        text: message,
+        type: "error"
+      });
+      return;
+    }
+    if (!isSystem && !selectedReason) {
       const message = "\u179F\u17BC\u1798\u1787\u17D2\u179A\u17BE\u179F\u179A\u17BE\u179F\u1798\u17BC\u179B\u17A0\u17C1\u178F\u17BB\u178F\u179C\u17C9\u17B6";
       PNotify_1.alert({
         text: message,
@@ -59456,23 +59447,29 @@ const ProtestModal = ({
         lotteryType: activeLotteryType,
         ticketNumber: ticket == null ? void 0 : ticket.ticketNumber,
         orderItemsIds: selectedTransferIds,
-        message: selectedReason.value
+        message: (_a = selectedReason == null ? void 0 : selectedReason.value) != null ? _a : ""
       };
+      const payloadSystem = {
+        lotteryType: activeLotteryType,
+        orderItemsIds: selectedTransferIds,
+        reason: systemReason.trim()
+      };
+      const requestPayload = isSystem ? payloadSystem : payload;
       const res = await axios$1.post(
-        `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$2}${ProtestApi}`,
-        payload,
+        `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$2}${ProtestApi(isSystem)}`,
+        requestPayload,
         { headers }
       );
       if (typeof onSuccessProtest === "function") {
-        onSuccessProtest(res.data, payload);
+        onSuccessProtest(res.data, requestPayload);
       }
       PNotify_1.alert({
-        text: ((_a = res.data) == null ? void 0 : _a.message) || "\u1780\u17B6\u179A\u178F\u179C\u17C9\u17B6\u1787\u17C4\u1782\u1787\u17D0\u1799 !",
+        text: ((_b = res.data) == null ? void 0 : _b.message) || "\u1780\u17B6\u179A\u178F\u179C\u17C9\u17B6\u1787\u17C4\u1782\u1787\u17D0\u1799 !",
         type: "success"
       });
       onClose == null ? void 0 : onClose();
     } catch (err) {
-      const message = ((_c = (_b = err.response) == null ? void 0 : _b.data) == null ? void 0 : _c.message) || err.message || "\u1780\u17B6\u179A\u178F\u179C\u17C9\u17B6\u1794\u179A\u17B6\u1787\u17D0\u1799 !";
+      const message = ((_d = (_c = err.response) == null ? void 0 : _c.data) == null ? void 0 : _d.message) || err.message || "\u1780\u17B6\u179A\u178F\u179C\u17C9\u17B6\u1794\u179A\u17B6\u1787\u17D0\u1799 !";
       PNotify_1.alert({
         text: message,
         type: "error"
@@ -59483,7 +59480,7 @@ const ProtestModal = ({
     } finally {
       setIsSubmitting(false);
     }
-  }, [Env.REACT_APP_API_BASE_URL, activeLotteryType, ticket, headers, onClose, onError, onSuccessProtest, selectedReason, selectedTransferIds]);
+  }, [Env.REACT_APP_API_BASE_URL, activeLotteryType, headers, isSystem, onClose, onError, onSuccessProtest, selectedReason, selectedTransferIds, systemReason, ticket]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ScopeHost, { children: (container) => container && /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Modal,
     {
@@ -59498,7 +59495,17 @@ const ProtestModal = ({
         /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalBody, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-3", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { className: "f-bold custom-label", children: "Protest Reason" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+            isSystem ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "textarea",
+              {
+                className: "form-control",
+                rows: "2",
+                value: systemReason,
+                disabled: isSubmitting || externalSubmitting,
+                onChange: handleSystemReasonChange,
+                placeholder: "\u1798\u17BC\u179B\u17A0\u17C1\u178F\u17BB \u178F\u179C\u17C9\u17B6..."
+              }
+            ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
               StateManagedSelect$1,
               {
                 options,
@@ -59696,7 +59703,7 @@ function RemarkModal(_a) {
         ticketNumber: object == null ? void 0 : object.ticketNumber,
         message: remark
       };
-      const res = await axios$1.delete(
+      const res = await axios$1.post(
         `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$1}${RemarkApi}`,
         {
           headers,
@@ -59829,7 +59836,8 @@ function MoreMenu(_a) {
     accessToken,
     openCallback,
     closeCallback,
-    DropdownButton
+    DropdownButton,
+    isSystem
   } = _b, props = __objRest(_b, [
     "id",
     "object",
@@ -59846,7 +59854,8 @@ function MoreMenu(_a) {
     "accessToken",
     "openCallback",
     "closeCallback",
-    "DropdownButton"
+    "DropdownButton",
+    "isSystem"
   ]);
   var _a2, _b2;
   const [activeModal, setActiveModal] = useState(null);
@@ -59854,7 +59863,7 @@ function MoreMenu(_a) {
   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;
+  const isShowPayout = !isSystem && (((_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));
@@ -60001,7 +60010,7 @@ function MoreMenu(_a) {
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        !isSystem && /* @__PURE__ */ jsxRuntimeExports.jsxs(
           DropdownItem,
           {
             type: "button",
@@ -60013,7 +60022,7 @@ function MoreMenu(_a) {
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        !isSystem && /* @__PURE__ */ jsxRuntimeExports.jsx(
           DropdownItem,
           {
             tag: "div",
@@ -60065,7 +60074,8 @@ function MoreMenu(_a) {
         onChange,
         onSuccessProtest: onSuccessProtest != null ? onSuccessProtest : onSuccess,
         onError,
-        isSubmitting: externalSubmitting
+        isSubmitting: externalSubmitting,
+        isSystem
       }
     ),
     object && activeModal === "remark" && /* @__PURE__ */ jsxRuntimeExports.jsx(