@myinterview/chatbot 0.1.0

package/README.md

@@ -0,0 +1,30 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default {
+  // other rules...
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    project: ['./tsconfig.json', './tsconfig.node.json'],
+    tsconfigRootDir: __dirname,
+  },
+}
+```
+
+- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
+- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list

package/dist/esm/assets/audioVisualizer.worker-Kw1C10xA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audioVisualizer.worker-Kw1C10xA.js","sources":["../src/interfaces/audioVisualizerInterface.ts","../src/workers/audioVisualizer.worker.ts"],"sourcesContent":["export const enum AudioVisualizerMessageAction {\n  INIT = 'init',\n  SET = 'set',\n  CLEAR = 'clear',\n}\n\nexport type AudioVisualizerMessageParams = { action: AudioVisualizerMessageAction, payload: { canvas?: OffscreenCanvas, data?: Uint8Array } };\nexport type AudioVisualizerMessage = MessageEvent<AudioVisualizerMessageParams>;\n","/* eslint-disable no-plusplus */\nimport { AudioVisualizerMessage, AudioVisualizerMessageAction } from '../interfaces/audioVisualizerInterface';\n\ntype MessagePayload = AudioVisualizerMessage['data']['payload'];\n\nlet canvas: OffscreenCanvas | null = null;\nlet ctx: OffscreenCanvasRenderingContext2D | null = null;\nlet baseRadius = 40;\nconst MARGIN = 20;\n\nconst actions: { [K in AudioVisualizerMessageAction]: (payload: MessagePayload) => void } = {\n  [AudioVisualizerMessageAction.INIT]: (payload: MessagePayload) => {\n    if (!payload.canvas) return;\n    canvas = payload.canvas;\n    baseRadius = Math.min(canvas.width, canvas.height) / 5;\n    ctx = canvas.getContext('2d');\n    ctx!.fillStyle = '#6690ff';\n    ctx!.scale(1, 1);\n  },\n  [AudioVisualizerMessageAction.SET]: ({ data }: MessagePayload) => {\n    if (!canvas || !ctx || !data) return;\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n    const arraySum = data.reduce((a:number, value:number) => a + value, 0);\n    const average = arraySum / data.length;\n    const percentage = Math.round((average / 255) * 100);\n    ctx.beginPath();\n    ctx.arc(canvas.width / 2, canvas.height / 2, Math.min(baseRadius + percentage / 2, canvas.width / 2 - MARGIN), 0, 2 * Math.PI);\n    ctx.fill();\n  },\n  [AudioVisualizerMessageAction.CLEAR]: () => {\n    if (!canvas || !ctx) return;\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n  },\n};\n\nonmessage = (event: AudioVisualizerMessage) => {\n  const { action, payload } = event.data;\n  actions[action](payload);\n};\n"],"names":["AudioVisualizerMessageAction","canvas","ctx","baseRadius","MARGIN","actions","payload","data","average","a","value","percentage","event","action"],"mappings":"yBAAkB,IAAAA,GAAAA,IAChBA,EAAA,KAAO,OACPA,EAAA,IAAM,MACNA,EAAA,MAAQ,QAHQA,IAAAA,GAAA,CAAA,CAAA,ECKlB,IAAIC,EAAiC,KACjCC,EAAgD,KAChDC,EAAa,GACjB,MAAMC,EAAS,GAETC,EAAsF,CAC1F,CAACL,EAA6B,IAAI,EAAIM,GAA4B,CAC3DA,EAAQ,SACbL,EAASK,EAAQ,OACjBH,EAAa,KAAK,IAAIF,EAAO,MAAOA,EAAO,MAAM,EAAI,EAC/CC,EAAAD,EAAO,WAAW,IAAI,EAC5BC,EAAK,UAAY,UACZA,EAAA,MAAM,EAAG,CAAC,EACjB,EACA,CAACF,EAA6B,GAAG,EAAG,CAAC,CAAE,KAAAO,KAA2B,CAChE,GAAI,CAACN,GAAU,CAACC,GAAO,CAACK,EAAM,OAC9BL,EAAI,UAAU,EAAG,EAAGD,EAAO,MAAOA,EAAO,MAAM,EAEzC,MAAAO,EADWD,EAAK,OAAO,CAACE,EAAUC,IAAiBD,EAAIC,EAAO,CAAC,EAC1CH,EAAK,OAC1BI,EAAa,KAAK,MAAOH,EAAU,IAAO,GAAG,EACnDN,EAAI,UAAU,EACVA,EAAA,IAAID,EAAO,MAAQ,EAAGA,EAAO,OAAS,EAAG,KAAK,IAAIE,EAAaQ,EAAa,EAAGV,EAAO,MAAQ,EAAIG,CAAM,EAAG,EAAG,EAAI,KAAK,EAAE,EAC7HF,EAAI,KAAK,CACX,EACA,CAACF,EAA6B,KAAK,EAAG,IAAM,CACtC,CAACC,GAAU,CAACC,GAChBA,EAAI,UAAU,EAAG,EAAGD,EAAO,MAAOA,EAAO,MAAM,CACjD,CACF,EAEA,UAAaW,GAAkC,CAC7C,KAAM,CAAE,OAAAC,EAAQ,QAAAP,GAAYM,EAAM,KAC1BP,EAAAQ,CAAM,EAAEP,CAAO,CACzB"}

package/dist/esm/index.d.ts

@@ -0,0 +1,80 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+
+export declare const ChatbotClient: (clientConfig?: IChatbotClient) => JSX_2.Element;
+
+declare interface IChatbot {
+    config: IConfig;
+    job_id: string;
+    company_id: string;
+}
+
+export declare type IChatbotClient = Partial<Omit<IChatbot, 'config'> & {
+    config: IConfigClient;
+}>;
+
+declare interface IConfig {
+    isReady: boolean;
+    auth: string;
+    useInbox?: boolean;
+    usePopup?: boolean;
+    autoOpen?: boolean;
+    position?: IPosition;
+    offsetX?: string;
+    offsetY?: string;
+    suggestedHeight?: number;
+    env?: IEnv;
+    debug?: boolean;
+    timeFormat?: ITimeFormat;
+    theme: ITheme;
+    colors: {
+        primaryColor: string;
+        secondaryColor: string;
+        primaryDarkColor: string;
+        secondaryDarkColor: string;
+    };
+    onOpen?: () => void;
+    onClose?: () => void;
+    onConversationCreated?: (candidate_id: string) => void;
+    onFinish?: (data: IOnFinishData) => void;
+    onError?: (data: IOnErrorData) => void;
+}
+
+declare type IConfigClient = Partial<Omit<IConfig, 'usePopup' | 'isReady'>>;
+
+declare type IEnv = 'development' | 'staging' | 'production';
+
+declare interface IOnErrorData {
+    errorMessage: string;
+}
+
+declare interface IOnFinishData {
+    video_id: string;
+}
+
+declare type IPosition = 'left' | 'right';
+
+declare type ITheme = 'light' | 'dark' | 'deviceDefault';
+
+declare type ITimeFormat = '12h' | '24h' | 'deviceDefault';
+
+export declare const usePopupChatbot: () => {
+    init: (clientConfig: Partial<Omit<IChatbot, "config"> & {
+        config: Partial<Omit<IConfig, "usePopup" | "isReady">>;
+    }>) => void;
+    update: (clientConfig?: Partial<Omit<IChatbot, "config"> & {
+        config: Partial<Omit<IConfig, "usePopup" | "isReady">>;
+    }>) => void;
+    shutdown: () => void;
+};
+
+export { }
+
+
+declare global {
+    interface Window {
+        myInterview: {
+            chatbot: typeof popupChatbotFn;
+        };
+    }
+}
+