@jingx/lottery-components-react-jsx 1.0.47 → 1.0.48

package/dist/index.esm.js

@@ -31063,7 +31063,19 @@ const getDomain = (platform) => {
 const getS3ImgPrint = (platform) => s3hostPrint.concat(getDomain(platform)).concat(".png");
 
 const TicketPrintBody = (props) => {
-  const { item, bodyClass, is58, showItemCheckbox = false, selectedIds = [], onToggleItem, isProtest, isSystem } = props;
+  const {
+    item,
+    bodyClass,
+    is58,
+    showItemCheckbox = false,
+    selectedIds = [],
+    onToggleItem,
+    isProtest,
+    isSystem,
+    showDoubleCheckbox = false,
+    doubleIds = [],
+    onToggleDouble
+  } = props;
   const returnMargin = (length) => {
     switch (length) {
       case 1:
@@ -31398,17 +31410,32 @@ const TicketPrintBody = (props) => {
     const itemId = getItemId(obj, i);
     const isSend = Boolean(obj == null ? void 0 : obj.isSend);
     const isChecked = selectedIds.includes(itemId);
-    return /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-start", children: [
-      /* @__PURE__ */ jsx$1("div", { className: "pr-2", children: isSend ? /* @__PURE__ */ jsx$1("span", { className: "transfer-ticket-send-icon", title: "Sent", children: /* @__PURE__ */ jsx$1(ArrowUp, { size: 16 }) }) : /* @__PURE__ */ jsx$1(
-        "input",
-        {
-          type: "checkbox",
-          className: "transfer-ticket-checkbox",
-          checked: isChecked,
-          onChange: () => onToggleItem && onToggleItem(itemId)
-        }
-      ) }),
-      /* @__PURE__ */ jsx$1("div", { className: `flex-grow-1 ${isSend ? "transfer-ticket-item-send" : ""}`, children: node })
+    const isDoubleChecked = doubleIds.includes(itemId);
+    return /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-start justify-content-between w-100", children: [
+      /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-start", children: [
+        /* @__PURE__ */ jsx$1("div", { className: "pr-2", children: isSend ? /* @__PURE__ */ jsx$1("span", { className: "transfer-ticket-send-icon", title: "Sent", children: /* @__PURE__ */ jsx$1(ArrowUp, { size: 16 }) }) : /* @__PURE__ */ jsx$1(
+          "input",
+          {
+            type: "checkbox",
+            className: "transfer-ticket-checkbox",
+            checked: isChecked,
+            onChange: () => onToggleItem && onToggleItem(itemId)
+          }
+        ) }),
+        /* @__PURE__ */ jsx$1("div", { className: `flex-grow-1 ${isSend ? "transfer-ticket-item-send" : ""}`, children: node })
+      ] }),
+      showDoubleCheckbox && !isSend && /* @__PURE__ */ jsx$1("div", { className: "pl-2 d-flex align-items-center", children: /* @__PURE__ */ jsxs("label", { className: "m-0 d-inline-flex align-items-center text-black font-weight-bold", style: { cursor: "pointer" }, children: [
+        /* @__PURE__ */ jsx$1(
+          "input",
+          {
+            type: "checkbox",
+            className: "transfer-ticket-checkbox mr-1",
+            checked: isDoubleChecked,
+            onChange: () => onToggleDouble && onToggleDouble(itemId)
+          }
+        ),
+        "X2"
+      ] }) })
     ] }, `select-${itemId}-${i}`);
   };
   const wrapWithCheckboxProtest = (node, obj, i) => {
@@ -37360,6 +37387,7 @@ const TransferTicket = ({
   onSelectedIdsChange
 }) => {
   const [selectedIds, setSelectedIds] = useState([]);
+  const [doubleIds, setDoubleIds] = useState([]);
   const checkAllRef = useRef(null);
   const isNight = object == null ? void 0 : object.isNight;
   const selectableItemIds = useMemo(() => {
@@ -37377,10 +37405,14 @@ const TransferTicket = ({
   }, [object == null ? void 0 : object.postGroup]);
   const selectableIdSet = useMemo(() => new Set(selectableItemIds), [selectableItemIds]);
   const allChecked = selectableItemIds.length > 0 && selectableItemIds.every((id) => selectedIds.includes(id));
+  const allDoubleChecked = selectableItemIds.length > 0 && selectableItemIds.every((id) => doubleIds.includes(id));
   const isIndeterminate = selectedIds.length > 0 && !allChecked;
   useEffect(() => {
     setSelectedIds((prev) => prev.filter((id) => selectableIdSet.has(id)));
   }, [selectableIdSet]);
+  useEffect(() => {
+    setDoubleIds((prev) => prev.filter((id) => selectableIdSet.has(id) && selectedIds.includes(id)));
+  }, [selectableIdSet, selectedIds]);
   useEffect(() => {
     if (checkAllRef.current) {
       checkAllRef.current.indeterminate = isIndeterminate;
@@ -37388,9 +37420,16 @@ const TransferTicket = ({
   }, [isIndeterminate]);
   useEffect(() => {
     if (typeof onSelectedIdsChange === "function") {
-      onSelectedIdsChange(selectedIds);
+      const mappedItems = selectedIds.map((id) => {
+        const numId = isNaN(Number(id)) ? id : Number(id);
+        return {
+          orderItemId: numId,
+          isDouble: doubleIds.includes(id)
+        };
+      });
+      onSelectedIdsChange(mappedItems);
     }
-  }, [onSelectedIdsChange, selectedIds]);
+  }, [onSelectedIdsChange, selectedIds, doubleIds]);
   const toggleItem = (itemId) => {
     if (!selectableIdSet.has(itemId)) return;
     setSelectedIds((prev) => {
@@ -37398,6 +37437,19 @@ const TransferTicket = ({
       return [...prev, itemId];
     });
   };
+  const toggleDouble = (itemId) => {
+    if (!selectableIdSet.has(itemId)) return;
+    setDoubleIds((prev) => {
+      if (prev.includes(itemId)) return prev.filter((id) => id !== itemId);
+      setSelectedIds((selPrev) => {
+        if (!selPrev.includes(itemId)) {
+          return [...selPrev, itemId];
+        }
+        return selPrev;
+      });
+      return [...prev, itemId];
+    });
+  };
   const toggleAll = () => {
     setSelectedIds((prev) => {
       if (selectableItemIds.length === 0) return prev;
@@ -37405,6 +37457,15 @@ const TransferTicket = ({
       return selectableItemIds;
     });
   };
+  const toggleAllDouble = () => {
+    if (selectableItemIds.length === 0) return;
+    if (allDoubleChecked) {
+      setDoubleIds([]);
+    } else {
+      setSelectedIds(selectableItemIds);
+      setDoubleIds(selectableItemIds);
+    }
+  };
   return /* @__PURE__ */ jsx$1(ScopeHost, { children: /* @__PURE__ */ jsx$1("table", { id: "transfer-ticket-58", className: "print-tb-58-1", cellPadding: "7px", children: /* @__PURE__ */ jsxs("tbody", { children: [
     /* @__PURE__ */ jsx$1("tr", { style: { lineHeight: "35px" }, children: /* @__PURE__ */ jsx$1(
       RenderTitle,
@@ -37426,19 +37487,34 @@ const TransferTicket = ({
       /* @__PURE__ */ jsx$1("div", { className: "f-16", children: getDateTime(object == null ? void 0 : object.drawAt) })
     ] }) }) }),
     /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { className: "p-0 pb-2", colSpan: 3, children: /* @__PURE__ */ jsx$1("hr", { className: "border-top-ticket" }) }) }),
-    /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { colSpan: 3, className: "p-0 text-left", children: /* @__PURE__ */ jsxs("label", { className: "m-0 d-inline-flex align-items-center text-black", children: [
-      /* @__PURE__ */ jsx$1(
-        "input",
-        {
-          ref: checkAllRef,
-          type: "checkbox",
-          className: "transfer-ticket-checkbox",
-          checked: allChecked,
-          disabled: selectableItemIds.length === 0,
-          onChange: toggleAll
-        }
-      ),
-      /* @__PURE__ */ jsx$1("span", { className: "ml-2 f-16", children: "Check all" })
+    /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { colSpan: 3, className: "p-0", children: /* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-between align-items-center", children: [
+      /* @__PURE__ */ jsxs("label", { className: "m-0 d-inline-flex align-items-center text-black font-weight-bold", style: { cursor: "pointer" }, children: [
+        /* @__PURE__ */ jsx$1(
+          "input",
+          {
+            ref: checkAllRef,
+            type: "checkbox",
+            className: "transfer-ticket-checkbox",
+            checked: allChecked,
+            disabled: selectableItemIds.length === 0,
+            onChange: toggleAll
+          }
+        ),
+        /* @__PURE__ */ jsx$1("span", { className: "ml-2 f-16", children: "Check all" })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "m-0 d-inline-flex align-items-center text-black font-weight-bold", style: { cursor: "pointer" }, children: [
+        /* @__PURE__ */ jsx$1(
+          "input",
+          {
+            type: "checkbox",
+            className: "transfer-ticket-checkbox",
+            checked: allDoubleChecked,
+            disabled: selectableItemIds.length === 0,
+            onChange: toggleAllDouble
+          }
+        ),
+        /* @__PURE__ */ jsx$1("span", { className: "ml-2 f-16", children: "X2 All" })
+      ] })
     ] }) }) }),
     /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { colSpan: 3, className: "p-0", children: /* @__PURE__ */ jsx$1(
       PrintTicket58,
@@ -37449,7 +37525,10 @@ const TransferTicket = ({
         postGroup: object == null ? void 0 : object.postGroup,
         showItemCheckbox: true,
         selectedIds,
-        onToggleItem: toggleItem
+        onToggleItem: toggleItem,
+        showDoubleCheckbox: true,
+        doubleIds,
+        onToggleDouble: toggleDouble
       }
     ) }) }),
     /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { colSpan: 3, children: /* @__PURE__ */ jsx$1("hr", { className: "border-top-ticket" }) }) })