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

package/dist/context/CustomLayoutContext.d.ts

@@ -0,0 +1,20 @@
+import { ComponentType, ReactNode } from 'react';
+import { CustomLayoutConfig } from '../types/custom-layout';
+type CustomLayoutContextType = {
+    customLayout: CustomLayoutConfig;
+    getCustomComponent: <T = unknown>(path: string[], defaultComponent: ComponentType<T>) => ComponentType<T>;
+};
+/**
+ * Hook để access custom layout configuration
+ */
+export declare const useCustomLayout: () => CustomLayoutContextType;
+type Props = {
+    customLayout?: CustomLayoutConfig;
+    children: ReactNode;
+};
+/**
+ * CustomLayoutProvider - Wrap app với provider này để enable component overrides
+ */
+export declare const CustomLayoutProvider: React.FC<Props>;
+export {};
+//# sourceMappingURL=CustomLayoutContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomLayoutContext.d.ts","sourceRoot":"","sources":["../../src/context/CustomLayoutContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,SAAS,EAKV,MAAM,OAAO,CAAC;AACf,OAAO,EACL,kBAAkB,EAEnB,MAAM,wBAAwB,CAAC;AAEhC,KAAK,uBAAuB,GAAG;IAC7B,YAAY,EAAE,kBAAkB,CAAC;IACjC,kBAAkB,EAAE,CAAC,CAAC,GAAG,OAAO,EAC9B,IAAI,EAAE,MAAM,EAAE,EACd,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAC,KAC/B,aAAa,CAAC,CAAC,CAAC,CAAC;CACvB,CAAC;AAOF;;GAEG;AACH,eAAO,MAAM,eAAe,+BAAwC,CAAC;AAErE,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6ChD,CAAC"}

package/dist/context/StoreContext.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { StoreData } from '../types/SkinLayer';
+declare const StoreContext: React.Context<StoreData | null>;
+export default StoreContext;
+//# sourceMappingURL=StoreContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StoreContext.d.ts","sourceRoot":"","sources":["../../src/context/StoreContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,QAAA,MAAM,YAAY,iCAA8C,CAAC;AAEjE,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+declare const Scripts: FC;
+export default Scripts;
+//# sourceMappingURL=Scripts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scripts.d.ts","sourceRoot":"","sources":["../../../src/features/ShowroomVisualizer/Scripts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAKtC,QAAA,MAAM,OAAO,EAAE,EAOd,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+type Props = {
+    mobile: boolean;
+    loaded: boolean;
+    code: string;
+};
+declare const TourContainer: FC<Props>;
+export default TourContainer;
+//# sourceMappingURL=TourContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TourContainer.d.ts","sourceRoot":"","sources":["../../../src/features/ShowroomVisualizer/TourContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAS5B,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const Tours: FC;
+//# sourceMappingURL=Tours.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tours.d.ts","sourceRoot":"","sources":["../../../src/features/ShowroomVisualizer/Tours.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,eAAO,MAAM,KAAK,EAAE,EAEnB,CAAC"}

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

@@ -1,6 +1,11 @@
 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;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"}
+{"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"}

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

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

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

@@ -1,5 +1,6 @@
-import { FC } from 'react';
+import React from 'react';
 import { ProductType, VisualizerListenersType } from '../../types/SkinLayer';
+import { CustomLayoutConfig } from '../../types/custom-layout';
 type VirtualTourVisualizerProps = {
     elementId?: string;
     apiHost?: string;
@@ -16,7 +17,27 @@ 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 ShowroomVisualizer: FC<VirtualTourVisualizerProps>;
-export default ShowroomVisualizer;
+declare const _default: React.NamedExoticComponent<VirtualTourVisualizerProps>;
+export default _default;
 //# 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,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"}
+{"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"}

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

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import Poi from '../../models/Visualizer/Poi/Poi';
+import Tour from '../../models/Visualizer/Tour';
+type VirtualTourVisualizerProps = {
+    elementId?: string;
+    apiHost?: string;
+    config?: {
+        tourCode?: string;
+        language?: string;
+        startScene?: string;
+        hLookAt?: number;
+        vLookAt?: number;
+    } & Record<string, unknown>;
+    onTourLoaded?: (tour: Tour) => void;
+    onPoiClicked?: (poi?: Poi) => void;
+    onPinActionClicked?: (key: string) => void;
+};
+declare const VirtualTourVisualizer: FC<VirtualTourVisualizerProps>;
+export default VirtualTourVisualizer;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/VirtualTourVisualizer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,GAAG,MAAM,iCAAiC,CAAC;AAClD,OAAO,IAAI,MAAM,8BAA8B,CAAC;AAEhD,KAAK,0BAA0B,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,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;KAClB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AACF,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAmBzD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+type VirtualTourVisualizerProps = {
+    elementId?: string;
+    apiHost?: string;
+    mobile: boolean;
+    config?: {
+        tourCode?: string;
+        language?: string;
+        startScene?: string;
+        hLookAt?: number;
+        vLookAt?: number;
+    } & Record<string, unknown>;
+    tourLoaded?: boolean;
+};
+declare const VirtualTourVisualizerUI: FC<VirtualTourVisualizerProps>;
+export default VirtualTourVisualizerUI;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/VirtualTourVisualizerUI/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,KAAK,0BAA0B,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,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;KAClB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AACF,QAAA,MAAM,uBAAuB,EAAE,EAAE,CAAC,0BAA0B,CAoB3D,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/hooks/Visualizer/reducer.d.ts

@@ -0,0 +1,116 @@
+import Poi from '../../../model/Poi/Poi';
+import { CoordsTypes } from '../../../types/PoiTypes';
+import { FloorplanTypes } from './../../../types/FloorplanTypes';
+export declare const storeName = "tour";
+export declare const actions: {
+    SET_TOUR: string;
+    SET_ACTIVE_SCENE: string;
+    SET_ACTIVE_POI: string;
+    SET_ACTIVE_POI_COORDS: string;
+    SET_SELECTED_POI: string;
+    SET_SELECTED_POI_ACTIVE: string;
+    SET_ACTIVE_TOUR_GUIDE: string;
+    STOP_ACTIVE_TOUR_GUIDE: string;
+    TOGGLE_ACTIVE_TOUR_GUIDE: string;
+    TOGGLE_ACTIVE_BG_SOUND: string;
+    SET_LOADING: string;
+    TOGGLE_TOUR_PLUGIN: string;
+    SET_MOUSE_WHEEL: string;
+    SET_ACTIVE_FLOOR_PLAN: string;
+    SET_ALL_POI_VISIBLE: string;
+    SET_LOADING_SCENE: string;
+    SET_SOUND_PLAYABLE: string;
+    SET_SELECTED_PROMOTION: string;
+    SET_SELECTED_GALLERY: string;
+    SET_TOUR_READY: string;
+    SET_POI_TEXTURE_DATA: string;
+    SET_VIEW_ROTATING: string;
+    SET_TOUR_SCENARIO: string;
+    SET_ACTIVE_SCENARIO_CODE: string;
+    SET_REVIEW_SCENARIO_CODE: string;
+    SET_LANGUAGE: string;
+    SET_SCENARIO_LOADED: string;
+    SET_SCENARIO_CONFIG_CODES: string;
+    SET_EXIST_POI_TYPE: string;
+    SET_POI_CODE_BY_TYPE: string;
+    INCREASE_REPLAY_COUNTING: string;
+    SET_FLOOR_PLANS: string;
+};
+export interface TourStateType {
+    tourReady: boolean;
+    data: any;
+    activeScene: any;
+    activePoi: any;
+    activePoiCoords: any;
+    selectedPoi: any;
+    activeTourGuide: any;
+    backgroundSoundPlaying: boolean;
+    loading: boolean;
+    loadingScene: boolean;
+    plugin: {
+        [key: string]: boolean;
+    };
+    activeFloorPlan: FloorplanTypes;
+    soundReady: boolean;
+    selectedPromotion: any;
+    selectedGallery: any;
+    poiTextureData: {
+        poi: Poi | null;
+        coords: CoordsTypes | null;
+    };
+    viewRotating: boolean;
+    activeScenarioCode?: string;
+    reviewScenarioCode?: string;
+    language: string;
+    scenarioLoaded: {
+        [key: string]: boolean;
+    };
+    scenarioConfigCodes?: string[];
+    existPoiTypes?: string[];
+    poiCodeByType: {
+        [key: string]: string[];
+    };
+    poiCodeActive?: string;
+    replayCounting?: number;
+    floorplans: FloorplanTypes[];
+}
+declare const _default: (base: {
+    readonly tourReady: boolean;
+    readonly data: any;
+    readonly activeScene: any;
+    readonly activePoi: any;
+    readonly activePoiCoords: any;
+    readonly selectedPoi: any;
+    readonly activeTourGuide: any;
+    readonly backgroundSoundPlaying: boolean;
+    readonly loading: boolean;
+    readonly loadingScene: boolean;
+    readonly plugin: {
+        readonly [x: string]: boolean;
+    };
+    readonly activeFloorPlan: FloorplanTypes;
+    readonly soundReady: boolean;
+    readonly selectedPromotion: any;
+    readonly selectedGallery: any;
+    readonly poiTextureData: {
+        readonly poi: Poi | null;
+        readonly coords: CoordsTypes | null;
+    };
+    readonly viewRotating: boolean;
+    readonly activeScenarioCode?: string | undefined;
+    readonly reviewScenarioCode?: string | undefined;
+    readonly language: string;
+    readonly scenarioLoaded: {
+        readonly [x: string]: boolean;
+    };
+    readonly scenarioConfigCodes?: readonly string[] | undefined;
+    readonly existPoiTypes?: readonly string[] | undefined;
+    readonly poiCodeByType: {
+        readonly [x: string]: readonly string[];
+    };
+    readonly poiCodeActive?: string | undefined;
+    readonly replayCounting?: number | undefined;
+    readonly floorplans: any;
+} | undefined, action: any) => TourStateType | undefined;
+export default _default;
+//# sourceMappingURL=reducer.d.ts.map

package/dist/hooks/Visualizer/reducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../src/hooks/Visualizer/reducer.ts"],"names":[],"mappings":"AAGA,OAAO,GAAG,MAAM,wBAAwB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,eAAO,MAAM,SAAS,SAAS,CAAC;AAChC,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCnB,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,GAAG,CAAC;IACV,WAAW,EAAE,GAAG,CAAC;IACjB,SAAS,EAAE,GAAG,CAAC;IACf,eAAe,EAAE,GAAG,CAAC;IACrB,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,GAAG,CAAC;IACrB,sBAAsB,EAAE,OAAO,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;IACnC,eAAe,EAAE,cAAc,CAAC;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,GAAG,CAAC;IACvB,eAAe,EAAE,GAAG,CAAC;IACrB,cAAc,EAAE;QAAE,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE,CAAC;IAChE,YAAY,EAAE,OAAO,CAAC;IAEtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;IAC3C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,aAAa,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,cAAc,EAAE,CAAC;CAC9B;;wBA5BY,OAAO;mBACZ,GAAG;0BACI,GAAG;wBACL,GAAG;8BACG,GAAG;0BACP,GAAG;8BACC,GAAG;qCACI,OAAO;sBACtB,OAAO;2BACF,OAAO;;;;8BAEJ,cAAc;yBACnB,OAAO;gCACA,GAAG;8BACL,GAAG;;sBACG,GAAG,GAAG,IAAI;yBAAU,WAAW,GAAG,IAAI;;2BAC/C,OAAO;kCAEA,MAAM;kCACN,MAAM;uBACjB,MAAM;;;;;;;;;6BAKA,MAAM;8BACL,MAAM;;;AAmCzB,wBA4HG"}

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

@@ -1,40 +1,9 @@
-/**
- * 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;

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/headless/index.ts"],"names":[],"mappings":"AAAA,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,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/useToolConfig.d.ts.map

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

package/dist/index.d.ts

@@ -1,2 +1,13 @@
+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,YAAY,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC"}
+{"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"}

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>
-    <script type="module">
-      // import ShowroomVisualizer from 'https://85f81d7dc992.ngrok-free.app/web.js';
-      import ShowroomVisualizer from 'http://localhost:3000/web.js';
+    <!--    <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: {
-          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>