@clikvn/showroom-visualizer 0.2.2-dev-10 → 0.2.2-dev-12

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 (71) 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/DEVELOPMENT.md +120 -120
  9. package/EXAMPLES.md +967 -967
  10. package/README.md +139 -139
  11. package/SETUP_COMPLETE.md +149 -149
  12. package/dist/components/SkinLayer/Drawer/PoiHeader/index.d.ts +16 -0
  13. package/dist/components/SkinLayer/Drawer/PoiHeader/index.d.ts.map +1 -0
  14. package/dist/components/SkinLayer/Drawer/index.d.ts +29 -0
  15. package/dist/components/SkinLayer/Drawer/index.d.ts.map +1 -0
  16. package/dist/components/SkinLayer/GalleryFullScreen/Content/ARViewer.d.ts +30 -0
  17. package/dist/components/SkinLayer/GalleryFullScreen/Content/ARViewer.d.ts.map +1 -0
  18. package/dist/components/SkinLayer/ModalItemInfo/Description.d.ts +10 -0
  19. package/dist/components/SkinLayer/ModalItemInfo/Description.d.ts.map +1 -0
  20. package/dist/components/SkinLayer/ModalItemInfo/Intro.d.ts +9 -0
  21. package/dist/components/SkinLayer/ModalItemInfo/Intro.d.ts.map +1 -0
  22. package/dist/components/SkinLayer/ModalItemInfo/Media.d.ts +13 -0
  23. package/dist/components/SkinLayer/ModalItemInfo/Media.d.ts.map +1 -0
  24. package/dist/components/SkinLayer/ModalItemInfo/index.d.ts +10 -0
  25. package/dist/components/SkinLayer/ModalItemInfo/index.d.ts.map +1 -0
  26. package/dist/components/SkinLayer/PlayAll/index.d.ts +8 -0
  27. package/dist/components/SkinLayer/PlayAll/index.d.ts.map +1 -0
  28. package/dist/components/SkinLayer/PoiTextureOptions/HorizontalMenu/index.d.ts +13 -0
  29. package/dist/components/SkinLayer/PoiTextureOptions/HorizontalMenu/index.d.ts.map +1 -0
  30. package/dist/components/SkinLayer/PoiTextureOptions/SemicircleMenu/index.d.ts +13 -0
  31. package/dist/components/SkinLayer/PoiTextureOptions/SemicircleMenu/index.d.ts.map +1 -0
  32. package/dist/components/SkinLayer/PoiTextureOptions/TextureMenuItem/index.d.ts +15 -0
  33. package/dist/components/SkinLayer/PoiTextureOptions/TextureMenuItem/index.d.ts.map +1 -0
  34. package/dist/components/SkinLayer/PoiTextureOptions/VerticalMenu/index.d.ts +13 -0
  35. package/dist/components/SkinLayer/PoiTextureOptions/VerticalMenu/index.d.ts.map +1 -0
  36. package/dist/context/StoreContext.d.ts +5 -0
  37. package/dist/context/StoreContext.d.ts.map +1 -0
  38. package/dist/features/ShowroomVisualizer/Scripts.d.ts +4 -0
  39. package/dist/features/ShowroomVisualizer/Scripts.d.ts.map +1 -0
  40. package/dist/features/ShowroomVisualizer/TourContainer.d.ts +9 -0
  41. package/dist/features/ShowroomVisualizer/TourContainer.d.ts.map +1 -0
  42. package/dist/features/ShowroomVisualizer/Tours.d.ts +3 -0
  43. package/dist/features/ShowroomVisualizer/Tours.d.ts.map +1 -0
  44. package/dist/features/VirtualTourVisualizer/index.d.ts +20 -0
  45. package/dist/features/VirtualTourVisualizer/index.d.ts.map +1 -0
  46. package/dist/features/VirtualTourVisualizerUI/index.d.ts +17 -0
  47. package/dist/features/VirtualTourVisualizerUI/index.d.ts.map +1 -0
  48. package/dist/hooks/Visualizer/reducer.d.ts +116 -0
  49. package/dist/hooks/Visualizer/reducer.d.ts.map +1 -0
  50. package/dist/index.html +95 -95
  51. package/dist/index.js +1 -1
  52. package/dist/web.js +1 -1
  53. package/example/CSS_HANDLING.md +141 -141
  54. package/example/FIXES_SUMMARY.md +121 -121
  55. package/example/PATH_ALIASES.md +103 -103
  56. package/example/README.md +64 -64
  57. package/example/index.html +13 -13
  58. package/example/package.json +25 -25
  59. package/example/postcss.config.cjs +5 -5
  60. package/example/tailwind.config.cjs +12 -12
  61. package/example/tsconfig.node.json +12 -12
  62. package/example/vite.config.ts +125 -125
  63. package/package.json +132 -132
  64. package/rollup.config.js +66 -3
  65. package/.claude/settings.local.json +0 -19
  66. package/dist/context/SwizzleContext.d.ts +0 -21
  67. package/dist/context/SwizzleContext.d.ts.map +0 -1
  68. package/dist/types/swizzle.d.ts +0 -59
  69. package/dist/types/swizzle.d.ts.map +0 -1
  70. /package/dist/features/ShowroomVisualizer/{CssStyles.d.ts → cssStyles.d.ts} +0 -0
  71. /package/dist/features/ShowroomVisualizer/{CssStyles.d.ts.map → cssStyles.d.ts.map} +0 -0
@@ -0,0 +1,9 @@
1
+ import { FC } from 'react';
2
+ import { ItemInfoType } from '../../../types/Visualizer';
3
+ type ModalItemInfoIntroPropsTypes = {
4
+ product: ItemInfoType;
5
+ collectionIdx: number;
6
+ };
7
+ export declare const ModalItemInfoIntro: FC<ModalItemInfoIntroPropsTypes>;
8
+ export {};
9
+ //# sourceMappingURL=Intro.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Intro.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/ModalItemInfo/Intro.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAMzD,KAAK,4BAA4B,GAAG;IAClC,OAAO,EAAE,YAAY,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,4BAA4B,CA8C/D,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { FC } from 'react';
2
+ import { ItemInfoType } from '../../../types/Visualizer';
3
+ type ModalItemInfoBrandMediaPropsTypes = {
4
+ product: ItemInfoType;
5
+ };
6
+ interface ModalItemInfoMediaPropsTypes extends ModalItemInfoBrandMediaPropsTypes {
7
+ collectionIdx: number;
8
+ selectedMediaIdx: number;
9
+ setSelectedMediaIdx: (val: number) => void;
10
+ }
11
+ export declare const ModalItemInfoMedia: FC<ModalItemInfoMediaPropsTypes>;
12
+ export {};
13
+ //# sourceMappingURL=Media.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Media.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/ModalItemInfo/Media.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAU,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,KAAK,iCAAiC,GAAG;IACvC,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC;AAuBF,UAAU,4BACR,SAAQ,iCAAiC;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,4BAA4B,CA8K/D,CAAC"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ type ModalItemInfoPropsTypes = {
3
+ wrapClassName?: string;
4
+ className?: string;
5
+ mask?: boolean;
6
+ betaLayout?: boolean;
7
+ };
8
+ declare const ModalItemInfoMemo: React.NamedExoticComponent<ModalItemInfoPropsTypes>;
9
+ export { ModalItemInfoMemo as ModalItemInfo };
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/ModalItemInfo/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAkBzE,KAAK,uBAAuB,GAAG;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAqLF,QAAA,MAAM,iBAAiB,qDAAsB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,IAAI,aAAa,EAAE,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { FC } from 'react';
2
+ export type PlayAllPropsType = {
3
+ onClickAutoPlay?: () => void;
4
+ loading?: boolean;
5
+ };
6
+ declare const PlayAll: FC<PlayAllPropsType>;
7
+ export default PlayAll;
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PlayAll/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,gBAAgB,CAoCjC,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { FC } from 'react';
2
+ import { TextureTypes } from '../../../types/PoiTypes';
3
+ import './styles.scss';
4
+ type Props = {
5
+ textures: TextureTypes[];
6
+ selectedIndex: number;
7
+ displayed: boolean;
8
+ imgEls: HTMLCollectionOf<HTMLImageElement>;
9
+ onClick: (index: number) => void;
10
+ };
11
+ declare const HorizontalMenu: FC<Props>;
12
+ export default HorizontalMenu;
13
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,13 @@
1
+ import { FC } from 'react';
2
+ import { TextureTypes } from '../../../types/PoiTypes';
3
+ import './styles.scss';
4
+ type Props = {
5
+ textures: TextureTypes[];
6
+ selectedIndex: number;
7
+ displayed: boolean;
8
+ imgEls: HTMLCollectionOf<HTMLImageElement>;
9
+ onClick: (index: number) => void;
10
+ };
11
+ declare const SemicircleMenu: FC<Props>;
12
+ export default SemicircleMenu;
13
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,15 @@
1
+ import { CSSProperties, FC } from 'react';
2
+ import './styles.scss';
3
+ type Props = {
4
+ imgEl: HTMLImageElement;
5
+ caption: string;
6
+ activated: boolean;
7
+ displayed?: boolean;
8
+ delay?: number;
9
+ style?: CSSProperties;
10
+ onClick: () => void;
11
+ captionStyle?: CSSProperties;
12
+ };
13
+ declare const TextureMenuItem: FC<Props>;
14
+ export default TextureMenuItem;
15
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,13 @@
1
+ import { FC } from 'react';
2
+ import { TextureTypes } from '../../../types/PoiTypes';
3
+ import './styles.scss';
4
+ type Props = {
5
+ textures: TextureTypes[];
6
+ selectedIndex: number;
7
+ displayed: boolean;
8
+ imgEls: HTMLCollectionOf<HTMLImageElement>;
9
+ onClick: (index: number) => void;
10
+ };
11
+ declare const VerticalMenu: FC<Props>;
12
+ export default VerticalMenu;
13
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { StoreData } from '../types/SkinLayer';
3
+ declare const StoreContext: React.Context<StoreData | null>;
4
+ export default StoreContext;
5
+ //# sourceMappingURL=StoreContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StoreContext.d.ts","sourceRoot":"","sources":["../../src/context/StoreContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,QAAA,MAAM,YAAY,iCAA8C,CAAC;AAEjE,eAAe,YAAY,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ declare const Scripts: FC;
3
+ export default Scripts;
4
+ //# sourceMappingURL=Scripts.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Scripts.d.ts","sourceRoot":"","sources":["../../../src/features/ShowroomVisualizer/Scripts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAKtC,QAAA,MAAM,OAAO,EAAE,EAOd,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { FC } from 'react';
2
+ type Props = {
3
+ mobile: boolean;
4
+ loaded: boolean;
5
+ code: string;
6
+ };
7
+ declare const TourContainer: FC<Props>;
8
+ export default TourContainer;
9
+ //# sourceMappingURL=TourContainer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TourContainer.d.ts","sourceRoot":"","sources":["../../../src/features/ShowroomVisualizer/TourContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAS5B,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+ export declare const Tours: FC;
3
+ //# sourceMappingURL=Tours.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tours.d.ts","sourceRoot":"","sources":["../../../src/features/ShowroomVisualizer/Tours.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,eAAO,MAAM,KAAK,EAAE,EAEnB,CAAC"}
@@ -0,0 +1,20 @@
1
+ import { FC } from 'react';
2
+ import Poi from '../../models/Visualizer/Poi/Poi';
3
+ import Tour from '../../models/Visualizer/Tour';
4
+ type VirtualTourVisualizerProps = {
5
+ elementId?: string;
6
+ apiHost?: string;
7
+ config?: {
8
+ tourCode?: string;
9
+ language?: string;
10
+ startScene?: string;
11
+ hLookAt?: number;
12
+ vLookAt?: number;
13
+ } & Record<string, unknown>;
14
+ onTourLoaded?: (tour: Tour) => void;
15
+ onPoiClicked?: (poi?: Poi) => void;
16
+ onPinActionClicked?: (key: string) => void;
17
+ };
18
+ declare const VirtualTourVisualizer: FC<VirtualTourVisualizerProps>;
19
+ export default VirtualTourVisualizer;
20
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/VirtualTourVisualizer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,GAAG,MAAM,iCAAiC,CAAC;AAClD,OAAO,IAAI,MAAM,8BAA8B,CAAC;AAEhD,KAAK,0BAA0B,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,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;KAClB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AACF,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAmBzD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
@@ -0,0 +1,17 @@
1
+ import { FC } from 'react';
2
+ type VirtualTourVisualizerProps = {
3
+ elementId?: string;
4
+ apiHost?: string;
5
+ mobile: boolean;
6
+ config?: {
7
+ tourCode?: string;
8
+ language?: string;
9
+ startScene?: string;
10
+ hLookAt?: number;
11
+ vLookAt?: number;
12
+ } & Record<string, unknown>;
13
+ tourLoaded?: boolean;
14
+ };
15
+ declare const VirtualTourVisualizerUI: FC<VirtualTourVisualizerProps>;
16
+ export default VirtualTourVisualizerUI;
17
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/VirtualTourVisualizerUI/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,KAAK,0BAA0B,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,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;KAClB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AACF,QAAA,MAAM,uBAAuB,EAAE,EAAE,CAAC,0BAA0B,CAoB3D,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
@@ -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"}
package/dist/index.html CHANGED
@@ -1,107 +1,107 @@
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
- </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%">
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
15
  <div class="h-full w-full relative">
16
- <showroom-visualizer></showroom-visualizer>
16
+ <showroom-visualizer></showroom-visualizer>
17
17
  </div>
18
- </div>
19
- <!-- <div class="h-full" style="width: 390px"></div>-->
20
18
  </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';
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
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',
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
32
 
33
- // startScene: 'scene_kr3rgeezzvw6',
34
- // hLookAt: -254,
35
- // vLookAt: 1
36
- // tourCode: 'TOUR_GEVEXLWNPT74',
37
- // tourCode: 'TOUR_7YUL2ALGFL94',
38
- tourCode: 'TOUR_KUFGDEPDTJA4',
39
- hLookAt: 10,
40
- vLookAt: 28,
41
- // startScene: 'SCENE_KNLRAKUHFL94',
42
- // hLookAt: -54.11884505373274,
43
- // vLookAt: -9.111287009391969
33
+ // startScene: 'scene_kr3rgeezzvw6',
34
+ // hLookAt: -254,
35
+ // vLookAt: 1
36
+ // tourCode: 'TOUR_GEVEXLWNPT74',
37
+ // tourCode: 'TOUR_7YUL2ALGFL94',
38
+ tourCode: 'TOUR_KUFGDEPDTJA4',
39
+ hLookAt: 10,
40
+ vLookAt: 28,
41
+ // startScene: 'SCENE_KNLRAKUHFL94',
42
+ // hLookAt: -54.11884505373274,
43
+ // vLookAt: -9.111287009391969
44
44
 
45
- // tourCode: 'tour_7a6hchjljga4'.toUpperCase(),
45
+ // tourCode: 'tour_7a6hchjljga4'.toUpperCase(),
46
46
 
47
- // tourCode: 'TOUR_ZJMHKMJEACAH',
48
- // startScene: 'SCENE_LVN4DLUFACAH',
49
- // hLookAt: -179.145,
50
- // vLookAt: 11.597,
47
+ // tourCode: 'TOUR_ZJMHKMJEACAH',
48
+ // startScene: 'SCENE_LVN4DLUFACAH',
49
+ // hLookAt: -179.145,
50
+ // vLookAt: 11.597,
51
51
 
52
- // tourCode: 'tour_7yul2algfl94'.toUpperCase(),
53
- // startScene: 'scene_vrz9v2uhfl94'.toUpperCase(),
54
- // hLookAt: -87,
55
- // vLookAt: 9,
56
- // hotspot: 'item27getn2d2m94'.toUpperCase(),
57
- },
58
- listeners: {
59
- onTourSwitchLoaded: (tool) => {
60
- window.switchTour = tool.switchTour;
61
- },
62
- onSceneCompleted: (...args) => {
63
- // console.log('onSceneCompleted', args);
64
- },
65
- onLoaded: (tool) => {
66
- // console.log('TOOL_LOADED')
67
- window.tool = tool;
68
- },
69
- onPoiClicked: (poi) => {
70
- console.log('onPoiClicked', poi);
71
- },
72
- onPoiOut: () => {
73
- // console.log('onPoiOut');
74
- },
75
- onPoiOver: (poi) => {
76
- console.log('onPoiOver', poi);
77
- },
78
- onPoiInCenter: (poi) => {
79
- // console.log('onPoiInCenter', poi);
80
- },
81
- onStartScenario: (code) => {
82
- // console.log('onStartScenario', code);
83
- },
84
- onScenarioPaused: (code) => {
85
- // console.log('onScenarioPaused', code);
86
- },
87
- onScenarioEnded: (code) => {
88
- // console.log('onScenarioEnded', code);
89
- },
90
- onChanged: (args) => {
91
- console.log('onChanged', args);
92
- },
93
- onStartLoadingTour: (code) => {
94
- // console.log('onStartLoadingTour', code);
95
- },
96
- onFinishedLoadingTour: (code) => {
97
- // console.log('onFinishedLoadingTour', code);
98
- },
99
- onStateChanged: (changes) => {
100
- // console.log('changes', changes);
101
- },
102
- },
103
- mobile: false,
104
- });
105
- </script>
106
- </body>
107
- </html>
52
+ // tourCode: 'tour_7yul2algfl94'.toUpperCase(),
53
+ // startScene: 'scene_vrz9v2uhfl94'.toUpperCase(),
54
+ // hLookAt: -87,
55
+ // vLookAt: 9,
56
+ // hotspot: 'item27getn2d2m94'.toUpperCase(),
57
+ },
58
+ listeners: {
59
+ onTourSwitchLoaded: (tool) => {
60
+ window.switchTour = tool.switchTour;
61
+ },
62
+ onSceneCompleted: (...args) => {
63
+ // console.log('onSceneCompleted', args);
64
+ },
65
+ onLoaded: tool => {
66
+ // console.log('TOOL_LOADED')
67
+ window.tool = tool;
68
+ },
69
+ onPoiClicked: (poi) => {
70
+ console.log('onPoiClicked', poi);
71
+ },
72
+ onPoiOut: () => {
73
+ // console.log('onPoiOut');
74
+ },
75
+ onPoiOver: (poi) => {
76
+ console.log('onPoiOver', poi);
77
+ },
78
+ onPoiInCenter: (poi) => {
79
+ // console.log('onPoiInCenter', poi);
80
+ },
81
+ onStartScenario: (code) => {
82
+ // console.log('onStartScenario', code);
83
+ },
84
+ onScenarioPaused: (code) => {
85
+ // console.log('onScenarioPaused', code);
86
+ },
87
+ onScenarioEnded: (code) => {
88
+ // console.log('onScenarioEnded', code);
89
+ },
90
+ onChanged: (args) => {
91
+ console.log('onChanged', args);
92
+ },
93
+ onStartLoadingTour: (code) => {
94
+ // console.log('onStartLoadingTour', code);
95
+ },
96
+ onFinishedLoadingTour: (code) => {
97
+ // console.log('onFinishedLoadingTour', code);
98
+ },
99
+ onStateChanged: (changes) => {
100
+ // console.log('changes', changes);
101
+ }
102
+ },
103
+ mobile: false
104
+ });
105
+ </script>
106
+ </body>
107
+ </html>