@chatsystem/client 1.0.9 → 1.0.11

package/.env.sample

@@ -1 +1,2 @@
 VITE_APPTOKEN="ADMIN_APP_TOKEN_ID"
+DISPLAY_MODE="bubble"

package/README.md

@@ -1,7 +1,24 @@
-### Env
+# Use the client
 
-- Needed env variables are defined in `src/config/env.ts`
+## Use it as a react package
 
-### Bug pour plus tard
+- ```js
+  import { App } from "@chatsystem/client";
+  <App appToken="YOUR_TOKEN_ID" displayMode="chatbox" />;
+  ```
 
-- Si envie d'utiliser des alias pour les paths, i lfaut les mettre dans `ts-config.json` + `vite.config.ts` mais ça plante dans le build à cause de vite-dts (https://github.com/qmhc/vite-plugin-dts/issues/60) => il y a une config qui doit marcher, à fouiller si envie
+## Use it as a bundled JS script
+
+- ```js
+  <script
+    type="text/javascript"
+    src="https://chatsystem.s3.eu-west-3.amazonaws.com/index.js"
+    data-appToken="YOUR_TOKEN_ID"
+    data-displayMode="chatbox"
+  ></script>
+  ```
+
+### Env variable
+
+- appToken: your appToken, delivered on chatsystem.ai
+- displayMode?: either `bubble` if you want the bubble to display, or `chatbox` if you want to see directly the chatbox. Css is overridable.

package/dist/index.d.ts

@@ -1,9 +1,15 @@
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 
-export declare function App({ appToken }: AppProps): JSX_2.Element;
+export declare function App({ appToken, displayMode }: AppProps): JSX_2.Element;
 
 declare type AppProps = {
     appToken: string;
+    displayMode?: DisplayModeEnum;
 };
 
+declare enum DisplayModeEnum {
+    BUBBLE = "bubble",
+    CHATBOX = "chatbox"
+}
+
 export { }