seat-editor 1.6.19 → 1.6.20

package/dist/app/constant.d.ts

@@ -12,3 +12,47 @@ export declare const constantData: {
     };
     janu: string;
 }[];
+export declare const data2: {
+    uuid: string;
+    uuid_event_outlet: string;
+    uuid_area: any;
+    area_name: any;
+    uuid_area_group: string;
+    area_group_name: string;
+    uuid_table: string;
+    table_name: string;
+    name: string;
+    capacity: number;
+    max_capacity: any;
+    mc_amount: string;
+    dp_mc_amount: string;
+    price: string;
+    benefit: string;
+    notes: string;
+    properties: {
+        x: number;
+        y: number;
+        id: number;
+        src: string;
+        fill: string;
+        image: string;
+        shape: string;
+        width: number;
+        height: number;
+        labels: {
+            x: number;
+            y: number;
+            label: string;
+            fontSize: number;
+            fontColor: string;
+        }[];
+        opacity: number;
+        rotation: number;
+        seatCount: number;
+        uuid_table: string;
+    };
+    status: number;
+    media: any;
+    is_fdc: number;
+    max_pax_fdc: number;
+}[];

package/dist/app/constant.js

@@ -38,3 +38,235 @@ export const constantData = [
         "janu": "test2"
     }
 ];
+export const data2 = [
+    {
+        "uuid": "d1b7568b-4711-40a3-b426-220db075785e",
+        "uuid_event_outlet": "82147ecc-d17c-4b10-bf7e-4ca704242445",
+        "uuid_area": null,
+        "area_name": null,
+        "uuid_area_group": "a77c1139-dc00-4169-93a8-75ed1825c344",
+        "area_group_name": "Area Musholla",
+        "uuid_table": "c160055a-c1df-49be-b52d-1baf3891c646",
+        "table_name": "New Table 3",
+        "name": "New Table 3",
+        "capacity": 1,
+        "max_capacity": null,
+        "mc_amount": "0",
+        "dp_mc_amount": "0",
+        "price": "0",
+        "benefit": "",
+        "notes": "",
+        "properties": {
+            "x": 20,
+            "y": 234,
+            "id": 1753784212894,
+            "src": "https://d3l3j4e3k9p181.cloudfront.net/dev/5bf923de-2366-4a11-9b8b-e92de0afbf05/3a65cb36-7d85-4c38-9403-a15f94641920/68d45207-d66b-4bb5-92a2-4e5a87715e98/rsvp/1753784261235494218_png-transparent-club-chair-couch-furniture-fbx-armchair-angle-3d-computer-graphics-furniture.png",
+            "fill": "#bca16a",
+            "image": "/5bf923de-2366-4a11-9b8b-e92de0afbf05/3a65cb36-7d85-4c38-9403-a15f94641920/68d45207-d66b-4bb5-92a2-4e5a87715e98/rsvp/1753784261235494218_png-transparent-club-chair-couch-furniture-fbx-armchair-angle-3d-computer-graphics-furniture.png",
+            "shape": "image-table",
+            "width": 61,
+            "height": 91,
+            "labels": [
+                {
+                    "x": 0,
+                    "y": 26,
+                    "label": "New Table 3",
+                    "fontSize": 12,
+                    "fontColor": "#0d0c0c"
+                }
+            ],
+            "opacity": 1,
+            "rotation": 0,
+            "seatCount": 0,
+            "uuid_table": "c160055a-c1df-49be-b52d-1baf3891c646"
+        },
+        "status": 0,
+        "media": null,
+        "is_fdc": 0,
+        "max_pax_fdc": 0
+    },
+    {
+        "uuid": "a934afa7-88e2-4a2a-8121-f6827e598e59",
+        "uuid_event_outlet": "82147ecc-d17c-4b10-bf7e-4ca704242445",
+        "uuid_area": null,
+        "area_name": null,
+        "uuid_area_group": "a77c1139-dc00-4169-93a8-75ed1825c344",
+        "area_group_name": "Area Musholla",
+        "uuid_table": "b71b4c48-90d9-4992-9098-51e20175d0bc",
+        "table_name": "New Table 5",
+        "name": "New Table 5",
+        "capacity": 1,
+        "max_capacity": null,
+        "mc_amount": "0",
+        "dp_mc_amount": "0",
+        "price": "0",
+        "benefit": "",
+        "notes": "",
+        "properties": {
+            "x": 499,
+            "y": 89,
+            "id": 1753784212896,
+            "src": "https://d3l3j4e3k9p181.cloudfront.net/dev/5bf923de-2366-4a11-9b8b-e92de0afbf05/3a65cb36-7d85-4c38-9403-a15f94641920/68d45207-d66b-4bb5-92a2-4e5a87715e98/rsvp/1753784304409930195_png-transparent-club-chair-couch-furniture-fbx-armchair-angle-3d-computer-graphics-furniture.png",
+            "fill": "#bca16a",
+            "image": "/5bf923de-2366-4a11-9b8b-e92de0afbf05/3a65cb36-7d85-4c38-9403-a15f94641920/68d45207-d66b-4bb5-92a2-4e5a87715e98/rsvp/1753784304409930195_png-transparent-club-chair-couch-furniture-fbx-armchair-angle-3d-computer-graphics-furniture.png",
+            "shape": "image-table",
+            "width": 61,
+            "height": 91,
+            "labels": [
+                {
+                    "x": 0,
+                    "y": 27,
+                    "label": "New Table 5",
+                    "fontSize": 12,
+                    "fontColor": "#0d0c0c"
+                }
+            ],
+            "opacity": 1,
+            "rotation": 0,
+            "seatCount": 0,
+            "uuid_table": "b71b4c48-90d9-4992-9098-51e20175d0bc"
+        },
+        "status": 0,
+        "media": null,
+        "is_fdc": 0,
+        "max_pax_fdc": 0
+    },
+    {
+        "uuid": "3783aedc-7456-4a05-bdb1-fa800ba92886",
+        "uuid_event_outlet": "82147ecc-d17c-4b10-bf7e-4ca704242445",
+        "uuid_area": null,
+        "area_name": null,
+        "uuid_area_group": "a77c1139-dc00-4169-93a8-75ed1825c344",
+        "area_group_name": "Area Musholla",
+        "uuid_table": "5612fdfb-cd5f-4846-8e2b-b0358bb5fb99",
+        "table_name": "New Table 2",
+        "name": "New Table 2",
+        "capacity": 1,
+        "max_capacity": null,
+        "mc_amount": "0",
+        "dp_mc_amount": "0",
+        "price": "0",
+        "benefit": "",
+        "notes": "",
+        "properties": {
+            "x": 327,
+            "y": 94,
+            "id": 1753784212893,
+            "src": "https://d3l3j4e3k9p181.cloudfront.net/dev/5bf923de-2366-4a11-9b8b-e92de0afbf05/3a65cb36-7d85-4c38-9403-a15f94641920/68d45207-d66b-4bb5-92a2-4e5a87715e98/rsvp/1753784223751899172_png-transparent-club-chair-couch-furniture-fbx-armchair-angle-3d-computer-graphics-furniture.png",
+            "fill": "#bca16a",
+            "image": "/5bf923de-2366-4a11-9b8b-e92de0afbf05/3a65cb36-7d85-4c38-9403-a15f94641920/68d45207-d66b-4bb5-92a2-4e5a87715e98/rsvp/1753784223751899172_png-transparent-club-chair-couch-furniture-fbx-armchair-angle-3d-computer-graphics-furniture.png",
+            "shape": "image-table",
+            "width": 61,
+            "height": 91,
+            "labels": [
+                {
+                    "x": 0,
+                    "y": 26,
+                    "label": "New Table 2",
+                    "fontSize": 12,
+                    "fontColor": "#0d0c0c"
+                }
+            ],
+            "opacity": 1,
+            "rotation": 0,
+            "seatCount": 0,
+            "uuid_table": "5612fdfb-cd5f-4846-8e2b-b0358bb5fb99"
+        },
+        "status": 0,
+        "media": null,
+        "is_fdc": 0,
+        "max_pax_fdc": 0
+    },
+    {
+        "uuid": "dfe5ecee-ba43-479f-ba61-3a62190e6d54",
+        "uuid_event_outlet": "82147ecc-d17c-4b10-bf7e-4ca704242445",
+        "uuid_area": null,
+        "area_name": null,
+        "uuid_area_group": "a77c1139-dc00-4169-93a8-75ed1825c344",
+        "area_group_name": "Area Musholla",
+        "uuid_table": "601899a7-b836-4bff-9a72-6f099196327d",
+        "table_name": "New Table 4",
+        "name": "New Table 4",
+        "capacity": 1,
+        "max_capacity": null,
+        "mc_amount": "0",
+        "dp_mc_amount": "0",
+        "price": "0",
+        "benefit": "",
+        "notes": "",
+        "properties": {
+            "x": 622,
+            "y": 234,
+            "id": 1753784212895,
+            "src": "https://d3l3j4e3k9p181.cloudfront.net/dev/5bf923de-2366-4a11-9b8b-e92de0afbf05/3a65cb36-7d85-4c38-9403-a15f94641920/68d45207-d66b-4bb5-92a2-4e5a87715e98/rsvp/1753784286964301060_png-transparent-club-chair-couch-furniture-fbx-armchair-angle-3d-computer-graphics-furniture.png",
+            "fill": "#bca16a",
+            "image": "/5bf923de-2366-4a11-9b8b-e92de0afbf05/3a65cb36-7d85-4c38-9403-a15f94641920/68d45207-d66b-4bb5-92a2-4e5a87715e98/rsvp/1753784286964301060_png-transparent-club-chair-couch-furniture-fbx-armchair-angle-3d-computer-graphics-furniture.png",
+            "shape": "image-table",
+            "width": 61,
+            "height": 91,
+            "labels": [
+                {
+                    "x": 0,
+                    "y": 27,
+                    "label": "New Table 4",
+                    "fontSize": 12,
+                    "fontColor": "#0d0c0c"
+                }
+            ],
+            "opacity": 1,
+            "rotation": 0,
+            "seatCount": 0,
+            "uuid_table": "601899a7-b836-4bff-9a72-6f099196327d"
+        },
+        "status": 0,
+        "media": null,
+        "is_fdc": 0,
+        "max_pax_fdc": 0
+    },
+    {
+        "uuid": "eb89cbaa-8ba6-4c78-bcd9-2fc190de945c",
+        "uuid_event_outlet": "82147ecc-d17c-4b10-bf7e-4ca704242445",
+        "uuid_area": null,
+        "area_name": null,
+        "uuid_area_group": "a77c1139-dc00-4169-93a8-75ed1825c344",
+        "area_group_name": "Area Musholla",
+        "uuid_table": "8ea6f8ca-7ecd-48ec-a1a7-7bd258e403f5",
+        "table_name": "New Table 6",
+        "name": "New Table 6",
+        "capacity": 1,
+        "max_capacity": null,
+        "mc_amount": "0",
+        "dp_mc_amount": "0",
+        "price": "0",
+        "benefit": "",
+        "notes": "",
+        "properties": {
+            "x": 645,
+            "y": 88,
+            "id": 1753784212897,
+            "src": "https://d3l3j4e3k9p181.cloudfront.net/dev/5bf923de-2366-4a11-9b8b-e92de0afbf05/3a65cb36-7d85-4c38-9403-a15f94641920/68d45207-d66b-4bb5-92a2-4e5a87715e98/rsvp/1753784322083647106_png-transparent-club-chair-couch-furniture-fbx-armchair-angle-3d-computer-graphics-furniture.png",
+            "fill": "#bca16a",
+            "image": "/5bf923de-2366-4a11-9b8b-e92de0afbf05/3a65cb36-7d85-4c38-9403-a15f94641920/68d45207-d66b-4bb5-92a2-4e5a87715e98/rsvp/1753784322083647106_png-transparent-club-chair-couch-furniture-fbx-armchair-angle-3d-computer-graphics-furniture.png",
+            "shape": "image-table",
+            "width": 61,
+            "height": 91,
+            "labels": [
+                {
+                    "x": 0,
+                    "y": 27,
+                    "label": "New Table 6",
+                    "fontSize": 12,
+                    "fontColor": "#0d0c0c"
+                }
+            ],
+            "opacity": 1,
+            "rotation": 0,
+            "seatCount": 0,
+            "uuid_table": "8ea6f8ca-7ecd-48ec-a1a7-7bd258e403f5"
+        },
+        "status": 0,
+        "media": null,
+        "is_fdc": 0,
+        "max_pax_fdc": 0
+    }
+];

package/dist/app/layout.d.ts

@@ -3,4 +3,4 @@ import "./globals.css";
 export declare const metadata: Metadata;
 export default function RootLayout({ children, }: Readonly<{
     children: React.ReactNode;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;

package/dist/app/{layout.js → layout.jsx}

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import localFont from "next/font/local";
 import "./globals.css";
 import { Layout } from "antd";
@@ -18,5 +17,11 @@ export const metadata = {
     description: "Generated by create next app",
 };
 export default function RootLayout({ children, }) {
-    return (_jsx("html", { lang: "en", children: _jsx("body", { className: `${geistSans.variable} ${geistMono.variable} antialiased`, children: _jsx(StoreProvider, { children: _jsx(Layout, { children: children }) }) }) }));
+    return (<html lang="en">
+      <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
+        <StoreProvider>
+          <Layout>{children}</Layout>
+        </StoreProvider>
+      </body>
+    </html>);
 }

package/dist/app/new-board/page.d.ts

@@ -1 +1 @@
-export default function NewBoard(): import("react/jsx-runtime").JSX.Element;
+export default function NewBoard(): import("react").JSX.Element;

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

@@ -0,0 +1,72 @@
+"use client";
+import { useEffect, useState } from "react";
+import SeatEditor from "../../features/package";
+import { constantData } from "../constant";
+export default function NewBoard() {
+    const [initialValue, setInitialValue] = useState([]);
+    const [extraComponents, setExtraComponents] = useState([]);
+    const [backgroundColor, setBackgroundColor] = useState("#ffffff");
+    const [viewOnly, setViewOnly] = useState(true);
+    useEffect(() => {
+        setInitialValue(constantData);
+        setExtraComponents([{
+                src: "https://d3l3j4e3k9p181.cloudfront.net/dev/5bf923de-2366-4a11-9b8b-e92de0afbf05/3a65cb36-7d85-4c38-9403-a15f94641920/68d45207-d66b-4bb5-92a2-4e5a87715e98/rsvp/1751350513582817819_download (10).jpg",
+                id: 1747388267450,
+                x: 0,
+                y: 0,
+                shape: "background",
+                width: 100,
+                height: 100,
+            },
+            {
+                src: "https://d3l3j4e3k9p181.cloudfront.net/dev/5bf923de-2366-4a11-9b8b-e92de0afbf05/3a65cb36-7d85-4c38-9403-a15f94641920/68d45207-d66b-4bb5-92a2-4e5a87715e98/rsvp/1751350513582817819_download (10).jpg",
+                id: 1747388267451,
+                x: 100,
+                y: 100,
+                text: "tsdsdsds",
+                fill: "#000000",
+                shape: "text",
+                width: 100,
+                height: 100,
+            }]);
+    }, []);
+    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"> */}
+        {/* <LayerView
+          componentProps={initialValue}
+          mappingKey="properties"
+          extraComponentProps={[]}
+          defaultBackground="#ffffff"
+          // dragOnly={true}
+          statusKey="status"
+          
+        /> */}
+        {/* </div> */}
+        <button className="bg-blue-500 text-white px-4 py-2 rounded" onClick={() => setViewOnly(!viewOnly)}>
+          {viewOnly ? "Edit Mode" : "View Mode"}
+        </button>
+        <div className="flex-1 h-full">
+          <SeatEditor componentProps={initialValue} viewOnly={viewOnly} dragOnly deleteAutorized={{
+            component: true,
+            extraComponent: true,
+        }} mappingKey="properties" onCurrentStateChange={(setState) => {
+            var _a, _b, _c, _d;
+            console.log({ setState }, "masukk");
+            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 : []);
+            }
+            if (setState === null || setState === void 0 ? void 0 : setState.backgroundColor) {
+                setBackgroundColor(setState === null || setState === void 0 ? void 0 : setState.backgroundColor);
+            }
+            if (((_c = setState === null || setState === void 0 ? void 0 : setState.extraComponents) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+                setExtraComponents((_d = setState === null || setState === void 0 ? void 0 : setState.extraComponents) !== null && _d !== void 0 ? _d : []);
+            }
+        }} extraComponentProps={extraComponents} defaultBackground={backgroundColor} 
+    // dragOnly={true}
+    statusKey="status"/>
+          </div>
+
+      </div>
+    </>);
+}

package/dist/app/old-board/page.d.ts

@@ -1,2 +1,3 @@
-declare const SeatEditor: () => import("react/jsx-runtime").JSX.Element;
+import React from "react";
+declare const SeatEditor: () => React.JSX.Element;
 export default SeatEditor;