@clikvn/showroom-visualizer 0.1.16-dev → 0.1.18-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.
Files changed (80) hide show
  1. package/.idea/inspectionProfiles/Project_Default.xml +36 -0
  2. package/.idea/jsLinters/eslint.xml +7 -0
  3. package/.idea/misc.xml +9 -0
  4. package/.idea/modules.xml +8 -0
  5. package/.idea/prettier.xml +8 -0
  6. package/.idea/showroom-visualizer.iml +9 -0
  7. package/.idea/vcs.xml +6 -0
  8. package/dist/commons/SkinLayer/components/CardItemGroup/Item.d.ts.map +1 -1
  9. package/dist/components/SkinLayer/GalleryFullScreen/Content/ARViewer.d.ts +30 -0
  10. package/dist/components/SkinLayer/GalleryFullScreen/Content/ARViewer.d.ts.map +1 -0
  11. package/dist/components/SkinLayer/GalleryFullScreen/Content/index.d.ts.map +1 -1
  12. package/dist/components/SkinLayer/ModalItemInfo/Description.d.ts +10 -0
  13. package/dist/components/SkinLayer/ModalItemInfo/Description.d.ts.map +1 -0
  14. package/dist/components/SkinLayer/ModalItemInfo/Intro.d.ts +9 -0
  15. package/dist/components/SkinLayer/ModalItemInfo/Intro.d.ts.map +1 -0
  16. package/dist/components/SkinLayer/ModalItemInfo/Media.d.ts +13 -0
  17. package/dist/components/SkinLayer/ModalItemInfo/Media.d.ts.map +1 -0
  18. package/dist/components/SkinLayer/ModalItemInfo/index.d.ts +10 -0
  19. package/dist/components/SkinLayer/ModalItemInfo/index.d.ts.map +1 -0
  20. package/dist/components/SkinLayer/PlayAll/index.d.ts +8 -0
  21. package/dist/components/SkinLayer/PlayAll/index.d.ts.map +1 -0
  22. package/dist/components/SkinLayer/PoiTextureOptions/HorizontalMenu/index.d.ts +13 -0
  23. package/dist/components/SkinLayer/PoiTextureOptions/HorizontalMenu/index.d.ts.map +1 -0
  24. package/dist/components/SkinLayer/PoiTextureOptions/SemicircleMenu/index.d.ts +13 -0
  25. package/dist/components/SkinLayer/PoiTextureOptions/SemicircleMenu/index.d.ts.map +1 -0
  26. package/dist/components/SkinLayer/PoiTextureOptions/TextureMenuItem/index.d.ts +15 -0
  27. package/dist/components/SkinLayer/PoiTextureOptions/TextureMenuItem/index.d.ts.map +1 -0
  28. package/dist/components/SkinLayer/PoiTextureOptions/VerticalMenu/index.d.ts +13 -0
  29. package/dist/components/SkinLayer/PoiTextureOptions/VerticalMenu/index.d.ts.map +1 -0
  30. package/dist/context/StoreContext.d.ts +5 -0
  31. package/dist/context/StoreContext.d.ts.map +1 -0
  32. package/dist/features/ShowroomVisualizer/Scripts.d.ts +4 -0
  33. package/dist/features/ShowroomVisualizer/Scripts.d.ts.map +1 -0
  34. package/dist/features/ShowroomVisualizer/TourContainer.d.ts +9 -0
  35. package/dist/features/ShowroomVisualizer/TourContainer.d.ts.map +1 -0
  36. package/dist/features/ShowroomVisualizer/Tours.d.ts +3 -0
  37. package/dist/features/ShowroomVisualizer/Tours.d.ts.map +1 -0
  38. package/dist/features/ShowroomVisualizer/index.d.ts.map +1 -1
  39. package/dist/hooks/Visualizer/reducer.d.ts +116 -0
  40. package/dist/hooks/Visualizer/reducer.d.ts.map +1 -0
  41. package/dist/index.html +95 -67
  42. package/dist/models/Visualizer/Poi/PoiMoving.d.ts.map +1 -1
  43. package/dist/web.js +1 -1
  44. package/package.json +1 -1
  45. package/dist/components/SkinLayer/PoiDetailSlideIn/GalleryProduct.d.ts +0 -9
  46. package/dist/components/SkinLayer/PoiDetailSlideIn/GalleryProduct.d.ts.map +0 -1
  47. package/dist/components/SkinLayer/PoiDetailSlideIn/Tabs.d.ts +0 -28
  48. package/dist/components/SkinLayer/PoiDetailSlideIn/Tabs.d.ts.map +0 -1
  49. package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent/GalleryProduct.d.ts +0 -9
  50. package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent/GalleryProduct.d.ts.map +0 -1
  51. package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent/TabsContent.d.ts +0 -9
  52. package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent/TabsContent.d.ts.map +0 -1
  53. package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent.d.ts +0 -9
  54. package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent.d.ts.map +0 -1
  55. package/dist/components/SkinLayer/PoiDetailSlideIn/gallery.d.ts +0 -9
  56. package/dist/components/SkinLayer/PoiDetailSlideIn/gallery.d.ts.map +0 -1
  57. package/dist/components/SkinLayer/PoiDetailSlideIn/group-action-button.d.ts +0 -14
  58. package/dist/components/SkinLayer/PoiDetailSlideIn/group-action-button.d.ts.map +0 -1
  59. package/dist/components/SkinLayer/PoiDetailSlideIn/header.d.ts +0 -12
  60. package/dist/components/SkinLayer/PoiDetailSlideIn/header.d.ts.map +0 -1
  61. package/dist/components/SkinLayer/PoiDetailSlideIn/rating.d.ts +0 -7
  62. package/dist/components/SkinLayer/PoiDetailSlideIn/rating.d.ts.map +0 -1
  63. package/dist/components/SkinLayer/RightPanel/index.d.ts +0 -2
  64. package/dist/components/SkinLayer/RightPanel/index.d.ts.map +0 -1
  65. package/dist/constants/Visualizer/fallback-images.d.ts +0 -27
  66. package/dist/constants/Visualizer/fallback-images.d.ts.map +0 -1
  67. package/dist/utils/Visualizer/asset.utils.d.ts +0 -19
  68. package/dist/utils/Visualizer/asset.utils.d.ts.map +0 -1
  69. package/dist/utils/Visualizer/cors-bypass.utils.d.ts +0 -16
  70. package/dist/utils/Visualizer/cors-bypass.utils.d.ts.map +0 -1
  71. package/dist/utils/Visualizer/cors-proxy.d.ts +0 -8
  72. package/dist/utils/Visualizer/cors-proxy.d.ts.map +0 -1
  73. package/dist/utils/Visualizer/cors-test.d.ts +0 -12
  74. package/dist/utils/Visualizer/cors-test.d.ts.map +0 -1
  75. package/dist/utils/Visualizer/global-cors-handler.d.ts +0 -13
  76. package/dist/utils/Visualizer/global-cors-handler.d.ts.map +0 -1
  77. package/dist/utils/Visualizer/no-cors-fetch.d.ts +0 -20
  78. package/dist/utils/Visualizer/no-cors-fetch.d.ts.map +0 -1
  79. package/dist/utils/Visualizer/simple-cors-handler.d.ts +0 -9
  80. package/dist/utils/Visualizer/simple-cors-handler.d.ts.map +0 -1
package/dist/index.html CHANGED
@@ -1,74 +1,102 @@
1
- <!doctype html>
1
+ <!DOCTYPE html>
2
2
  <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
3
+ <head>
4
+ <meta charset="UTF-8">
5
5
  <meta
6
- name="viewport"
7
- content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
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
- <script type="module">
11
- import ShowroomVisualizer from 'http://localhost:3000/web.js';
12
-
13
- ShowroomVisualizer.initVisualizer({
14
- apiHost: 'https://ci-api.clik.vn/vt360',
15
- webRotateClientHost: 'https://ci-webrotate360-client.clik.vn',
16
- config: {
17
- tourCode: 'TOUR_KUFGDEPDTJA4',
18
- language: 'EN',
19
- },
20
- listeners: {
21
- onLoaded: (tool) => {
22
- window.tool = tool;
23
- },
24
- onPinActionClicked: (key) => {
25
- console.log('onPinActionClicked', key);
26
- },
27
- onAIProductClicked: (poi) => {
28
- console.log('onPoiClicked', poi);
29
- },
30
- },
31
- mobile: false,
32
- });
33
- </script>
34
- <style>
35
- .toggle-btn {
36
- position: fixed;
37
- top: 20px;
38
- right: 20px;
39
- z-index: 9999;
40
- padding: 10px 15px;
41
- background: #3585f7;
42
- color: white;
43
- border: none;
44
- border-radius: 5px;
45
- cursor: pointer;
46
- font-family: 'Be Vietnam Pro', sans-serif;
47
- font-size: 14px;
48
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
49
- transition: background 0.3s ease;
50
- }
51
- .toggle-btn:hover {
52
- background: #2574e6;
53
- }
54
- </style>
55
- </head>
56
- <body>
57
- <button class="toggle-btn" onclick="toggleWidth()">Toggle Width</button>
58
- <div id="container" style="width: 100vw; height: 100vh; overflow: hidden">
59
- <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>
60
18
  </div>
61
- <script>
62
- function toggleWidth() {
63
- const container = document.getElementById('container');
64
- const currentWidth = container.style.width;
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
+ language: 'VI',
31
+ tourCode: 'TOUR_FXYCEN7ZZVW6',
32
+
33
+ // startScene: 'scene_kr3rgeezzvw6',
34
+ // hLookAt: -254,
35
+ // vLookAt: 1
36
+ // tourCode: 'TOUR_GEVEXLWNPT74',
37
+ // tourCode: 'TOUR_7YUL2ALGFL94',
38
+ // tourCode: 'TOUR_KUFGDEPDTJA4',
39
+ // startScene: 'SCENE_KNLRAKUHFL94',
40
+ // hLookAt: -54.11884505373274,
41
+ // vLookAt: -9.111287009391969
42
+
43
+ // tourCode: 'tour_7a6hchjljga4'.toUpperCase(),
44
+
45
+ // tourCode: 'TOUR_ZJMHKMJEACAH',
46
+ // startScene: 'SCENE_LVN4DLUFACAH',
47
+ // hLookAt: -179.145,
48
+ // vLookAt: 11.597,
65
49
 
66
- if (currentWidth === '80vw') {
67
- container.style.width = '100vw';
68
- } else {
69
- container.style.width = '80vw';
70
- }
50
+ // tourCode: 'tour_7yul2algfl94'.toUpperCase(),
51
+ // startScene: 'scene_vrz9v2uhfl94'.toUpperCase(),
52
+ // hLookAt: -87,
53
+ // vLookAt: 9,
54
+ // hotspot: 'item27getn2d2m94'.toUpperCase(),
55
+ },
56
+ listeners: {
57
+ onTourSwitchLoaded: (tool) => {
58
+ window.switchTour = tool.switchTour;
59
+ },
60
+ onSceneCompleted: (...args) => {
61
+ // console.log('onSceneCompleted', args);
62
+ },
63
+ onLoaded: tool => {
64
+ // console.log('TOOL_LOADED')
65
+ window.tool = tool;
66
+ },
67
+ onPoiClicked: (poi) => {
68
+ console.log('onPoiClicked', poi);
69
+ },
70
+ onPoiOut: () => {
71
+ // console.log('onPoiOut');
72
+ },
73
+ onPoiOver: (poi) => {
74
+ console.log('onPoiOver', poi);
75
+ },
76
+ onPoiInCenter: (poi) => {
77
+ // console.log('onPoiInCenter', poi);
78
+ },
79
+ onStartScenario: (code) => {
80
+ // console.log('onStartScenario', code);
81
+ },
82
+ onScenarioPaused: (code) => {
83
+ // console.log('onScenarioPaused', code);
84
+ },
85
+ onScenarioEnded: (code) => {
86
+ // console.log('onScenarioEnded', code);
87
+ },
88
+ onChanged: (args) => {
89
+ console.log('onChanged', args);
90
+ },
91
+ onStartLoadingTour: (code) => {
92
+ // console.log('onStartLoadingTour', code);
93
+ },
94
+ onFinishedLoadingTour: (code) => {
95
+ // console.log('onFinishedLoadingTour', code);
71
96
  }
72
- </script>
73
- </body>
74
- </html>
97
+ },
98
+ mobile: false
99
+ });
100
+ </script>
101
+ </body>
102
+ </html>
@@ -1 +1 @@
1
- {"version":3,"file":"PoiMoving.d.ts","sourceRoot":"","sources":["../../../../src/models/Visualizer/Poi/PoiMoving.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,aAAa,EAAW,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAWjE,OAAO,GAAG,MAAM,OAAO,CAAC;AAExB,cAAM,SAAU,SAAQ,GAAG;IAClB,WAAW,EAAE,SAAS,GAAG,SAAS,CAAC;IACnC,eAAe,EAAE,aAAa,GAAG,SAAS,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAM;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACJ,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;gBAEb,KAAK,EAAE,aAAa;IAuChC,aAAa;IAgBb,OAAO;IA0BP,MAAM;IASN,KAAK;IASL,OAAO;IAOP,WAAW,CAAC,KAAK,UAAQ,EAAE,KAAK,GAAE,OAAe;IAWjD,SAAS;IAcT,SAAS;IAYT,gBAAgB,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO;IAOpD,WAAW,CAAC,KAAK,EAAE,MAAM;IAgBzB,WAAW;IAIX,cAAc,CAAC,IAAI,EAAE,OAAO;IAO5B,eAAe;IAWf,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;IAsD/C,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;IAU1C,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI;IA4C1C,gBAAgB;IAKhB,eAAe;IAKf,gBAAgB;IAQhB,gBAAgB,IAAI;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;IAWhD,cAAc,QAAO,QAAQ,CAG3B;IAEF,UAAU;CAGX;AAED,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"PoiMoving.d.ts","sourceRoot":"","sources":["../../../../src/models/Visualizer/Poi/PoiMoving.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,aAAa,EAAW,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAWjE,OAAO,GAAG,MAAM,OAAO,CAAC;AAExB,cAAM,SAAU,SAAQ,GAAG;IAClB,WAAW,EAAE,SAAS,GAAG,SAAS,CAAC;IACnC,eAAe,EAAE,aAAa,GAAG,SAAS,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAM;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACJ,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;gBAEb,KAAK,EAAE,aAAa;IAuChC,aAAa;IAgBb,OAAO;IA0BP,MAAM;IASN,KAAK;IASL,OAAO;IAOP,WAAW,CAAC,KAAK,UAAQ,EAAE,KAAK,GAAE,OAAe;IAWjD,SAAS;IAcT,SAAS;IAYT,gBAAgB,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO;IAOpD,WAAW,CAAC,KAAK,EAAE,MAAM;IAgBzB,WAAW;IAIX,cAAc,CAAC,IAAI,EAAE,OAAO;IAO5B,eAAe;IAWf,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;IAuD/C,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;IAU1C,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI;IA4C1C,gBAAgB;IAKhB,eAAe;IAKf,gBAAgB;IAQhB,gBAAgB,IAAI;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;IAWhD,cAAc,QAAO,QAAQ,CAG3B;IAEF,UAAU;CAGX;AAED,eAAe,SAAS,CAAC"}