@clikvn/showroom-visualizer 0.5.1-dev-01 → 0.5.1-dev-02

package/dist/hooks/SkinLayer/useAutoPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoPlayer.d.ts","sourceRoot":"","sources":["../../../src/hooks/SkinLayer/useAutoPlayer.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa,YAuKlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"useAutoPlayer.d.ts","sourceRoot":"","sources":["../../../src/hooks/SkinLayer/useAutoPlayer.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa,YAmLlB,CAAC;AAEF,eAAe,aAAa,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/index.html

@@ -1,36 +1,110 @@
-<!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: 'http://localhost:8084/vt360',
-        webRotateHost: 'https://ci-webrotate360-client.clik.vn',
-        config: {
-          tourCode: "TOUR_KZCGAU2ZT7K7",
-          language: 'VI',
-        },
-        onLoaded: (tool) => {
-          window.tool = tool;
-        },
-        mobile: false,
-        listeners: {
-          onToggleFavorite: (productCode) =>
-            console.log('productCode', productCode),
-        },
-      });
-    </script>
-  </head>
-  <body>
-    <div style="width: 100vw; 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>
-  </body>
-</html>
+    <!--    <div class="h-full" style="width: 390px"></div>-->
+</div>
+<script type="module">
+  // import ShowroomVisualizer from 'https://85f81d7dc992.ngrok-free.app/web.js';
+  import ShowroomVisualizer from 'http://localhost:3000/web.js';
+
+  ShowroomVisualizer.initVisualizer({
+    apiHost: 'https://api.clik.vn/vt360',
+    webRotateApiHost: 'https://api.clik.vn/cms',
+    webRotateClientHost: 'https://webrotate360-client.clik.vn',
+    config: {
+      language: 'VI',
+      // tourCode: 'TOUR_FXYCEN7ZZVW6',
+
+      // startScene: 'scene_kr3rgeezzvw6',
+      // hLookAt: -254,
+      // vLookAt: 1
+      // tourCode: 'TOUR_GEVEXLWNPT74',
+      // tourCode: 'TOUR_7YUL2ALGFL94',
+      // tourCode: 'TOUR_KUFGDEPDTJA4',
+      // hLookAt: 10,
+      // vLookAt: 28,
+      // startScene: 'SCENE_KNLRAKUHFL94',
+      // hLookAt: -54.11884505373274,
+      // vLookAt: -9.111287009391969
+
+      // tourCode: 'tour_7a6hchjljga4'.toUpperCase(),
+
+      // tourCode: 'TOUR_ZJMHKMJEACAH',
+      // startScene: 'SCENE_LVN4DLUFACAH',
+      // hLookAt: -179.145,
+      // vLookAt: 11.597,
+
+      // tourCode: 'tour_7yul2algfl94'.toUpperCase(),
+      // startScene: 'scene_vrz9v2uhfl94'.toUpperCase(),
+      // hLookAt: -87,
+      // vLookAt: 9,
+      // hotspot: 'item27getn2d2m94'.toUpperCase(),
+
+      tourCode: 'TOUR_ZJMHKMJEACAH',
+      startScene: 'scene_fkyyw9mznznh'.toUpperCase(),
+    },
+    listeners: {
+      onTourSwitchLoaded: (tool) => {
+        window.switchTour = tool.switchTour;
+      },
+      onSceneCompleted: (...args) => {
+        // console.log('onSceneCompleted', args);
+      },
+      onLoaded: tool => {
+        // console.log('TOOL_LOADED')
+        window.tool = tool;
+      },
+      onPoiClicked: (poi) => {
+        console.log('onPoiClicked', poi);
+      },
+      onPoiOut: () => {
+        // console.log('onPoiOut');
+      },
+      onPoiOver: (poi) => {
+        console.log('onPoiOver', poi);
+      },
+      onPoiInCenter: (poi) => {
+        // console.log('onPoiInCenter', poi);
+      },
+      onStartScenario: (code) => {
+        // console.log('onStartScenario', code);
+      },
+      onScenarioPaused: (code) => {
+        // console.log('onScenarioPaused', code);
+      },
+      onScenarioEnded: (code) => {
+        // console.log('onScenarioEnded', code);
+      },
+      onChanged: (args) => {
+        console.log('onChanged', args);
+      },
+      onStartLoadingTour: (code) => {
+        // console.log('onStartLoadingTour', code);
+      },
+      onFinishedLoadingTour: (code) => {
+        // console.log('onFinishedLoadingTour', code);
+      },
+      onStateChanged: (changes) => {
+        // console.log('changes', changes);
+      }
+    },
+    mobile: true
+  });
+</script>
+</body>
+</html>