@clikvn/showroom-visualizer 0.1.1-dev → 0.1.3-dev
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.idea/inspectionProfiles/Project_Default.xml +36 -0
- package/.idea/jsLinters/eslint.xml +7 -0
- package/.idea/misc.xml +9 -0
- package/.idea/modules.xml +8 -0
- package/.idea/prettier.xml +8 -0
- package/.idea/showroom-visualizer.iml +9 -0
- package/.idea/vcs.xml +6 -0
- package/dist/commons/SkinLayer/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/SkinLayer/Drawer/index.d.ts.map +1 -1
- package/dist/components/SkinLayer/GalleryFullScreen/Content/ARViewer.d.ts +30 -0
- package/dist/components/SkinLayer/GalleryFullScreen/Content/ARViewer.d.ts.map +1 -0
- package/dist/components/SkinLayer/GalleryFullScreen/index.d.ts.map +1 -1
- package/dist/components/SkinLayer/HotspotCategorySlideIn/index.d.ts.map +1 -1
- package/dist/components/SkinLayer/Layout/index.d.ts.map +1 -1
- package/dist/components/SkinLayer/LoadingScreen/index.d.ts +1 -8
- package/dist/components/SkinLayer/LoadingScreen/index.d.ts.map +1 -1
- package/dist/components/SkinLayer/ModalGuide/index.d.ts.map +1 -1
- package/dist/components/SkinLayer/ModalItemInfo/Description.d.ts +10 -0
- package/dist/components/SkinLayer/ModalItemInfo/Description.d.ts.map +1 -0
- package/dist/components/SkinLayer/ModalItemInfo/Intro.d.ts +9 -0
- package/dist/components/SkinLayer/ModalItemInfo/Intro.d.ts.map +1 -0
- package/dist/components/SkinLayer/ModalItemInfo/Media.d.ts +13 -0
- package/dist/components/SkinLayer/ModalItemInfo/Media.d.ts.map +1 -0
- package/dist/components/SkinLayer/ModalItemInfo/index.d.ts +10 -0
- package/dist/components/SkinLayer/ModalItemInfo/index.d.ts.map +1 -0
- package/dist/components/SkinLayer/PlayAll/index.d.ts +8 -0
- package/dist/components/SkinLayer/PlayAll/index.d.ts.map +1 -0
- package/dist/components/SkinLayer/PlayListSlideIn/index.d.ts.map +1 -1
- package/dist/components/SkinLayer/PoiDetailSlideIn/index.d.ts.map +1 -1
- package/dist/components/SkinLayer/PoiTextureOptions/HorizontalMenu/index.d.ts +13 -0
- package/dist/components/SkinLayer/PoiTextureOptions/HorizontalMenu/index.d.ts.map +1 -0
- package/dist/components/SkinLayer/PoiTextureOptions/SemicircleMenu/index.d.ts +13 -0
- package/dist/components/SkinLayer/PoiTextureOptions/SemicircleMenu/index.d.ts.map +1 -0
- package/dist/components/SkinLayer/PoiTextureOptions/TextureMenuItem/index.d.ts +15 -0
- package/dist/components/SkinLayer/PoiTextureOptions/TextureMenuItem/index.d.ts.map +1 -0
- package/dist/components/SkinLayer/PoiTextureOptions/VerticalMenu/index.d.ts +13 -0
- package/dist/components/SkinLayer/PoiTextureOptions/VerticalMenu/index.d.ts.map +1 -0
- package/dist/components/SkinLayer/SearchAndDiscoverySlideIn/index.d.ts.map +1 -1
- package/dist/components/SkinLayer/TourScenarios/index.d.ts.map +1 -1
- package/dist/components/Visualizer/VirtualTour/index.d.ts +5 -1
- package/dist/components/Visualizer/VirtualTour/index.d.ts.map +1 -1
- package/dist/components/Visualizer/index.d.ts +1 -1
- package/dist/components/Visualizer/index.d.ts.map +1 -1
- package/dist/constants/SkinLayer/index.d.ts +1 -0
- package/dist/constants/SkinLayer/index.d.ts.map +1 -1
- package/dist/constants/index.d.ts +1 -0
- package/dist/constants/index.d.ts.map +1 -1
- package/dist/context/StoreContext.d.ts +5 -0
- package/dist/context/StoreContext.d.ts.map +1 -0
- package/dist/features/ShowroomVisualizer/Scripts.d.ts +4 -0
- package/dist/features/ShowroomVisualizer/Scripts.d.ts.map +1 -0
- package/dist/features/ShowroomVisualizer/TourContainer.d.ts +9 -0
- package/dist/features/ShowroomVisualizer/TourContainer.d.ts.map +1 -0
- package/dist/features/ShowroomVisualizer/Tours.d.ts +3 -0
- package/dist/features/ShowroomVisualizer/Tours.d.ts.map +1 -0
- package/dist/features/ShowroomVisualizer/VirtualTour.d.ts +7 -0
- package/dist/features/ShowroomVisualizer/VirtualTour.d.ts.map +1 -0
- package/dist/features/ShowroomVisualizer/VirtualTourContainer.d.ts +7 -0
- package/dist/features/ShowroomVisualizer/VirtualTourContainer.d.ts.map +1 -0
- package/dist/features/ShowroomVisualizer/index.d.ts +4 -17
- package/dist/features/ShowroomVisualizer/index.d.ts.map +1 -1
- package/dist/hooks/Visualizer/reducer.d.ts +116 -0
- package/dist/hooks/Visualizer/reducer.d.ts.map +1 -0
- package/dist/hooks/Visualizer/useTourDetails.d.ts +1 -1
- package/dist/hooks/Visualizer/useTourDetails.d.ts.map +1 -1
- package/dist/hooks/Visualizer/useTourVisualizer.d.ts.map +1 -1
- package/dist/hooks/useConfiguration.d.ts +6 -29
- package/dist/hooks/useConfiguration.d.ts.map +1 -1
- package/dist/hooks/useOverrideConfigs.d.ts +9 -0
- package/dist/hooks/useOverrideConfigs.d.ts.map +1 -0
- package/dist/hooks/useStore.d.ts +2 -233
- package/dist/hooks/useStore.d.ts.map +1 -1
- package/dist/hooks/useToolConfig.d.ts +1 -5
- package/dist/hooks/useToolConfig.d.ts.map +1 -1
- package/dist/index.html +88 -64
- package/dist/models/Visualizer/Tour.d.ts +3 -0
- package/dist/models/Visualizer/Tour.d.ts.map +1 -1
- package/dist/models/Visualizer/TourScenario/actions/MovingSceneAction.d.ts +1 -1
- package/dist/register.d.ts +4 -18
- package/dist/register.d.ts.map +1 -1
- package/dist/types/SkinLayer/index.d.ts +5 -0
- package/dist/types/SkinLayer/index.d.ts.map +1 -1
- package/dist/types/SkinLayer/listeners.type.d.ts +34 -0
- package/dist/types/SkinLayer/listeners.type.d.ts.map +1 -0
- package/dist/types/SkinLayer/overrideConfigs.type.d.ts +14 -0
- package/dist/types/SkinLayer/overrideConfigs.type.d.ts.map +1 -0
- package/dist/types/SkinLayer/product.type.d.ts +6 -0
- package/dist/types/SkinLayer/product.type.d.ts.map +1 -0
- package/dist/types/SkinLayer/store.type.d.ts +240 -0
- package/dist/types/SkinLayer/store.type.d.ts.map +1 -0
- package/dist/types/SkinLayer/tool.type.d.ts +3 -0
- package/dist/types/SkinLayer/tool.type.d.ts.map +1 -1
- package/dist/types/SkinLayer/visualizer.type.d.ts +6 -30
- package/dist/types/SkinLayer/visualizer.type.d.ts.map +1 -1
- package/dist/web.js +1 -1
- package/package.json +1 -1
- package/dist/components/SkinLayer/PoiDetailSlideIn/GalleryProduct.d.ts +0 -9
- package/dist/components/SkinLayer/PoiDetailSlideIn/GalleryProduct.d.ts.map +0 -1
- package/dist/components/SkinLayer/PoiDetailSlideIn/Tabs.d.ts +0 -28
- package/dist/components/SkinLayer/PoiDetailSlideIn/Tabs.d.ts.map +0 -1
- package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent/GalleryProduct.d.ts +0 -9
- package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent/GalleryProduct.d.ts.map +0 -1
- package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent/TabsContent.d.ts +0 -9
- package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent/TabsContent.d.ts.map +0 -1
- package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent.d.ts +0 -9
- package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent.d.ts.map +0 -1
- package/dist/components/SkinLayer/PoiDetailSlideIn/gallery.d.ts +0 -9
- package/dist/components/SkinLayer/PoiDetailSlideIn/gallery.d.ts.map +0 -1
- package/dist/components/SkinLayer/PoiDetailSlideIn/group-action-button.d.ts +0 -14
- package/dist/components/SkinLayer/PoiDetailSlideIn/group-action-button.d.ts.map +0 -1
- package/dist/components/SkinLayer/PoiDetailSlideIn/header.d.ts +0 -12
- package/dist/components/SkinLayer/PoiDetailSlideIn/header.d.ts.map +0 -1
- package/dist/components/SkinLayer/PoiDetailSlideIn/rating.d.ts +0 -7
- package/dist/components/SkinLayer/PoiDetailSlideIn/rating.d.ts.map +0 -1
- package/dist/components/SkinLayer/RightPanel/index.d.ts +0 -2
- package/dist/components/SkinLayer/RightPanel/index.d.ts.map +0 -1
- package/dist/constants/Visualizer/fallback-images.d.ts +0 -27
- package/dist/constants/Visualizer/fallback-images.d.ts.map +0 -1
- package/dist/utils/Visualizer/asset.utils.d.ts +0 -19
- package/dist/utils/Visualizer/asset.utils.d.ts.map +0 -1
- package/dist/utils/Visualizer/cors-bypass.utils.d.ts +0 -16
- package/dist/utils/Visualizer/cors-bypass.utils.d.ts.map +0 -1
- package/dist/utils/Visualizer/cors-proxy.d.ts +0 -8
- package/dist/utils/Visualizer/cors-proxy.d.ts.map +0 -1
- package/dist/utils/Visualizer/cors-test.d.ts +0 -12
- package/dist/utils/Visualizer/cors-test.d.ts.map +0 -1
- package/dist/utils/Visualizer/global-cors-handler.d.ts +0 -13
- package/dist/utils/Visualizer/global-cors-handler.d.ts.map +0 -1
- package/dist/utils/Visualizer/no-cors-fetch.d.ts +0 -20
- package/dist/utils/Visualizer/no-cors-fetch.d.ts.map +0 -1
- package/dist/utils/Visualizer/simple-cors-handler.d.ts +0 -9
- package/dist/utils/Visualizer/simple-cors-handler.d.ts.map +0 -1
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import Poi from '../../../model/Poi/Poi';
|
|
2
|
+
import { CoordsTypes } from '../../../types/PoiTypes';
|
|
3
|
+
import { FloorplanTypes } from './../../../types/FloorplanTypes';
|
|
4
|
+
export declare const storeName = "tour";
|
|
5
|
+
export declare const actions: {
|
|
6
|
+
SET_TOUR: string;
|
|
7
|
+
SET_ACTIVE_SCENE: string;
|
|
8
|
+
SET_ACTIVE_POI: string;
|
|
9
|
+
SET_ACTIVE_POI_COORDS: string;
|
|
10
|
+
SET_SELECTED_POI: string;
|
|
11
|
+
SET_SELECTED_POI_ACTIVE: string;
|
|
12
|
+
SET_ACTIVE_TOUR_GUIDE: string;
|
|
13
|
+
STOP_ACTIVE_TOUR_GUIDE: string;
|
|
14
|
+
TOGGLE_ACTIVE_TOUR_GUIDE: string;
|
|
15
|
+
TOGGLE_ACTIVE_BG_SOUND: string;
|
|
16
|
+
SET_LOADING: string;
|
|
17
|
+
TOGGLE_TOUR_PLUGIN: string;
|
|
18
|
+
SET_MOUSE_WHEEL: string;
|
|
19
|
+
SET_ACTIVE_FLOOR_PLAN: string;
|
|
20
|
+
SET_ALL_POI_VISIBLE: string;
|
|
21
|
+
SET_LOADING_SCENE: string;
|
|
22
|
+
SET_SOUND_PLAYABLE: string;
|
|
23
|
+
SET_SELECTED_PROMOTION: string;
|
|
24
|
+
SET_SELECTED_GALLERY: string;
|
|
25
|
+
SET_TOUR_READY: string;
|
|
26
|
+
SET_POI_TEXTURE_DATA: string;
|
|
27
|
+
SET_VIEW_ROTATING: string;
|
|
28
|
+
SET_TOUR_SCENARIO: string;
|
|
29
|
+
SET_ACTIVE_SCENARIO_CODE: string;
|
|
30
|
+
SET_REVIEW_SCENARIO_CODE: string;
|
|
31
|
+
SET_LANGUAGE: string;
|
|
32
|
+
SET_SCENARIO_LOADED: string;
|
|
33
|
+
SET_SCENARIO_CONFIG_CODES: string;
|
|
34
|
+
SET_EXIST_POI_TYPE: string;
|
|
35
|
+
SET_POI_CODE_BY_TYPE: string;
|
|
36
|
+
INCREASE_REPLAY_COUNTING: string;
|
|
37
|
+
SET_FLOOR_PLANS: string;
|
|
38
|
+
};
|
|
39
|
+
export interface TourStateType {
|
|
40
|
+
tourReady: boolean;
|
|
41
|
+
data: any;
|
|
42
|
+
activeScene: any;
|
|
43
|
+
activePoi: any;
|
|
44
|
+
activePoiCoords: any;
|
|
45
|
+
selectedPoi: any;
|
|
46
|
+
activeTourGuide: any;
|
|
47
|
+
backgroundSoundPlaying: boolean;
|
|
48
|
+
loading: boolean;
|
|
49
|
+
loadingScene: boolean;
|
|
50
|
+
plugin: {
|
|
51
|
+
[key: string]: boolean;
|
|
52
|
+
};
|
|
53
|
+
activeFloorPlan: FloorplanTypes;
|
|
54
|
+
soundReady: boolean;
|
|
55
|
+
selectedPromotion: any;
|
|
56
|
+
selectedGallery: any;
|
|
57
|
+
poiTextureData: {
|
|
58
|
+
poi: Poi | null;
|
|
59
|
+
coords: CoordsTypes | null;
|
|
60
|
+
};
|
|
61
|
+
viewRotating: boolean;
|
|
62
|
+
activeScenarioCode?: string;
|
|
63
|
+
reviewScenarioCode?: string;
|
|
64
|
+
language: string;
|
|
65
|
+
scenarioLoaded: {
|
|
66
|
+
[key: string]: boolean;
|
|
67
|
+
};
|
|
68
|
+
scenarioConfigCodes?: string[];
|
|
69
|
+
existPoiTypes?: string[];
|
|
70
|
+
poiCodeByType: {
|
|
71
|
+
[key: string]: string[];
|
|
72
|
+
};
|
|
73
|
+
poiCodeActive?: string;
|
|
74
|
+
replayCounting?: number;
|
|
75
|
+
floorplans: FloorplanTypes[];
|
|
76
|
+
}
|
|
77
|
+
declare const _default: (base: {
|
|
78
|
+
readonly tourReady: boolean;
|
|
79
|
+
readonly data: any;
|
|
80
|
+
readonly activeScene: any;
|
|
81
|
+
readonly activePoi: any;
|
|
82
|
+
readonly activePoiCoords: any;
|
|
83
|
+
readonly selectedPoi: any;
|
|
84
|
+
readonly activeTourGuide: any;
|
|
85
|
+
readonly backgroundSoundPlaying: boolean;
|
|
86
|
+
readonly loading: boolean;
|
|
87
|
+
readonly loadingScene: boolean;
|
|
88
|
+
readonly plugin: {
|
|
89
|
+
readonly [x: string]: boolean;
|
|
90
|
+
};
|
|
91
|
+
readonly activeFloorPlan: FloorplanTypes;
|
|
92
|
+
readonly soundReady: boolean;
|
|
93
|
+
readonly selectedPromotion: any;
|
|
94
|
+
readonly selectedGallery: any;
|
|
95
|
+
readonly poiTextureData: {
|
|
96
|
+
readonly poi: Poi | null;
|
|
97
|
+
readonly coords: CoordsTypes | null;
|
|
98
|
+
};
|
|
99
|
+
readonly viewRotating: boolean;
|
|
100
|
+
readonly activeScenarioCode?: string | undefined;
|
|
101
|
+
readonly reviewScenarioCode?: string | undefined;
|
|
102
|
+
readonly language: string;
|
|
103
|
+
readonly scenarioLoaded: {
|
|
104
|
+
readonly [x: string]: boolean;
|
|
105
|
+
};
|
|
106
|
+
readonly scenarioConfigCodes?: readonly string[] | undefined;
|
|
107
|
+
readonly existPoiTypes?: readonly string[] | undefined;
|
|
108
|
+
readonly poiCodeByType: {
|
|
109
|
+
readonly [x: string]: readonly string[];
|
|
110
|
+
};
|
|
111
|
+
readonly poiCodeActive?: string | undefined;
|
|
112
|
+
readonly replayCounting?: number | undefined;
|
|
113
|
+
readonly floorplans: any;
|
|
114
|
+
} | undefined, action: any) => TourStateType | undefined;
|
|
115
|
+
export default _default;
|
|
116
|
+
//# sourceMappingURL=reducer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTourDetails.d.ts","sourceRoot":"","sources":["../../../src/hooks/Visualizer/useTourDetails.ts"],"names":[],"mappings":"AAiBA,QAAA,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"useTourDetails.d.ts","sourceRoot":"","sources":["../../../src/hooks/Visualizer/useTourDetails.ts"],"names":[],"mappings":"AAiBA,QAAA,MAAM,cAAc,GAAI,UAAU,MAAM,SAmKvC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTourVisualizer.d.ts","sourceRoot":"","sources":["../../../src/hooks/Visualizer/useTourVisualizer.ts"],"names":[],"mappings":"AAqBA,QAAA,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"useTourVisualizer.d.ts","sourceRoot":"","sources":["../../../src/hooks/Visualizer/useTourVisualizer.ts"],"names":[],"mappings":"AAqBA,QAAA,MAAM,iBAAiB,YAwkBtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,38 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { ListenersType, OverrideConfigsType, TourSwitchType } from '../types/SkinLayer';
|
|
3
|
+
import { ProductType } from '../types/SkinLayer/product.type';
|
|
3
4
|
type ConfigurationData = {
|
|
4
5
|
elementId?: string;
|
|
5
6
|
apiHost?: string;
|
|
6
7
|
webRotateClientHost?: string;
|
|
7
8
|
webRotateApiHost?: string;
|
|
8
|
-
overrideConfigs:
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
hLookAt?: number;
|
|
13
|
-
vLookAt?: number;
|
|
14
|
-
slideInOffset?: number;
|
|
15
|
-
asideOffset?: number;
|
|
16
|
-
} & Record<string, any>;
|
|
17
|
-
listeners?: Partial<{
|
|
18
|
-
onTourLoaded: (tour: Tour) => void;
|
|
19
|
-
onPoiClicked: (poi?: any) => void;
|
|
20
|
-
onPoiOver: (poi?: any) => void;
|
|
21
|
-
onPoiHover: (poi?: any) => void;
|
|
22
|
-
onPoiOut: () => void;
|
|
23
|
-
onPoiInCenter: (poi?: any) => void;
|
|
24
|
-
onSceneCompleted: (sceneCode: string, categoryCode?: string) => void;
|
|
25
|
-
onStartScenario: (scenarioCode: string) => void;
|
|
26
|
-
onScenarioEnded: (scenarioCode: string) => void;
|
|
27
|
-
onScenarioPaused: (scenarioCode: string) => void;
|
|
28
|
-
onToggleSlideIn: (arg: {
|
|
29
|
-
open: boolean;
|
|
30
|
-
offset: number;
|
|
31
|
-
}) => void;
|
|
32
|
-
onPlaybarOpen: () => void;
|
|
33
|
-
onPlaybarClosed: () => void;
|
|
34
|
-
onPinActionClicked: (key: string) => void;
|
|
35
|
-
}> & Record<string, ((props?: any) => void) | undefined>;
|
|
9
|
+
overrideConfigs: OverrideConfigsType;
|
|
10
|
+
products: ProductType[];
|
|
11
|
+
listeners: ListenersType;
|
|
12
|
+
tool: TourSwitchType;
|
|
36
13
|
};
|
|
37
14
|
type ReturnType = ConfigurationData & {
|
|
38
15
|
elementId: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useConfiguration.d.ts","sourceRoot":"","sources":["../../src/hooks/useConfiguration.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"useConfiguration.d.ts","sourceRoot":"","sources":["../../src/hooks/useConfiguration.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAIlE,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,cAAc,EACf,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,KAAK,iBAAiB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,mBAAmB,CAAC;IACrC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,EAAE,aAAa,CAAC;IACzB,IAAI,EAAE,cAAc,CAAC;CACtB,CAAC;AAEF,KAAK,UAAU,GAAG,iBAAiB,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AAI5D,eAAO,MAAM,qBAAqB,GAAI,uBAGnC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,iBAAiB,CAAC;CAC3B,4CA6BA,CAAC;AAEF,eAAO,MAAM,gBAAgB,kBAQ5B,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import Scene from '../models/Visualizer/Scene';
|
|
2
|
+
import Tour from '../models/Visualizer/Tour';
|
|
3
|
+
type ReturnType = {
|
|
4
|
+
onSceneCompleted: (tour: Tour, scene: Scene) => void;
|
|
5
|
+
onViewChanged: (tour: Tour, hlookat: number, vlookat: number) => void;
|
|
6
|
+
};
|
|
7
|
+
export declare const useOverrideConfigs: () => ReturnType;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=useOverrideConfigs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useOverrideConfigs.d.ts","sourceRoot":"","sources":["../../src/hooks/useOverrideConfigs.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,4BAA4B,CAAC;AAC/C,OAAO,IAAI,MAAM,2BAA2B,CAAC;AAM7C,KAAK,UAAU,GAAG;IAChB,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACrD,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACvE,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAAO,UAgLrC,CAAC"}
|
package/dist/hooks/useStore.d.ts
CHANGED
|
@@ -1,240 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { SEARCH_AND_DISCOVERY_HEADER_CONTENT_KEY } from '../constants/Visualizer';
|
|
4
|
-
import PoiTexture from '../models/Visualizer/Poi/PoiTexture';
|
|
5
|
-
import Scene from '../models/Visualizer/Scene';
|
|
6
|
-
import { GalleryType } from '../types/SkinLayer';
|
|
7
|
-
import { CoordsType, FloorplanType, OnboardingScreenItemTypes, ScenarioCurrentStepType, ScenarioSubtitleType, TourMetadataType, TourProductQuotationType, TourScenarioType, TourType } from '../types/Visualizer';
|
|
8
|
-
import { WebRotateResponseType } from '../types/Visualizer/webRotate.type';
|
|
9
|
-
type Entities = {
|
|
10
|
-
scenarios: {
|
|
11
|
-
[key: string]: TourScenarioType;
|
|
12
|
-
};
|
|
13
|
-
setScenarios: (arg: {
|
|
14
|
-
[key: string]: TourScenarioType;
|
|
15
|
-
}) => void;
|
|
16
|
-
productQuotations: {
|
|
17
|
-
[key: string]: TourProductQuotationType;
|
|
18
|
-
};
|
|
19
|
-
setProductQuotations: (arg: {
|
|
20
|
-
[key: string]: TourProductQuotationType;
|
|
21
|
-
}) => void;
|
|
22
|
-
};
|
|
23
|
-
type PoiTextureDataType = {
|
|
24
|
-
poi: PoiTexture | null;
|
|
25
|
-
coords: CoordsType | null;
|
|
26
|
-
};
|
|
27
|
-
type PinActionType = {
|
|
28
|
-
[type: string]: boolean;
|
|
29
|
-
};
|
|
30
|
-
type LayoutState = {
|
|
31
|
-
isMobileDevice: boolean;
|
|
32
|
-
isTabletDevice: boolean;
|
|
33
|
-
isMobileVertical: boolean;
|
|
34
|
-
skinLayerVisible: boolean;
|
|
35
|
-
autoPlaying: boolean;
|
|
36
|
-
labelVisible: boolean;
|
|
37
|
-
isFullscreen: boolean;
|
|
38
|
-
showShareLink: boolean;
|
|
39
|
-
showFloorplan: boolean;
|
|
40
|
-
showGuide: boolean;
|
|
41
|
-
isGyroscope: boolean;
|
|
42
|
-
navigationArrowsVisible: boolean;
|
|
43
|
-
searchAndDiscover: boolean;
|
|
44
|
-
showAGTPlaylist: boolean;
|
|
45
|
-
labelInvisibleArray: string[];
|
|
46
|
-
pinAction: PinActionType;
|
|
47
|
-
bottomSheetMiddleHeight: number;
|
|
48
|
-
playingHotspotSound: boolean;
|
|
49
|
-
playingTempScenario: boolean;
|
|
50
|
-
showSlideIn: boolean;
|
|
51
|
-
showPlayBar: boolean;
|
|
52
|
-
showPlayList: boolean;
|
|
53
|
-
isViewPoiDetail: boolean;
|
|
54
|
-
showTourScenarios: boolean;
|
|
55
|
-
muted: boolean;
|
|
56
|
-
mutedVideo: boolean;
|
|
57
|
-
showScenarioList: boolean;
|
|
58
|
-
showSplashScreen: boolean;
|
|
59
|
-
showSceneCategories: boolean;
|
|
60
|
-
autoPlayContentActiveKey: SEARCH_AND_DISCOVERY_HEADER_CONTENT_KEY | null;
|
|
61
|
-
isSearchAndDiscoverScrollToItem: boolean;
|
|
62
|
-
contentActiveKey: SEARCH_AND_DISCOVERY_HEADER_CONTENT_KEY | null;
|
|
63
|
-
bottomSheetStack: string[];
|
|
64
|
-
swipeLevel: string;
|
|
65
|
-
fullscreen: boolean;
|
|
66
|
-
showGuidePopup: boolean;
|
|
67
|
-
showGuideAtStart: boolean;
|
|
68
|
-
isActivityWindow: boolean;
|
|
69
|
-
isExpandPinAction: boolean;
|
|
70
|
-
activePinAction: string;
|
|
71
|
-
setIsExpandPinAction: (bool: boolean) => void;
|
|
72
|
-
setActivePinAction: (action: string) => void;
|
|
73
|
-
setTabletDevice: (bool: boolean) => void;
|
|
74
|
-
setMobileVertical: (bool: boolean) => void;
|
|
75
|
-
setAutoPlaying: (bool: boolean) => void;
|
|
76
|
-
setLabelVisible: (bool: boolean) => void;
|
|
77
|
-
setIsFullscreen: (bool: boolean) => void;
|
|
78
|
-
setShowShareLink: (bool: boolean) => void;
|
|
79
|
-
setShowFloorplan: (bool: boolean) => void;
|
|
80
|
-
setShowGuide: (bool: boolean) => void;
|
|
81
|
-
setIsGyroscope: (bool: boolean) => void;
|
|
82
|
-
setNavigationArrowsVisible: (bool: boolean) => void;
|
|
83
|
-
setSearchAndDiscover: (bool: boolean) => void;
|
|
84
|
-
setLabelInvisibleArray: (types: string[]) => void;
|
|
85
|
-
setBottomSheetMiddleHeight: (arg: number) => void;
|
|
86
|
-
setPlayingHotspotSound: (bool: boolean) => void;
|
|
87
|
-
setPlayingTempScenario: (bool: boolean) => void;
|
|
88
|
-
setShowSlideIn: (bool: boolean) => void;
|
|
89
|
-
setShowPlayBar: (bool: boolean) => void;
|
|
90
|
-
setShowPlayList: (bool: boolean) => void;
|
|
91
|
-
setIsViewPoiDetail: (bool: boolean) => void;
|
|
92
|
-
setShowTourScenarios: (bool: boolean) => void;
|
|
93
|
-
setMuted: (bool: boolean) => void;
|
|
94
|
-
setMutedVideo: (bool: boolean) => void;
|
|
95
|
-
setShowScenarioList: (bool: boolean) => void;
|
|
96
|
-
setShowSplashScreen: (bool: boolean) => void;
|
|
97
|
-
setShowSceneCategories: (bool: boolean) => void;
|
|
98
|
-
setAutoPlayContentKey: (arg: SEARCH_AND_DISCOVERY_HEADER_CONTENT_KEY | null) => void;
|
|
99
|
-
setIsSearchAndDiscoverScrollToItem: (bool: boolean) => void;
|
|
100
|
-
setContentActiveKey: (arg: SEARCH_AND_DISCOVERY_HEADER_CONTENT_KEY | null) => void;
|
|
101
|
-
setBottomSheetStack: (arg: string[]) => void;
|
|
102
|
-
setSwipeLevel: (arg: string) => void;
|
|
103
|
-
updateBottomSheetStack: (payload: {
|
|
104
|
-
name: string;
|
|
105
|
-
opened: boolean;
|
|
106
|
-
}) => void;
|
|
107
|
-
setPinAction: (arg: PinActionType) => void;
|
|
108
|
-
setFullscreen: (arg: boolean) => void;
|
|
109
|
-
getConfigAction: () => any;
|
|
110
|
-
toggleSkinLayer: (arg?: boolean) => void;
|
|
111
|
-
setSearchAndDiscoveryContentKey: (key?: SEARCH_AND_DISCOVERY_HEADER_CONTENT_KEY) => void;
|
|
112
|
-
setShowGuidePopup: (bool: boolean) => void;
|
|
113
|
-
setShowGuideAtStart: (bool: boolean) => void;
|
|
114
|
-
setActivityWindow: (bool: boolean) => void;
|
|
115
|
-
};
|
|
116
|
-
type TourBetaState = {
|
|
117
|
-
tourSoundPlaying: boolean;
|
|
118
|
-
activeFuncButton: string | null;
|
|
119
|
-
showChatbox: boolean;
|
|
120
|
-
fullscreenMinimap: boolean;
|
|
121
|
-
scenarioCurrentStep: ScenarioCurrentStepType | null;
|
|
122
|
-
scenarioSubtitle: ScenarioSubtitleType;
|
|
123
|
-
poiCodeNearestToCenter?: string;
|
|
124
|
-
gallery: GalleryType;
|
|
125
|
-
poiCodeClickedSlideInItem: string;
|
|
126
|
-
activeHotspotCategoryAGTKey: string;
|
|
127
|
-
setTourSoundPlaying: (bool: boolean) => void;
|
|
128
|
-
setScenarioCurrentStep: (arg: ScenarioCurrentStepType | null) => void;
|
|
129
|
-
setScenarioSubtitleVisible: (bool: boolean) => void;
|
|
130
|
-
setScenarioSubtitleText: (arg?: string) => void;
|
|
131
|
-
setActiveFuncButton: (arg: string | null) => void;
|
|
132
|
-
setShowChatbox: (bool: boolean) => void;
|
|
133
|
-
setFullscreenMinimap: (bool: boolean) => void;
|
|
134
|
-
setPoiCodeNearestToCenter: (code?: string) => void;
|
|
135
|
-
setGallery: (arg: Partial<GalleryType>) => void;
|
|
136
|
-
setPoiCodeClickedSlideInItem: (arg: string) => void;
|
|
137
|
-
getPoiInTourByType: (apiHost: string, type: string, language: string) => Promise<any>;
|
|
138
|
-
setQuotationCodes: (arg: string[]) => void;
|
|
139
|
-
setActiveHotspotCategoryAGTKey: (arg: string) => void;
|
|
140
|
-
};
|
|
141
|
-
type TourState = {
|
|
142
|
-
canInitVisualizer: boolean;
|
|
143
|
-
tourData: TourType | null;
|
|
144
|
-
metadata: TourMetadataType | null;
|
|
145
|
-
tourReady: boolean;
|
|
146
|
-
activeScene: Scene | null;
|
|
147
|
-
activePoi: any;
|
|
148
|
-
activePoiCoords: any;
|
|
149
|
-
activePoiCode?: string;
|
|
150
|
-
backgroundSoundPlaying: boolean;
|
|
151
|
-
loading: boolean;
|
|
152
|
-
loadingScene: boolean;
|
|
153
|
-
plugin: {
|
|
154
|
-
[key: string]: boolean;
|
|
155
|
-
};
|
|
156
|
-
activeFloorplan: FloorplanType | null;
|
|
157
|
-
soundReady: boolean;
|
|
158
|
-
viewRotating: boolean;
|
|
159
|
-
activeScenarioCode?: string;
|
|
160
|
-
previewScenarioCode?: string;
|
|
161
|
-
scenarioConfigCodes: string[];
|
|
162
|
-
floorplans: FloorplanType[];
|
|
163
|
-
replayCounting: number;
|
|
164
|
-
selectedPoi: any | null;
|
|
165
|
-
existPoiTypes: string[];
|
|
166
|
-
scenarioLoaded: {
|
|
167
|
-
[key: string]: boolean;
|
|
168
|
-
};
|
|
169
|
-
selectedGallery: any;
|
|
170
|
-
selectedPromotion: any;
|
|
171
|
-
poiTextureData: PoiTextureDataType;
|
|
172
|
-
poiCodeByType: {
|
|
173
|
-
[key: string]: any[];
|
|
174
|
-
};
|
|
175
|
-
setCanInitVisualizer: (bool: boolean) => void;
|
|
176
|
-
setLoading: (bool: boolean) => void;
|
|
177
|
-
setLoadingScene: (bool: boolean) => void;
|
|
178
|
-
setSoundReady: (bool: boolean) => void;
|
|
179
|
-
setTourReady: (bool: boolean) => void;
|
|
180
|
-
setBackgroundSoundPlaying: (bool: boolean) => void;
|
|
181
|
-
setViewRotating: (bool: boolean) => void;
|
|
182
|
-
setActivePoiCode: (code?: string) => void;
|
|
183
|
-
setActiveScene: (arg: Scene | null) => void;
|
|
184
|
-
setActiveFloorplan: (arg: FloorplanType | null) => void;
|
|
185
|
-
setTourData: (arg: TourType | null) => void;
|
|
186
|
-
setMetadata: (arg: TourMetadataType | null) => void;
|
|
187
|
-
setFloorplans: (arg: FloorplanType[]) => void;
|
|
188
|
-
setScenarioConfigCodes: (arg: string[]) => void;
|
|
189
|
-
setActivePoi: (arg: any) => void;
|
|
190
|
-
setActivePoiCoords: (arg: any) => void;
|
|
191
|
-
setActiveTourPlugin: (arg: {
|
|
192
|
-
pluginName: string;
|
|
193
|
-
state: boolean;
|
|
194
|
-
}) => void;
|
|
195
|
-
setActiveScenarioCode: (arg?: string) => void;
|
|
196
|
-
setPreviewScenarioCode: (arg: string) => void;
|
|
197
|
-
increaseReplayCounting: () => void;
|
|
198
|
-
setExistPoiTypes: (arg: string[]) => void;
|
|
199
|
-
setScenarioLoaded: (arg: {
|
|
200
|
-
[key: string]: boolean;
|
|
201
|
-
}) => void;
|
|
202
|
-
setSelectedPoiActive: (poiCode?: string, type?: string, sceneCode?: string) => Promise<any>;
|
|
203
|
-
setSelectedGallery: (arg: any) => void;
|
|
204
|
-
setSelectedPromotion: (arg: any) => void;
|
|
205
|
-
setPoiTextureData: (arg: Partial<PoiTextureDataType>) => void;
|
|
206
|
-
setPoiCodeByType: (arg: {
|
|
207
|
-
[key: string]: any[];
|
|
208
|
-
}) => void;
|
|
209
|
-
getPoisByContentKey: (key?: string) => any[];
|
|
210
|
-
getExistPoiTypesConfig: (key: string) => any[];
|
|
211
|
-
setScenarioLoadedData: (key: string) => void;
|
|
212
|
-
};
|
|
213
|
-
type Selectors = {
|
|
214
|
-
activeScenario: TourScenarioType | null;
|
|
215
|
-
previewScenario: TourScenarioType | null;
|
|
216
|
-
visibleAction: PinActionType;
|
|
217
|
-
getShowSlideIn: () => boolean;
|
|
218
|
-
getGroupTopBtn: () => GROUP_BAR_ACTIONS_KEY[];
|
|
219
|
-
getTourScenarioConfig: (t: (text: string) => string) => OnboardingScreenItemTypes[];
|
|
220
|
-
getAndSetActiveScenarioWithCode: (code?: string) => Promise<TourScenarioType | null>;
|
|
221
|
-
getTourScenarioDetail: (code: string) => Promise<TourScenarioType | any>;
|
|
222
|
-
getWebRotates: () => WebRotateResponseType[];
|
|
223
|
-
getTourScenarioSubtitle: () => string | null;
|
|
224
|
-
getTourProductQuotations: () => TourProductQuotationType[] | null;
|
|
225
|
-
getTourScenarioByContentKey: () => TourScenarioType | null;
|
|
226
|
-
};
|
|
227
|
-
type StoreData = {
|
|
228
|
-
toggleShowAGTPlaylist: (arg?: string) => void;
|
|
229
|
-
fetchWebRotates: (codes: string[]) => Promise<WebRotateResponseType[]>;
|
|
230
|
-
closeMultipleSlideIns: (arg: boolean) => void;
|
|
231
|
-
slideInWidth: number;
|
|
232
|
-
setSlideInWidth: (arg?: number | null) => void;
|
|
233
|
-
} & LayoutState & TourBetaState & TourState & Entities & Selectors;
|
|
2
|
+
import { StoreData } from '../types/SkinLayer';
|
|
234
3
|
export declare const StoreProvider: ({ children, config, }: {
|
|
235
4
|
children: React.ReactNode;
|
|
236
5
|
config: {
|
|
237
6
|
mobile: boolean;
|
|
7
|
+
code: string;
|
|
238
8
|
};
|
|
239
9
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
240
10
|
declare global {
|
|
@@ -243,5 +13,4 @@ declare global {
|
|
|
243
13
|
}
|
|
244
14
|
}
|
|
245
15
|
export declare const useStore: () => StoreData;
|
|
246
|
-
export {};
|
|
247
16
|
//# sourceMappingURL=useStore.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useStore.d.ts","sourceRoot":"","sources":["../../src/hooks/useStore.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"useStore.d.ts","sourceRoot":"","sources":["../../src/hooks/useStore.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,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,4CAszCA,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,KAAK,EAAE,SAAS,CAAC;KAClB;CACF;AAED,eAAO,MAAM,QAAQ,iBAMpB,CAAC"}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
type Props = {
|
|
3
|
-
onToolLoaded?: (tool: ToolType) => void;
|
|
4
|
-
};
|
|
5
|
-
declare const useToolConfig: (props: Props) => void;
|
|
1
|
+
declare const useToolConfig: () => void;
|
|
6
2
|
export default useToolConfig;
|
|
7
3
|
//# sourceMappingURL=useToolConfig.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useToolConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useToolConfig.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useToolConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useToolConfig.ts"],"names":[],"mappings":"AAYA,QAAA,MAAM,aAAa,YAmXlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
package/dist/index.html
CHANGED
|
@@ -1,71 +1,95 @@
|
|
|
1
|
-
<!
|
|
1
|
+
<!DOCTYPE html>
|
|
2
2
|
<html lang="en">
|
|
3
|
-
|
|
4
|
-
<meta charset="UTF-8"
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
5
|
<meta
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
name="viewport"
|
|
7
|
+
content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
|
|
8
8
|
/>
|
|
9
9
|
<title>Title</title>
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
language: 'EN',
|
|
19
|
-
},
|
|
20
|
-
listeners: {
|
|
21
|
-
onLoaded: (tool) => {
|
|
22
|
-
window.tool = tool;
|
|
23
|
-
},
|
|
24
|
-
onPinActionClicked: (key) => {
|
|
25
|
-
console.log('onPinActionClicked', key);
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
mobile: false,
|
|
29
|
-
});
|
|
30
|
-
</script>
|
|
31
|
-
<style>
|
|
32
|
-
.toggle-btn {
|
|
33
|
-
position: fixed;
|
|
34
|
-
top: 20px;
|
|
35
|
-
right: 20px;
|
|
36
|
-
z-index: 9999;
|
|
37
|
-
padding: 10px 15px;
|
|
38
|
-
background: #3585f7;
|
|
39
|
-
color: white;
|
|
40
|
-
border: none;
|
|
41
|
-
border-radius: 5px;
|
|
42
|
-
cursor: pointer;
|
|
43
|
-
font-family: 'Be Vietnam Pro', sans-serif;
|
|
44
|
-
font-size: 14px;
|
|
45
|
-
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
|
46
|
-
transition: background 0.3s ease;
|
|
47
|
-
}
|
|
48
|
-
.toggle-btn:hover {
|
|
49
|
-
background: #2574e6;
|
|
50
|
-
}
|
|
51
|
-
</style>
|
|
52
|
-
</head>
|
|
53
|
-
<body>
|
|
54
|
-
<button class="toggle-btn" onclick="toggleWidth()">Toggle Width</button>
|
|
55
|
-
<div id="container" style="width: 100vw; height: 100vh; overflow: hidden">
|
|
56
|
-
<showroom-visualizer></showroom-visualizer>
|
|
10
|
+
</head>
|
|
11
|
+
<body>
|
|
12
|
+
<div class="flex h-screen w-screen">
|
|
13
|
+
<!-- <div class="h-full" style="width: 72px"></div>-->
|
|
14
|
+
<div class="h-full" style="width: /*calc(100% - 462px);*/ 100%;">
|
|
15
|
+
<div class="h-full w-full relative">
|
|
16
|
+
<showroom-visualizer></showroom-visualizer>
|
|
17
|
+
</div>
|
|
57
18
|
</div>
|
|
58
|
-
<
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
19
|
+
<!-- <div class="h-full" style="width: 390px"></div>-->
|
|
20
|
+
</div>
|
|
21
|
+
<script type="module">
|
|
22
|
+
// import ShowroomVisualizer from 'https://85f81d7dc992.ngrok-free.app/web.js';
|
|
23
|
+
import ShowroomVisualizer from 'http://localhost:3000/web.js';
|
|
24
|
+
|
|
25
|
+
ShowroomVisualizer.initVisualizer({
|
|
26
|
+
apiHost: 'https://ci-api.clik.vn/vt360',
|
|
27
|
+
webRotateApiHost: 'https://ci-api.clik.vn/cms',
|
|
28
|
+
webRotateClientHost: 'https://ci-webrotate360-client.clik.vn',
|
|
29
|
+
config: {
|
|
30
|
+
// tourCode: 'TOUR_FXYCEN7ZZVW6',
|
|
31
|
+
// startScene: 'scene_kr3rgeezzvw6',
|
|
32
|
+
// hLookAt: -254,
|
|
33
|
+
// vLookAt: 1
|
|
34
|
+
// tourCode: 'TOUR_GEVEXLWNPT74',
|
|
35
|
+
// tourCode: 'TOUR_7YUL2ALGFL94',
|
|
36
|
+
// tourCode: 'TOUR_KUFGDEPDTJA4',
|
|
37
|
+
// startScene: 'SCENE_KNLRAKUHFL94',
|
|
38
|
+
// hLookAt: -54.11884505373274,
|
|
39
|
+
// vLookAt: -9.111287009391969
|
|
40
|
+
|
|
41
|
+
tourCode: 'tour_7a6hchjljga4'.toUpperCase(),
|
|
62
42
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
43
|
+
// tourCode: 'TOUR_ZJMHKMJEACAH',
|
|
44
|
+
// language: 'VI',
|
|
45
|
+
// startScene: 'SCENE_LVN4DLUFACAH',
|
|
46
|
+
// hLookAt: -179.145,
|
|
47
|
+
// vLookAt: 11.597,
|
|
48
|
+
},
|
|
49
|
+
listeners: {
|
|
50
|
+
onTourSwitchLoaded: (tool) => {
|
|
51
|
+
window.switchTour = tool.switchTour;
|
|
52
|
+
},
|
|
53
|
+
onSceneCompleted: (...args) => {
|
|
54
|
+
// console.log('onSceneCompleted', args);
|
|
55
|
+
},
|
|
56
|
+
onLoaded: tool => {
|
|
57
|
+
// console.log('TOOL_LOADED')
|
|
58
|
+
window.tool = tool;
|
|
59
|
+
},
|
|
60
|
+
onPoiClicked: (poi) => {
|
|
61
|
+
// console.log('onPoiClicked', poi);
|
|
62
|
+
},
|
|
63
|
+
onPoiOut: () => {
|
|
64
|
+
// console.log('onPoiOut');
|
|
65
|
+
},
|
|
66
|
+
onPoiOver: (poi) => {
|
|
67
|
+
// console.log('onPoiOver', poi);
|
|
68
|
+
},
|
|
69
|
+
onPoiInCenter: (poi) => {
|
|
70
|
+
// console.log('onPoiInCenter', poi);
|
|
71
|
+
},
|
|
72
|
+
onStartScenario: (code) => {
|
|
73
|
+
// console.log('onStartScenario', code);
|
|
74
|
+
},
|
|
75
|
+
onScenarioPaused: (code) => {
|
|
76
|
+
// console.log('onScenarioPaused', code);
|
|
77
|
+
},
|
|
78
|
+
onScenarioEnded: (code) => {
|
|
79
|
+
// console.log('onScenarioEnded', code);
|
|
80
|
+
},
|
|
81
|
+
onChanged: (args) => {
|
|
82
|
+
// console.log('onChanged', args);
|
|
83
|
+
},
|
|
84
|
+
onStartLoadingTour: (code) => {
|
|
85
|
+
// console.log('onStartLoadingTour', code);
|
|
86
|
+
},
|
|
87
|
+
onFinishedLoadingTour: (code) => {
|
|
88
|
+
// console.log('onFinishedLoadingTour', code);
|
|
68
89
|
}
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
90
|
+
},
|
|
91
|
+
mobile: false
|
|
92
|
+
});
|
|
93
|
+
</script>
|
|
94
|
+
</body>
|
|
95
|
+
</html>
|