seat-editor 3.2.22 → 3.2.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/components/layer-v4/constant.d.ts +14 -1
  2. package/dist/components/layer-v4/constant.js +15 -2
  3. package/dist/components/layer-v4/index.d.ts +1 -1
  4. package/dist/components/layer-v4/index.jsx +26 -9
  5. package/dist/features/board-v3/constant.d.ts +2 -2
  6. package/dist/features/board-v3/constant.js +2 -2
  7. package/dist/features/board-v3/icons.d.ts +4 -0
  8. package/dist/features/board-v3/icons.jsx +100 -0
  9. package/dist/features/board-v3/index.d.ts +2 -1
  10. package/dist/features/board-v3/index.jsx +2 -2
  11. package/dist/features/package/index.d.ts +1 -0
  12. package/dist/features/package/index.jsx +1 -1
  13. package/package.json +1 -1
package/dist/components/layer-v4/constant.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- export declare const tagsDummy: (name: string) => ({
1
+ import { Position } from "@/dto/table";
2
+ export declare const tagsDummy: (name: string, icon: string) => ({
2
3
  gap: string;
3
4
  key: string;
4
5
  items: {
@@ -26,11 +27,23 @@ export declare const tagsDummy: (name: string) => ({
26
27
  value: string;
27
28
  fontWeight: string;
28
29
  textDecoration: string;
30
+ symbol?: undefined;
29
31
  } | {
30
32
  type: string;
31
33
  value: string;
32
34
  fontWeight?: undefined;
33
35
  textDecoration?: undefined;
36
+ symbol?: undefined;
37
+ } | {
38
+ type: string;
39
+ value: string;
40
+ symbol: {
41
+ value: string;
42
+ gap: number;
43
+ position: Position;
44
+ };
45
+ fontWeight?: undefined;
46
+ textDecoration?: undefined;
34
47
  })[];
35
48
  direction: string;
36
49
  offsetY: number;
package/dist/components/layer-v4/constant.js CHANGED
@@ -1,4 +1,4 @@
1
- export const tagsDummy = (name) => [
1
+ export const tagsDummy = (name, icon) => [
2
2
  {
3
3
  gap: "8",
4
4
  key: "table",
@@ -7,6 +7,10 @@ export const tagsDummy = (name) => [
7
7
  type: "text",
8
8
  value: name,
9
9
  },
10
+ {
11
+ type: "icon",
12
+ value: icon,
13
+ },
10
14
  ],
11
15
  direction: "column",
12
16
  },
@@ -45,9 +49,18 @@ export const tagsDummy = (name) => [
45
49
  type: "text",
46
50
  value: "22:00",
47
51
  },
52
+ {
53
+ type: "text",
54
+ value: "22:00",
55
+ symbol: {
56
+ value: "+1",
57
+ gap: 1,
58
+ position: "right-top", // right | right-top | right-bottom | left | left-top | left-bottom | top | bottom
59
+ },
60
+ },
48
61
  ],
49
62
  direction: "column",
50
- offsetY: -25,
63
+ offsetY: -35,
51
64
  },
52
65
  ];
53
66
  export const PRIVILEGED_TAGS = {
package/dist/components/layer-v4/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { EventHandleType } from "../../dto/event-handler";
2
- import { PropertiesProps } from "@/dto/table";
2
+ import { PropertiesProps } from "../../dto/table";
3
3
  import { TableMatchEvent } from "../../features/view-only-3";
4
4
  interface LayersProps {
5
5
  components?: PropertiesProps[];
package/dist/components/layer-v4/index.jsx CHANGED
@@ -3,7 +3,24 @@ import { isEmpty, omit } from "lodash";
3
3
  import { arcByDirection, distributeWithSpacing } from "../layer-v3/utils";
4
4
  import { PRIVILEGED_TAGS, tagsDummy } from "./constant";
5
5
  import { useAppSelector } from "../../hooks/use-redux";
6
+ import { RsvpIcons } from "../../features/board-v3/icons";
6
7
  const toKebabCase = (str) => str.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase());
8
+ const iconNames = ["upcoming", "late", "overtime", "overlapping", "hold", "reserved", "armchair", "cheque", "people"];
9
+ const dummyIconTags = iconNames === null || iconNames === void 0 ? void 0 : iconNames.map((item) => {
10
+ const Icon = RsvpIcons === null || RsvpIcons === void 0 ? void 0 : RsvpIcons[item];
11
+ return {
12
+ key: item,
13
+ icon: <Icon />,
14
+ };
15
+ });
16
+ const getIconFromId = (data) => {
17
+ const id = String(data);
18
+ let hash = 0;
19
+ for (let i = 0; i < id.length; i++) {
20
+ hash += id.charCodeAt(i);
21
+ }
22
+ return iconNames[hash % iconNames.length];
23
+ };
7
24
  const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighlightGroup, onForceRestoreGroup, selectedTableColor, privilegedTags = [], }) => {
8
25
  const { isShowTagType } = useAppSelector((state) => state.board);
9
26
  const showLabels = !(["type-1", "type-2"].includes(isShowTagType)) && !iconTags;
@@ -11,7 +28,8 @@ const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighli
11
28
  var _a, _b, _c, _d, _e, _f;
12
29
  const { id, x, y, width, height, fill, opacity, rotate = 0, rotation, shape, text, stroke, strokeWidth, labels, fontSize, fontColor, seatFill, src, tags, gapTags, label, points, seatPositions, radius, } = item;
13
30
  const renderTags = (data) => {
14
- const tags = data !== null && data !== void 0 ? data : tagsDummy("tes");
31
+ var _a;
32
+ const tags = data !== null && data !== void 0 ? data : tagsDummy(((_a = labels === null || labels === void 0 ? void 0 : labels[0]) === null || _a === void 0 ? void 0 : _a.label) || "Table", getIconFromId(id));
15
33
  const privileged = !isEmpty(privilegedTags) ? privilegedTags : isShowTagType === "type-1" ? PRIVILEGED_TAGS["CURRENT_TIME"] : isShowTagType === "type-2" ? PRIVILEGED_TAGS["NEXT_3_RESERVATION"] : undefined;
16
34
  if (tags && (tags === null || tags === void 0 ? void 0 : tags.length) > 0) {
17
35
  const gapBetweenTags = Number(gapTags || 20);
@@ -27,7 +45,7 @@ const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighli
27
45
  : defaultFontSize; // horizontal = 1 line
28
46
  return sum + tagHeight + gapBetweenTags;
29
47
  }, 0)) - gapBetweenTags;
30
- const startY = Number(height) / 3 - totalTagHeight / 3; // titik awal supaya semua di tengah
48
+ const startY = Number(height) / 4 - totalTagHeight / 3; // titik awal supaya semua di tengah
31
49
  let currentY = startY;
32
50
  return tags
33
51
  .filter((tag) => privileged === null || privileged === void 0 ? void 0 : privileged.find((p) => p.key === tag.key))
@@ -48,7 +66,6 @@ const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighli
48
66
  const centerY = currentY + groupHeight;
49
67
  // naikkan posisi Y untuk grup berikutnya
50
68
  currentY += groupHeight + gapBetweenTags;
51
- // kumpulkan elemen yang akan dirender (bisa mix text + icon)
52
69
  const elements = items
53
70
  .filter((item) => itemsPriv.includes(item.type))
54
71
  .map((item, i) => {
@@ -65,7 +82,8 @@ const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighli
65
82
  const renderSymbol = (symbol) => {
66
83
  if (!symbol)
67
84
  return null;
68
- const { position = "right", size = (item === null || item === void 0 ? void 0 : item.fontSize) || 12, gap: symbolGap = 0, } = symbol;
85
+ const { position = "right", size = (item === null || item === void 0 ? void 0 : item.fontSize) || Number(fontSize), gap: symbolGap = 0, } = symbol;
86
+ const sizeFont = (item === null || item === void 0 ? void 0 : item.fontSize) || Number(fontSize) / 3;
69
87
  let offsetSymbolX = 0;
70
88
  let offsetSymbolY = 0;
71
89
  switch (position) {
@@ -98,14 +116,13 @@ const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighli
98
116
  offsetSymbolY = size / 4;
99
117
  break;
100
118
  }
101
- return (<g transform={`rotate(${-rotation}, ${width / 2}, ${height / 2})`}>
102
- <tspan {...symbol} key={`symbol-${tagIndex}-${i}`} x={posX + offsetSymbolX} y={posY + offsetSymbolY} textAnchor="middle" dominantBaseline="middle" transform={`rotate(${rotate} ${posX} ${posY})`}>
119
+ return (<tspan {...symbol} key={`symbol-${tagIndex}-${i}`} x={posX + offsetSymbolX} y={posY + offsetSymbolY} textAnchor="middle" dominantBaseline="middle" fontSize={`${sizeFont}px`}>
103
120
  {symbol.value}
104
- </tspan>
105
- </g>);
121
+ </tspan>);
106
122
  };
107
123
  if (item.type === "icon") {
108
- const iconTag = iconTags === null || iconTags === void 0 ? void 0 : iconTags.find((icon) => icon.key === item.value);
124
+ const icons = iconTags !== null && iconTags !== void 0 ? iconTags : dummyIconTags;
125
+ const iconTag = icons === null || icons === void 0 ? void 0 : icons.find((icon) => icon.key === item.value);
109
126
  if (!iconTag)
110
127
  return null;
111
128
  return (<g {...item} key={`icon-${tagIndex}-${i}`} transform={`translate(${posX - 10}, ${posY - 10})`}>
package/dist/features/board-v3/constant.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- declare const MIN_HEIGHT = 10;
2
- declare const MIN_WIDTH = 10;
1
+ declare const MIN_HEIGHT = 90;
2
+ declare const MIN_WIDTH = 90;
3
3
  declare const MIN_X = 10;
4
4
  declare const MIN_Y = 10;
5
5
  export { MIN_HEIGHT, MIN_WIDTH, MIN_X, MIN_Y };
package/dist/features/board-v3/constant.js CHANGED
@@ -1,5 +1,5 @@
1
- const MIN_HEIGHT = 10;
2
- const MIN_WIDTH = 10;
1
+ const MIN_HEIGHT = 90;
2
+ const MIN_WIDTH = 90;
3
3
  const MIN_X = 10;
4
4
  const MIN_Y = 10;
5
5
  export { MIN_HEIGHT, MIN_WIDTH, MIN_X, MIN_Y };
package/dist/features/board-v3/icons.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ type IconProps = React.HTMLAttributes<SVGElement>;
3
+ export declare const RsvpIcons: Record<string, React.FC<IconProps>>;
4
+ export {};
package/dist/features/board-v3/icons.jsx ADDED
@@ -0,0 +1,100 @@
1
+ import React from "react";
2
+ export const RsvpIcons = {
3
+ upcoming: (props) => (<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
4
+ <g clip-path="url(#clip0_5865_544143)">
5
+ <path d="M3.3482 0.834858C3.34498 0.577587 3.57997 0.3484 3.83692 0.35647C4.09 0.352596 4.31951 0.57791 4.31821 0.83163C4.32177 1.17154 4.31757 1.51209 4.32015 1.85232C6.45321 1.85135 8.58594 1.85329 10.719 1.85135C10.7193 1.51209 10.7177 1.17251 10.7196 0.833244C10.7171 0.568871 10.9663 0.336456 11.23 0.357115C11.4769 0.36454 11.6922 0.588239 11.6903 0.835503C11.6926 1.17412 11.69 1.51306 11.6913 1.852C12.1203 1.86426 12.558 1.81262 12.9786 1.92011C13.5348 2.05342 14.0354 2.39624 14.3663 2.86171C14.6568 3.26489 14.8153 3.76039 14.8156 4.25717C14.8166 5.63101 14.8153 7.00484 14.816 8.37867C15.5516 9.30672 15.8948 10.5327 15.7421 11.7077C15.6033 12.8678 14.9832 13.9573 14.0645 14.6775C13.242 15.3337 12.1819 15.6807 11.1306 15.641C10.1854 15.612 9.2551 15.2688 8.51364 14.6823C6.5565 14.6823 4.5997 14.6823 2.64257 14.6823C1.92143 14.692 1.20966 14.3501 0.759678 13.7881C0.411701 13.3617 0.218022 12.813 0.222541 12.2626C0.222218 9.59336 0.221895 6.92414 0.222541 4.25459C0.222218 3.78298 0.366186 3.31266 0.629913 2.92143C0.955295 2.43465 1.46241 2.07182 2.03022 1.92753C2.45954 1.81036 2.90823 1.86459 3.34724 1.85167C3.34788 1.51274 3.34594 1.1738 3.3482 0.834858ZM1.51664 3.35624C1.3023 3.61642 1.18932 3.95407 1.19449 4.2901C1.19449 6.9477 1.19384 9.60499 1.19481 12.2626C1.19158 12.6267 1.33265 12.9892 1.58282 13.2542C1.85171 13.5451 2.24488 13.7132 2.64063 13.711C4.29239 13.7126 5.94383 13.7116 7.59527 13.7113C6.88092 12.6935 6.62332 11.373 6.90319 10.1612C7.12947 9.14467 7.72762 8.21856 8.55463 7.58685C9.30643 7.00742 10.2458 6.67526 11.1951 6.66073C12.1335 6.63782 13.0741 6.92446 13.8434 7.46128C13.8434 6.39281 13.8443 5.32435 13.8427 4.2562C13.8469 3.69453 13.4876 3.1532 12.9686 2.93886C12.5661 2.76132 12.1167 2.84041 11.6909 2.82265C11.69 3.26747 11.6922 3.71261 11.69 4.15743C11.6935 4.41696 11.4559 4.64841 11.1964 4.63743C10.944 4.63872 10.7174 4.41244 10.7193 4.16001C10.7174 3.71423 10.7196 3.26844 10.7184 2.82298C8.58562 2.82233 6.45256 2.82265 4.31951 2.82298C4.31821 3.26909 4.32112 3.71552 4.31854 4.16195C4.31918 4.40372 4.1113 4.62194 3.87017 4.63614C3.60225 4.6639 3.34433 4.42858 3.34788 4.15937C3.34562 3.7139 3.34788 3.26844 3.34691 2.82298C3.08996 2.82395 2.83302 2.8191 2.57607 2.82556C2.16805 2.83815 1.77198 3.03828 1.51664 3.35624ZM10.7623 7.67013C10.0747 7.77245 9.42102 8.08557 8.90971 8.55589C8.36321 9.05461 7.97843 9.72862 7.83447 10.4549C7.67565 11.2361 7.79153 12.0705 8.16307 12.7765C8.56657 13.5531 9.26898 14.1684 10.0931 14.4638C10.8765 14.7481 11.7613 14.7401 12.5389 14.4402C13.4479 14.0967 14.1968 13.3578 14.5545 12.454C14.8654 11.6809 14.8867 10.7961 14.6139 10.0085C14.3282 9.17018 13.712 8.45227 12.9289 8.03909C12.271 7.68756 11.4992 7.55908 10.7623 7.67013Z" fill="#FFC700"/>
6
+ <path d="M12.7716 9.88004L10.334 11.7688L9.52837 10.7796C9.36393 10.5781 9.0613 10.5426 8.85133 10.7013C8.6419 10.8594 8.60494 11.1505 8.76938 11.3525L9.87653 12.7111C9.95581 12.8084 10.0731 12.8718 10.2011 12.8857C10.2193 12.8878 10.2375 12.8888 10.2558 12.8888C10.3656 12.8888 10.4722 12.8528 10.5579 12.7863L13.3758 10.6034C13.5831 10.4421 13.6158 10.1505 13.4492 9.95114C13.2831 9.75227 12.9789 9.71879 12.7716 9.88004Z" fill="#FFC700"/>
7
+ </g>
8
+ <defs>
9
+ <clipPath id="clip0_5865_544143">
10
+ <rect width="16" height="16" fill="white"/>
11
+ </clipPath>
12
+ </defs>
13
+ </svg>),
14
+ late: (props) => (<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
15
+ <g clip-path="url(#clip0_5865_544149)">
16
+ <path d="M3.3482 0.834858C3.34498 0.577587 3.57997 0.3484 3.83692 0.35647C4.09 0.352596 4.31951 0.57791 4.31821 0.83163C4.32177 1.17154 4.31757 1.51209 4.32015 1.85232C6.45321 1.85135 8.58594 1.85329 10.719 1.85135C10.7193 1.51209 10.7177 1.17251 10.7196 0.833244C10.7171 0.568871 10.9663 0.336456 11.23 0.357115C11.4769 0.36454 11.6922 0.588239 11.6903 0.835503C11.6926 1.17412 11.69 1.51306 11.6913 1.852C12.1203 1.86426 12.558 1.81262 12.9786 1.92011C13.5348 2.05342 14.0354 2.39624 14.3663 2.86171C14.6568 3.26489 14.8153 3.76039 14.8156 4.25717C14.8166 5.63101 14.8153 7.00484 14.816 8.37867C15.5516 9.30672 15.8948 10.5327 15.7421 11.7077C15.6033 12.8678 14.9832 13.9573 14.0645 14.6775C13.242 15.3337 12.1819 15.6807 11.1306 15.641C10.1854 15.612 9.2551 15.2688 8.51364 14.6823C6.5565 14.6823 4.5997 14.6823 2.64257 14.6823C1.92143 14.692 1.20966 14.3501 0.759678 13.7881C0.411701 13.3617 0.218022 12.813 0.222541 12.2626C0.222218 9.59336 0.221895 6.92414 0.222541 4.25459C0.222218 3.78298 0.366186 3.31266 0.629913 2.92143C0.955295 2.43465 1.46241 2.07182 2.03022 1.92753C2.45954 1.81036 2.90823 1.86459 3.34724 1.85167C3.34788 1.51274 3.34594 1.1738 3.3482 0.834858ZM1.51664 3.35624C1.3023 3.61642 1.18932 3.95407 1.19449 4.2901C1.19449 6.9477 1.19384 9.60499 1.19481 12.2626C1.19158 12.6267 1.33265 12.9892 1.58282 13.2542C1.85171 13.5451 2.24488 13.7132 2.64063 13.711C4.29239 13.7126 5.94383 13.7116 7.59527 13.7113C6.88092 12.6935 6.62332 11.373 6.90319 10.1612C7.12947 9.14467 7.72762 8.21856 8.55463 7.58685C9.30643 7.00742 10.2458 6.67526 11.1951 6.66073C12.1335 6.63782 13.0741 6.92446 13.8434 7.46128C13.8434 6.39281 13.8443 5.32435 13.8427 4.2562C13.8469 3.69453 13.4876 3.1532 12.9686 2.93886C12.5661 2.76132 12.1167 2.84041 11.6909 2.82265C11.69 3.26747 11.6922 3.71261 11.69 4.15743C11.6935 4.41696 11.4559 4.64841 11.1964 4.63743C10.944 4.63872 10.7174 4.41244 10.7193 4.16001C10.7174 3.71423 10.7196 3.26844 10.7184 2.82298C8.58562 2.82233 6.45256 2.82265 4.31951 2.82298C4.31821 3.26909 4.32112 3.71552 4.31854 4.16195C4.31918 4.40372 4.1113 4.62194 3.87017 4.63614C3.60225 4.6639 3.34433 4.42858 3.34788 4.15937C3.34562 3.7139 3.34788 3.26844 3.34691 2.82298C3.08996 2.82395 2.83302 2.8191 2.57607 2.82556C2.16805 2.83815 1.77198 3.03828 1.51664 3.35624ZM10.7623 7.67013C10.0747 7.77245 9.42102 8.08557 8.90971 8.55589C8.36321 9.05461 7.97843 9.72862 7.83447 10.4549C7.67565 11.2361 7.79153 12.0705 8.16307 12.7765C8.56657 13.5531 9.26898 14.1684 10.0931 14.4638C10.8765 14.7481 11.7613 14.7401 12.5389 14.4402C13.4479 14.0967 14.1968 13.3578 14.5545 12.454C14.8654 11.6809 14.8867 10.7961 14.6139 10.0085C14.3282 9.17018 13.712 8.45227 12.9289 8.03909C12.271 7.68756 11.4992 7.55908 10.7623 7.67013Z" fill="#F1416C"/>
17
+ <path d="M12.7716 9.88004L10.334 11.7688L9.52837 10.7796C9.36393 10.5781 9.0613 10.5426 8.85133 10.7013C8.6419 10.8594 8.60494 11.1505 8.76938 11.3525L9.87653 12.7111C9.95581 12.8084 10.0731 12.8718 10.2011 12.8857C10.2193 12.8878 10.2375 12.8888 10.2558 12.8888C10.3656 12.8888 10.4722 12.8528 10.5579 12.7863L13.3758 10.6034C13.5831 10.4421 13.6158 10.1505 13.4492 9.95114C13.2831 9.75227 12.9789 9.71879 12.7716 9.88004Z" fill="#F1416C"/>
18
+ </g>
19
+ <defs>
20
+ <clipPath id="clip0_5865_544149">
21
+ <rect width="16" height="16" fill="white"/>
22
+ </clipPath>
23
+ </defs>
24
+ </svg>),
25
+ overtime: (props) => (<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
26
+ <g clip-path="url(#clip0_5865_544155)">
27
+ <rect width="16" height="16" fill="none"/>
28
+ <path opacity="0.96" d="M8.00012 14.3771C11.522 14.3771 14.3771 11.522 14.3771 8.00012C14.3771 4.47823 11.522 1.62317 8.00012 1.62317C4.47823 1.62317 1.62317 4.47823 1.62317 8.00012C1.62317 11.522 4.47823 14.3771 8.00012 14.3771Z" fill="#FAF389"/>
29
+ <path opacity="0.96" d="M14.3768 8.00043C14.3768 4.58861 11.6977 1.80239 8.3283 1.63158L8.00043 1.62317C4.47854 1.62317 1.62317 4.47854 1.62317 8.00043L1.63158 8.3283C1.79687 11.5889 4.4111 14.2029 7.67162 14.3683L8.00043 14.3768C11.4121 14.3766 14.1975 11.6976 14.3683 8.3283L14.3768 8.00043ZM15.3333 8.00043C15.3331 12.0504 12.0504 15.3331 8.00043 15.3333C3.95036 15.3333 0.666795 12.0505 0.666626 8.00043C0.666626 3.95025 3.95025 0.666626 8.00043 0.666626C12.0505 0.666795 15.3333 3.95036 15.3333 8.00043Z" fill="#E1E3EA"/>
30
+ </g>
31
+ </svg>),
32
+ overlapping: (props) => (<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
33
+ <path opacity="0.96" d="M7.33349 13.7104C10.8554 13.7104 13.7104 10.8554 13.7104 7.33349C13.7104 3.8116 10.8554 0.956543 7.33349 0.956543C3.8116 0.956543 0.956543 3.8116 0.956543 7.33349C0.956543 10.8554 3.8116 13.7104 7.33349 13.7104Z" fill="none"/>
34
+ <path opacity="0.96" d="M13.7101 7.3338C13.7101 3.92198 11.031 1.13576 7.66168 0.964949L7.3338 0.956542C3.81191 0.956542 0.956542 3.81191 0.956542 7.3338L0.964949 7.66168C1.13025 10.9222 3.74447 13.5363 7.00499 13.7017L7.3338 13.7101C10.7455 13.71 13.5309 11.0309 13.7017 7.66168L13.7101 7.3338ZM14.6667 7.3338C14.6665 11.3837 11.3837 14.6665 7.3338 14.6667C3.28373 14.6667 0.000168603 11.3838 0 7.3338C0 3.28363 3.28363 0 7.3338 0C11.3838 0.000168606 14.6667 3.28373 14.6667 7.3338Z" fill="#D9214E"/>
35
+ </svg>),
36
+ hold: (props) => (<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
37
+ <path d="M12.9244 4.61302C13.3917 4.61302 13.7705 4.23422 13.7705 3.76696C13.7705 3.29969 13.3917 2.9209 12.9244 2.9209C12.4572 2.9209 12.0784 3.29969 12.0784 3.76696C12.0784 4.23422 12.4572 4.61302 12.9244 4.61302Z" fill="#FFC700"/>
38
+ <path d="M10.6704 2.92515C11.1377 2.92515 11.5165 2.54636 11.5165 2.07909C11.5165 1.61183 11.1377 1.23303 10.6704 1.23303C10.2031 1.23303 9.82434 1.61183 9.82434 2.07909C9.82434 2.54636 10.2031 2.92515 10.6704 2.92515Z" fill="#FFC700"/>
39
+ <path d="M8.41186 2.35875C8.87912 2.35875 9.25792 1.97995 9.25792 1.51269C9.25792 1.04542 8.87912 0.666626 8.41186 0.666626C7.94459 0.666626 7.5658 1.04542 7.5658 1.51269C7.5658 1.97995 7.94459 2.35875 8.41186 2.35875Z" fill="#FFC700"/>
40
+ <path d="M6.1549 3.48777C6.62216 3.48777 7.00096 3.10898 7.00096 2.64171C7.00096 2.17445 6.62216 1.79565 6.1549 1.79565C5.68763 1.79565 5.30884 2.17445 5.30884 2.64171C5.30884 3.10898 5.68763 3.48777 6.1549 3.48777Z" fill="#FFC700"/>
41
+ <path d="M12.0793 3.77056V7.43682C12.0793 7.5925 11.9529 7.71884 11.7973 7.71884C11.6416 7.71884 11.5152 7.5925 11.5152 7.43682V2.07844H9.82312V6.87278C9.82312 7.02846 9.69677 7.1548 9.5411 7.1548C9.38542 7.1548 9.25908 7.02846 9.25908 6.87278V1.5144H7.56696V6.87278C7.56696 7.02846 7.44061 7.1548 7.28494 7.1548C7.12926 7.1548 7.00292 7.02846 7.00292 6.87278V2.64248H5.3108V9.69298L4.16862 8.13003C3.83019 7.60829 3.1697 7.43344 2.68576 7.73238C2.2035 8.03809 2.08393 8.70478 2.41784 9.22483C2.41784 9.22483 4.25999 12.0129 5.04514 13.2064C5.83028 14.3999 7.10219 15.3334 9.48074 15.3334C13.4189 15.3334 13.7714 12.2921 13.7714 11.3851C13.7714 10.4781 13.7714 3.77056 13.7714 3.77056H12.0793Z" fill="#FFC700"/>
42
+ </svg>),
43
+ reserved: (props) => (<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
44
+ <path d="M10.4477 6.90855L8.20783 8.71284L7.4676 7.76788C7.31651 7.57544 7.03843 7.54148 6.8455 7.69307C6.65306 7.84416 6.6191 8.12224 6.7702 8.31517L7.78751 9.61302C7.86035 9.70604 7.96814 9.76657 8.08577 9.77986C8.1025 9.78183 8.11923 9.78282 8.13597 9.78282C8.23686 9.78282 8.3348 9.74836 8.41355 9.68487L11.0029 7.59956C11.1933 7.44551 11.2233 7.16694 11.0703 6.97647C10.9177 6.78649 10.6382 6.7545 10.4477 6.90855Z" fill="#FF7800"/>
45
+ <path d="M15.3051 11.2775L13.7691 4.53727C13.6519 4.02493 13.2036 3.66663 12.6774 3.66663H3.31195C3.28783 3.66663 3.2647 3.67253 3.24108 3.6745C2.75186 3.71092 2.34287 4.05347 2.23262 4.53776L0.695087 11.2765C0.618801 11.6107 0.697548 11.9557 0.911149 12.223C1.12475 12.4907 1.44368 12.6443 1.78573 12.6443L5.16693 12.6443C5.41154 12.6443 5.16693 12.4459 5.16693 12.2013C5.16693 11.9567 4.96859 11.7584 4.72398 11.7584L1.78573 11.7584C1.68779 11.7584 1.62972 11.7037 1.60363 11.6708C1.57755 11.6383 1.53719 11.5689 1.55884 11.4739L2.78385 6.10581L4.07629 11.7751C4.19293 12.2875 4.64179 12.6458 5.16693 12.6458H14.214C14.5565 12.6458 14.8755 12.4917 15.0886 12.2245C15.3022 11.9567 15.3809 11.6117 15.3051 11.2775ZM14.3961 11.6717C14.37 11.7042 14.3114 11.7594 14.214 11.7594H5.16693C5.05767 11.7594 4.96416 11.685 4.94004 11.5782L3.31293 4.55794C3.31687 4.55794 3.31933 4.5545 3.32327 4.5545H7.76312C7.7646 4.5545 7.76608 4.55351 7.76804 4.55351H12.6774C12.7872 4.55351 12.8807 4.62783 12.9048 4.73463L14.4409 11.4744C14.463 11.5699 14.4222 11.6388 14.3961 11.6717Z" fill="#FF7800"/>
46
+ </svg>),
47
+ waitingPayment: (props) => (<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
48
+ <path d="M13.62 13.0733C13.6279 13.3475 13.5793 13.6204 13.4772 13.875C13.3751 14.1296 13.2218 14.3605 13.0267 14.5533C12.6297 14.9473 12.0927 15.1679 11.5333 15.1666H4.47334C3.93412 15.1688 3.41515 14.9614 3.02587 14.5883C2.63658 14.2152 2.40741 13.7055 2.38667 13.1666V12.8666C2.3927 12.286 2.5204 11.7131 2.76154 11.1849C3.00269 10.6566 3.35191 10.1849 3.78667 9.79996L5.59334 8.1733C5.62372 8.1503 5.64836 8.12057 5.66533 8.08645C5.68229 8.05232 5.69112 8.01474 5.69112 7.97663C5.69112 7.93852 5.68229 7.90093 5.66533 7.86681C5.64836 7.83269 5.62372 7.80296 5.59334 7.77996L3.78 6.1533C3.69516 6.06304 3.64793 5.94383 3.64793 5.81996C3.64793 5.69609 3.69516 5.57688 3.78 5.48663C3.87376 5.39299 4.00084 5.3404 4.13334 5.3404C4.26584 5.3404 4.39292 5.39299 4.48667 5.48663L6.26667 7.0533C6.39831 7.16843 6.50381 7.31038 6.57609 7.46963C6.64838 7.62888 6.68577 7.80174 6.68577 7.97663C6.68577 8.15152 6.64838 8.32438 6.57609 8.48363C6.50381 8.64288 6.39831 8.78483 6.26667 8.89996L4.46001 10.5266C4.12404 10.8146 3.85378 11.1714 3.66747 11.5727C3.48116 11.9741 3.38313 12.4108 3.38001 12.8533V13.14C3.39036 13.4212 3.50941 13.6874 3.71209 13.8826C3.91476 14.0778 4.18527 14.1868 4.46667 14.1866H11.5333C11.8222 14.1849 12.0985 14.0689 12.3021 13.8641C12.5057 13.6592 12.62 13.3821 12.62 13.0933V12.8666C12.6184 12.4219 12.521 11.9828 12.3347 11.5791C12.1484 11.1753 11.8773 10.8164 11.54 10.5266L9.73334 8.89996C9.6036 8.78366 9.49983 8.64133 9.42878 8.48224C9.35774 8.32314 9.32102 8.15086 9.32102 7.97663C9.32102 7.80239 9.35774 7.63012 9.42878 7.47102C9.49983 7.31193 9.6036 7.16959 9.73334 7.0533L11.5333 5.4333C11.8688 5.14343 12.1386 4.7854 12.3249 4.38305C12.5111 3.98071 12.6094 3.5433 12.6133 3.09996V2.88663C12.6125 2.7448 12.5837 2.60453 12.5286 2.47383C12.4735 2.34314 12.3932 2.22457 12.2923 2.1249C12.1914 2.02523 12.0718 1.94641 11.9405 1.89295C11.8091 1.83948 11.6685 1.81242 11.5267 1.8133H4.46667C4.32484 1.81242 4.18423 1.83948 4.05286 1.89295C3.9215 1.94641 3.80194 2.02523 3.70104 2.1249C3.60013 2.22457 3.51984 2.34314 3.46476 2.47383C3.40968 2.60453 3.38088 2.7448 3.38001 2.88663V3.09996C3.38001 3.23257 3.32733 3.35975 3.23356 3.45352C3.13979 3.54728 3.01261 3.59996 2.88001 3.59996C2.7474 3.59996 2.62022 3.54728 2.52645 3.45352C2.43268 3.35975 2.38 3.23257 2.38 3.09996V2.88663C2.38529 2.3379 2.60789 1.81365 2.99903 1.42876C3.39016 1.04387 3.91793 0.829741 4.46667 0.833296H11.5267C12.0754 0.829741 12.6032 1.04387 12.9943 1.42876C13.3855 1.81365 13.6081 2.3379 13.6133 2.88663V3.09996C13.6075 3.67869 13.4799 4.24969 13.2386 4.77578C12.9974 5.30187 12.6481 5.77123 12.2133 6.1533L10.4067 7.77996C10.377 7.8041 10.3532 7.83463 10.3371 7.86926C10.3209 7.9039 10.3128 7.94174 10.3133 7.97996C10.3133 8.01714 10.3217 8.05384 10.3379 8.08732C10.354 8.12079 10.3776 8.15019 10.4067 8.1733L12.2133 9.79996C12.6481 10.182 12.9974 10.6514 13.2386 11.1775C13.4799 11.7036 13.6075 12.2746 13.6133 12.8533L13.62 13.0733ZM5.26 11.8933L6.87334 10.26C7.18539 9.95814 7.60254 9.78942 8.03667 9.78942C8.47081 9.78942 8.88795 9.95814 9.20001 10.26L10.8067 11.8933C10.9212 12.0067 10.9985 12.1522 11.0283 12.3106C11.0581 12.469 11.0389 12.6327 10.9733 12.78C10.9102 12.9239 10.8067 13.0465 10.6754 13.1329C10.5441 13.2192 10.3905 13.2657 10.2333 13.2666H5.84001C5.68041 13.2678 5.52405 13.2216 5.39072 13.1339C5.25739 13.0462 5.15307 12.9209 5.09098 12.7738C5.02889 12.6268 5.0118 12.4647 5.04189 12.3079C5.07198 12.1512 5.14788 12.0069 5.26 11.8933ZM6.27334 12.2866H9.8L8.46667 10.9533C8.34417 10.8427 8.18502 10.7815 8.02001 10.7815C7.85499 10.7815 7.69584 10.8427 7.57334 10.9533L6.27334 12.2866Z" fill="#F9D401"/>
49
+ <path d="M13.2797 10.8496C14.437 10.8499 15.3754 11.7889 15.3754 12.9463C15.3751 14.1034 14.4368 15.0417 13.2797 15.042C12.1223 15.042 11.1832 14.1036 11.183 12.9463C11.183 11.7888 12.1222 10.8496 13.2797 10.8496Z" fill="#F7C000" stroke="#284268" stroke-width="0.3"/>
50
+ <path d="M13.2793 14.3358C14.0469 14.3358 14.6692 13.7135 14.6692 12.9459C14.6692 12.1783 14.0469 11.556 13.2793 11.556C12.5117 11.556 11.8894 12.1783 11.8894 12.9459C11.8894 13.7135 12.5117 14.3358 13.2793 14.3358Z" fill="#F7C000"/>
51
+ <path d="M12.6562 13.6652C12.6832 13.6652 12.709 13.6545 12.7281 13.6354C12.7471 13.6164 12.7578 13.5906 12.7578 13.5636V12.991H12.9354L13.2648 13.6113C13.2775 13.6351 13.2991 13.6529 13.3248 13.6608C13.3506 13.6686 13.3784 13.666 13.4022 13.6533C13.426 13.6407 13.4438 13.6191 13.4517 13.5934C13.4596 13.5676 13.4569 13.5398 13.4443 13.516L13.1505 12.963C13.2519 12.9258 13.337 12.8541 13.3908 12.7605C13.4446 12.6669 13.4638 12.5573 13.4449 12.451C13.426 12.3447 13.3703 12.2484 13.2876 12.179C13.2048 12.1097 13.1003 12.0717 12.9923 12.0717H12.6562C12.6293 12.0717 12.6035 12.0824 12.5844 12.1014C12.5654 12.1204 12.5547 12.1463 12.5547 12.1732V13.5636C12.5547 13.5906 12.5654 13.6164 12.5844 13.6354C12.6035 13.6545 12.6293 13.6652 12.6562 13.6652ZM12.7578 12.2748H12.9922C13.0599 12.2753 13.1246 12.3026 13.1723 12.3507C13.22 12.3987 13.2467 12.4637 13.2467 12.5314C13.2467 12.599 13.22 12.664 13.1723 12.712C13.1246 12.7601 13.0599 12.7874 12.9922 12.7879H12.7578V12.2748Z" fill="#284268"/>
52
+ <path d="M13.8811 12.8177H13.6635C13.6365 12.8177 13.6107 12.8284 13.5916 12.8475C13.5726 12.8665 13.5619 12.8924 13.5619 12.9193V13.6972C13.5619 13.7241 13.5726 13.75 13.5916 13.769C13.6107 13.7881 13.6365 13.7988 13.6635 13.7988C13.6904 13.7988 13.7162 13.7881 13.7353 13.769C13.7543 13.75 13.765 13.7241 13.765 13.6972V13.4564H13.8811C13.9658 13.4564 14.047 13.4228 14.1069 13.3629C14.1668 13.303 14.2004 13.2218 14.2004 13.1371C14.2004 13.0524 14.1668 12.9712 14.1069 12.9113C14.047 12.8514 13.9658 12.8177 13.8811 12.8177H13.8811ZM13.8811 13.2533H13.765V13.0209H13.8811C13.9119 13.0209 13.9414 13.0331 13.9632 13.0549C13.985 13.0767 13.9973 13.1063 13.9973 13.1371C13.9973 13.1679 13.985 13.1975 13.9632 13.2192C13.9414 13.241 13.9119 13.2533 13.8811 13.2533H13.8811Z" fill="#284268"/>
53
+ <path d="M13.3497 11.4561C13.122 11.4454 12.8949 11.4869 12.6858 11.5776C12.4768 11.6683 12.2912 11.8057 12.1435 11.9793C11.9958 12.1528 11.8898 12.3579 11.8337 12.5788C11.7776 12.7997 11.7729 13.0305 11.8199 13.2535C11.8669 13.4765 11.9644 13.6858 12.1048 13.8653C12.2453 14.0447 12.4251 14.1896 12.6302 14.2888C12.8354 14.388 13.0606 14.4388 13.2885 14.4374C13.5164 14.436 13.741 14.3824 13.9449 14.2807C13.9595 14.2732 13.9721 14.2624 13.9816 14.2491C13.9911 14.2358 13.9972 14.2204 13.9995 14.2042C14.0017 14.188 14 14.1714 13.9945 14.156C13.989 14.1406 13.9799 14.1268 13.9679 14.1157C13.9526 14.1015 13.9333 14.0924 13.9126 14.0895C13.8919 14.0867 13.8708 14.0902 13.8522 14.0997C13.577 14.2362 13.2619 14.2699 12.964 14.1947C12.6661 14.1194 12.4048 13.9402 12.2274 13.6893C12.05 13.4384 11.968 13.1324 11.9964 12.8264C12.0247 12.5204 12.1615 12.2346 12.382 12.0206C12.6025 11.8066 12.8922 11.6784 13.1989 11.6592C13.5056 11.6399 13.8091 11.7309 14.0546 11.9158C14.3001 12.1006 14.4715 12.367 14.5378 12.6671C14.6041 12.9671 14.5611 13.281 14.4164 13.5521C14.4058 13.5714 14.402 13.5936 14.4054 13.6153C14.4088 13.637 14.4194 13.657 14.4354 13.672L14.4399 13.6762C14.4509 13.6865 14.4642 13.6941 14.4787 13.6984C14.4931 13.7028 14.5084 13.7038 14.5233 13.7013C14.5382 13.6988 14.5523 13.6929 14.5646 13.6841C14.5768 13.6753 14.5869 13.6638 14.5941 13.6505C14.7132 13.4285 14.7742 13.18 14.7712 12.9281C14.7683 12.6762 14.7016 12.4291 14.5773 12.21C14.453 11.9908 14.2753 11.8068 14.0606 11.6749C13.8459 11.5431 13.6013 11.4678 13.3497 11.4561Z" fill="#284268"/>
54
+ </svg>),
55
+ armchair: (props) => (<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
56
+ <g clip-path="url(#clip0_5865_544188)">
57
+ <path d="M12.7774 6.02712V3.76271C12.7774 2.46102 11.766 2 10.8151 2H5.16981C4.21887 2 3.20755 2.46102 3.20755 3.76271V6.02712C2.51321 6.18983 2 6.74576 2 7.42373V11.0576C2 12.1288 2.8 12.5492 3.58491 12.5898V13.5119C3.58491 13.7831 3.82642 14 4.1283 14H4.68679C4.98868 14 5.23019 13.7831 5.23019 13.5119V12.5898H10.7698V13.5119C10.7698 13.7831 11.0113 14 11.3132 14H11.8717C12.1736 14 12.4151 13.7831 12.4151 13.5119V12.5898C13.5774 12.5356 14 11.7763 14 11.0576V7.41017C13.9698 6.74576 13.4566 6.17627 12.7774 6.02712ZM3.75094 3.76271C3.75094 2.65085 4.64151 2.47458 5.16981 2.47458H10.8151C11.3434 2.47458 12.234 2.63729 12.234 3.74915V5.97288C11.4189 6.04068 10.7698 6.65085 10.7698 7.41017V7.74915H5.21509V7.41017C5.21509 6.65085 4.56604 6.04068 3.75094 5.97288V3.76271ZM10.7547 8.23729V9.91864H5.21509V8.23729H10.7547ZM4.68679 13.5119H4.1283V12.5898H4.68679V13.5119ZM11.8566 13.5119H11.2981V12.5898H11.8566V13.5119ZM13.4566 11.0576H13.4415C13.4415 11.5322 13.2453 12.1153 12.2642 12.1153H11.8566H11.2981H4.68679H4.1283H3.72075C3.19245 12.1153 2.5434 11.939 2.5434 11.0576V7.41017C2.5434 6.88136 3.02642 6.44746 3.61509 6.44746C4.20377 6.44746 4.68679 6.88136 4.68679 7.41017V10.1627C4.68679 10.2983 4.80755 10.4068 4.95849 10.4068H11.0415C11.1925 10.4068 11.3132 10.2983 11.3132 10.1627V7.41017C11.3132 6.88136 11.7962 6.44746 12.3849 6.44746C12.9736 6.44746 13.4566 6.88136 13.4566 7.41017V11.0576Z" fill="#347ADB" stroke="#347ADB" stroke-width="0.533333"/>
58
+ </g>
59
+ <defs>
60
+ <clipPath id="clip0_5865_544188">
61
+ <rect width="13.3333" height="13.3333" fill="white" transform="translate(1.33337 1.33337)"/>
62
+ </clipPath>
63
+ </defs>
64
+ </svg>),
65
+ cheque: (props) => (<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
66
+ <path d="M5.44662 6.31999H3.99996C3.92838 6.3318 3.85509 6.32789 3.78517 6.30853C3.71525 6.28918 3.65039 6.25484 3.59507 6.2079C3.53976 6.16096 3.49532 6.10255 3.46484 6.03672C3.43437 5.97088 3.41858 5.89921 3.41858 5.82666C3.41858 5.75411 3.43437 5.68244 3.46484 5.6166C3.49532 5.55077 3.53976 5.49236 3.59507 5.44542C3.65039 5.39848 3.71525 5.36414 3.78517 5.34479C3.85509 5.32543 3.92838 5.32152 3.99996 5.33333H5.44662C5.57923 5.33333 5.70641 5.38601 5.80018 5.47977C5.89394 5.57354 5.94662 5.70072 5.94662 5.83333C5.94662 5.96594 5.89394 6.09311 5.80018 6.18688C5.70641 6.28065 5.57923 6.33333 5.44662 6.33333V6.31999Z" fill="#47B63D"/>
67
+ <path d="M8.17327 6.32007H7.2666C7.13399 6.32007 7.00682 6.26739 6.91305 6.17362C6.81928 6.07985 6.7666 5.95268 6.7666 5.82007C6.7666 5.68746 6.81928 5.56028 6.91305 5.46651C7.00682 5.37275 7.13399 5.32007 7.2666 5.32007H8.17327C8.30588 5.32007 8.43305 5.37275 8.52682 5.46651C8.62059 5.56028 8.67327 5.68746 8.67327 5.82007C8.67327 5.95268 8.62059 6.07985 8.52682 6.17362C8.43305 6.26739 8.30588 6.32007 8.17327 6.32007V6.32007Z" fill="#47B63D"/>
68
+ <path d="M5.44667 8.5H4C3.86739 8.5 3.74021 8.44732 3.64645 8.35355C3.55268 8.25978 3.5 8.13261 3.5 8C3.5 7.86739 3.55268 7.74022 3.64645 7.64645C3.74021 7.55268 3.86739 7.5 4 7.5H5.44667C5.57928 7.5 5.70645 7.55268 5.80022 7.64645C5.89399 7.74022 5.94667 7.86739 5.94667 8C5.94667 8.13261 5.89399 8.25978 5.80022 8.35355C5.70645 8.44732 5.57928 8.5 5.44667 8.5Z" fill="#47B63D"/>
69
+ <path d="M8.17329 10.6667H6.66663C6.53402 10.6667 6.40684 10.6141 6.31307 10.5203C6.2193 10.4265 6.16663 10.2994 6.16663 10.1667C6.16663 10.0341 6.2193 9.90696 6.31307 9.81319C6.40684 9.71943 6.53402 9.66675 6.66663 9.66675H8.14663C8.27923 9.66675 8.40641 9.71943 8.50018 9.81319C8.59395 9.90696 8.64663 10.0341 8.64663 10.1667C8.64663 10.2994 8.59395 10.4265 8.50018 10.5203C8.40641 10.6141 8.27923 10.6667 8.14663 10.6667H8.17329Z" fill="#47B63D"/>
70
+ <path d="M8.17327 8.5H7.2666C7.13399 8.5 7.00682 8.44732 6.91305 8.35355C6.81928 8.25978 6.7666 8.13261 6.7666 8C6.7666 7.86739 6.81928 7.74022 6.91305 7.64645C7.00682 7.55268 7.13399 7.5 7.2666 7.5H8.17327C8.30588 7.5 8.43305 7.55268 8.52682 7.64645C8.62059 7.74022 8.67327 7.86739 8.67327 8C8.67327 8.13261 8.62059 8.25978 8.52682 8.35355C8.43305 8.44732 8.30588 8.5 8.17327 8.5V8.5Z" fill="#47B63D"/>
71
+ <path opacity="0.3" d="M10.26 12.6267V2.29337C10.2628 2.18439 10.2353 2.07677 10.1804 1.98258C10.1255 1.8884 10.0454 1.81137 9.9492 1.76014C9.85297 1.70891 9.74437 1.6855 9.63559 1.69255C9.5268 1.6996 9.42212 1.73682 9.33331 1.80004L8.52664 2.32004C8.42798 2.38596 8.31197 2.42115 8.19331 2.42115C8.07464 2.42115 7.95864 2.38596 7.85998 2.32004L6.52664 1.4267C6.42831 1.35992 6.31218 1.32422 6.19331 1.32422C6.07444 1.32422 5.95831 1.35992 5.85998 1.4267L4.55998 2.4267C4.46164 2.49348 4.34551 2.52919 4.22664 2.52919C4.10777 2.52919 3.99165 2.49348 3.89331 2.4267L3.03331 1.85337C2.94435 1.79117 2.84004 1.75456 2.73172 1.74754C2.6234 1.74051 2.51523 1.76333 2.41898 1.81352C2.32273 1.8637 2.2421 1.93933 2.18585 2.03217C2.1296 2.125 2.0999 2.23149 2.09998 2.34004V3.67337V12.6267C2.09998 13.1677 2.3149 13.6866 2.69748 14.0692C3.08005 14.4518 3.59893 14.6667 4.13998 14.6667H12.3C11.7589 14.6667 11.2401 14.4518 10.8575 14.0692C10.4749 13.6866 10.26 13.1677 10.26 12.6267V12.6267Z" fill="#47B63D"/>
72
+ <path d="M14.3332 10.6667C14.3378 10.4859 14.3056 10.3062 14.2385 10.1383C14.1715 9.97041 14.071 9.81792 13.9432 9.69008C13.8153 9.56225 13.6628 9.46175 13.4949 9.39469C13.3271 9.32763 13.1473 9.29541 12.9666 9.29999H10.2532V11.1067V12.56C10.2449 13.0409 10.4028 13.5099 10.7005 13.8877C10.9981 14.2655 11.4171 14.5289 11.8866 14.6333C12.1826 14.6938 12.4885 14.6874 12.7818 14.6148C13.0751 14.5423 13.3486 14.4052 13.5822 14.2136C13.8159 14.0221 14.004 13.7808 14.1328 13.5075C14.2615 13.2341 14.3277 12.9355 14.3266 12.6333V11.1L14.3332 10.6667Z" fill="#47B63D"/>
73
+ </svg>),
74
+ magnifyingGlassMinus: (props) => (<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
75
+ <path d="M14.0001 7.87503C14 7.07073 13.8421 6.27423 13.5344 5.53115C13.2266 4.78811 12.7751 4.11317 12.2065 3.54445C11.6377 2.97567 10.9621 2.52438 10.2189 2.21656C9.47581 1.90878 8.67935 1.75001 7.87503 1.75001C7.07072 1.75003 6.27424 1.90876 5.53115 2.21656C4.78806 2.52438 4.11319 2.97571 3.54445 3.54445C2.39579 4.6931 1.75005 6.25059 1.75001 7.87503C1.75001 9.49954 2.39575 11.0578 3.54445 12.2065C4.69308 13.355 6.25071 14 7.87503 14.0001C9.49954 14.0001 11.0578 13.3552 12.2065 12.2065C12.7752 11.6377 13.2265 10.9621 13.5344 10.2189C13.8421 9.47586 14.0001 8.67928 14.0001 7.87503ZM10.5 7.00003C10.9832 7.00003 11.3749 7.39186 11.375 7.87503C11.375 8.35828 10.9833 8.75003 10.5 8.75003H5.25002C4.76685 8.74994 4.37502 8.35822 4.37502 7.87503C4.37511 7.39192 4.76691 7.00012 5.25002 7.00003H10.5ZM15.7501 7.87503C15.7501 8.90918 15.5468 9.9334 15.1511 10.8888C14.8674 11.5736 14.4874 12.2124 14.0265 12.7892L17.2437 16.0064C17.5854 16.3481 17.5854 16.902 17.2437 17.2437C16.902 17.5854 16.3481 17.5854 16.0064 17.2437L12.7892 14.0265C11.4004 15.1361 9.66985 15.7501 7.87503 15.7501C5.78646 15.75 3.78313 14.9206 2.30628 13.4438C0.829507 11.9669 0 9.96358 0 7.87503C4.77338e-05 5.78646 0.829437 3.78313 2.30628 2.30628C3.03747 1.5751 3.90591 0.995619 4.86122 0.599856C5.81663 0.204112 6.8409 2.36665e-05 7.87503 0C8.90922 0 9.93337 0.204089 10.8888 0.599856C11.8442 0.995589 12.7126 1.5751 13.4438 2.30628C14.175 3.03751 14.7553 3.90584 15.1511 4.86122C15.5468 5.81663 15.75 6.8409 15.7501 7.87503Z" fill="#5E6278"/>
76
+ </svg>),
77
+ magnifyingGlassPlus: (props) => (<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
78
+ <g clip-path="url(#clip0_5794_33822)">
79
+ <path d="M14.2501 8.12503C14.25 7.32073 14.0921 6.52423 13.7844 5.78115C13.4766 5.03811 13.0251 4.36317 12.4565 3.79445C11.8877 3.22567 11.2121 2.77438 10.4689 2.46656C9.72581 2.15878 8.92935 2.00001 8.12503 2.00001C7.32072 2.00003 6.52424 2.15876 5.78115 2.46656C5.03806 2.77438 4.36319 3.22571 3.79445 3.79445C2.64579 4.9431 2.00005 6.50059 2.00001 8.12503C2.00001 9.74954 2.64575 11.3078 3.79445 12.4565C4.94308 13.605 6.50071 14.25 8.12503 14.2501C9.74954 14.2501 11.3078 13.6052 12.4565 12.4565C13.0252 11.8877 13.4765 11.2121 13.7844 10.4689C14.0921 9.72586 14.2501 8.92928 14.2501 8.12503ZM7.25003 10.75V9.00003H5.50002C5.01685 8.99994 4.62502 8.60822 4.62502 8.12503C4.62511 7.64192 5.01691 7.25012 5.50002 7.25003H7.25003V5.50002C7.25012 5.01691 7.64192 4.62511 8.12503 4.62502C8.60822 4.62502 8.99994 5.01685 9.00003 5.50002V7.25003H10.75C11.2332 7.25003 11.6249 7.64186 11.625 8.12503C11.625 8.60828 11.2333 9.00003 10.75 9.00003H9.00003V10.75C9.00003 11.2333 8.60828 11.625 8.12503 11.625C7.64186 11.6249 7.25003 11.2332 7.25003 10.75ZM16.0001 8.12503C16.0001 9.15918 15.7968 10.1834 15.4011 11.1388C15.1174 11.8236 14.7374 12.4624 14.2765 13.0392L17.4937 16.2564C17.8354 16.5981 17.8354 17.152 17.4937 17.4937C17.152 17.8354 16.5981 17.8354 16.2564 17.4937L13.0392 14.2765C11.6504 15.3861 9.91985 16.0001 8.12503 16.0001C6.03646 16 4.03313 15.1706 2.55628 13.6938C1.07951 12.2169 0.25 10.2136 0.25 8.12503C0.250048 6.03646 1.07944 4.03313 2.55628 2.55628C3.28747 1.8251 4.15591 1.24562 5.11122 0.849856C6.06663 0.454112 7.0909 0.250024 8.12503 0.25C9.15922 0.25 10.1834 0.454089 11.1388 0.849856C12.0942 1.24559 12.9626 1.8251 13.6938 2.55628C14.425 3.28751 15.0053 4.15584 15.4011 5.11122C15.7968 6.06663 16 7.0909 16.0001 8.12503Z" fill="#5E6278"/>
80
+ </g>
81
+ <defs>
82
+ <clipPath id="clip0_5794_33822">
83
+ <rect width="18" height="18" fill="white"/>
84
+ </clipPath>
85
+ </defs>
86
+ </svg>),
87
+ walk: (props) => (<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
88
+ <path d="M13.0233 5.09302C14.1489 5.09302 15.0698 4.17209 15.0698 3.04651C15.0698 1.92093 14.1489 1 13.0233 1C11.8977 1 10.9768 1.92093 10.9768 3.04651C10.9768 4.17209 11.8977 5.09302 13.0233 5.09302ZM9.23725 8.57209L6.61771 21.7823C6.48469 22.4065 6.97585 23 7.62051 23H7.70237C8.1833 23 8.5926 22.6726 8.70516 22.2019L10.3628 14.814L12.5117 16.8605V21.9767C12.5117 22.5395 12.9721 23 13.5349 23C14.0977 23 14.5582 22.5395 14.5582 21.9767V16.2056C14.5582 15.6428 14.3331 15.1107 13.9238 14.7219L12.4093 13.2791L13.0233 10.2093C14.1764 11.5276 15.755 12.4002 17.4847 12.6753C18.0986 12.7674 18.6512 12.2763 18.6512 11.6521C18.6512 11.1507 18.2828 10.7312 17.7814 10.6493C16.2261 10.3935 14.9368 9.47256 14.2512 8.26512L13.2279 6.62791C12.9516 6.18602 12.527 5.85689 12.0302 5.69941C11.5334 5.54193 10.9968 5.56638 10.5163 5.76837L6.59725 7.42605C6.22654 7.5845 5.91057 7.84841 5.68862 8.18498C5.46667 8.52154 5.34853 8.91591 5.34888 9.31907V11.7442C5.34888 12.307 5.80934 12.7674 6.37213 12.7674C6.93492 12.7674 7.39539 12.307 7.39539 11.7442V9.28837L9.23725 8.57209Z" fill="currentColor"/>
89
+ </svg>),
90
+ people: (props) => (<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
91
+ <path d="M8.40752 11.6627C9.79514 11.6627 10.92 10.5378 10.92 9.15019C10.92 7.76258 9.79514 6.6377 8.40752 6.6377C7.0199 6.6377 5.89502 7.76258 5.89502 9.15019C5.89502 10.5378 7.0199 11.6627 8.40752 11.6627Z" fill="#5E6278"/>
92
+ <path d="M8.4076 16.5002C10.1307 16.5002 11.5276 15.6171 11.5276 14.5277C11.5276 13.4383 10.1307 12.5552 8.4076 12.5552C6.68447 12.5552 5.2876 13.4383 5.2876 14.5277C5.2876 15.6171 6.68447 16.5002 8.4076 16.5002Z" fill="#5E6278"/>
93
+ <path opacity="0.3" d="M12.3826 5.73C13.5507 5.73 14.4976 4.78308 14.4976 3.615C14.4976 2.44692 13.5507 1.5 12.3826 1.5C11.2145 1.5 10.2676 2.44692 10.2676 3.615C10.2676 4.78308 11.2145 5.73 12.3826 5.73Z" fill="#5E6278"/>
94
+ <path opacity="0.3" d="M4.41017 5.73C5.57825 5.73 6.52517 4.78308 6.52517 3.615C6.52517 2.44692 5.57825 1.5 4.41017 1.5C3.24208 1.5 2.29517 2.44692 2.29517 3.615C2.29517 4.78308 3.24208 5.73 4.41017 5.73Z" fill="#5E6278"/>
95
+ <g opacity="0.3">
96
+ <path d="M12.2625 7.37256C12.0225 7.37256 11.79 7.37256 11.5575 7.41006C11.9105 8.02313 12.0701 8.72856 12.0152 9.43388C11.9603 10.1392 11.6936 10.8115 11.25 11.3626C11.586 11.4291 11.9275 11.4642 12.27 11.4676C14.175 11.4676 15.7125 10.5451 15.7125 9.42006C15.7125 8.29506 14.1675 7.37256 12.2625 7.37256Z" fill="#5E6278"/>
97
+ <path d="M4.2375 7.5C4.4775 7.5 4.71 7.5 4.9425 7.5375C4.58947 8.15057 4.42993 8.856 4.4848 9.56132C4.53968 10.2666 4.8064 10.9389 5.25 11.49C4.91399 11.5565 4.57252 11.5917 4.23 11.595C2.325 11.595 0.7875 10.6725 0.7875 9.5475C0.7875 8.4225 2.3325 7.5 4.2375 7.5Z" fill="#5E6278"/>
98
+ </g>
99
+ </svg>),
100
+ };
package/dist/features/board-v3/index.d.ts CHANGED
@@ -7,6 +7,7 @@ export type RefsType = {
7
7
  };
8
8
  interface BoardTemplateProps {
9
9
  refs?: React.ForwardedRef<RefsType>;
10
+ loadingComponent?: React.JSX.Element;
10
11
  }
11
- declare const BoardTemplate: ({ refs }: BoardTemplateProps) => React.JSX.Element;
12
+ declare const BoardTemplate: ({ refs, loadingComponent }: BoardTemplateProps) => React.JSX.Element;
12
13
  export default BoardTemplate;
package/dist/features/board-v3/index.jsx CHANGED
@@ -14,7 +14,7 @@ import { applyResizeToSvgElement, arrayToSvgPointsAttr, createTableGhost, getGlo
14
14
  const toolElement = ["square", "circle", "table-seat-circle"];
15
15
  const idSelectionBoxGhost = "selection-box-ghost";
16
16
  const nameShapeSelectionBoxGhost = "selection-box";
17
- const BoardTemplate = ({ refs }) => {
17
+ const BoardTemplate = ({ refs, loadingComponent }) => {
18
18
  const dispatch = useAppDispatch();
19
19
  const backgroundColor = useAppSelector((state) => state.board.backgroundColor);
20
20
  const selectedComponentProps = useAppSelector((state) => state.panel.selectedComponent);
@@ -1501,7 +1501,7 @@ const BoardTemplate = ({ refs }) => {
1501
1501
  };
1502
1502
  return (<>
1503
1503
  <ModalPreview>
1504
- <LayerView statusKey="status"/>
1504
+ <LayerView statusKey="status" loadingComponent={loadingComponent}/>
1505
1505
  <div className="flex gap-2 mt-2">
1506
1506
  <Radio.Group value={isShowTagType} onChange={handleCheckPreview}>
1507
1507
  <Radio value="default">Default</Radio>
package/dist/features/package/index.d.ts CHANGED
@@ -39,6 +39,7 @@ export interface TableEditorProps {
39
39
  paddingRight?: number;
40
40
  paddingBottom?: number;
41
41
  };
42
+ loadingComponent?: React.JSX.Element;
42
43
  }
43
44
  declare const TableEditor: (props: TableEditorProps) => import("react").JSX.Element;
44
45
  export default TableEditor;
package/dist/features/package/index.jsx CHANGED
@@ -128,7 +128,7 @@ const TableEditor = (props) => {
128
128
  <LayerView statusKey="status"/>
129
129
  </div>) : (<div key={`${viewOnly}`} className="w-full h-full flex relative">
130
130
  <SideTool dragOnly={dragOnly} deleteAutorized={deleteAutorized}/>
131
- <Board key={`${viewOnly}`} refs={refsBoard}/>
131
+ <Board key={`${viewOnly}`} refs={refsBoard} loadingComponent={props === null || props === void 0 ? void 0 : props.loadingComponent}/>
132
132
  <ControlPanels action={props.action} transform={(_a = refsBoard === null || refsBoard === void 0 ? void 0 : refsBoard.current) === null || _a === void 0 ? void 0 : _a.transformRef}/>
133
133
  </div>)}
134
134
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "seat-editor",
3
- "version": "3.2.22",
3
+ "version": "3.2.24",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",