@clikvn/showroom-visualizer 0.2.2-dev-14 → 0.2.3-dev-01

package/README.md

@@ -1,32 +1,32 @@
-<!-- markdownlint-disable MD030 -->
-
-# showroom-visualizer
-
-Javascript library to display Clik Showroom Visualizer with UI on your website
-
-```html
-<!-- public/index.html -->
-<script type="module">
-    import ShowroomVisualizer from 'http://localhost:3000/web.js';
-    ShowroomVisualizer.initVisualizer({
-        apiHost: 'https://ci-api.clik.vn/vt360',
-        config: {
-            tourCode: 'TOUR_FXYCEN7ZZVW6',
-            language: 'EN'
-        },
-        onLoaded: tool => {
-            window.tool = tool;
-        },
-        mobile: false
-    });
-</script>
-<div style="width: 100vw; height: 100vh">
-    <showroom-visualizer></showroom-visualizer>
-</div>
-```
-
-
-
-
-add   <Scripts /> in ShowroomVisualizer load js ÂR
+<!-- markdownlint-disable MD030 -->
+
+# showroom-visualizer
+
+Javascript library to display Clik Showroom Visualizer with UI on your website
+
+```html
+<!-- public/index.html -->
+<script type="module">
+    import ShowroomVisualizer from 'http://localhost:3000/web.js';
+    ShowroomVisualizer.initVisualizer({
+        apiHost: 'https://ci-api.clik.vn/vt360',
+        config: {
+            tourCode: 'TOUR_FXYCEN7ZZVW6',
+            language: 'EN'
+        },
+        onLoaded: tool => {
+            window.tool = tool;
+        },
+        mobile: false
+    });
+</script>
+<div style="width: 100vw; height: 100vh">
+    <showroom-visualizer></showroom-visualizer>
+</div>
+```
+
+
+
+
+add   <Scripts /> in ShowroomVisualizer load js ÂR
 serve dist --cors 

package/base.json

@@ -1,21 +1,21 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "Default",
-  "compilerOptions": {
-    "composite": false,
-    "declaration": true,
-    "declarationMap": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "inlineSources": false,
-    "isolatedModules": true,
-    "moduleResolution": "node",
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-    "preserveWatchOutput": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "downlevelIteration": true
-  },
-  "exclude": ["node_modules"]
-}
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "Default",
+  "compilerOptions": {
+    "composite": false,
+    "declaration": true,
+    "declarationMap": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "inlineSources": false,
+    "isolatedModules": true,
+    "moduleResolution": "node",
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "preserveWatchOutput": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "downlevelIteration": true
+  },
+  "exclude": ["node_modules"]
+}

package/dist/components/SkinLayer/Drawer/PoiHeader/index.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+type PoiHeaderPropsTypes = {
+    title: string;
+    brand?: string;
+    rating?: number;
+    price?: number;
+    salePrice?: number;
+    currencyUnit?: string;
+    unit?: string;
+    onShare?: () => void;
+    onClose?: () => void;
+    onPlay?: () => void;
+};
+declare const PoiHeader: FC<PoiHeaderPropsTypes>;
+export default PoiHeader;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SkinLayer/Drawer/PoiHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SkinLayer/Drawer/PoiHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQlC,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAwGtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,29 @@
+import { DrawerProps } from 'antd/lib/drawer';
+import { CSSProperties, ReactNode } from 'react';
+export type CommandTypes = {
+    icon: string;
+    onClick: () => void;
+};
+/**
+ * commands is actions list on side-in header
+ */
+interface DrawerPropsType extends DrawerProps {
+    enableAutoPlay?: boolean;
+    enableShare?: boolean;
+    title?: string;
+    children?: ReactNode;
+    header?: ReactNode;
+    subHeader?: ReactNode;
+    loadingScenario?: boolean;
+    commands?: CommandTypes[] | null;
+    showHeader?: boolean;
+    closeStyle?: CSSProperties;
+    onBack?: () => void;
+    onClose?: () => void;
+    onClickAutoPlay?: () => void;
+    onClickShare?: () => void;
+    onClickContainer?: () => void;
+}
+declare const _default: import("react").NamedExoticComponent<DrawerPropsType>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/Drawer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,OAAO,EAAE,aAAa,EAAY,SAAS,EAAoB,MAAM,OAAO,CAAC;AAI7E,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAEjE;;GAEG;AACH,UAAU,eAAgB,SAAQ,WAAW;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;;AA4ND,wBAAqC"}

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export type PlayAllPropsType = {
+    onClickAutoPlay?: () => void;
+    loading?: boolean;
+};
+declare const PlayAll: FC<PlayAllPropsType>;
+export default PlayAll;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PlayBar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAoD,MAAM,OAAO,CAAC;AAc7E,QAAA,MAAM,OAAO,EAAE,EAkUd,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PlayBar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAA4C,MAAM,OAAO,CAAC;AAcrE,QAAA,MAAM,OAAO,EAAE,EAgUd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/features/VirtualTourVisualizer/index.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import Poi from '../../models/Visualizer/Poi/Poi';
+import Tour from '../../models/Visualizer/Tour';
+type VirtualTourVisualizerProps = {
+    elementId?: string;
+    apiHost?: string;
+    config?: {
+        tourCode?: string;
+        language?: string;
+        startScene?: string;
+        hLookAt?: number;
+        vLookAt?: number;
+    } & Record<string, unknown>;
+    onTourLoaded?: (tour: Tour) => void;
+    onPoiClicked?: (poi?: Poi) => void;
+    onPinActionClicked?: (key: string) => void;
+};
+declare const VirtualTourVisualizer: FC<VirtualTourVisualizerProps>;
+export default VirtualTourVisualizer;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/VirtualTourVisualizer/index.d.ts.map

@@ -0,0 +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"}

package/dist/features/VirtualTourVisualizerUI/index.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+type VirtualTourVisualizerProps = {
+    elementId?: string;
+    apiHost?: string;
+    mobile: boolean;
+    config?: {
+        tourCode?: string;
+        language?: string;
+        startScene?: string;
+        hLookAt?: number;
+        vLookAt?: number;
+    } & Record<string, unknown>;
+    tourLoaded?: boolean;
+};
+declare const VirtualTourVisualizerUI: FC<VirtualTourVisualizerProps>;
+export default VirtualTourVisualizerUI;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/VirtualTourVisualizerUI/index.d.ts.map

@@ -0,0 +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"}