@clikvn/showroom-visualizer 0.2.2-dev-12 → 0.2.2-dev-14

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/README.md

@@ -1,139 +1,32 @@
-# Showroom Visualizer
-
-A powerful, flexible 360° virtual tour visualizer với **Headless Architecture** support.
-
-## ✨ Features
-
-- 🎨 **Flexible UI**: Sử dụng default UI hoặc build custom UI hoàn toàn
-- 🔧 **Headless Hooks**: Full control với React hooks
-- 📦 **Component Library**: Reusable components để compose custom layouts
-- 🎯 **Type-safe**: Full TypeScript support
-- ⚡ **Performance**: Optimized với React best practices
-- 🔄 **Backwards Compatible**: Code cũ vẫn hoạt động bình thường
-
-## 📖 Documentation
-
-- [Headless API Documentation](./HEADLESS_API.md) - Chi tiết về API và hooks
-- [Examples](./EXAMPLES.md) - 9+ examples từ basic đến advanced
-
-## 🚀 Quick Start
-
-### 1. Sử dụng Default UI
-
-```tsx
-import { ShowroomVisualizer } from 'showroom-visualizer';
-
-function App() {
-  return (
-    <ShowroomVisualizer
-      config={{ tourCode: 'my-tour' }}
-      mobile={false}
-      apiHost="https://api.clik.vn/vt360"
-    />
-  );
-}
-```
-
-### 2. Custom UI với Headless Hooks
-
-```tsx
-import { ShowroomVisualizer, useShowroomControls } from 'showroom-visualizer';
-
-function CustomUI() {
-  const controls = useShowroomControls();
-  
-  return (
-    <div>
-      <h1>{controls.activeScene?.name}</h1>
-      <button onClick={controls.goToNextScene}>Next →</button>
-      <button onClick={controls.toggleFloorplan}>Toggle Map</button>
-</div>
-  );
-}
-
-function App() {
-  return (
-    <ShowroomVisualizer
-      config={{ tourCode: 'my-tour' }}
-      customLayout={<CustomUI />}
-    />
-  );
-}
-```
-
-### 3. Headless Mode (No UI)
-
-```tsx
-import { ShowroomVisualizer, useShowroomControls } from 'showroom-visualizer';
-
-function ExternalControls() {
-  const controls = useShowroomControls();
-  return <div>Build your UI here...</div>;
-}
-
-function App() {
-  return (
-    <>
-      <ExternalControls />
-      <ShowroomVisualizer
-        config={{ tourCode: 'my-tour' }}
-        disableDefaultUI={true}
-      />
-    </>
-  );
-}
-```
-
-## 📚 API Reference
-
-### Headless Hooks
-
-- `useShowroomControls()` - Main hook với tất cả controls
-- `useTourCore()` - Tour engine state (read-only)
-- `useSceneNavigation()` - Scene navigation controls  
-- `useFloorplanControl()` - Floorplan/minimap controls
-- `useScenarioControl()` - Scenario auto-play controls
-- `usePOIInteraction()` - POI interaction controls
-- `useViewportControl()` - Viewport/camera controls
-
-### Exported Components
-
-- `DefaultLayout` - Default UI layout
-- `PinActions`, `Floorplan`, `SceneCategories`
-- `PlayBar`, `GalleryFullScreen`, `ModalPopupPoi`
-- ...và nhiều components khác
-
-Xem [HEADLESS_API.md](./HEADLESS_API.md) để biết chi tiết.
-
-## 🎓 Examples
-
-Xem [EXAMPLES.md](./EXAMPLES.md) để xem 9+ examples:
-- Simple Custom Header
-- Scene Grid Selector
-- Sidebar Navigation
-- External Dashboard
-- Auto-play Controls
-- POI Explorer
-- Complete Custom UI
-- Mobile-first UI
-- ...và nhiều hơn nữa!
-
-## 🔧 Development
-
-```bash
-# Install dependencies
-yarn install
-
-# Run development server
-yarn dev
-
-# Build for production
-yarn build
-
-# Serve built files
-serve dist --cors 
-```
-
-## 📝 License
-
-MIT
+<!-- markdownlint-disable MD030 -->
+
+# showroom-visualizer
+
+Javascript library to display Clik Showroom Visualizer with UI on your website
+
+```html
+<!-- public/index.html -->
+<script type="module">
+    import ShowroomVisualizer from 'http://localhost:3000/web.js';
+    ShowroomVisualizer.initVisualizer({
+        apiHost: 'https://ci-api.clik.vn/vt360',
+        config: {
+            tourCode: 'TOUR_FXYCEN7ZZVW6',
+            language: 'EN'
+        },
+        onLoaded: tool => {
+            window.tool = tool;
+        },
+        mobile: false
+    });
+</script>
+<div style="width: 100vw; height: 100vh">
+    <showroom-visualizer></showroom-visualizer>
+</div>
+```
+
+
+
+
+add   <Scripts /> in ShowroomVisualizer load js ÂR
+serve dist --cors 

package/dist/components/SkinLayer/Floorplan/Map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/Floorplan/Map.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,mBAAmB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,uBAAuB,IAAI,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC1E,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAM5C,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGpE,eAAO,MAAM,WAAW,kBAAkB,CAAC;AAE3C,KAAK,cAAc,GACf,iBAAiB,GACjB,mBAAmB,GACnB,aAAa,GACb,OAAO,CAAC;AAEZ,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,GAAG,CAAC;IACnB,OAAO,EAAE,cAAc,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,aAAa,GAAG,IAAI,CAAC;IACtC,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,KAAK,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,yBAAyB,EAAE,cAAc,GAAG,IAAI,CAAC;IACjD,4BAA4B,EAAE,CAAC,GAAG,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACnE,kBAAkB,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,4BAA4B,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AACF,QAAA,MAAM,GAAG,EAAE,EAAE,CAAC,KAAK,CAuOlB,CAAC;AAEF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/Floorplan/Map.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,mBAAmB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,uBAAuB,IAAI,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC1E,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAK5C,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGpE,eAAO,MAAM,WAAW,kBAAkB,CAAC;AAE3C,KAAK,cAAc,GACf,iBAAiB,GACjB,mBAAmB,GACnB,aAAa,GACb,OAAO,CAAC;AAEZ,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,GAAG,CAAC;IACnB,OAAO,EAAE,cAAc,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,aAAa,GAAG,IAAI,CAAC;IACtC,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,KAAK,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,yBAAyB,EAAE,cAAc,GAAG,IAAI,CAAC;IACjD,4BAA4B,EAAE,CAAC,GAAG,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACnE,kBAAkB,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,4BAA4B,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AACF,QAAA,MAAM,GAAG,EAAE,EAAE,CAAC,KAAK,CAgOlB,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/components/SkinLayer/Floorplan/Minimap/MiniMapMarker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MiniMapMarker.d.ts","sourceRoot":"","sources":["../../../../../src/components/SkinLayer/Floorplan/Minimap/MiniMapMarker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAsC5B,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"MiniMapMarker.d.ts","sourceRoot":"","sources":["../../../../../src/components/SkinLayer/Floorplan/Minimap/MiniMapMarker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAmC5B,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/SkinLayer/Floorplan/Minimap/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SkinLayer/Floorplan/Minimap/index.tsx"],"names":[],"mappings":"AA4BA,KAAK,0BAA0B,GAAG;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;;AAguBF,wBAAsC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SkinLayer/Floorplan/Minimap/index.tsx"],"names":[],"mappings":"AA2BA,KAAK,0BAA0B,GAAG;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;;AAotBF,wBAAsC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/Layout/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,EAAE,EAAuB,MAAM,OAAO,CAAC;AAc/D,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAkC9D,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CA+VrB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/Layout/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,CA0VrB,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PoiMovingPreview/index.tsx"],"names":[],"mappings":"AA6HA,QAAA,MAAM,oBAAoB,+CAAmB,CAAC;AAE9C,OAAO,EAAE,oBAAoB,IAAI,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PoiMovingPreview/index.tsx"],"names":[],"mappings":"AA8IA,QAAA,MAAM,oBAAoB,+CAAmB,CAAC;AAE9C,OAAO,EAAE,oBAAoB,IAAI,gBAAgB,EAAE,CAAC"}

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

@@ -1,34 +1,2 @@
-/**
- * SkinLayer Components Export
- *
- * Export tất cả components để người dùng có thể compose custom UI
- */
 export { default as Layout } from './Layout';
-export { default as DefaultLayout } from './DefaultLayout';
-export { default as PinActions } from './PinActionButtons';
-export { default as ButtonWithTooltip } from './PinActionButtons/ButtonWithTooltip';
-export { default as ActionsChangeScene } from './ActionsChangeScene';
-export { SceneCategories } from './SceneCategories';
-export { Floorplan } from './Floorplan';
-export { default as ScenarioList } from './ScenarioList';
-export { TourScenarios } from './TourScenarios';
-export { default as AGTProgressBar } from './AGTProgressBar';
-export { default as HotspotActive } from './HotspotActive';
-export { default as HotspotOverview } from './HotspotOverview';
-export { default as HotspotCategorySlideIn } from './HotspotCategorySlideIn';
-export { default as PoiDetailSlideIn } from './PoiDetailSlideIn';
-export { PoiMovingPreview } from './PoiMovingPreview';
-export { default as PoiTextureOptions } from './PoiTextureOptions';
-export { ModalPopupPoi } from './ModalPoi';
-export { ModalPopupPromotion } from './ModalPromotion';
-export { ModalGuide } from './ModalGuide';
-export { default as PlayBar } from './PlayBar';
-export { default as PlayListSlideIn } from './PlayListSlideIn';
-export { default as GalleryFullScreen } from './GalleryFullScreen';
-export { default as SearchAndDiscoverySlideIn } from './SearchAndDiscoverySlideIn';
-export { default as LogoAndTitle } from './LogoAndTitle';
-export { default as Joystick } from './Joystick';
-export { Guide } from './Guide';
-export { default as UnmuteButton } from './UnmuteButton';
-export { default as LoadingScreen } from './LoadingScreen';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SkinLayer/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAG3D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAGpF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAG7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAG/D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAGnF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SkinLayer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,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/features/ShowroomVisualizer/VirtualTour.d.ts

@@ -1,11 +1,6 @@
 import { FC } from 'react';
 type Props = {
     code: string;
-    /**
-     * Disable UI hoàn toàn, chỉ render Visualizer
-     * Hữu ích khi muốn build UI hoàn toàn từ đầu ở component cha
-     */
-    disableDefaultUI?: boolean;
 };
 declare const VirtualTour: FC<Props>;
 export default VirtualTour;

package/dist/features/ShowroomVisualizer/VirtualTour.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualTour.d.ts","sourceRoot":"","sources":["../../../src/features/ShowroomVisualizer/VirtualTour.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAM3B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAqB1B,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"VirtualTour.d.ts","sourceRoot":"","sources":["../../../src/features/ShowroomVisualizer/VirtualTour.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAS1B,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/features/ShowroomVisualizer/VirtualTourContainer.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
+import { FC } from 'react';
 type Props = {
     code: string;
-    disableDefaultUI?: boolean;
 };
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+export declare const VirtualTourContainer: FC<Props>;
+export {};
 //# sourceMappingURL=VirtualTourContainer.d.ts.map

package/dist/features/ShowroomVisualizer/VirtualTourContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualTourContainer.d.ts","sourceRoot":"","sources":["../../../src/features/ShowroomVisualizer/VirtualTourContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;;AAcF,wBAAgD"}
+{"version":3,"file":"VirtualTourContainer.d.ts","sourceRoot":"","sources":["../../../src/features/ShowroomVisualizer/VirtualTourContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CAI1C,CAAC"}

package/dist/features/ShowroomVisualizer/index.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
+import { FC } from 'react';
 import { ProductType, VisualizerListenersType } from '../../types/SkinLayer';
-import { CustomLayoutConfig } from '../../types/custom-layout';
 type VirtualTourVisualizerProps = {
     elementId?: string;
     apiHost?: string;
@@ -17,27 +16,7 @@ type VirtualTourVisualizerProps = {
     };
     listeners?: VisualizerListenersType;
     products?: ProductType[];
-    /**
-     * Disable default UI hoàn toàn
-     * Chỉ render tour engine, không có UI
-     * Hữu ích khi muốn build UI từ đầu ở ngoài component này
-     */
-    disableDefaultUI?: boolean;
-    /**
-     * Custom layout config - Override components theo cấu trúc object
-     * @example
-     * ```tsx
-     * customLayout={{
-     *   Floorplan: {
-     *     Minimap: {
-     *       Marker: MyCustomMarker,
-     *     },
-     *   },
-     * }}
-     * ```
-     */
-    customLayout?: CustomLayoutConfig;
 };
-declare const _default: React.NamedExoticComponent<VirtualTourVisualizerProps>;
-export default _default;
+declare const ShowroomVisualizer: FC<VirtualTourVisualizerProps>;
+export default ShowroomVisualizer;
 //# sourceMappingURL=index.d.ts.map

package/dist/features/ShowroomVisualizer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/ShowroomVisualizer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAON,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAM/D,KAAK,0BAA0B,GAAG;IAChC,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,EAAE,OAAO,CAAC;IAChB,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;KACxB,CAAC;IACF,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;;;;;;;;OAYG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;CACnC,CAAC;;AAoSF,wBASG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/ShowroomVisualizer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,EAAE,EAKH,MAAM,OAAO,CAAC;AAUf,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAM7E,KAAK,0BAA0B,GAAG;IAChC,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,EAAE,OAAO,CAAC;IAChB,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;KACxB,CAAC;IACF,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;CAC1B,CAAC;AACF,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,0BAA0B,CAoRtD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useToolConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useToolConfig.ts"],"names":[],"mappings":"AAoBA,QAAA,MAAM,aAAa,YAkZlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"useToolConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useToolConfig.ts"],"names":[],"mappings":"AAeA,QAAA,MAAM,aAAa,YA6ZlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/index.d.ts

@@ -1,13 +1,2 @@
-export { default as ShowroomVisualizer } from './features/ShowroomVisualizer';
-export type { CustomLayoutConfig, CustomLayoutComponent, CustomLayoutNode, } from './types/custom-layout';
-export { CUSTOM_LAYOUT_COMPONENTS, resolveCustomLayoutComponent, } from './types/custom-layout';
-export { useCustomLayout, CustomLayoutProvider, } from './context/CustomLayoutContext';
-export { useShowroomControls, useTourCore, useFloorplanControl, useSceneNavigation, useScenarioControl, usePOIInteraction, useViewportControl, } from './hooks/headless';
-export type { ShowroomControls, TourCoreControls, FloorplanControls, SceneNavigationControls, ScenarioControls, POIControls, ViewportControls, } from './hooks/headless';
-export { Layout, DefaultLayout, PinActions, ButtonWithTooltip, ActionsChangeScene, SceneCategories, Floorplan, ScenarioList, TourScenarios, AGTProgressBar, HotspotActive, HotspotOverview, HotspotCategorySlideIn, PoiDetailSlideIn, PoiMovingPreview, PoiTextureOptions, ModalPopupPoi, ModalPopupPromotion, ModalGuide, PlayBar, PlayListSlideIn, GalleryFullScreen, SearchAndDiscoverySlideIn, LogoAndTitle, Joystick, Guide, UnmuteButton, LoadingScreen, } from './components/SkinLayer';
-export { default as FloorplanMapDefault } from './components/SkinLayer/Floorplan/Map';
-export { default as FloorplanMinimapDefault } from './components/SkinLayer/Floorplan/Minimap';
-export { default as MiniMapMarkerDefault } from './components/SkinLayer/Floorplan/Minimap/MiniMapMarker';
-export { default as MiniMapPolygonsDefault } from './components/SkinLayer/Floorplan/Minimap/MiniMapPolygons';
 export type { VirtualTourVisualizerType } from './types/SkinLayer/visualizer.type';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAG9E,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,wBAAwB,EACxB,4BAA4B,GAC7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,eAAe,EACf,oBAAoB,GACrB,MAAM,+BAA+B,CAAC;AAIvC,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAG1B,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAI1B,OAAO,EAEL,MAAM,EACN,aAAa,EAGb,UAAU,EACV,iBAAiB,EAGjB,kBAAkB,EAClB,eAAe,EAGf,SAAS,EAGT,YAAY,EACZ,aAAa,EACb,cAAc,EAGd,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EAGjB,aAAa,EACb,mBAAmB,EACnB,UAAU,EAGV,OAAO,EACP,eAAe,EAGf,iBAAiB,EAGjB,yBAAyB,EAGzB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,aAAa,GACd,MAAM,wBAAwB,CAAC;AAKhC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0DAA0D,CAAC;AAG7G,YAAY,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/index.html

@@ -1,107 +1,107 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <meta
-            name="viewport"
-            content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
+      name="viewport"
+      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%;">
+  </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>
+          <showroom-visualizer></showroom-visualizer>
         </div>
+      </div>
+      <!--    <div class="h-full" style="width: 390px"></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';
+    <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: {
-      language: 'VI',
-      // tourCode: 'TOUR_FXYCEN7ZZVW6',
+      ShowroomVisualizer.initVisualizer({
+        apiHost: 'https://ci-api.clik.vn/vt360',
+        webRotateApiHost: 'https://ci-api.clik.vn/cms',
+        webRotateClientHost: 'https://ci-webrotate360-client.clik.vn',
+        config: {
+          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
+          // 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_7a6hchjljga4'.toUpperCase(),
 
-      // tourCode: 'TOUR_ZJMHKMJEACAH',
-      // startScene: 'SCENE_LVN4DLUFACAH',
-      // hLookAt: -179.145,
-      // vLookAt: 11.597,
+          // 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;
-      },
-      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>
-</body>
-</html>
+          // 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;
+          },
+          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>
+  </body>
+</html>