@clikvn/showroom-visualizer 0.3.0-dev-09 → 0.3.0-dev-11

package/dist/register.d.ts

@@ -1,4 +1,5 @@
 import { ActionMiddleware, ProductType, VirtualTourVisualizerType, VisualizerListenersType } from './types/SkinLayer';
+import { CustomLayoutConfig } from './types/custom-layout';
 export declare class VisualizerUIComponent extends HTMLElement {
     elementId?: string;
     apiHost?: string;
@@ -16,6 +17,8 @@ export declare class VisualizerUIComponent extends HTMLElement {
     };
     listeners?: VisualizerListenersType;
     products?: ProductType[];
+    customLayout?: CustomLayoutConfig;
+    disableDefaultUI?: boolean;
     middleware?: ActionMiddleware;
     constructor();
     updateAttributes(attributes: VirtualTourVisualizerType): void;

package/dist/register.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,yBAAyB,EACzB,uBAAuB,EACxB,MAAM,mBAAmB,CAAC;AAE3B,qBAAa,qBAAsB,SAAQ,WAAW;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,gBAAgB,CAAC;;IAO9B,gBAAgB,CAAC,UAAU,EAAE,yBAAyB;IAatD,iBAAiB;IAMjB,MAAM;CAgBP;AAED,eAAO,MAAM,qBAAqB,YAKjC,CAAC"}
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,yBAAyB,EACzB,uBAAuB,EACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,qBAAa,qBAAsB,SAAQ,WAAW;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;;IAO9B,gBAAgB,CAAC,UAAU,EAAE,yBAAyB;IAetD,iBAAiB;IAMjB,MAAM;CAkBP;AAED,eAAO,MAAM,qBAAqB,YAKjC,CAAC"}

package/dist/types/SkinLayer/tool.type.d.ts

@@ -1,3 +1,4 @@
+import { FloorplanControls, SceneNavigationControls, ScenarioControls, POIControls, ViewportControls } from 'hooks/headless';
 export type ToolType = {
     goToScene: (codeOrName: string, keepCurrentView?: boolean) => Promise<void>;
     goToProduct: (codeOrName: string, showDetails?: boolean) => Promise<boolean>;
@@ -34,6 +35,11 @@ export type ToolType = {
     registerValueListeners: (keys: string[]) => void;
     call: (action: string, args: any) => void;
     toggleHotspotOverview: (open: boolean) => void;
+    useFloorplanControl: () => FloorplanControls;
+    useSceneNavigation: () => SceneNavigationControls;
+    useScenarioControl: () => ScenarioControls;
+    usePOIInteraction: () => POIControls;
+    useViewportControl: () => ViewportControls;
     playScenes: (sceneCodesStr: string) => Promise<boolean>;
 };
 export type TourSwitchType = {

package/dist/types/SkinLayer/tool.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.type.d.ts","sourceRoot":"","sources":["../../../src/types/SkinLayer/tool.type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5E,WAAW,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7E,YAAY,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACvD,YAAY,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7D,aAAa,EAAE,CAAC,GAAG,EAAE;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpB,WAAW,EAAE,MAAM;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnE,kBAAkB,EAAE,CAAC,IAAI,EAAE;QACzB,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpB,kBAAkB,EAAE,CAClB,UAAU,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,KAClD,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,cAAc,EAAE,CACd,UAAU,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,KAClD,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAE9B,gBAAgB,EAAE,CAChB,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,MAAM,KACd,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,mBAAmB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAEzC,sBAAsB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,qBAAqB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD,CAAC"}
+{"version":3,"file":"tool.type.d.ts","sourceRoot":"","sources":["../../../src/types/SkinLayer/tool.type.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5E,WAAW,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7E,YAAY,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACvD,YAAY,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7D,aAAa,EAAE,CAAC,GAAG,EAAE;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpB,WAAW,EAAE,MAAM;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnE,kBAAkB,EAAE,CAAC,IAAI,EAAE;QACzB,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpB,kBAAkB,EAAE,CAClB,UAAU,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,KAClD,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,cAAc,EAAE,CACd,UAAU,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,KAClD,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAE9B,gBAAgB,EAAE,CAChB,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,MAAM,KACd,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,mBAAmB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAEzC,sBAAsB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,qBAAqB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAE/C,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;IAC7C,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;IAClD,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;IAC3C,iBAAiB,EAAE,MAAM,WAAW,CAAC;IACrC,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;IAC3C,UAAU,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD,CAAC"}

package/dist/types/SkinLayer/visualizer.type.d.ts

@@ -1,3 +1,4 @@
+import { CustomLayoutConfig } from 'types/custom-layout';
 import { VisualizerListenersType } from './listeners.type';
 import { OverrideConfigsType } from './overrideConfigs.type';
 import { ProductType } from './product.type';
@@ -11,6 +12,8 @@ export type VirtualTourVisualizerType = {
     config?: OverrideConfigsType;
     listeners?: VisualizerListenersType;
     products?: ProductType[];
+    disableDefaultUI?: boolean;
+    customLayout?: CustomLayoutConfig;
     middleware?: ActionMiddleware;
 };
 //# sourceMappingURL=visualizer.type.d.ts.map

package/dist/types/SkinLayer/visualizer.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"visualizer.type.d.ts","sourceRoot":"","sources":["../../../src/types/SkinLayer/visualizer.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B,CAAC"}
+{"version":3,"file":"visualizer.type.d.ts","sourceRoot":"","sources":["../../../src/types/SkinLayer/visualizer.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B,CAAC"}

package/dist/types/custom-layout.d.ts

@@ -0,0 +1,167 @@
+import { ComponentType } from 'react';
+/**
+ * Custom Layout Config - Cho phép override từng component thông qua cấu trúc object lồng nhau.
+ *
+ * @example
+ * ```tsx
+ * customLayout={{
+ *   Floorplan: {
+ *     Minimap: {
+ *       Marker: CustomMarker,
+ *       Polygon: CustomPolygon,
+ *     },
+ *   },
+ * }}
+ * ```
+ *
+ * @important Pass component functions, NOT React elements!
+ */
+export type CustomLayoutComponent<T = any> = ComponentType<T>;
+export type CustomLayoutNode = CustomLayoutComponent | {
+    [key: string]: CustomLayoutNode;
+};
+export type CustomLayoutConfig = {
+    [key: string]: CustomLayoutNode;
+};
+/**
+ * Resolve helper để tìm component theo path (ví dụ ['Floorplan', 'Minimap', 'Marker'])
+ */
+export declare const resolveCustomLayoutComponent: (config: CustomLayoutConfig | undefined, path: string[]) => CustomLayoutComponent | undefined;
+/**
+ * Registry document các component có thể custom layout
+ */
+export declare const CUSTOM_LAYOUT_COMPONENTS: {
+    readonly Floorplan: {
+        readonly path: "src/components/SkinLayer/Floorplan/index.tsx";
+        readonly description: "Main Floorplan container with bottom sheet";
+        readonly children: {
+            readonly Map: {
+                readonly path: "src/components/SkinLayer/Floorplan/Map.tsx";
+                readonly description: "Floorplan map wrapper with controls";
+            };
+            readonly Minimap: {
+                readonly path: "src/components/SkinLayer/Floorplan/Minimap/index.tsx";
+                readonly description: "Interactive minimap with markers and polygons";
+                readonly children: {
+                    readonly Marker: {
+                        readonly path: "src/components/SkinLayer/Floorplan/Minimap/MiniMapMarker.tsx";
+                        readonly description: "Individual marker on minimap";
+                    };
+                    readonly Polygon: {
+                        readonly path: "src/components/SkinLayer/Floorplan/Minimap/MiniMapPolygons/index.tsx";
+                        readonly description: "Polygon areas on minimap";
+                    };
+                    readonly Radar: {
+                        readonly path: "src/components/SkinLayer/Floorplan/Minimap/index.tsx";
+                        readonly description: "Radar element inside minimap";
+                    };
+                };
+            };
+        };
+    };
+    readonly HotspotOverview: {
+        readonly path: "src/components/SkinLayer/HotspotOverview/index.tsx";
+        readonly description: "Hotspot overview panel shown near bottom-left";
+    };
+    readonly PinActions: {
+        readonly path: "src/components/SkinLayer/PinActionButtons/index.tsx";
+        readonly description: "Pin action buttons panel shown on the right side";
+    };
+    readonly SearchAndDiscoverySlideIn: {
+        readonly path: "src/components/SkinLayer/SearchAndDiscoverySlideIn/index.tsx";
+        readonly description: "Search and discovery slide-in panel shown on the right side";
+        readonly children: {
+            readonly TourInfoActionPart: {
+                readonly path: "src/components/SkinLayer/SearchAndDiscoverySlideIn/TourInfoActionPart.tsx";
+                readonly description: "Tour information section";
+                readonly children: {
+                    readonly ContentItem: {
+                        readonly path: "src/components/SkinLayer/SearchAndDiscoverySlideIn/ContentItem/index.tsx";
+                        readonly description: "Individual content item in the tour info section";
+                    };
+                };
+            };
+            readonly ScenarioPart: {
+                readonly path: "src/components/SkinLayer/SearchAndDiscoverySlideIn/ScenariosPart/index.tsx";
+                readonly description: "Scenarios section";
+                readonly children: {
+                    readonly ScenarioItem: {
+                        readonly path: "src/components/SkinLayer/SearchAndDiscoverySlideIn/ScenariosPart/Item.tsx";
+                        readonly description: "Individual scenario item";
+                    };
+                };
+            };
+            readonly PromotionPart: {
+                readonly path: "src/components/SkinLayer/SearchAndDiscoverySlideIn/PromotionPart/index.tsx";
+                readonly description: "Promotions section";
+                readonly children: {
+                    readonly CardItem: {
+                        readonly path: "src/commons/SkinLayer/components/CardItemGroup/Item/index.tsx";
+                        readonly description: "Card item for promotions";
+                    };
+                };
+            };
+            readonly PoiInfoActionPart: {
+                readonly path: "src/components/SkinLayer/SearchAndDiscoverySlideIn/PoiInfoActionPart/index.tsx";
+                readonly description: "Points of interest section";
+                readonly children: {
+                    readonly ContentItem: {
+                        readonly path: "src/components/SkinLayer/SearchAndDiscoverySlideIn/ContentItem/index.tsx";
+                        readonly description: "Individual content item in the POI section";
+                    };
+                };
+            };
+            readonly DisplayActionPart: {
+                readonly path: "src/components/SkinLayer/SearchAndDiscoverySlideIn/DisplayActionPart/index.tsx";
+                readonly description: "Display options section";
+                readonly children: {
+                    readonly ContentItem: {
+                        readonly path: "src/components/SkinLayer/SearchAndDiscoverySlideIn/ContentItem/index.tsx";
+                        readonly description: "Individual content item in the display section";
+                    };
+                    readonly ContentItemLanguage: {
+                        readonly path: "src/components/SkinLayer/SearchAndDiscoverySlideIn/ContentItemLanguage.tsx";
+                        readonly description: "Language selection item";
+                    };
+                };
+            };
+            readonly HelpActionPart: {
+                readonly path: "src/components/SkinLayer/SearchAndDiscoverySlideIn/HelpActionPart.tsx";
+                readonly description: "Help and support section";
+                readonly children: {
+                    readonly ContentItem: {
+                        readonly path: "src/components/SkinLayer/SearchAndDiscoverySlideIn/ContentItem/index.tsx";
+                        readonly description: "Individual content item in the help section";
+                    };
+                };
+            };
+        };
+    };
+    readonly HotspotCategorySlideIn: {
+        readonly path: "src/components/SkinLayer/HotspotCategorySlideIn/index.tsx";
+        readonly description: "Hotspot category slide-in panel for displaying category-based content";
+        readonly children: {
+            readonly ScenarioSlideIn: {
+                readonly path: "src/components/SkinLayer/HotspotCategorySlideIn/ScenarioSlideIn.tsx";
+                readonly description: "Scenario selection panel within hotspot categories";
+            };
+            readonly SpaceAndSceneSlideIn: {
+                readonly path: "src/components/SkinLayer/HotspotCategorySlideIn/SpaceAndSceneSlideIn.tsx";
+                readonly description: "Space and scene selection panel";
+            };
+            readonly FeatureSlideIn: {
+                readonly path: "src/components/SkinLayer/HotspotCategorySlideIn/FeatureSlideIn.tsx";
+                readonly description: "Feature showcase panel";
+            };
+            readonly ProductSlideIn: {
+                readonly path: "src/components/SkinLayer/HotspotCategorySlideIn/ProductSlideIn.tsx";
+                readonly description: "Product listing panel";
+            };
+            readonly PoiSlideIn: {
+                readonly path: "src/components/SkinLayer/HotspotCategorySlideIn/PoiSlideIn.tsx";
+                readonly description: "Points of interest panel";
+            };
+        };
+    };
+};
+//# sourceMappingURL=custom-layout.d.ts.map

package/dist/types/custom-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-layout.d.ts","sourceRoot":"","sources":["../../src/types/custom-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,qBAAqB,CAAC,CAAC,GAAG,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC;AAE9D,MAAM,MAAM,gBAAgB,GACxB,qBAAqB,GACrB;IACE,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC;CACjC,CAAC;AAEN,MAAM,MAAM,kBAAkB,GAAG;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,4BAA4B,GACvC,QAAQ,kBAAkB,GAAG,SAAS,EACtC,MAAM,MAAM,EAAE,KACb,qBAAqB,GAAG,SAgD1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqI3B,CAAC"}

package/dist/types/swizzle.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Swizzle Config - Cho phép customize components theo nested path
+ * Giống như Docusaurus swizzle pattern
+ *
+ * @example
+ * ```tsx
+ * // ✅ ĐÚNG - Pass component function
+ * swizzle={{
+ *   'Floorplan.Minimap.Marker': CustomMarker,
+ *   'Floorplan.Minimap': CustomMinimap,
+ * }}
+ *
+ * // ❌ SAI - Không pass React element
+ * swizzle={{
+ *   'Floorplan.Minimap.Marker': <CustomMarker />,  // ❌ Wrong!
+ * }}
+ * ```
+ *
+ * @important Pass component functions, NOT React elements!
+ */
+export type SwizzleConfig = {
+    Floorplan?: any;
+    'Floorplan.Map'?: any;
+    'Floorplan.Minimap'?: any;
+    'Floorplan.Minimap.Marker'?: any;
+    'Floorplan.Minimap.Polygon'?: any;
+    'Floorplan.Minimap.Radar'?: any;
+};
+/**
+ * Helper type để auto-complete swizzle paths
+ */
+export type SwizzlePath = keyof SwizzleConfig;
+/**
+ * Registry của tất cả components có thể swizzle
+ * Dùng để documentation và validation
+ */
+export declare const SWIZZLEABLE_COMPONENTS: {
+    readonly Floorplan: {
+        readonly path: "src/components/SkinLayer/Floorplan/index.tsx";
+        readonly description: "Main Floorplan container with bottom sheet";
+    };
+    readonly 'Floorplan.Map': {
+        readonly path: "src/components/SkinLayer/Floorplan/Map.tsx";
+        readonly description: "Floorplan map wrapper with controls";
+    };
+    readonly 'Floorplan.Minimap': {
+        readonly path: "src/components/SkinLayer/Floorplan/Minimap/index.tsx";
+        readonly description: "Interactive minimap with markers and polygons";
+    };
+    readonly 'Floorplan.Minimap.Marker': {
+        readonly path: "src/components/SkinLayer/Floorplan/Minimap/MiniMapMarker.tsx";
+        readonly description: "Individual marker on minimap";
+    };
+    readonly 'Floorplan.Minimap.Polygon': {
+        readonly path: "src/components/SkinLayer/Floorplan/Minimap/MiniMapPolygons/index.tsx";
+        readonly description: "Polygon areas on minimap";
+    };
+};
+//# sourceMappingURL=swizzle.d.ts.map

package/dist/types/swizzle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swizzle.d.ts","sourceRoot":"","sources":["../../src/types/swizzle.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,aAAa,GAAG;IAE1B,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,mBAAmB,CAAC,EAAE,GAAG,CAAC;IAC1B,0BAA0B,CAAC,EAAE,GAAG,CAAC;IACjC,2BAA2B,CAAC,EAAE,GAAG,CAAC;IAClC,yBAAyB,CAAC,EAAE,GAAG,CAAC;CAGjC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,aAAa,CAAC;AAE9C;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;CAsBzB,CAAC"}