@clikvn/showroom-visualizer 0.0.30-dev → 0.0.31-dev

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,36 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="AngularAmbiguousComponentTag" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularCliAddDependency" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="AngularInaccessibleComponentMemberInAotMode" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="AngularIncorrectTemplateDefinition" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularInsecureBindingToEvent" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="AngularInvalidAnimationTriggerAssignment" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularInvalidEntryComponent" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularInvalidI18nAttribute" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="AngularInvalidImportedOrDeclaredSymbol" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularInvalidSelector" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularInvalidTemplateReferenceVariable" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularMissingEventHandler" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularMissingOrInvalidDeclarationInModule" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularMissingRequiredDirectiveInputBinding" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularMultipleStructuralDirectives" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularNgOptimizedImage" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
+    <inspection_tool class="AngularNonEmptyNgContent" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularRecursiveModuleImportExport" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularUndefinedBinding" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularUndefinedModuleExport" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularUndefinedTag" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+    <inspection_tool class="MicronautDataMethodInconsistency" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="MicronautDataRepositoryMethodParameters" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="MicronautDataRepositoryMethodReturnType" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="MnCacheAnnotationParameters" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="MnInjectionPoints" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="MnPropertiesConfig" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="MnUnresolvedPathVariable" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="MnYamlConfig" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="TsLint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>

package/.idea/jsLinters/eslint.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="EslintConfiguration">
+    <custom-configuration-file used="true" path="$PROJECT_DIR$/.eslintrc" />
+    <option name="fix-on-save" value="true" />
+  </component>
+</project>

package/.idea/misc.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ComposerSettings">
+    <execution />
+  </component>
+  <component name="ProjectRootManager">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/showroom-visualizer.iml" filepath="$PROJECT_DIR$/.idea/showroom-visualizer.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/prettier.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PrettierConfiguration">
+    <option name="myConfigurationMode" value="MANUAL" />
+    <option name="myRunOnSave" value="true" />
+    <option name="myRunOnReformat" value="true" />
+  </component>
+</project>

package/.idea/showroom-visualizer.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

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

@@ -0,0 +1,40 @@
+import { TargetAndTransition, VariantLabels } from 'framer-motion';
+import { LegacyAnimationControls as AnimationControls } from 'motion-dom';
+import { FC } from 'react';
+import Scene from '../../../models/Visualizer/Scene';
+import { FloorplanType, TourType } from '../../../types/Visualizer';
+export declare const FloorPlanId = "floor-plan-id";
+type AnimationTypes = AnimationControls | TargetAndTransition | VariantLabels | boolean;
+type Props = {
+    show: boolean;
+    tourData: TourType;
+    motionInitial: any;
+    animate: AnimationTypes;
+    mobile: boolean;
+    mobileVertical: boolean;
+    minimized: boolean;
+    showFloorplan: boolean;
+    showFullscreenMinimap: boolean;
+    floorplanOpen: boolean;
+    activeFloorplan: FloorplanType | null;
+    floorplans: FloorplanType[];
+    loadingScene: boolean;
+    activeScene: Scene | null;
+    viewPortRect: {
+        width: number;
+        height: number;
+        right: number;
+        left: number;
+    };
+    selectFloorPlanWrapperRef: HTMLDivElement | null;
+    setSelectFloorPlanWrapperRef: (arg: HTMLDivElement | null) => void;
+    setOpenedFloorplan: (arg: boolean) => void;
+    handleClickChangeFloorLayout: (code: string) => void;
+    openBottomSheetMap: () => void;
+    handleCloseMinimap: () => void;
+    handleViewScenes: () => void;
+    updateMinimize: (value: boolean) => void;
+};
+declare const Map: FC<Props>;
+export default Map;
+//# sourceMappingURL=Map.d.ts.map

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

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

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { FloorplanType } from '../../../types/Visualizer';
 export declare const sortFloorPlans: (a: FloorplanType, b: FloorplanType) => number;
-export declare const FloorPlanId = "floor-plan-id";
-declare const FloorplanMemo: React.NamedExoticComponent<{}>;
+declare const FloorplanMemo: React.NamedExoticComponent<{
+    show: boolean;
+}>;
 export { FloorplanMemo as Floorplan };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/Floorplan/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAQN,MAAM,OAAO,CAAC;AAaf,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM1D,eAAO,MAAM,cAAc,GAAI,GAAG,aAAa,EAAE,GAAG,aAAa,WAKhE,CAAC;AA0CF,eAAO,MAAM,WAAW,kBAAkB,CAAC;AAimB3C,QAAA,MAAM,aAAa,gCAAkB,CAAC;AACtC,OAAO,EAAE,aAAa,IAAI,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/Floorplan/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAQN,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAI1D,eAAO,MAAM,cAAc,GAAI,GAAG,aAAa,EAAE,GAAG,aAAa,WAKhE,CAAC;AA4iBF,QAAA,MAAM,aAAa;UAlgBS,OAAO;EAkgBE,CAAC;AACtC,OAAO,EAAE,aAAa,IAAI,SAAS,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/Layout/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,EAAE,EAKH,MAAM,OAAO,CAAC;AAmBf,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AA6B9D,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CA8crB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/Layout/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,EAAE,EAKH,MAAM,OAAO,CAAC;AAmBf,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AA6B9D,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CAgdrB,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { TextureTypes } from '../../../types/PoiTypes';
+import './styles.scss';
+type Props = {
+    textures: TextureTypes[];
+    selectedIndex: number;
+    displayed: boolean;
+    imgEls: HTMLCollectionOf<HTMLImageElement>;
+    onClick: (index: number) => void;
+};
+declare const HorizontalMenu: FC<Props>;
+export default HorizontalMenu;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SkinLayer/PoiTextureOptions/HorizontalMenu/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAIvD,OAAO,eAAe,CAAC;AAMvB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAC3C,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAsC7B,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { TextureTypes } from '../../../types/PoiTypes';
+import './styles.scss';
+type Props = {
+    textures: TextureTypes[];
+    selectedIndex: number;
+    displayed: boolean;
+    imgEls: HTMLCollectionOf<HTMLImageElement>;
+    onClick: (index: number) => void;
+};
+declare const SemicircleMenu: FC<Props>;
+export default SemicircleMenu;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SkinLayer/PoiTextureOptions/SemicircleMenu/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAIvD,OAAO,eAAe,CAAC;AAIvB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAC3C,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAsC7B,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,15 @@
+import { CSSProperties, FC } from 'react';
+import './styles.scss';
+type Props = {
+    imgEl: HTMLImageElement;
+    caption: string;
+    activated: boolean;
+    displayed?: boolean;
+    delay?: number;
+    style?: CSSProperties;
+    onClick: () => void;
+    captionStyle?: CSSProperties;
+};
+declare const TextureMenuItem: FC<Props>;
+export default TextureMenuItem;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SkinLayer/PoiTextureOptions/TextureMenuItem/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,eAAe,CAAC;AAEvB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,gBAAgB,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CAuB9B,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { TextureTypes } from '../../../types/PoiTypes';
+import './styles.scss';
+type Props = {
+    textures: TextureTypes[];
+    selectedIndex: number;
+    displayed: boolean;
+    imgEls: HTMLCollectionOf<HTMLImageElement>;
+    onClick: (index: number) => void;
+};
+declare const VerticalMenu: FC<Props>;
+export default VerticalMenu;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SkinLayer/PoiTextureOptions/VerticalMenu/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAIvD,OAAO,eAAe,CAAC;AAMvB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAC3C,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CAsC3B,CAAC;AAEF,eAAe,YAAY,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/Visualizer/useTourVisualizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTourVisualizer.d.ts","sourceRoot":"","sources":["../../../src/hooks/Visualizer/useTourVisualizer.ts"],"names":[],"mappings":"AAoBA,QAAA,MAAM,iBAAiB,YAgiBtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"useTourVisualizer.d.ts","sourceRoot":"","sources":["../../../src/hooks/Visualizer/useTourVisualizer.ts"],"names":[],"mappings":"AAoBA,QAAA,MAAM,iBAAiB,YAmiBtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/index.html

@@ -1,68 +1,64 @@
-<!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>
-    <script type="module">
-      import ShowroomVisualizer from 'http://localhost:3000/web.js';
-
-      ShowroomVisualizer.initVisualizer({
-        apiHost: 'https://ci-api.clik.vn/vt360',
-        webRotateHost: 'https://ci-webrotate360-client.clik.vn',
-        config: {
-          tourCode: 'TOUR_7YUL2ALGFL94',
-          language: 'VI',
-        },
-        listeners: {
-          onLoaded: (tool) => {
-            window.tool = tool;
-          },
-        },
-        mobile: false,
-      });
-    </script>
-    <style>
-      .toggle-btn {
-        position: fixed;
-        top: 20px;
-        right: 20px;
-        z-index: 9999;
-        padding: 10px 15px;
-        background: #3585f7;
-        color: white;
-        border: none;
-        border-radius: 5px;
-        cursor: pointer;
-        font-family: 'Be Vietnam Pro', sans-serif;
-        font-size: 14px;
-        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-        transition: background 0.3s ease;
-      }
-      .toggle-btn:hover {
-        background: #2574e6;
-      }
-    </style>
-  </head>
-  <body>
-    <button class="toggle-btn" onclick="toggleWidth()">Toggle Width</button>
-    <div id="container" style="width: 80vw; height: 100vh; overflow: hidden">
-      <showroom-visualizer></showroom-visualizer>
+</head>
+<body>
+<div class="flex h-screen w-screen">
+    <!--    <div class="h-full" style="width: 72px"></div>-->
+    <div class="h-full" style="width: /*calc(100% - 462px);*/ 100%;">
+        <div class="h-full w-full relative">
+            <showroom-visualizer></showroom-visualizer>
+        </div>
     </div>
-    <script>
-      function toggleWidth() {
-        const container = document.getElementById('container');
-        const currentWidth = container.style.width;
+    <!--    <div class="h-full" style="width: 390px"></div>-->
+</div>
+<script type="module">
+  import ShowroomVisualizer from 'http://localhost:3000/web.js';
 
-        if (currentWidth === '80vw') {
-          container.style.width = '100vw';
-        } else {
-          container.style.width = '80vw';
-        }
+  ShowroomVisualizer.initVisualizer({
+    apiHost: 'https://ci-api.clik.vn/vt360',
+    webRotateApiHost: 'https://ci-api.clik.vn/cms',
+    webRotateClientHost: 'https://ci-webrotate360-client.clik.vn',
+    config: {
+      tourCode: 'TOUR_KUFGDEPDTJA4',
+      // tourCode: 'TOUR_FXYCEN7ZZVW6',
+      // tourCode: 'TOUR_GEVEXLWNPT74',
+      language: 'VI',
+      // startScene: 'scene_kr3rgeezzvw6',
+      // hLookAt: -254,
+      // vLookAt: 1
+      // startScene: 'SCENE_KNLRAKUHFL94',
+      // hLookAt: -54.11884505373274,
+      // vLookAt: -9.111287009391969
+    },
+    listeners: {
+      onSceneCompleted: (...args) => {
+        console.log('onSceneCompleted', args);
+      },
+      onLoaded: tool => {
+        window.tool = tool;
+      },
+      onPoiClicked: (poi) => {
+        console.log('onPoiClicked', poi);
+      },
+      onStartScenario: (code) => {
+        console.log('onStartScenario', code);
+      },
+      onScenarioPaused: (code) => {
+        console.log('onScenarioPaused', code);
+      },
+      onScenarioEnded: (code) => {
+        console.log('onScenarioEnded', code);
       }
-    </script>
-  </body>
-</html>
+    },
+    mobile: false,
+  });
+</script>
+</body>
+</html>

package/dist/models/Visualizer/Tour.d.ts

@@ -40,7 +40,7 @@ declare class Tour {
     private showLabel;
     private zoomable;
     private metadata?;
-    private activeMarkerColor;
+    private markerActiveColor;
     private mwheel;
     private allPoiVisible;
     private singleClick;

package/dist/types/Visualizer/tour.type.d.ts

@@ -36,7 +36,7 @@ export interface TourType {
     allPoiVisible: boolean;
     singleClick: string;
     markerColor: string;
-    activeMarkerColor: string;
+    markerActiveColor: string;
     allowScreenshot: boolean;
     language: string;
     autoplayOnStart: boolean;