@pisell/materials 1.8.26 → 1.8.27

package/lib/components/pisellFloorMapLayout/hooks/useShopFloorPlanSubscription.js

@@ -0,0 +1,73 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellFloorMapLayout/hooks/useShopFloorPlanSubscription.ts
+var useShopFloorPlanSubscription_exports = {};
+__export(useShopFloorPlanSubscription_exports, {
+  useShopFloorPlanSubscription: () => useShopFloorPlanSubscription
+});
+module.exports = __toCommonJS(useShopFloorPlanSubscription_exports);
+var import_react = require("react");
+var import_shopFloorPlanPure = require("../shopFloorPlan/shopFloorPlanPure");
+function useShopFloorPlanSubscription(params) {
+  const {
+    enabled,
+    code,
+    subscriberId,
+    ensureByCode,
+    unsubscribeQuery,
+    onDetail,
+    onLoadError,
+    osServer = true
+  } = params;
+  const onDetailRef = (0, import_react.useRef)(onDetail);
+  onDetailRef.current = onDetail;
+  const onLoadErrorRef = (0, import_react.useRef)(onLoadError);
+  onLoadErrorRef.current = onLoadError;
+  (0, import_react.useEffect)(() => {
+    if (!enabled) return;
+    let cancelled = false;
+    const subId = subscriberId;
+    void ensureByCode(code, {
+      osServer,
+      subscriberId: subId,
+      callback: (res) => {
+        if (cancelled) return;
+        const detail = (0, import_shopFloorPlanPure.pickFloorPlanDetail)(res);
+        if (!detail) return;
+        onDetailRef.current(detail);
+      }
+    }).then((detail) => {
+      if (cancelled || !detail) return;
+      onDetailRef.current(detail);
+    }).catch((err) => {
+      var _a;
+      if (!cancelled) {
+        (_a = onLoadErrorRef.current) == null ? void 0 : _a.call(onLoadErrorRef, err);
+      }
+    });
+    return () => {
+      cancelled = true;
+      void unsubscribeQuery(subId);
+    };
+  }, [enabled, code, subscriberId, ensureByCode, unsubscribeQuery, osServer]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useShopFloorPlanSubscription
+});

package/lib/components/pisellFloorMapLayout/index.d.ts

@@ -7,6 +7,16 @@ export type { PisellFloorMapLayoutProps, PisellFloorMapLayoutRef, FloorMapItemBa
 export { FLOOR_MAP_STAGE_ELEMENT_KIND, FLOOR_MAP_IMAGE_ELEMENT_KIND, } from './types';
 export { renderFloorMapFallbackPlaceholder } from './utils/floorMapFallbackRender';
 export { isFloorMapImageElementKind } from './utils/floorMapElementKindUtils';
+export { findFloorMapRowByDataBinding, getFloorMapBindingPlaceholderReason, } from './utils/floorMapDataBindingUtils';
+export type { FloorMapDataSourceRow, FloorMapBindingPlaceholderReason, } from './utils/floorMapDataBindingUtils';
+export { createShopFloorPlanClient, SHOP_FLOOR_PLAN_DUPLICATE_CODE, } from './shopFloorPlan/shopFloorPlanClient';
+export type { ShopFloorPlanDetail, ShopFloorPlanLayoutItem, PostShopFloorPlanBody, PutShopFloorPlanBody, ShopFloorPlanByCodeRequestOptions, ShopFloorPlanHttpAdapter, CreateShopFloorPlanClientOptions, EnsureShopFloorPlanByCodeOptions, } from './shopFloorPlan/shopFloorPlanTypes';
+export type { UseShopFloorPlanSubscriptionParams } from './hooks/useShopFloorPlanSubscription';
+export { pickFloorPlanDetail, parseLayoutFieldToViewConfigPatch, mergeFloorPlanViewRemote, floorMapSavedConfigToRemotePatch, viewConfigToLayoutPayload, inferCanvasSizeFromScene, buildFloorPlanPutBody, isShopFloorPlanNotFoundResponse, isHttpNotFoundError, isFloorPlanDuplicateCodeError, } from './shopFloorPlan/shopFloorPlanPure';
+export { sceneElementsToShopLayout, shopLayoutToSceneElements, } from './shopFloorPlan/shopFloorPlanMapping';
+export { useShopFloorPlanSubscription } from './hooks/useShopFloorPlanSubscription';
+export { wrapFloorMapOnSaveWithRemotePersist, } from './utils/floorMapRemotePersist';
+export type { WrapFloorMapOnSaveWithRemotePersistParams } from './utils/floorMapRemotePersist';
 export { FloorMapLayoutProvider, useFloorMapLayoutContext, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, } from './context/FloorMapLayoutContext';
 export type { FloorMapLayoutProviderProps } from './context/FloorMapLayoutContext';
 export { mergeFloorMapLayoutPropsFromContext } from './context/mergeFloorMapLayoutContext';

package/lib/components/pisellFloorMapLayout/index.js

@@ -25,21 +25,45 @@ __export(pisellFloorMapLayout_exports, {
   FloorMapImageElement: () => import_FloorMapImageElement.FloorMapImageElement,
   FloorMapLayoutProvider: () => import_FloorMapLayoutContext.FloorMapLayoutProvider,
   PisellFloorMapLayout: () => import_PisellFloorMapLayout.PisellFloorMapLayout,
+  SHOP_FLOOR_PLAN_DUPLICATE_CODE: () => import_shopFloorPlanClient.SHOP_FLOOR_PLAN_DUPLICATE_CODE,
+  buildFloorPlanPutBody: () => import_shopFloorPlanPure.buildFloorPlanPutBody,
+  createShopFloorPlanClient: () => import_shopFloorPlanClient.createShopFloorPlanClient,
+  findFloorMapRowByDataBinding: () => import_floorMapDataBindingUtils.findFloorMapRowByDataBinding,
+  floorMapSavedConfigToRemotePatch: () => import_shopFloorPlanPure.floorMapSavedConfigToRemotePatch,
   getFigmaTableCardFromMerged: () => import_FigmaTableCard.getFigmaTableCardFromMerged,
+  getFloorMapBindingPlaceholderReason: () => import_floorMapDataBindingUtils.getFloorMapBindingPlaceholderReason,
   getRenderItemByKindRoundTable: () => import_FigmaTableCard.getRenderItemByKindRoundTable,
   getRenderItemByKindTable: () => import_FigmaTableCard.getRenderItemByKindTable,
+  inferCanvasSizeFromScene: () => import_shopFloorPlanPure.inferCanvasSizeFromScene,
   isFloorMapImageElementKind: () => import_floorMapElementKindUtils.isFloorMapImageElementKind,
+  isFloorPlanDuplicateCodeError: () => import_shopFloorPlanPure.isFloorPlanDuplicateCodeError,
+  isHttpNotFoundError: () => import_shopFloorPlanPure.isHttpNotFoundError,
+  isShopFloorPlanNotFoundResponse: () => import_shopFloorPlanPure.isShopFloorPlanNotFoundResponse,
   mergeFloorMapLayoutPropsFromContext: () => import_mergeFloorMapLayoutContext.mergeFloorMapLayoutPropsFromContext,
+  mergeFloorPlanViewRemote: () => import_shopFloorPlanPure.mergeFloorPlanViewRemote,
+  parseLayoutFieldToViewConfigPatch: () => import_shopFloorPlanPure.parseLayoutFieldToViewConfigPatch,
+  pickFloorPlanDetail: () => import_shopFloorPlanPure.pickFloorPlanDetail,
   renderFigmaStyleRoundTableCard: () => import_FigmaTableCard.renderFigmaStyleRoundTableCard,
   renderFigmaStyleTableCard: () => import_FigmaTableCard.renderFigmaStyleTableCard,
   renderFloorMapFallbackPlaceholder: () => import_floorMapFallbackRender.renderFloorMapFallbackPlaceholder,
-  useFloorMapLayoutContext: () => import_FloorMapLayoutContext.useFloorMapLayoutContext
+  sceneElementsToShopLayout: () => import_shopFloorPlanMapping.sceneElementsToShopLayout,
+  shopLayoutToSceneElements: () => import_shopFloorPlanMapping.shopLayoutToSceneElements,
+  useFloorMapLayoutContext: () => import_FloorMapLayoutContext.useFloorMapLayoutContext,
+  useShopFloorPlanSubscription: () => import_useShopFloorPlanSubscription.useShopFloorPlanSubscription,
+  viewConfigToLayoutPayload: () => import_shopFloorPlanPure.viewConfigToLayoutPayload,
+  wrapFloorMapOnSaveWithRemotePersist: () => import_floorMapRemotePersist.wrapFloorMapOnSaveWithRemotePersist
 });
 module.exports = __toCommonJS(pisellFloorMapLayout_exports);
 var import_PisellFloorMapLayout = require("./PisellFloorMapLayout");
 var import_types = require("./types");
 var import_floorMapFallbackRender = require("./utils/floorMapFallbackRender");
 var import_floorMapElementKindUtils = require("./utils/floorMapElementKindUtils");
+var import_floorMapDataBindingUtils = require("./utils/floorMapDataBindingUtils");
+var import_shopFloorPlanClient = require("./shopFloorPlan/shopFloorPlanClient");
+var import_shopFloorPlanPure = require("./shopFloorPlan/shopFloorPlanPure");
+var import_shopFloorPlanMapping = require("./shopFloorPlan/shopFloorPlanMapping");
+var import_useShopFloorPlanSubscription = require("./hooks/useShopFloorPlanSubscription");
+var import_floorMapRemotePersist = require("./utils/floorMapRemotePersist");
 var import_FloorMapLayoutContext = require("./context/FloorMapLayoutContext");
 var import_mergeFloorMapLayoutContext = require("./context/mergeFloorMapLayoutContext");
 var import_FloorMapImageElement = require("./components/FloorMapImageElement");
@@ -52,13 +76,31 @@ var import_FigmaTableCard = require("./components/FigmaTableCard");
   FloorMapImageElement,
   FloorMapLayoutProvider,
   PisellFloorMapLayout,
+  SHOP_FLOOR_PLAN_DUPLICATE_CODE,
+  buildFloorPlanPutBody,
+  createShopFloorPlanClient,
+  findFloorMapRowByDataBinding,
+  floorMapSavedConfigToRemotePatch,
   getFigmaTableCardFromMerged,
+  getFloorMapBindingPlaceholderReason,
   getRenderItemByKindRoundTable,
   getRenderItemByKindTable,
+  inferCanvasSizeFromScene,
   isFloorMapImageElementKind,
+  isFloorPlanDuplicateCodeError,
+  isHttpNotFoundError,
+  isShopFloorPlanNotFoundResponse,
   mergeFloorMapLayoutPropsFromContext,
+  mergeFloorPlanViewRemote,
+  parseLayoutFieldToViewConfigPatch,
+  pickFloorPlanDetail,
   renderFigmaStyleRoundTableCard,
   renderFigmaStyleTableCard,
   renderFloorMapFallbackPlaceholder,
-  useFloorMapLayoutContext
+  sceneElementsToShopLayout,
+  shopLayoutToSceneElements,
+  useFloorMapLayoutContext,
+  useShopFloorPlanSubscription,
+  viewConfigToLayoutPayload,
+  wrapFloorMapOnSaveWithRemotePersist
 });

package/lib/components/pisellFloorMapLayout/shopFloorPlan/shopFloorPlanClient.d.ts

@@ -0,0 +1,10 @@
+import type { CreateShopFloorPlanClientOptions, EnsureShopFloorPlanByCodeOptions, PostShopFloorPlanBody, PutShopFloorPlanBody, ShopFloorPlanByCodeRequestOptions, ShopFloorPlanDetail } from './shopFloorPlanTypes';
+export { SHOP_FLOOR_PLAN_DUPLICATE_CODE } from './shopFloorPlanTypes';
+export declare function createShopFloorPlanClient(options: CreateShopFloorPlanClientOptions): {
+    unsubscribeShopFloorPlanCodeQuery(subscriberId: string): Promise<void>;
+    getShopFloorPlanByCode(code: string, subscribe?: ShopFloorPlanByCodeRequestOptions): Promise<ShopFloorPlanDetail | null>;
+    postShopFloorPlan: (body: PostShopFloorPlanBody) => Promise<ShopFloorPlanDetail | null>;
+    putShopFloorPlan(id: number, body: PutShopFloorPlanBody): Promise<unknown>;
+    ensureShopFloorPlanByCode: (code: string, subscribe?: EnsureShopFloorPlanByCodeOptions) => Promise<ShopFloorPlanDetail | null>;
+};
+export declare type ShopFloorPlanClient = ReturnType<typeof createShopFloorPlanClient>;

package/lib/components/pisellFloorMapLayout/shopFloorPlan/shopFloorPlanClient.js

@@ -0,0 +1,155 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellFloorMapLayout/shopFloorPlan/shopFloorPlanClient.ts
+var shopFloorPlanClient_exports = {};
+__export(shopFloorPlanClient_exports, {
+  SHOP_FLOOR_PLAN_DUPLICATE_CODE: () => import_shopFloorPlanTypes2.SHOP_FLOOR_PLAN_DUPLICATE_CODE,
+  createShopFloorPlanClient: () => createShopFloorPlanClient
+});
+module.exports = __toCommonJS(shopFloorPlanClient_exports);
+var import_shopFloorPlanPure = require("./shopFloorPlanPure");
+var import_shopFloorPlanTypes = require("./shopFloorPlanTypes");
+var import_shopFloorPlanTypes2 = require("./shopFloorPlanTypes");
+async function fetchShopFloorPlanByCodeResponse(http, trimmedCode, subscribe) {
+  const res = await http.get(
+    `/shop/schedule/floor-plan/code/${encodeURIComponent(trimmedCode)}`,
+    {},
+    {
+      fullResult: true,
+      ...(subscribe == null ? void 0 : subscribe.subscriberId) != null && subscribe.subscriberId !== "" ? {
+        isShopApi: true,
+        abort: true,
+        osServer: subscribe.osServer !== false,
+        subscriberId: subscribe.subscriberId,
+        ...subscribe.callback != null ? { callback: subscribe.callback } : {}
+      } : {}
+    }
+  );
+  return { res, detail: (0, import_shopFloorPlanPure.pickFloorPlanDetail)(res) };
+}
+function createShopFloorPlanClient(options) {
+  const { http } = options;
+  const saveFailed = options.saveFailedMessage ?? "Failed to save floor plan";
+  async function postShopFloorPlan(body) {
+    var _a;
+    const res = await http.post("/shop/schedule/floor-plan", body, {
+      fullResult: true
+    });
+    const ok = (res == null ? void 0 : res.code) === 200 || (res == null ? void 0 : res.status) === true || ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.status) === true;
+    if (ok) {
+      const detail = (0, import_shopFloorPlanPure.pickFloorPlanDetail)(res);
+      if (detail) return detail;
+      throw new Error(saveFailed);
+    }
+    if ((res == null ? void 0 : res.code) === 5001) {
+      const err = new Error(
+        typeof res.message === "string" && res.message.trim() ? res.message : "Floor plan code already exists"
+      );
+      Object.assign(err, { [import_shopFloorPlanTypes.SHOP_FLOOR_PLAN_DUPLICATE_CODE]: true });
+      throw err;
+    }
+    const msg = (res == null ? void 0 : res.message) || (typeof (res == null ? void 0 : res.data) === "object" && (res == null ? void 0 : res.data) && "message" in res.data && typeof res.data.message === "string" ? res.data.message : null) || saveFailed;
+    throw new Error(msg);
+  }
+  async function ensureShopFloorPlanByCode(code, subscribe) {
+    const trimmed = code == null ? void 0 : code.trim();
+    if (!trimmed) return null;
+    const { buildDefaultPostBody, ...subscribeRest } = subscribe ?? {};
+    const postCreateOrRecover = async () => {
+      if (!buildDefaultPostBody) return null;
+      const body = buildDefaultPostBody(trimmed);
+      try {
+        return await postShopFloorPlan(body);
+      } catch (e) {
+        if ((0, import_shopFloorPlanPure.isFloorPlanDuplicateCodeError)(e)) {
+          const { detail: again } = await fetchShopFloorPlanByCodeResponse(
+            http,
+            trimmed,
+            subscribeRest
+          );
+          return again;
+        }
+        throw e;
+      }
+    };
+    try {
+      const { res, detail } = await fetchShopFloorPlanByCodeResponse(
+        http,
+        trimmed,
+        subscribeRest
+      );
+      if (detail) return detail;
+      if ((0, import_shopFloorPlanPure.isShopFloorPlanNotFoundResponse)(res)) {
+        return await postCreateOrRecover();
+      }
+      return null;
+    } catch (err) {
+      if ((0, import_shopFloorPlanPure.isHttpNotFoundError)(err)) {
+        return await postCreateOrRecover();
+      }
+      throw err;
+    }
+  }
+  return {
+    async unsubscribeShopFloorPlanCodeQuery(subscriberId) {
+      if (!subscriberId) return;
+      await http.get(
+        "/shop/schedule/floor-plan/code/unsubscribe",
+        { subscriberId },
+        {
+          isShopApi: true,
+          osServer: true
+        }
+      );
+    },
+    async getShopFloorPlanByCode(code, subscribe) {
+      const trimmed = code == null ? void 0 : code.trim();
+      if (!trimmed) return null;
+      const { detail } = await fetchShopFloorPlanByCodeResponse(
+        http,
+        trimmed,
+        subscribe
+      );
+      return detail;
+    },
+    postShopFloorPlan,
+    async putShopFloorPlan(id, body) {
+      var _a;
+      const res = await http.put(
+        `/shop/schedule/floor-plan/${id}`,
+        body,
+        {
+          fullResult: true
+        }
+      );
+      const ok = (res == null ? void 0 : res.code) === 200 || (res == null ? void 0 : res.status) === true || ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.status) === true;
+      if (!ok) {
+        const msg = (res == null ? void 0 : res.message) || (typeof (res == null ? void 0 : res.data) === "object" && (res == null ? void 0 : res.data) && "message" in res.data && typeof res.data.message === "string" ? res.data.message : null) || saveFailed;
+        throw new Error(msg);
+      }
+      return (res == null ? void 0 : res.data) ?? res;
+    },
+    ensureShopFloorPlanByCode
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SHOP_FLOOR_PLAN_DUPLICATE_CODE,
+  createShopFloorPlanClient
+});

package/lib/components/pisellFloorMapLayout/shopFloorPlan/shopFloorPlanMapping.d.ts

@@ -0,0 +1,18 @@
+import type { FloorMapSceneElement } from '../types';
+import type { ShopFloorPlanLayoutItem } from './shopFloorPlanTypes';
+/**
+ * 将场景图元转为后端 layout 项（多画布时通常摊平到同一 layout）。
+ */
+export declare function sceneElementsToShopLayout(sceneElements: FloorMapSceneElement[]): ShopFloorPlanLayoutItem[];
+export declare type ShopLayoutToSceneOptions = {
+    canvasId: string;
+    dataSourceKey: string;
+    /** 后端 `type: rect` 映射到的 {@link FloorMapSceneElement.elementKind} */
+    rectElementKind: string;
+    /** 后端 `type: circle` 映射到的 elementKind */
+    circleElementKind: string;
+};
+/**
+ * 将扁平 layout 数组转为 `sceneElements`；图元种类由调用方传入（预约场景可传 boundTable / boundRoundTable 等）。
+ */
+export declare function shopLayoutToSceneElements(layout: ShopFloorPlanLayoutItem[], options: ShopLayoutToSceneOptions): FloorMapSceneElement[];

package/lib/components/pisellFloorMapLayout/shopFloorPlan/shopFloorPlanMapping.js

@@ -0,0 +1,98 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellFloorMapLayout/shopFloorPlan/shopFloorPlanMapping.ts
+var shopFloorPlanMapping_exports = {};
+__export(shopFloorPlanMapping_exports, {
+  sceneElementsToShopLayout: () => sceneElementsToShopLayout,
+  shopLayoutToSceneElements: () => shopLayoutToSceneElements
+});
+module.exports = __toCommonJS(shopFloorPlanMapping_exports);
+function parseResourceId(recordId) {
+  if (recordId == null || recordId === "") return null;
+  const n = Number(recordId);
+  return Number.isFinite(n) && n > 0 ? Math.trunc(n) : null;
+}
+function isCircleShape(el) {
+  return el.shape === "circle";
+}
+function sceneElementsToShopLayout(sceneElements) {
+  return sceneElements.map((el) => {
+    var _a, _b, _c, _d;
+    const w = el.width ?? 100;
+    const h = el.height ?? 100;
+    const circle = isCircleShape(el);
+    const rotation = typeof ((_a = el.extensions) == null ? void 0 : _a.rotation) === "number" ? el.extensions.rotation : Number((_b = el.extensions) == null ? void 0 : _b.rotation) || 0;
+    const base = {
+      id: el.instanceId,
+      type: circle ? "circle" : "rect",
+      label: ((_c = el.name) == null ? void 0 : _c.trim()) || "",
+      x: el.x,
+      y: el.y,
+      rotation,
+      color: el.fillColor ?? "#1a2332",
+      border_color: el.strokeColor ?? "#ffffff",
+      resource_id: parseResourceId((_d = el.dataBinding) == null ? void 0 : _d.recordId)
+    };
+    if (circle) {
+      base.radius = Math.max(1, Math.round(Math.min(w, h) / 2));
+    } else {
+      base.width = w;
+      base.height = h;
+    }
+    return base;
+  });
+}
+function shopLayoutToSceneElements(layout, options) {
+  const { canvasId, dataSourceKey, rectElementKind, circleElementKind } = options;
+  return layout.map((item) => {
+    var _a;
+    const circle = item.type === "circle";
+    const r = Math.max(1, Math.round(item.radius ?? 40));
+    const w = circle ? r * 2 : item.width ?? 100;
+    const h = circle ? r * 2 : item.height ?? 100;
+    const rotation = typeof item.rotation === "number" ? item.rotation : 0;
+    const el = {
+      instanceId: String(item.id),
+      canvasId,
+      x: item.x,
+      y: item.y,
+      width: w,
+      height: h,
+      name: ((_a = item.label) == null ? void 0 : _a.trim()) || void 0,
+      zIndex: 0,
+      elementKind: circle ? circleElementKind : rectElementKind,
+      shape: circle ? "circle" : void 0,
+      fillColor: item.color,
+      strokeColor: item.border_color,
+      extensions: rotation !== 0 ? { rotation } : void 0
+    };
+    if (item.resource_id != null && Number.isFinite(Number(item.resource_id))) {
+      el.dataBinding = {
+        dataSourceKey,
+        recordId: String(Math.trunc(Number(item.resource_id)))
+      };
+    }
+    return el;
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  sceneElementsToShopLayout,
+  shopLayoutToSceneElements
+});

package/lib/components/pisellFloorMapLayout/shopFloorPlan/shopFloorPlanPure.d.ts

@@ -0,0 +1,22 @@
+import type { FloorMapSceneElement, FloorMapViewConfig } from '../types';
+import type { PutShopFloorPlanBody, ShopFloorPlanDetail } from './shopFloorPlanTypes';
+export declare function pickFloorPlanDetail(res: unknown): ShopFloorPlanDetail | null;
+export declare function isShopFloorPlanNotFoundResponse(res: unknown): boolean;
+export declare function isHttpNotFoundError(err: unknown): boolean;
+export declare function isFloorPlanDuplicateCodeError(err: unknown): boolean;
+export declare function parseLayoutFieldToViewConfigPatch(raw: unknown): Partial<FloorMapViewConfig> | null;
+export declare function floorMapSavedConfigToRemotePatch(config: FloorMapViewConfig): Partial<FloorMapViewConfig>;
+export declare function mergeFloorPlanViewRemote(base: FloorMapViewConfig, remote: Partial<FloorMapViewConfig>): FloorMapViewConfig;
+export declare function viewConfigToLayoutPayload(config: FloorMapViewConfig): Record<string, unknown>;
+export declare function inferCanvasSizeFromScene(sceneElements: FloorMapSceneElement[], fallbackWidth?: number, fallbackHeight?: number, padding?: number): {
+    w: number;
+    h: number;
+};
+export declare function buildFloorPlanPutBody(config: FloorMapViewConfig, options: {
+    canvasWidth?: number;
+    canvasHeight?: number;
+    code?: string;
+    name?: Record<string, string>;
+    sort?: number;
+    status?: number;
+}): PutShopFloorPlanBody;

package/lib/components/pisellFloorMapLayout/shopFloorPlan/shopFloorPlanPure.js

@@ -0,0 +1,196 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellFloorMapLayout/shopFloorPlan/shopFloorPlanPure.ts
+var shopFloorPlanPure_exports = {};
+__export(shopFloorPlanPure_exports, {
+  buildFloorPlanPutBody: () => buildFloorPlanPutBody,
+  floorMapSavedConfigToRemotePatch: () => floorMapSavedConfigToRemotePatch,
+  inferCanvasSizeFromScene: () => inferCanvasSizeFromScene,
+  isFloorPlanDuplicateCodeError: () => isFloorPlanDuplicateCodeError,
+  isHttpNotFoundError: () => isHttpNotFoundError,
+  isShopFloorPlanNotFoundResponse: () => isShopFloorPlanNotFoundResponse,
+  mergeFloorPlanViewRemote: () => mergeFloorPlanViewRemote,
+  parseLayoutFieldToViewConfigPatch: () => parseLayoutFieldToViewConfigPatch,
+  pickFloorPlanDetail: () => pickFloorPlanDetail,
+  viewConfigToLayoutPayload: () => viewConfigToLayoutPayload
+});
+module.exports = __toCommonJS(shopFloorPlanPure_exports);
+var import_shopFloorPlanTypes = require("./shopFloorPlanTypes");
+function pickFloorPlanDetail(res) {
+  const r = res;
+  if (!r || typeof r !== "object") return null;
+  const normalize = (node) => {
+    if (!node || typeof node !== "object" || Array.isArray(node)) return null;
+    const d = node;
+    const idRaw = d.id;
+    if (typeof idRaw !== "number" || !Number.isFinite(idRaw)) return null;
+    const hasLayout = d.layout !== void 0 && d.layout !== null;
+    const hasLayouts = d.layouts !== void 0 && d.layouts !== null && (typeof d.layouts === "object" || typeof d.layouts === "string");
+    if (!hasLayout && !hasLayouts) return null;
+    const layout = hasLayout ? d.layout : d.layouts;
+    return {
+      ...d,
+      layout
+    };
+  };
+  const top = r.data;
+  const fromTop = normalize(top);
+  if (fromTop) return fromTop;
+  const nested = top && typeof top === "object" && "data" in top ? top.data : null;
+  const fromNested = normalize(nested);
+  if (fromNested) return fromNested;
+  return normalize(r);
+}
+function isShopFloorPlanNotFoundResponse(res) {
+  if (res == null || typeof res !== "object") return false;
+  const r = res;
+  const code = r.code;
+  if (code === 404 || code === "404") return true;
+  if (r.status === false && (code === 404 || code === "404")) return true;
+  const data = r.data;
+  if (data && typeof data === "object" && !Array.isArray(data)) {
+    const d = data;
+    if (d.code === 404 || d.code === "404") return true;
+  }
+  return false;
+}
+function isHttpNotFoundError(err) {
+  var _a, _b;
+  const e = err;
+  if (((_a = e == null ? void 0 : e.response) == null ? void 0 : _a.status) === 404) return true;
+  const data = (_b = e == null ? void 0 : e.response) == null ? void 0 : _b.data;
+  if (data && typeof data === "object" && !Array.isArray(data)) {
+    const c = data.code;
+    if (c === 404 || c === "404") return true;
+  }
+  return false;
+}
+function isFloorPlanDuplicateCodeError(err) {
+  return Boolean(
+    err && typeof err === "object" && err[import_shopFloorPlanTypes.SHOP_FLOOR_PLAN_DUPLICATE_CODE] === true
+  );
+}
+function parseLayoutFieldToViewConfigPatch(raw) {
+  let obj = raw;
+  if (typeof raw === "string") {
+    try {
+      obj = JSON.parse(raw);
+    } catch {
+      return null;
+    }
+  }
+  if (!obj || typeof obj !== "object" || Array.isArray(obj)) return null;
+  const o = obj;
+  if (!Array.isArray(o.sceneElements)) return null;
+  const patch = {
+    sceneElements: o.sceneElements
+  };
+  if (Array.isArray(o.canvases)) {
+    patch.canvases = o.canvases;
+  }
+  if (o.canvasUi && typeof o.canvasUi === "object" && !Array.isArray(o.canvasUi)) {
+    patch.canvasUi = o.canvasUi;
+  }
+  if (Array.isArray(o.elementKinds)) {
+    patch.elementKinds = o.elementKinds;
+  }
+  if (Array.isArray(o.elementKindCategories)) {
+    patch.elementKindCategories = o.elementKindCategories;
+  }
+  if (Array.isArray(o.edges)) {
+    patch.edges = o.edges;
+  }
+  if (o.datasourceComponents && typeof o.datasourceComponents === "object") {
+    patch.datasourceComponents = o.datasourceComponents;
+  }
+  return patch;
+}
+function floorMapSavedConfigToRemotePatch(config) {
+  return {
+    sceneElements: config.sceneElements,
+    canvases: config.canvases,
+    canvasUi: config.canvasUi,
+    elementKinds: config.elementKinds,
+    elementKindCategories: config.elementKindCategories,
+    edges: config.edges,
+    datasourceComponents: config.datasourceComponents
+  };
+}
+function mergeFloorPlanViewRemote(base, remote) {
+  return {
+    ...base,
+    ...remote,
+    canvasUi: {
+      ...base.canvasUi,
+      ...remote.canvasUi
+    },
+    canvases: remote.canvases ?? base.canvases,
+    elementKinds: remote.elementKinds ?? base.elementKinds,
+    elementKindCategories: remote.elementKindCategories ?? base.elementKindCategories,
+    sceneElements: remote.sceneElements ?? base.sceneElements,
+    edges: remote.edges ?? base.edges,
+    datasourceComponents: remote.datasourceComponents ?? base.datasourceComponents
+  };
+}
+function viewConfigToLayoutPayload(config) {
+  return JSON.parse(JSON.stringify(config));
+}
+function inferCanvasSizeFromScene(sceneElements, fallbackWidth = 1920, fallbackHeight = 1080, padding = 80) {
+  if (!sceneElements.length) {
+    return { w: fallbackWidth, h: fallbackHeight };
+  }
+  let maxR = 0;
+  let maxB = 0;
+  for (const el of sceneElements) {
+    const w = el.width ?? 100;
+    const h = el.height ?? 100;
+    maxR = Math.max(maxR, el.x + w);
+    maxB = Math.max(maxB, el.y + h);
+  }
+  return {
+    w: Math.max(fallbackWidth, Math.ceil(maxR + padding)),
+    h: Math.max(fallbackHeight, Math.ceil(maxB + padding))
+  };
+}
+function buildFloorPlanPutBody(config, options) {
+  const scene = config.sceneElements ?? [];
+  const inferred = inferCanvasSizeFromScene(scene);
+  return {
+    layout: viewConfigToLayoutPayload(config),
+    canvas_width: options.canvasWidth ?? inferred.w,
+    canvas_height: options.canvasHeight ?? inferred.h,
+    ...options.code !== void 0 ? { code: options.code } : {},
+    ...options.name !== void 0 ? { name: options.name } : {},
+    ...options.sort !== void 0 ? { sort: options.sort } : {},
+    ...options.status !== void 0 ? { status: options.status } : {}
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  buildFloorPlanPutBody,
+  floorMapSavedConfigToRemotePatch,
+  inferCanvasSizeFromScene,
+  isFloorPlanDuplicateCodeError,
+  isHttpNotFoundError,
+  isShopFloorPlanNotFoundResponse,
+  mergeFloorPlanViewRemote,
+  parseLayoutFieldToViewConfigPatch,
+  pickFloorPlanDetail,
+  viewConfigToLayoutPayload
+});