@clikvn/showroom-visualizer 0.0.37-dev → 0.0.38-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/components/SkinLayer/Layout/index.d.ts.map +1 -1
- 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/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/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/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/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 +8 -0
- package/dist/features/ShowroomVisualizer/VirtualTour.d.ts.map +1 -0
- package/dist/features/ShowroomVisualizer/VirtualTourContainer.d.ts +8 -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/useConfiguration.d.ts +6 -21
- package/dist/hooks/useConfiguration.d.ts.map +1 -1
- 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 +72 -64
- package/dist/models/Visualizer/TourScenario/actions/MovingSceneAction.d.ts +1 -1
- package/dist/register.d.ts +5 -18
- package/dist/register.d.ts.map +1 -1
- package/dist/types/SkinLayer/index.d.ts +4 -0
- package/dist/types/SkinLayer/index.d.ts.map +1 -1
- package/dist/types/SkinLayer/listeners.type.d.ts +30 -0
- package/dist/types/SkinLayer/listeners.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 +239 -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 +5 -22
- package/dist/types/SkinLayer/visualizer.type.d.ts.map +1 -1
- package/dist/web.js +1 -1
- package/package.json +2 -2
- 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
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;AA+Bf,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAiB/C,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,4CA6xCA,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,YAiWlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
package/dist/index.html
CHANGED
|
@@ -1,71 +1,79 @@
|
|
|
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';
|
|
62
24
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
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
|
+
// tourCode: 'TOUR_GEVEXLWNPT74',
|
|
32
|
+
// tourCode: 'TOUR_7YUL2ALGFL94',
|
|
33
|
+
// tourCode: 'TOUR_KUFGDEPDTJA4',
|
|
34
|
+
language: 'VI',
|
|
35
|
+
startScene: 'scene_kr3rgeezzvw6',
|
|
36
|
+
hLookAt: -254,
|
|
37
|
+
vLookAt: 1
|
|
38
|
+
// startScene: 'SCENE_KNLRAKUHFL94',
|
|
39
|
+
// hLookAt: -54.11884505373274,
|
|
40
|
+
// vLookAt: -9.111287009391969
|
|
41
|
+
},
|
|
42
|
+
listeners: {
|
|
43
|
+
onTourSwitchLoaded: (tool) => {
|
|
44
|
+
window.switchTour = tool.switchTour;
|
|
45
|
+
},
|
|
46
|
+
onSceneCompleted: (...args) => {
|
|
47
|
+
console.log('onSceneCompleted', args);
|
|
48
|
+
},
|
|
49
|
+
onLoaded: tool => {
|
|
50
|
+
console.log('TOOL_LOADED')
|
|
51
|
+
window.tool = tool;
|
|
52
|
+
},
|
|
53
|
+
onPoiClicked: (poi) => {
|
|
54
|
+
console.log('onPoiClicked', poi);
|
|
55
|
+
},
|
|
56
|
+
onPoiOut: () => {
|
|
57
|
+
console.log('onPoiOut');
|
|
58
|
+
},
|
|
59
|
+
onPoiOver: (poi) => {
|
|
60
|
+
console.log('onPoiOver', poi);
|
|
61
|
+
},
|
|
62
|
+
onPoiInCenter: (poi) => {
|
|
63
|
+
console.log('onPoiInCenter', poi);
|
|
64
|
+
},
|
|
65
|
+
onStartScenario: (code) => {
|
|
66
|
+
console.log('onStartScenario', code);
|
|
67
|
+
},
|
|
68
|
+
onScenarioPaused: (code) => {
|
|
69
|
+
console.log('onScenarioPaused', code);
|
|
70
|
+
},
|
|
71
|
+
onScenarioEnded: (code) => {
|
|
72
|
+
console.log('onScenarioEnded', code);
|
|
68
73
|
}
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
74
|
+
},
|
|
75
|
+
mobile: false
|
|
76
|
+
});
|
|
77
|
+
</script>
|
|
78
|
+
</body>
|
|
79
|
+
</html>
|
|
@@ -8,7 +8,7 @@ declare class MovingSceneAction extends TourScenarioAction {
|
|
|
8
8
|
delayPromise: any;
|
|
9
9
|
constructor(props: TourScenarioActionType);
|
|
10
10
|
run({ language }?: any): Promise<void>;
|
|
11
|
-
getDuration(): Promise<
|
|
11
|
+
getDuration(): Promise<500 | 0>;
|
|
12
12
|
}
|
|
13
13
|
export default MovingSceneAction;
|
|
14
14
|
//# sourceMappingURL=MovingSceneAction.d.ts.map
|
package/dist/register.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { VirtualTourVisualizerType } from './types/SkinLayer';
|
|
2
|
-
import {
|
|
1
|
+
import { VirtualTourVisualizerType, VisualizerListenersType } from './types/SkinLayer';
|
|
2
|
+
import { ProductType } from './types/SkinLayer/product.type';
|
|
3
3
|
export declare class VisualizerUIComponent extends HTMLElement {
|
|
4
4
|
elementId?: string;
|
|
5
5
|
apiHost?: string;
|
|
@@ -14,22 +14,9 @@ export declare class VisualizerUIComponent extends HTMLElement {
|
|
|
14
14
|
vLookAt?: number;
|
|
15
15
|
slideInOffset?: number;
|
|
16
16
|
asideOffset?: number;
|
|
17
|
-
}
|
|
18
|
-
listeners?:
|
|
19
|
-
|
|
20
|
-
onPoiClicked: (poi: any) => void;
|
|
21
|
-
onSceneCompleted: (sceneCode: string, categoryCode?: string) => void;
|
|
22
|
-
onStartScenario: (scenarioCode: string) => void;
|
|
23
|
-
onScenarioEnded: (scenarioCode: string) => void;
|
|
24
|
-
onScenarioPaused: (scenarioCode: string) => void;
|
|
25
|
-
onToggleSlideIn: (arg: {
|
|
26
|
-
open: boolean;
|
|
27
|
-
offset: number;
|
|
28
|
-
}) => void;
|
|
29
|
-
onPlaybarOpen: () => void;
|
|
30
|
-
onPlaybarClosed: () => void;
|
|
31
|
-
onPinActionClicked: (key: string) => void;
|
|
32
|
-
}>;
|
|
17
|
+
};
|
|
18
|
+
listeners?: VisualizerListenersType;
|
|
19
|
+
products?: ProductType[];
|
|
33
20
|
constructor();
|
|
34
21
|
updateAttributes(attributes: VirtualTourVisualizerType): void;
|
|
35
22
|
connectedCallback(): void;
|
package/dist/register.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.tsx"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,yBAAyB,EACzB,uBAAuB,EACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,qBAAa,qBAAsB,SAAQ,WAAW;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;;IAOzB,gBAAgB,CAAC,UAAU,EAAE,yBAAyB;IAYtD,iBAAiB;IAMjB,MAAM;CAeP;AAED,eAAO,MAAM,qBAAqB,YAKjC,CAAC"}
|
|
@@ -3,4 +3,8 @@ export * from './pinActionButton.type';
|
|
|
3
3
|
export * from './common.type';
|
|
4
4
|
export * from './functionButton.type';
|
|
5
5
|
export * from './storage.type';
|
|
6
|
+
export * from './tool.type';
|
|
7
|
+
export * from './listeners.type';
|
|
8
|
+
export * from './store.type';
|
|
9
|
+
export * from './product.type';
|
|
6
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/SkinLayer/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/SkinLayer/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ToolType, TourSwitchType } from './tool.type';
|
|
2
|
+
export interface VisualizerListenersType extends BaseListenersType {
|
|
3
|
+
onLoaded?: (tool: ToolType) => void;
|
|
4
|
+
onTourSwitchLoaded?: (tool: TourSwitchType) => void;
|
|
5
|
+
}
|
|
6
|
+
export interface ListenersType extends BaseListenersType {
|
|
7
|
+
onToolLoaded?: (tool: ToolType) => void;
|
|
8
|
+
onTourLoaded: (tour: any) => void;
|
|
9
|
+
}
|
|
10
|
+
type BaseListenersType = {
|
|
11
|
+
onPoiClicked?: (poi?: any) => void;
|
|
12
|
+
onPoiOver?: (poi?: any) => void;
|
|
13
|
+
onPoiHover?: (poi?: any) => void;
|
|
14
|
+
onPoiOut?: () => void;
|
|
15
|
+
onPoiInCenter?: (poi?: any) => void;
|
|
16
|
+
onSceneCompleted?: (sceneCode: string, categoryCode?: string) => void;
|
|
17
|
+
onSceneChanged?: (scene: any) => void;
|
|
18
|
+
onStartScenario?: (scenarioCode: string) => void;
|
|
19
|
+
onScenarioPaused?: (scenarioCode: string) => void;
|
|
20
|
+
onScenarioEnded?: (scenarioCode: string) => void;
|
|
21
|
+
onToggleSlideIn?: (arg: {
|
|
22
|
+
open: boolean;
|
|
23
|
+
offset: number;
|
|
24
|
+
}) => void;
|
|
25
|
+
onPlaybarOpen?: () => void;
|
|
26
|
+
onPlaybarClosed?: () => void;
|
|
27
|
+
onPinActionClicked?: (key: string) => void;
|
|
28
|
+
};
|
|
29
|
+
export {};
|
|
30
|
+
//# sourceMappingURL=listeners.type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"listeners.type.d.ts","sourceRoot":"","sources":["../../../src/types/SkinLayer/listeners.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CACnC;AAED,KAAK,iBAAiB,GAAG;IACvB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"product.type.d.ts","sourceRoot":"","sources":["../../../src/types/SkinLayer/product.type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC,CAAC"}
|