seat-editor 3.2.7 → 3.2.10

package/dist/app/constant.js

@@ -3212,6 +3212,155 @@ export const test1 = [
         areas: null,
         sections: null,
     },
+    {
+        uuid: "d088bba0-e990-410e-aea9-08548175a0b9-23424234",
+        uuid_rsvp: null,
+        code: "V1",
+        name: "VIP 1",
+        capacity: 8,
+        pax: null,
+        req_pax: null,
+        total_pax: null,
+        total_req_pax: null,
+        status_bg_color: null,
+        status_name: null,
+        status_color: null,
+        status_icon: null,
+        title: null,
+        firstname: null,
+        lastname: null,
+        ranks: null,
+        tags: null,
+        rank_sp: null,
+        rank_ts: null,
+        start_date: null,
+        end_date: null,
+        start_time: null,
+        end_time: null,
+        walk_in: null,
+        dp_amount: null,
+        dp_status: null,
+        online_payment: null,
+        rsvp_type: null,
+        rsvp_input: null,
+        is_reserved: 0,
+        is_hold: 0,
+        is_overtime: 0,
+        is_upcoming: 0,
+        conflicted: 0,
+        is_late: 0,
+        properties: {
+            x: 200,
+            y: 109.07066345214844,
+            id: 175396573893433,
+            fill: "#bca16a",
+            tags: [
+                {
+                    gap: "8",
+                    key: "table",
+                    items: [
+                        {
+                            type: "text",
+                            value: "VIP 2",
+                        },
+                    ],
+                    direction: "column",
+                },
+                {
+                    gap: "8",
+                    key: "pax",
+                    items: [
+                        {
+                            type: "icon",
+                            value: "people",
+                        },
+                        {
+                            type: "text",
+                            value: "0/8",
+                        },
+                    ],
+                    offsetX: "3",
+                    offsetY: "1",
+                    direction: "flex",
+                },
+                {
+                    gap: "2",
+                    key: "rsvp_time",
+                    items: [
+                        {
+                            type: "text",
+                            value: "18:00",
+                            fontWeight: "bold",
+                            textDecoration: "underline",
+                        },
+                        {
+                            type: "text",
+                            value: "19:00",
+                        },
+                        {
+                            type: "text",
+                            value: "22:00",
+                        },
+                    ],
+                    direction: "column",
+                    offsetY: -25,
+                },
+            ],
+            shape: "square",
+            width: 50,
+            height: 80,
+            labels: [
+                {
+                    x: 0,
+                    y: 4,
+                    label: "V 1",
+                    fontSize: 12,
+                    fontColor: "#0d0c0c",
+                },
+            ],
+            opacity: 0.5,
+            rotation: 0,
+            seatCount: 0,
+            uuid_table: "d088bba0-e990-410e-aea9-08548175a0b9",
+        },
+        image_mapping: [
+            {
+                x: 102.2516241245301,
+                y: 56.33927640274972,
+                id: 1753965911529,
+                src: "https://cdn.table.link/prod/5bf923de-2366-4a11-9b8b-e92de0afbf05/3a65cb36-7d85-4c38-9403-a15f94641920/68d45207-d66b-4bb5-92a2-4e5a87715e98/rsvp/1753965909936935262_BOI HT.png",
+                image: "/5bf923de-2366-4a11-9b8b-e92de0afbf05/3a65cb36-7d85-4c38-9403-a15f94641920/68d45207-d66b-4bb5-92a2-4e5a87715e98/rsvp/1753965909936935262_BOI HT.png",
+                shape: "background",
+                width: 1080.4444427490234,
+                height: 719,
+            },
+            {
+                x: 0,
+                y: 0,
+                id: 1766992965422,
+                fill: "#ffffff",
+                shape: "backgroundColor",
+                width: 0,
+                height: 0,
+            },
+        ],
+        upcomings: [
+            {
+                time: "18:00",
+                uuid: "9d5504a8-0f35-4027-8fff-c33235acfef0",
+            },
+            {
+                time: "19:00",
+                uuid: "ab7eb02b-1c4b-4e13-9ad8-122c891376db",
+            },
+            {
+                time: "22:00",
+                uuid: "0d925aad-70a1-441c-943b-51ebed06ee0f",
+            },
+        ],
+        areas: null,
+        sections: null,
+    },
 ];
 export const test4 = [
     {

package/dist/app/new-board/page.jsx

@@ -11,6 +11,16 @@ export default function NewBoard() {
         setInitialValue(data5);
         setExtraComponents(dummyExtra5);
     }, []);
+    const handleUploadImage = (file) => {
+        const test = new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = () => resolve(reader.result);
+            reader.onerror = reject;
+            reader.readAsDataURL(file);
+        });
+        console.log({ test });
+        return test;
+    };
     return (<>
       <div className="w-full h-screen flex flex-col relative justify-center">
         <div className="w-full h-[1000px] bg-white border-r border-gray-200">
@@ -25,12 +35,7 @@ export default function NewBoard() {
           <SeatEditor componentProps={initialValue} viewOnly={viewOnly} dragOnly={true} deleteAutorized={{
             component: true,
             extraComponent: true,
-        }} 
-    // action={async (action: any) => {
-    //   console.log({ action });
-    //   return null
-    // }}
-    mappingKey="properties" onCurrentStateChange={(setState) => {
+        }} action={handleUploadImage} mappingKey="properties" onCurrentStateChange={(setState) => {
             var _a, _b, _c, _d;
             if (((_a = setState === null || setState === void 0 ? void 0 : setState.components) === null || _a === void 0 ? void 0 : _a.length) > 0) {
                 setInitialValue((_b = setState === null || setState === void 0 ? void 0 : setState.components) !== null && _b !== void 0 ? _b : []);

package/dist/app/only-view/page.jsx

@@ -189,7 +189,7 @@ const TouchScrollDetect = () => {
               -
             </button>
           </div>
-          <LayerView refs={refLayer} statusKey="status" privilegedTags={[
+          <LayerView refs={refLayer} statusKey="is_hold" privilegedTags={[
             {
                 key: "table",
                 items: ["text", "icon"],
@@ -209,12 +209,17 @@ const TouchScrollDetect = () => {
             {
                 key: 0,
                 properties: { fill: "white" },
+                className: "blink-2",
             },
         ]} eventMatchTable={[
             {
                 event: "mouseenter",
                 properties: { fill: "red" },
             },
+            {
+                event: "dragenter",
+                properties: { fill: "blue" },
+            },
             {
                 event: "selected",
                 properties: { fill: "white" },
@@ -230,7 +235,7 @@ const TouchScrollDetect = () => {
             },
         ]} viewStyles={{
             paddingTop: 200,
-        }}/>
+        }} disabled={false}/>
         </div>
       </div>
     </div>);

package/dist/components/layer-v3/index.jsx

@@ -6,7 +6,7 @@ const Layers = ({ components, selectedComponent, activeTool, selectionLines, })
     const hasPoints = selectionLines && !isEmpty(selectionLines === null || selectionLines === void 0 ? void 0 : selectionLines.points);
     const renderShape = (item) => {
         var _a, _b, _c, _d, _e, _f;
-        const { id, x, y, width, height, fill, opacity, rotation = 0, shape, text, stroke, strokeWidth, labels, fontSize, fontColor, label, seatFill, src, points, seatPositions, radius = 10, } = item;
+        const { id, x, y, width, height, fill, opacity, rotation = 0, shape, text, stroke, strokeWidth, labels, fontSize, fontColor, label, seatFill, src, points, seatPositions, radius = 0, } = item;
         const commonProps = {
             fill,
             opacity,
@@ -77,7 +77,7 @@ const Layers = ({ components, selectedComponent, activeTool, selectionLines, })
             case "circle":
                 return (<g key={id} data-id={id} transform={`translate(${x}, ${y})`}>
             <g transform={`rotate(${rotation}, 0, 0)`}>
-              <circle key={id} cx={width / 2} cy={height / 2} r={Math.min(height, width) / 2} fill={fill} {...omit(commonProps, "opacity")}/>
+              <circle key={id} cx={width / 2} cy={height / 2} r={Math.min(height, width) / 2} fill={fill} {...commonProps}/>
               <g transform={`rotate(${-rotation}, ${width / 2}, ${height / 2})`}>
                 {labels === null || labels === void 0 ? void 0 : labels.map((_, index) => {
                         var _a, _b, _c, _d, _e, _f, _g;

package/dist/components/layer-v4/constant.d.ts

@@ -0,0 +1,48 @@
+export declare const tagsDummy: (name: string) => ({
+    gap: string;
+    key: string;
+    items: {
+        type: string;
+        value: string;
+    }[];
+    direction: string;
+    offsetX?: undefined;
+    offsetY?: undefined;
+} | {
+    gap: string;
+    key: string;
+    items: {
+        type: string;
+        value: string;
+    }[];
+    offsetX: string;
+    offsetY: string;
+    direction: string;
+} | {
+    gap: string;
+    key: string;
+    items: ({
+        type: string;
+        value: string;
+        fontWeight: string;
+        textDecoration: string;
+    } | {
+        type: string;
+        value: string;
+        fontWeight?: undefined;
+        textDecoration?: undefined;
+    })[];
+    direction: string;
+    offsetY: number;
+    offsetX?: undefined;
+})[];
+export declare const PRIVILEGED_TAGS: {
+    CURRENT_TIME: {
+        key: string;
+        items: string[];
+    }[];
+    NEXT_3_RESERVATION: {
+        key: string;
+        items: string[];
+    }[];
+};

package/dist/components/layer-v4/constant.js

@@ -0,0 +1,74 @@
+export const tagsDummy = (name) => [
+    {
+        gap: "8",
+        key: "table",
+        items: [
+            {
+                type: "text",
+                value: name,
+            },
+        ],
+        direction: "column",
+    },
+    {
+        gap: "8",
+        key: "pax",
+        items: [
+            {
+                type: "icon",
+                value: "people",
+            },
+            {
+                type: "text",
+                value: "0/8",
+            },
+        ],
+        offsetX: "3",
+        offsetY: "1",
+        direction: "flex",
+    },
+    {
+        gap: "2",
+        key: "rsvp_time",
+        items: [
+            {
+                type: "text",
+                value: "18:00",
+                fontWeight: "bold",
+                textDecoration: "underline",
+            },
+            {
+                type: "text",
+                value: "19:00",
+            },
+            {
+                type: "text",
+                value: "22:00",
+            },
+        ],
+        direction: "column",
+        offsetY: -25,
+    },
+];
+export const PRIVILEGED_TAGS = {
+    CURRENT_TIME: [
+        {
+            key: "table",
+            items: ["text", "icon"],
+        },
+        {
+            key: "pax",
+            items: ["text", "icon"],
+        },
+    ],
+    NEXT_3_RESERVATION: [
+        {
+            key: "table",
+            items: ["text"],
+        },
+        {
+            key: "rsvp_time",
+            items: ["text"],
+        },
+    ],
+};