react-native-chatbot-ai 0.0.3 → 0.0.5

package/lib/module/components/chat/ChatHeader.js

@@ -0,0 +1,52 @@
+"use strict";
+
+import { KColors, KContainer, KImage, KLabel, KSpacingValue } from '@droppii/libs';
+import images from '../../assets/images';
+import { ImageBackground, StatusBar, StyleSheet } from 'react-native';
+import { useCallback } from 'react';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ChatHeader = () => {
+  const insets = useSafeAreaInsets();
+  const renderStatusBar = useCallback(() => {
+    return /*#__PURE__*/_jsx(KContainer.View, {
+      height: insets.top,
+      background: "transparent",
+      children: /*#__PURE__*/_jsx(StatusBar, {
+        translucent: true
+      })
+    });
+  }, [insets.top]);
+  return /*#__PURE__*/_jsxs(ImageBackground, {
+    source: images.bg_header,
+    resizeMode: "cover",
+    children: [renderStatusBar(), /*#__PURE__*/_jsxs(KContainer.View, {
+      style: styles.header,
+      children: [/*#__PURE__*/_jsx(KImage.VectorIcons, {
+        name: "menu-ai",
+        size: 24,
+        color: KColors.white
+      }), /*#__PURE__*/_jsx(KLabel.Text, {
+        flex: true,
+        typo: "TitleBlockMedium",
+        color: KColors.white,
+        children: 'Chatbot AI'
+      }), /*#__PURE__*/_jsx(KImage.VectorIcons, {
+        name: "chat-dot-plus",
+        size: 24,
+        color: KColors.white
+      })]
+    })]
+  });
+};
+export default ChatHeader;
+const styles = StyleSheet.create({
+  header: {
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    paddingVertical: KSpacingValue['0.5rem'],
+    flexDirection: 'row',
+    gap: KSpacingValue['0.5rem'],
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=ChatHeader.js.map

package/lib/module/components/chat/ChatHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KColors","KContainer","KImage","KLabel","KSpacingValue","images","ImageBackground","StatusBar","StyleSheet","useCallback","useSafeAreaInsets","jsx","_jsx","jsxs","_jsxs","ChatHeader","insets","renderStatusBar","View","height","top","background","children","translucent","source","bg_header","resizeMode","style","styles","header","VectorIcons","name","size","color","white","Text","flex","typo","create","paddingHorizontal","paddingVertical","flexDirection","gap","alignItems"],"sourceRoot":"../../../../src","sources":["components/chat/ChatHeader.tsx"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,UAAU,EAAEC,MAAM,EAAEC,MAAM,EAAEC,aAAa,QAAQ,eAAe;AAClF,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,eAAe,EAAEC,SAAS,EAAEC,UAAU,QAAQ,cAAc;AACrE,SAASC,WAAW,QAAQ,OAAO;AACnC,SAASC,iBAAiB,QAAQ,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnE,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAMC,MAAM,GAAGN,iBAAiB,CAAC,CAAC;EAElC,MAAMO,eAAe,GAAGR,WAAW,CAAC,MAAM;IACxC,oBACEG,IAAA,CAACX,UAAU,CAACiB,IAAI;MAACC,MAAM,EAAEH,MAAM,CAACI,GAAI;MAACC,UAAU,EAAC,aAAa;MAAAC,QAAA,eAC3DV,IAAA,CAACL,SAAS;QAACgB,WAAW;MAAA,CAAE;IAAC,CACV,CAAC;EAEtB,CAAC,EAAE,CAACP,MAAM,CAACI,GAAG,CAAC,CAAC;EAChB,oBACEN,KAAA,CAACR,eAAe;IAACkB,MAAM,EAAEnB,MAAM,CAACoB,SAAU;IAACC,UAAU,EAAC,OAAO;IAAAJ,QAAA,GAC1DL,eAAe,CAAC,CAAC,eAClBH,KAAA,CAACb,UAAU,CAACiB,IAAI;MAACS,KAAK,EAAEC,MAAM,CAACC,MAAO;MAAAP,QAAA,gBACpCV,IAAA,CAACV,MAAM,CAAC4B,WAAW;QAACC,IAAI,EAAC,SAAS;QAACC,IAAI,EAAE,EAAG;QAACC,KAAK,EAAEjC,OAAO,CAACkC;MAAM,CAAE,CAAC,eACrEtB,IAAA,CAACT,MAAM,CAACgC,IAAI;QAACC,IAAI;QAACC,IAAI,EAAC,kBAAkB;QAACJ,KAAK,EAAEjC,OAAO,CAACkC,KAAM;QAAAZ,QAAA,EAC5D;MAAY,CACF,CAAC,eACdV,IAAA,CAACV,MAAM,CAAC4B,WAAW;QAACC,IAAI,EAAC,eAAe;QAACC,IAAI,EAAE,EAAG;QAACC,KAAK,EAAEjC,OAAO,CAACkC;MAAM,CAAE,CAAC;IAAA,CAC5D,CAAC;EAAA,CACH,CAAC;AAEtB,CAAC;AAED,eAAenB,UAAU;AAEzB,MAAMa,MAAM,GAAGpB,UAAU,CAAC8B,MAAM,CAAC;EAC/BT,MAAM,EAAE;IACNU,iBAAiB,EAAEnC,aAAa,CAAC,SAAS,CAAC;IAC3CoC,eAAe,EAAEpC,aAAa,CAAC,QAAQ,CAAC;IACxCqC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEtC,aAAa,CAAC,QAAQ,CAAC;IAC5BuC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/chat/index.js

@@ -1,16 +1,12 @@
 "use strict";
 
-import { Text, View } from 'react-native';
+import { KContainer } from '@droppii/libs';
+import ChatHeader from "./ChatHeader.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ChatBotAI = () => {
-  return /*#__PURE__*/_jsx(View, {
-    style: {
-      backgroundColor: 'red',
-      flex: 1
-    },
-    children: /*#__PURE__*/_jsx(Text, {
-      children: "Chatbot AI"
-    })
+const ChatBotAI = () => {
+  return /*#__PURE__*/_jsx(KContainer.Page, {
+    children: /*#__PURE__*/_jsx(ChatHeader, {})
   });
 };
+export default ChatBotAI;
 //# sourceMappingURL=index.js.map

package/lib/module/components/chat/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Text","View","jsx","_jsx","ChatBotAI","style","backgroundColor","flex","children"],"sourceRoot":"../../../../src","sources":["components/chat/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1C,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,oBACED,IAAA,CAACF,IAAI;IAACI,KAAK,EAAE;MAAEC,eAAe,EAAE,KAAK;MAAEC,IAAI,EAAE;IAAE,CAAE;IAAAC,QAAA,eAC/CL,IAAA,CAACH,IAAI;MAAAQ,QAAA,EAAC;IAAU,CAAM;EAAC,CACnB,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["KContainer","ChatHeader","jsx","_jsx","ChatBotAI","Page","children"],"sourceRoot":"../../../../src","sources":["components/chat/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,eAAe;AAC1C,OAAOC,UAAU,MAAM,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtC,MAAMC,SAAS,GAAGA,CAAA,KAAM;EACtB,oBACED,IAAA,CAACH,UAAU,CAACK,IAAI;IAAAC,QAAA,eACdH,IAAA,CAACF,UAAU,IAAE;EAAC,CACC,CAAC;AAEtB,CAAC;AAED,eAAeG,SAAS","ignoreList":[]}

package/lib/module/context/ChatContext.js

@@ -1,15 +1,14 @@
 "use strict";
 
 import { createContext } from 'react';
-import { ChatBotAI } from "../components/chat/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const ChatContext = /*#__PURE__*/createContext({});
 export const ChatProvider = ({
   children
 }) => {
-  return /*#__PURE__*/_jsxs(ChatContext.Provider, {
+  return /*#__PURE__*/_jsx(ChatContext.Provider, {
     value: {},
-    children: [children, /*#__PURE__*/_jsx(ChatBotAI, {})]
+    children: children
   });
 };
 //# sourceMappingURL=ChatContext.js.map

package/lib/module/context/ChatContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","ChatBotAI","jsx","_jsx","jsxs","_jsxs","ChatContext","ChatProvider","children","Provider","value"],"sourceRoot":"../../../src","sources":["context/ChatContext.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,SAASC,SAAS,QAAQ,6BAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/C,OAAO,MAAMC,WAAW,gBAAGN,aAAa,CAAkB,CAAC,CAAC,CAAC;AAE7D,OAAO,MAAMO,YAAY,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC/D,oBACEH,KAAA,CAACC,WAAW,CAACG,QAAQ;IAACC,KAAK,EAAE,CAAC,CAAE;IAAAF,QAAA,GAC7BA,QAAQ,eACTL,IAAA,CAACF,SAAS,IAAE,CAAC;EAAA,CACO,CAAC;AAE3B,CAAC","ignoreList":[]}
+{"version":3,"names":["createContext","jsx","_jsx","ChatContext","ChatProvider","children","Provider","value"],"sourceRoot":"../../../src","sources":["context/ChatContext.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtC,OAAO,MAAMC,WAAW,gBAAGH,aAAa,CAAkB,CAAC,CAAC,CAAC;AAE7D,OAAO,MAAMI,YAAY,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC/D,oBACEH,IAAA,CAACC,WAAW,CAACG,QAAQ;IAACC,KAAK,EAAE,CAAC,CAAE;IAAAF,QAAA,EAC7BA;EAAQ,CACW,CAAC;AAE3B,CAAC","ignoreList":[]}

package/lib/module/images/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export default {
+  bg_header: require('./bg_header.png')
+};
+//# sourceMappingURL=index.js.map

package/lib/module/images/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["bg_header","require"],"sourceRoot":"../../../src","sources":["images/index.ts"],"mappings":";;AAAA,eAAe;EACbA,SAAS,EAAEC,OAAO,CAAC,iBAAiB;AACtC,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
-export { ChatBotAI } from "./components/chat/index.js";
+import ChatBotAI from "./components/chat/index.js";
 export * from "./services/index.js";
+export { ChatBotAI };
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ChatBotAI"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,4BAAmB;AAC7C,cAAc,qBAAY","ignoreList":[]}
+{"version":3,"names":["ChatBotAI"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,OAAOA,SAAS,MAAM,4BAAmB;AACzC,cAAc,qBAAY;AAC1B,SAASA,SAAS","ignoreList":[]}

package/lib/module/utils/index.js

@@ -1,7 +1,2 @@
 "use strict";
-
-export const plusOne = num => {
-  console.log(num);
-  return num + 1;
-};
 //# sourceMappingURL=index.js.map

package/lib/module/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["plusOne","num","console","log"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":";;AAAA,OAAO,MAAMA,OAAO,GAAIC,GAAW,IAAK;EACtCC,OAAO,CAACC,GAAG,CAACF,GAAG,CAAC;EAChB,OAAOA,GAAG,GAAG,CAAC;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":"","ignoreList":[]}

package/lib/typescript/src/components/chat/ChatHeader.d.ts

@@ -0,0 +1,3 @@
+export declare const ChatHeader: () => import("react/jsx-runtime").JSX.Element;
+export default ChatHeader;
+//# sourceMappingURL=ChatHeader.d.ts.map

package/lib/typescript/src/components/chat/ChatHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/chat/ChatHeader.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU,+CAsBtB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/components/chat/index.d.ts

@@ -1,2 +1,3 @@
-export declare const ChatBotAI: () => import("react/jsx-runtime").JSX.Element;
+declare const ChatBotAI: () => import("react/jsx-runtime").JSX.Element;
+export default ChatBotAI;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/chat/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/chat/index.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,+CAMrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/chat/index.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,SAAS,+CAMd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/typescript/src/context/ChatContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../../../src/context/ChatContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGxE,eAAO,MAAM,WAAW,0CAAqC,CAAC;AAE9D,eAAO,MAAM,YAAY,GAAI,cAAc,iBAAiB,4CAO3D,CAAC"}
+{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../../../src/context/ChatContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAExE,eAAO,MAAM,WAAW,0CAAqC,CAAC;AAE9D,eAAO,MAAM,YAAY,GAAI,cAAc,iBAAiB,4CAM3D,CAAC"}

package/lib/typescript/src/images/index.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    bg_header: any;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/images/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/images/index.ts"],"names":[],"mappings":";;;AAAA,wBAEE"}

package/lib/typescript/src/index.d.ts

@@ -1,3 +1,4 @@
-export { ChatBotAI } from './components/chat';
+import ChatBotAI from './components/chat';
 export * from './services';
+export { ChatBotAI };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/lib/typescript/src/utils/index.d.ts

@@ -1,2 +1 @@
-export declare const plusOne: (num: number) => number;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,GAAI,KAAK,MAAM,WAGlC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "react-native-chatbot-ai",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "React Native library for Chatbot AI",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
   "exports": {
     ".": {
-      "source": "./src/index.tsx",
+      "source": "./src/index.ts",
       "types": "./lib/typescript/src/index.d.ts",
       "default": "./lib/module/index.js"
     },
@@ -60,7 +60,6 @@
   },
   "devDependencies": {
     "@commitlint/config-conventional": "^19.8.1",
-    "@droppii/libs": "git+ssh://git@github.com:droppii/mobile-components.git#v1.0.77",
     "@eslint/compat": "^1.3.2",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.35.0",
@@ -77,8 +76,6 @@
     "eslint-plugin-prettier": "^5.5.4",
     "jest": "^29.7.0",
     "prettier": "^3.6.2",
-    "react": "19.1.0",
-    "react-native": "0.81.4",
     "react-native-builder-bob": "^0.40.13",
     "release-it": "^19.0.4",
     "typescript": "^5.9.2"
@@ -154,8 +151,10 @@
     "version": "0.54.5"
   },
   "dependencies": {
+    "@babel/runtime": "^7.28.4",
     "@tanstack/react-query": "^5.90.2",
     "axios": "^1.12.2",
+    "dayjs": "^1.11.18",
     "zustand": "^5.0.8"
   }
 }

package/src/components/chat/ChatHeader.tsx

@@ -0,0 +1,41 @@
+import { KColors, KContainer, KImage, KLabel, KSpacingValue } from '@droppii/libs';
+import images from '../../assets/images';
+import { ImageBackground, StatusBar, StyleSheet } from 'react-native';
+import { useCallback } from 'react';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+
+export const ChatHeader = () => {
+  const insets = useSafeAreaInsets();
+
+  const renderStatusBar = useCallback(() => {
+    return (
+      <KContainer.View height={insets.top} background="transparent">
+        <StatusBar translucent />
+      </KContainer.View>
+    );
+  }, [insets.top]);
+  return (
+    <ImageBackground source={images.bg_header} resizeMode="cover">
+      {renderStatusBar()}
+      <KContainer.View style={styles.header}>
+        <KImage.VectorIcons name="menu-ai" size={24} color={KColors.white} />
+        <KLabel.Text flex typo="TitleBlockMedium" color={KColors.white}>
+          {'Chatbot AI'}
+        </KLabel.Text>
+        <KImage.VectorIcons name="chat-dot-plus" size={24} color={KColors.white} />
+      </KContainer.View>
+    </ImageBackground>
+  );
+};
+
+export default ChatHeader;
+
+const styles = StyleSheet.create({
+  header: {
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    paddingVertical: KSpacingValue['0.5rem'],
+    flexDirection: 'row',
+    gap: KSpacingValue['0.5rem'],
+    alignItems: 'center',
+  },
+});

package/src/components/chat/index.tsx

@@ -1,9 +1,12 @@
-import { Text, View } from 'react-native';
+import { KContainer } from '@droppii/libs';
+import ChatHeader from './ChatHeader';
 
-export const ChatBotAI = () => {
+const ChatBotAI = () => {
   return (
-    <View style={{ backgroundColor: 'red', flex: 1 }}>
-      <Text>Chatbot AI</Text>
-    </View>
+    <KContainer.Page>
+      <ChatHeader />
+    </KContainer.Page>
   );
 };
+
+export default ChatBotAI;

package/src/context/ChatContext.tsx

@@ -1,6 +1,5 @@
 import { createContext } from 'react';
 import type { ChatContextType, ChatProviderProps } from '../types/chat';
-import { ChatBotAI } from '../components/chat';
 
 export const ChatContext = createContext<ChatContextType>({});
 
@@ -8,7 +7,6 @@ export const ChatProvider = ({ children }: ChatProviderProps) => {
   return (
     <ChatContext.Provider value={{}}>
       {children}
-      <ChatBotAI />
     </ChatContext.Provider>
   );
 };

package/src/ignore.d.ts

@@ -1,2 +1,3 @@
 declare module '@droppii/libs/*';
 declare module '@droppii/libs';
+declare module '*';

package/src/images/index.ts

@@ -0,0 +1,3 @@
+export default {
+  bg_header: require('./bg_header.png'),
+};

package/src/index.ts

@@ -0,0 +1,3 @@
+import ChatBotAI from './components/chat';
+export * from './services';
+export { ChatBotAI };

package/src/utils/index.ts

@@ -1,4 +0,0 @@
-export const plusOne = (num: number) => {
-  console.log(num);
-  return num + 1;
-};

package/src/index.tsx

@@ -1,2 +0,0 @@
-export { ChatBotAI } from './components/chat';
-export * from './services';