@clikvn/showroom-visualizer 0.2.2-dev-13 → 0.2.2-dev-14

package/tailwind.config.cjs

@@ -1,151 +1,151 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const defaultTheme = require('tailwindcss/defaultTheme');
-const plugin = require('tailwindcss/plugin');
-
-function rem2px(input, fontSize = 16) {
-  if (input == null) {
-    return input;
-  }
-  switch (typeof input) {
-    case 'object':
-      if (Array.isArray(input)) {
-        return input.map((val) => rem2px(val, fontSize));
-      }
-      // eslint-disable-next-line no-case-declarations
-      const ret = {};
-      for (const key in input) {
-        ret[key] = rem2px(input[key], fontSize);
-      }
-      return ret;
-    case 'string':
-      return input.replace(
-        /(\d*\.?\d+)rem$/,
-        (_, val) => `${parseFloat(val) * fontSize}px`
-      );
-    case 'function':
-      return eval(
-        input
-          .toString()
-          .replace(
-            /(\d*\.?\d+)rem/g,
-            (_, val) => `${parseFloat(val) * fontSize}px`
-          )
-      );
-    default:
-      return input;
-  }
-}
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  darkMode: ['class'],
-  content: ['./src/**/*.{js,jsx,ts,tsx}'],
-  theme: {
-    ...rem2px(defaultTheme),
-    fontFamily: {
-      sans: ['Be Vietnam Pro', 'sans-serif'],
-      mono: ['Be Vietnam Pro', 'sans-serif'],
-    },
-    extend: {
-      keyframes: {
-        'fade-in': {
-          '0%': {
-            opacity: '0',
-          },
-          '100%': {
-            opacity: '1',
-          },
-        },
-        'poi-item-info-bg-animation': {
-          '0%': {
-            'background-color': 'rgba(0, 0, 0, 0)',
-          },
-          '100%': {
-            'background-color': 'rgba(0, 0, 0, 0.48)',
-          },
-        },
-        'poi-item-info-animation': {
-          '0%': {
-            width: '0',
-          },
-          '100%': {
-            width: '100%',
-          },
-        },
-      },
-      /*animation: {
-        'fade-in': 'fade-in 0.3s ease-out',
-      },
-      borderRadius: {
-        lg: 'var(--radius)',
-        md: 'calc(var(--radius) - 2px)',
-        sm: 'calc(var(--radius) - 4px)',
-      },*/
-      colors: {
-        background: 'var(--background)',
-        foreground: 'var(--foreground)',
-        card: {
-          DEFAULT: 'var(--card)',
-          foreground: 'var(--card-foreground)',
-        },
-        popover: {
-          DEFAULT: 'var(--popover)',
-          foreground: 'var(--popover-foreground)',
-        },
-        primary: {
-          DEFAULT: 'var(--primary)',
-          foreground: 'var(--primary-foreground)',
-        },
-        secondary: {
-          DEFAULT: 'var(--secondary)',
-          foreground: 'var(--secondary-foreground)',
-        },
-        muted: {
-          DEFAULT: 'var(--muted)',
-          foreground: 'var(--muted-foreground)',
-        },
-        accent: {
-          DEFAULT: 'var(--accent)',
-          foreground: 'var(--accent-foreground)',
-        },
-        destructive: {
-          DEFAULT: 'var(--destructive)',
-          foreground: 'var(--destructive-foreground)',
-        },
-        border: 'var(--border)',
-        input: 'var(--input)',
-        ring: 'var(--ring)',
-        rating: 'var(--rating)',
-        chart: {
-          1: 'var(--chart-1)',
-          2: 'var(--chart-2)',
-          3: 'var(--chart-3)',
-          4: 'var(--chart-4)',
-          5: 'var(--chart-5)',
-        },
-        sidebar: {
-          DEFAULT: 'var(--sidebar)',
-          foreground: 'var(--sidebar-foreground)',
-          primary: 'var(--sidebar-primary)',
-          'primary-foreground': 'var(--sidebar-primary-foreground)',
-          accent: 'var(--sidebar-accent)',
-          'accent-foreground': 'var(--sidebar-accent-foreground)',
-          border: 'var(--sidebar-border)',
-          ring: 'var(--sidebar-ring)',
-        },
-        base: 'var(--base)',
-      },
-    },
-  },
-  plugins: [
-    require('tailwindcss-animate'),
-    require('@tailwindcss/typography'),
-    plugin(function ({ addVariant }) {
-      addVariant('wrapped', ({ container }) => {
-        container.walkRules((rule) => {
-          rule.selector = `.clik-chatbot-wrapper ${rule.selector}`;
-        });
-      });
-    }),
-  ],
-};
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const defaultTheme = require('tailwindcss/defaultTheme');
+const plugin = require('tailwindcss/plugin');
+
+function rem2px(input, fontSize = 16) {
+  if (input == null) {
+    return input;
+  }
+  switch (typeof input) {
+    case 'object':
+      if (Array.isArray(input)) {
+        return input.map((val) => rem2px(val, fontSize));
+      }
+      // eslint-disable-next-line no-case-declarations
+      const ret = {};
+      for (const key in input) {
+        ret[key] = rem2px(input[key], fontSize);
+      }
+      return ret;
+    case 'string':
+      return input.replace(
+        /(\d*\.?\d+)rem$/,
+        (_, val) => `${parseFloat(val) * fontSize}px`
+      );
+    case 'function':
+      return eval(
+        input
+          .toString()
+          .replace(
+            /(\d*\.?\d+)rem/g,
+            (_, val) => `${parseFloat(val) * fontSize}px`
+          )
+      );
+    default:
+      return input;
+  }
+}
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: ['class'],
+  content: ['./src/**/*.{js,jsx,ts,tsx}'],
+  theme: {
+    ...rem2px(defaultTheme),
+    fontFamily: {
+      sans: ['Be Vietnam Pro', 'sans-serif'],
+      mono: ['Be Vietnam Pro', 'sans-serif'],
+    },
+    extend: {
+      keyframes: {
+        'fade-in': {
+          '0%': {
+            opacity: '0',
+          },
+          '100%': {
+            opacity: '1',
+          },
+        },
+        'poi-item-info-bg-animation': {
+          '0%': {
+            'background-color': 'rgba(0, 0, 0, 0)',
+          },
+          '100%': {
+            'background-color': 'rgba(0, 0, 0, 0.48)',
+          },
+        },
+        'poi-item-info-animation': {
+          '0%': {
+            width: '0',
+          },
+          '100%': {
+            width: '100%',
+          },
+        },
+      },
+      /*animation: {
+        'fade-in': 'fade-in 0.3s ease-out',
+      },
+      borderRadius: {
+        lg: 'var(--radius)',
+        md: 'calc(var(--radius) - 2px)',
+        sm: 'calc(var(--radius) - 4px)',
+      },*/
+      colors: {
+        background: 'var(--background)',
+        foreground: 'var(--foreground)',
+        card: {
+          DEFAULT: 'var(--card)',
+          foreground: 'var(--card-foreground)',
+        },
+        popover: {
+          DEFAULT: 'var(--popover)',
+          foreground: 'var(--popover-foreground)',
+        },
+        primary: {
+          DEFAULT: 'var(--primary)',
+          foreground: 'var(--primary-foreground)',
+        },
+        secondary: {
+          DEFAULT: 'var(--secondary)',
+          foreground: 'var(--secondary-foreground)',
+        },
+        muted: {
+          DEFAULT: 'var(--muted)',
+          foreground: 'var(--muted-foreground)',
+        },
+        accent: {
+          DEFAULT: 'var(--accent)',
+          foreground: 'var(--accent-foreground)',
+        },
+        destructive: {
+          DEFAULT: 'var(--destructive)',
+          foreground: 'var(--destructive-foreground)',
+        },
+        border: 'var(--border)',
+        input: 'var(--input)',
+        ring: 'var(--ring)',
+        rating: 'var(--rating)',
+        chart: {
+          1: 'var(--chart-1)',
+          2: 'var(--chart-2)',
+          3: 'var(--chart-3)',
+          4: 'var(--chart-4)',
+          5: 'var(--chart-5)',
+        },
+        sidebar: {
+          DEFAULT: 'var(--sidebar)',
+          foreground: 'var(--sidebar-foreground)',
+          primary: 'var(--sidebar-primary)',
+          'primary-foreground': 'var(--sidebar-primary-foreground)',
+          accent: 'var(--sidebar-accent)',
+          'accent-foreground': 'var(--sidebar-accent-foreground)',
+          border: 'var(--sidebar-border)',
+          ring: 'var(--sidebar-ring)',
+        },
+        base: 'var(--base)',
+      },
+    },
+  },
+  plugins: [
+    require('tailwindcss-animate'),
+    require('@tailwindcss/typography'),
+    plugin(function ({ addVariant }) {
+      addVariant('wrapped', ({ container }) => {
+        container.walkRules((rule) => {
+          rule.selector = `.clik-chatbot-wrapper ${rule.selector}`;
+        });
+      });
+    }),
+  ],
+};

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

@@ -1,16 +0,0 @@
-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

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

@@ -1,29 +0,0 @@
-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

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

@@ -1,8 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/features/VirtualTourVisualizer/index.d.ts

@@ -1,20 +0,0 @@
-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

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

@@ -1,17 +0,0 @@
-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

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