@clikvn/showroom-visualizer 0.2.2-dev-07 → 0.2.2-dev-09

package/.claude/settings.local.json

@@ -0,0 +1,19 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(find:*)",
+      "Bash(npm run build:*)",
+      "Bash(grep:*)",
+      "Bash(rm:*)",
+      "Bash(ls:*)",
+      "Bash(sed:*)",
+      "Bash(yarn build)",
+      "Bash(yalc push:*)",
+      "Bash(yarn dev)",
+      "Bash(yarn list:*)",
+      "Bash(mv:*)",
+      "Bash(rg:*)"
+    ],
+    "deny": []
+  }
+}

package/dist/components/SkinLayer/DefaultLayout/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ToolType } from '../../../types/SkinLayer/tool.type';
+type Props = {
+    onToolLoaded?: (tool: ToolType) => void;
+};
+declare const Layout: FC<Props>;
+export default Layout;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SkinLayer/DefaultLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/DefaultLayout/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,EAAE,EAAuB,MAAM,OAAO,CAAC;AAc/D,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAiC9D,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CA0UrB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/SkinLayer/PinActionButtons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PinActionButtons/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAI/D,eAAO,MAAM,mBAAmB,2BAA2B,CAAC;AAU5D,KAAK,mBAAmB,GAAG;IACzB,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,GAAG,IAAI,KAAK,IAAI,CAAC;CAChE,CAAC;;AAmgBF,wBAAgC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PinActionButtons/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAI/D,eAAO,MAAM,mBAAmB,2BAA2B,CAAC;AAU5D,KAAK,mBAAmB,GAAG;IACzB,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,GAAG,IAAI,KAAK,IAAI,CAAC;CAChE,CAAC;;AAkgBF,wBAAgC"}

package/dist/components/SkinLayer/ScenarioList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/ScenarioList/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,EAAE,EAOH,MAAM,OAAO,CAAC;AAkCf,QAAA,MAAM,YAAY,EAAE,EAiInB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/ScenarioList/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,EAAE,EAOH,MAAM,OAAO,CAAC;AAyCf,QAAA,MAAM,YAAY,EAAE,EAiInB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/SkinLayer/SearchAndDiscoverySlideIn/TourInfoActionPart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TourInfoActionPart.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/SearchAndDiscoverySlideIn/TourInfoActionPart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAS3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAIjF,KAAK,uBAAuB,GAAG;IAC7B,WAAW,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,SAAS,CAAC;CAC1D,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAqEnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"TourInfoActionPart.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/SearchAndDiscoverySlideIn/TourInfoActionPart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAU3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAIjF,KAAK,uBAAuB,GAAG;IAC7B,WAAW,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,SAAS,CAAC;CAC1D,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA8EnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/context/SwizzleContext.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode, ComponentType } from 'react';
+import { SwizzleConfig, SwizzlePath } from '../types/swizzle';
+type SwizzleContextType = {
+    swizzle: SwizzleConfig;
+    getSwizzledComponent: <T = unknown>(path: SwizzlePath, defaultComponent: ComponentType<T>) => ComponentType<T>;
+};
+/**
+ * Hook để access swizzle configuration
+ */
+export declare const useSwizzle: () => SwizzleContextType;
+type Props = {
+    swizzle?: SwizzleConfig;
+    children: ReactNode;
+};
+/**
+ * SwizzleProvider - Wrap app với provider này để enable component swizzling
+ * Giống như Docusaurus swizzle pattern
+ */
+export declare const SwizzleProvider: React.FC<Props>;
+export {};
+//# sourceMappingURL=SwizzleContext.d.ts.map

package/dist/context/SwizzleContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwizzleContext.d.ts","sourceRoot":"","sources":["../../src/context/SwizzleContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,aAAa,EAGd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAQ9D,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,aAAa,CAAC;IACvB,oBAAoB,EAAE,CAAC,CAAC,GAAG,OAAO,EAChC,IAAI,EAAE,WAAW,EACjB,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAC,KAC/B,aAAa,CAAC,CAAC,CAAC,CAAC;CACvB,CAAC;AAOF;;GAEG;AACH,eAAO,MAAM,UAAU,0BAAmC,CAAC;AAE3D,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkG3C,CAAC"}

package/dist/hooks/headless/index.d.ts

@@ -0,0 +1,181 @@
+/**
+ * Headless Hooks - Main Export
+ *
+ * Cung cấp API để control Showroom Visualizer mà không cần dùng default UI
+ * Người dùng có thể build custom UI hoàn toàn từ các hooks này
+ */
+import { useTourCore } from './useTourCore';
+import { useFloorplanControl } from './useFloorplanControl';
+import { useSceneNavigation } from './useSceneNavigation';
+import { useScenarioControl } from './useScenarioControl';
+import { usePOIInteraction } from './usePOIInteraction';
+import { useViewportControl } from './useViewportControl';
+/**
+ * Main Hook: useShowroomControls
+ *
+ * Tổng hợp tất cả các hooks nhỏ thành 1 hook duy nhất
+ * Sử dụng khi muốn access tất cả controls
+ *
+ * @example
+ * ```tsx
+ * const MyCustomUI = () => {
+ *   const controls = useShowroomControls();
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={controls.floorplan.toggleFloorplan}>
+ *         Toggle Minimap
+ *       </button>
+ *       <button onClick={controls.navigation.goToNextScene}>
+ *         Next Scene
+ *       </button>
+ *       <p>Active Scene: {controls.tour.activeScene?.name}</p>
+ *     </div>
+ *   );
+ * };
+ * ```
+ */
+export declare const useShowroomControls: () => {
+    tour: {
+        tourReady: boolean;
+        tourLoaded: boolean;
+        soundReady: boolean;
+        canInitVisualizer: boolean;
+        tourData: import("../../types/Visualizer").TourType | null;
+        activeScene: import("../../models/Visualizer/Scene").default | null;
+        scenes: import("../../types/Visualizer").SceneType[];
+        floorplans: import("../../types/Visualizer").FloorplanType[];
+        loadingScene: boolean;
+        tour: import("../../models/Visualizer/Tour").default | undefined;
+        isLoading: boolean;
+        hasScenes: boolean;
+        hasFloorplans: boolean;
+        totalScenes: number;
+    };
+    floorplan: {
+        showFloorplan: boolean;
+        activeFloorplan: import("../../types/Visualizer").FloorplanType | null;
+        floorplans: import("../../types/Visualizer").FloorplanType[];
+        toggleFloorplan: () => void;
+        openFloorplan: () => void;
+        closeFloorplan: () => void;
+        switchFloorplan: (floorplanId: string) => void;
+        hasFloorplans: boolean;
+        canShowFloorplan: boolean;
+    };
+    navigation: {
+        activeScene: import("../../models/Visualizer/Scene").default | null;
+        scenes: import("../../types/Visualizer").SceneType[];
+        sceneGroups: import("../../types/Visualizer").SceneGroupType[];
+        showSceneCategories: boolean;
+        currentSceneGroup: import("../../types/Visualizer").SceneGroupType | null;
+        scenesByGroup: {
+            [groupId: string]: import("../../models/Visualizer/Scene").default[];
+        };
+        goToScene: (code: string) => Promise<boolean>;
+        goToNextScene: () => Promise<boolean>;
+        goToPreviousScene: () => Promise<boolean>;
+        toggleSceneCategories: () => void;
+        switchSceneGroup: (groupCode: string) => Promise<boolean>;
+        hasNextScene: boolean;
+        hasPreviousScene: boolean;
+        totalScenes: number;
+    };
+    scenario: {
+        activeScenario: import("../../types/Visualizer").TourScenarioType | null;
+        autoPlaying: boolean;
+        scenarioCurrentStep: import("../../types/Visualizer").ScenarioCurrentStepType | null;
+        showScenarioList: boolean;
+        scenarios: import("../../types/Visualizer").TourScenarioType[];
+        playScenario: (scenarioCode: string) => Promise<boolean>;
+        pauseScenario: () => void;
+        resumeScenario: () => void;
+        stopScenario: () => void;
+        toggleScenarioList: () => void;
+        hasScenarios: boolean;
+        isPlaying: boolean;
+        totalScenarios: number;
+    };
+    poi: {
+        activePoi: any;
+        activePoiCode: string | undefined;
+        selectedPoi: any;
+        isViewPoiDetail: boolean;
+        labelVisible: boolean;
+        selectPoi: (poiCode: string) => void;
+        clearPoiSelection: () => void;
+        toggleLabels: () => void;
+        showLabels: () => void;
+        hideLabels: () => void;
+        openPoiDetail: (poiCode: string) => void;
+        closePoiDetail: () => void;
+        hasActivePoi: boolean;
+        hasSelectedPoi: boolean;
+    };
+    viewport: {
+        isFullscreen: boolean;
+        isGyroscope: boolean;
+        tourSoundPlaying: boolean;
+        navigationArrowsVisible: boolean;
+        toggleFullscreen: () => void;
+        enterFullscreen: () => void;
+        exitFullscreen: () => void;
+        toggleGyroscope: () => void;
+        toggleSound: () => void;
+        muteSound: () => void;
+        unmuteSound: () => void;
+        toggleNavigationArrows: () => void;
+        takeScreenshot: () => void;
+    };
+    tourReady: boolean;
+    isLoading: boolean;
+    activeScene: import("../../models/Visualizer/Scene").default | null;
+    goToScene: (code: string) => Promise<boolean>;
+    goToNextScene: () => Promise<boolean>;
+    goToPreviousScene: () => Promise<boolean>;
+    showFloorplan: boolean;
+    toggleFloorplan: () => void;
+    playScenario: (scenarioCode: string) => Promise<boolean>;
+    stopScenario: () => void;
+    isPlaying: boolean;
+    toggleFullscreen: () => void;
+    toggleSound: () => void;
+};
+/**
+ * Tour Core Hook
+ * @see useTourCore
+ */
+export { useTourCore } from './useTourCore';
+/**
+ * Floorplan Control Hook
+ * @see useFloorplanControl
+ */
+export { useFloorplanControl } from './useFloorplanControl';
+/**
+ * Scene Navigation Hook
+ * @see useSceneNavigation
+ */
+export { useSceneNavigation } from './useSceneNavigation';
+/**
+ * Scenario Control Hook
+ * @see useScenarioControl
+ */
+export { useScenarioControl } from './useScenarioControl';
+/**
+ * POI Interaction Hook
+ * @see usePOIInteraction
+ */
+export { usePOIInteraction } from './usePOIInteraction';
+/**
+ * Viewport Control Hook
+ * @see useViewportControl
+ */
+export { useViewportControl } from './useViewportControl';
+export type ShowroomControls = ReturnType<typeof useShowroomControls>;
+export type TourCoreControls = ReturnType<typeof useTourCore>;
+export type FloorplanControls = ReturnType<typeof useFloorplanControl>;
+export type SceneNavigationControls = ReturnType<typeof useSceneNavigation>;
+export type ScenarioControls = ReturnType<typeof useScenarioControl>;
+export type POIControls = ReturnType<typeof usePOIInteraction>;
+export type ViewportControls = ReturnType<typeof useViewportControl>;
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/headless/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/headless/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyC/B,CAAC;AAKF;;;GAGG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;;GAGG;AACH,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;;GAGG;AACH,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D;;;GAGG;AACH,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D;;;GAGG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD;;;GAGG;AACH,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACtE,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAC9D,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACvE,MAAM,MAAM,uBAAuB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAC5E,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACrE,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC/D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

package/dist/hooks/headless/useFloorplanControl.d.ts

@@ -0,0 +1,18 @@
+/**
+ * useFloorplanControl Hook
+ *
+ * Mục đích: Quản lý floorplan/minimap
+ * Cho phép người dùng control floorplan từ custom UI
+ */
+export declare const useFloorplanControl: () => {
+    showFloorplan: boolean;
+    activeFloorplan: import("../../types/Visualizer").FloorplanType | null;
+    floorplans: import("../../types/Visualizer").FloorplanType[];
+    toggleFloorplan: () => void;
+    openFloorplan: () => void;
+    closeFloorplan: () => void;
+    switchFloorplan: (floorplanId: string) => void;
+    hasFloorplans: boolean;
+    canShowFloorplan: boolean;
+};
+//# sourceMappingURL=useFloorplanControl.d.ts.map

package/dist/hooks/headless/useFloorplanControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloorplanControl.d.ts","sourceRoot":"","sources":["../../../src/hooks/headless/useFloorplanControl.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,eAAO,MAAM,mBAAmB;;;;;;;mCAqBQ,MAAM;;;CAkC7C,CAAC"}

package/dist/hooks/headless/usePOIInteraction.d.ts

@@ -0,0 +1,23 @@
+/**
+ * usePOIInteraction Hook
+ *
+ * Mục đích: Quản lý tương tác với POI
+ * Handle POI click, hover, selection, detail view
+ */
+export declare const usePOIInteraction: () => {
+    activePoi: any;
+    activePoiCode: string | undefined;
+    selectedPoi: any;
+    isViewPoiDetail: boolean;
+    labelVisible: boolean;
+    selectPoi: (poiCode: string) => void;
+    clearPoiSelection: () => void;
+    toggleLabels: () => void;
+    showLabels: () => void;
+    hideLabels: () => void;
+    openPoiDetail: (poiCode: string) => void;
+    closePoiDetail: () => void;
+    hasActivePoi: boolean;
+    hasSelectedPoi: boolean;
+};
+//# sourceMappingURL=usePOIInteraction.d.ts.map

package/dist/hooks/headless/usePOIInteraction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePOIInteraction.d.ts","sourceRoot":"","sources":["../../../src/hooks/headless/usePOIInteraction.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,eAAO,MAAM,iBAAiB;;;;;;yBAyBhB,MAAM;;;;;6BA2CN,MAAM;;;;CAmCnB,CAAC"}

package/dist/hooks/headless/useScenarioControl.d.ts

@@ -0,0 +1,22 @@
+/**
+ * useScenarioControl Hook
+ *
+ * Mục đích: Quản lý auto-play scenarios
+ * Control playback, pause, resume scenarios
+ */
+export declare const useScenarioControl: () => {
+    activeScenario: import("../../types/Visualizer").TourScenarioType | null;
+    autoPlaying: boolean;
+    scenarioCurrentStep: import("../../types/Visualizer").ScenarioCurrentStepType | null;
+    showScenarioList: boolean;
+    scenarios: import("../../types/Visualizer").TourScenarioType[];
+    playScenario: (scenarioCode: string) => Promise<boolean>;
+    pauseScenario: () => void;
+    resumeScenario: () => void;
+    stopScenario: () => void;
+    toggleScenarioList: () => void;
+    hasScenarios: boolean;
+    isPlaying: boolean;
+    totalScenarios: number;
+};
+//# sourceMappingURL=useScenarioControl.d.ts.map

package/dist/hooks/headless/useScenarioControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScenarioControl.d.ts","sourceRoot":"","sources":["../../../src/hooks/headless/useScenarioControl.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,eAAO,MAAM,kBAAkB;;;;;;iCA8BN,MAAM;;;;;;;;CA2E9B,CAAC"}

package/dist/hooks/headless/useSceneNavigation.d.ts

@@ -0,0 +1,26 @@
+/**
+ * useSceneNavigation Hook
+ *
+ * Mục đích: Điều hướng giữa các scene
+ * Bao gồm scene groups, categories, navigation
+ */
+import Scene from '../../models/Visualizer/Scene';
+export declare const useSceneNavigation: () => {
+    activeScene: Scene | null;
+    scenes: import("../../types/Visualizer").SceneType[];
+    sceneGroups: import("../../types/Visualizer").SceneGroupType[];
+    showSceneCategories: boolean;
+    currentSceneGroup: import("../../types/Visualizer").SceneGroupType | null;
+    scenesByGroup: {
+        [groupId: string]: Scene[];
+    };
+    goToScene: (code: string) => Promise<boolean>;
+    goToNextScene: () => Promise<boolean>;
+    goToPreviousScene: () => Promise<boolean>;
+    toggleSceneCategories: () => void;
+    switchSceneGroup: (groupCode: string) => Promise<boolean>;
+    hasNextScene: boolean;
+    hasPreviousScene: boolean;
+    totalScenes: number;
+};
+//# sourceMappingURL=useSceneNavigation.d.ts.map

package/dist/hooks/headless/useSceneNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSceneNavigation.d.ts","sourceRoot":"","sources":["../../../src/hooks/headless/useSceneNavigation.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,MAAM,+BAA+B,CAAC;AAElD,eAAO,MAAM,kBAAkB;;;;;;;;;sBAwCd,MAAM;;;;kCA4ED,MAAM;;;;CAqD3B,CAAC"}

package/dist/hooks/headless/useTourCore.d.ts

@@ -0,0 +1,23 @@
+/**
+ * useTourCore Hook
+ *
+ * Mục đích: Expose tour engine core state (read-only)
+ * Cung cấp thông tin cơ bản về tour mà người dùng có thể query
+ */
+export declare const useTourCore: () => {
+    tourReady: boolean;
+    tourLoaded: boolean;
+    soundReady: boolean;
+    canInitVisualizer: boolean;
+    tourData: import("../../types/Visualizer").TourType | null;
+    activeScene: import("../../models/Visualizer/Scene").default | null;
+    scenes: import("../../types/Visualizer").SceneType[];
+    floorplans: import("../../types/Visualizer").FloorplanType[];
+    loadingScene: boolean;
+    tour: import("../../models/Visualizer/Tour").default | undefined;
+    isLoading: boolean;
+    hasScenes: boolean;
+    hasFloorplans: boolean;
+    totalScenes: number;
+};
+//# sourceMappingURL=useTourCore.d.ts.map

package/dist/hooks/headless/useTourCore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTourCore.d.ts","sourceRoot":"","sources":["../../../src/hooks/headless/useTourCore.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;CA8CvB,CAAC"}

package/dist/hooks/headless/useViewportControl.d.ts

@@ -0,0 +1,22 @@
+/**
+ * useViewportControl Hook
+ *
+ * Mục đích: Quản lý viewport/camera control
+ * Fullscreen, gyroscope, sound, navigation arrows
+ */
+export declare const useViewportControl: () => {
+    isFullscreen: boolean;
+    isGyroscope: boolean;
+    tourSoundPlaying: boolean;
+    navigationArrowsVisible: boolean;
+    toggleFullscreen: () => void;
+    enterFullscreen: () => void;
+    exitFullscreen: () => void;
+    toggleGyroscope: () => void;
+    toggleSound: () => void;
+    muteSound: () => void;
+    unmuteSound: () => void;
+    toggleNavigationArrows: () => void;
+    takeScreenshot: () => void;
+};
+//# sourceMappingURL=useViewportControl.d.ts.map

package/dist/hooks/headless/useViewportControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewportControl.d.ts","sourceRoot":"","sources":["../../../src/hooks/headless/useViewportControl.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;CAwG9B,CAAC"}

package/dist/hooks/useStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStore.d.ts","sourceRoot":"","sources":["../../src/hooks/useStore.tsx"],"names":[],"mappings":"AACA,OAAO,KAQN,MAAM,OAAO,CAAC;AAsBf,OAAO,EAML,SAAS,EAGV,MAAM,oBAAoB,CAAC;AAsB5B,eAAO,MAAM,aAAa,GAAI,uBAG3B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3C,4CA23CA,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,KAAK,EAAE,SAAS,CAAC;KAClB;CACF;AAED,eAAO,MAAM,QAAQ,iBAMpB,CAAC"}
+{"version":3,"file":"useStore.d.ts","sourceRoot":"","sources":["../../src/hooks/useStore.tsx"],"names":[],"mappings":"AACA,OAAO,KAQN,MAAM,OAAO,CAAC;AAsBf,OAAO,EAML,SAAS,EAGV,MAAM,oBAAoB,CAAC;AAsB5B,eAAO,MAAM,aAAa,GAAI,uBAG3B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3C,4CAk4CA,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,KAAK,EAAE,SAAS,CAAC;KAClB;CACF;AAED,eAAO,MAAM,QAAQ,iBAMpB,CAAC"}

package/dist/index.html

@@ -7,70 +7,101 @@
       content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
     />
     <title>Title</title>
+  </head>
+  <body>
+    <div class="flex h-screen w-screen">
+      <!--    <div class="h-full" style="width: 72px"></div>-->
+      <div class="h-full" style="width: /*calc(100% - 462px);*/ 100%">
+        <div class="h-full w-full relative">
+          <showroom-visualizer></showroom-visualizer>
+        </div>
+      </div>
+      <!--    <div class="h-full" style="width: 390px"></div>-->
+    </div>
     <script type="module">
+      // import ShowroomVisualizer from 'https://85f81d7dc992.ngrok-free.app/web.js';
       import ShowroomVisualizer from 'http://localhost:3000/web.js';
 
       ShowroomVisualizer.initVisualizer({
         apiHost: 'https://ci-api.clik.vn/vt360',
+        webRotateApiHost: 'https://ci-api.clik.vn/cms',
         webRotateClientHost: 'https://ci-webrotate360-client.clik.vn',
         config: {
-          tourCode: 'TOUR_GEVEXLWNPT74',
           language: 'VI',
+          // tourCode: 'TOUR_FXYCEN7ZZVW6',
+
+          // startScene: 'scene_kr3rgeezzvw6',
+          // hLookAt: -254,
+          // vLookAt: 1
+          // tourCode: 'TOUR_GEVEXLWNPT74',
+          // tourCode: 'TOUR_7YUL2ALGFL94',
+          tourCode: 'TOUR_KUFGDEPDTJA4',
+          hLookAt: 10,
+          vLookAt: 28,
+          // startScene: 'SCENE_KNLRAKUHFL94',
+          // hLookAt: -54.11884505373274,
+          // vLookAt: -9.111287009391969
+
+          // tourCode: 'tour_7a6hchjljga4'.toUpperCase(),
+
+          // tourCode: 'TOUR_ZJMHKMJEACAH',
+          // startScene: 'SCENE_LVN4DLUFACAH',
+          // hLookAt: -179.145,
+          // vLookAt: 11.597,
+
+          // tourCode: 'tour_7yul2algfl94'.toUpperCase(),
+          // startScene: 'scene_vrz9v2uhfl94'.toUpperCase(),
+          // hLookAt: -87,
+          // vLookAt: 9,
+          // hotspot: 'item27getn2d2m94'.toUpperCase(),
         },
         listeners: {
+          onTourSwitchLoaded: (tool) => {
+            window.switchTour = tool.switchTour;
+          },
+          onSceneCompleted: (...args) => {
+            // console.log('onSceneCompleted', args);
+          },
           onLoaded: (tool) => {
+            // console.log('TOOL_LOADED')
             window.tool = tool;
           },
-          onPinActionClicked: (key) => {
-            console.log('onPinActionClicked', key);
-          },
-          onAIProductClicked: (poi) => {
+          onPoiClicked: (poi) => {
             console.log('onPoiClicked', poi);
           },
+          onPoiOut: () => {
+            // console.log('onPoiOut');
+          },
+          onPoiOver: (poi) => {
+            console.log('onPoiOver', poi);
+          },
+          onPoiInCenter: (poi) => {
+            // console.log('onPoiInCenter', poi);
+          },
+          onStartScenario: (code) => {
+            // console.log('onStartScenario', code);
+          },
+          onScenarioPaused: (code) => {
+            // console.log('onScenarioPaused', code);
+          },
+          onScenarioEnded: (code) => {
+            // console.log('onScenarioEnded', code);
+          },
+          onChanged: (args) => {
+            console.log('onChanged', args);
+          },
+          onStartLoadingTour: (code) => {
+            // console.log('onStartLoadingTour', code);
+          },
+          onFinishedLoadingTour: (code) => {
+            // console.log('onFinishedLoadingTour', code);
+          },
+          onStateChanged: (changes) => {
+            // console.log('changes', changes);
+          },
         },
         mobile: false,
       });
     </script>
-    <style>
-      .toggle-btn {
-        position: fixed;
-        top: 20px;
-        right: 20px;
-        z-index: 9999;
-        padding: 10px 15px;
-        background: #3585f7;
-        color: white;
-        border: none;
-        border-radius: 5px;
-        cursor: pointer;
-        font-family: 'Be Vietnam Pro', sans-serif;
-        font-size: 14px;
-        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-        transition: background 0.3s ease;
-      }
-      .toggle-btn:hover {
-        background: #2574e6;
-      }
-    </style>
-  </head>
-  <body>
-    <!-- <button class="toggle-btn" onclick="toggleWidth()">Toggle Width</button> -->
-    <div id="container" style="width: 100vw; height: 100vh; overflow: hidden">
-      <div style="width: 80vw; height: 100vh">
-        <showroom-visualizer></showroom-visualizer>
-      </div>
-    </div>
-    <script>
-      function toggleWidth() {
-        const container = document.getElementById('container');
-        const currentWidth = container.style.width;
-
-        if (currentWidth === '80vw') {
-          container.style.width = '100vw';
-        } else {
-          container.style.width = '80vw';
-        }
-      }
-    </script>
   </body>
 </html>