@developer_tribe/react-native-comnyx 0.1.1 → 0.2.0

package/lib/module/components/ChatList.js

@@ -0,0 +1,265 @@
+"use strict";
+
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useAppStore } from "../store.js";
+import { FlatList, View, useWindowDimensions, ActivityIndicator, Image, TouchableOpacity } from 'react-native';
+import { getCustomerConversation } from "../api/index.js";
+import { StyleSheet } from 'react-native';
+import { MessageItem } from "./MessageItem.js";
+import { MessageInput } from "./MessageInput.js";
+import { useThemeColors } from "../hooks/useThemeColors.js";
+import { AppText } from "./AppText.js";
+import { InitFailed } from "./InitFailed.js";
+import { EmptyList } from "./EmptyList.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function LoadingItem() {
+  const themeColors = useThemeColors();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.loadingItem, {
+      backgroundColor: themeColors.background
+    }],
+    children: /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "large",
+      color: themeColors.primary
+    })
+  });
+}
+export function ChatList() {
+  const themeColors = useThemeColors();
+  const {
+    height: windowHeight
+  } = useWindowDimensions();
+  const MESSAGE_MIN_HEIGHT = 60;
+  const FLATLIST_PADDING = 20;
+  const MESSAGES_PER_PAGE = Math.ceil((windowHeight - FLATLIST_PADDING) / MESSAGE_MIN_HEIGHT);
+  const [loading, setLoading] = useState(true);
+  const {
+    customer,
+    data,
+    setData
+  } = useAppStore(s => ({
+    customer: s.customer,
+    data: s.data,
+    setData: s.setData
+  }));
+  const ref = useRef(null);
+  const [page, setPage] = useState(1);
+  const nextPageStatus = useRef();
+  const [nexPageFailed, setNexPageFailed] = useState(false);
+  const [initFailed, setInitFailed] = useState(false);
+  const [isScrollingUp, setIsScrollingUp] = useState(false);
+  const listChangedRef = useRef(false);
+  const nextPage = useCallback(() => {
+    if (nextPageStatus.current) {
+      return;
+    }
+    nextPageStatus.current = 'loading';
+    if (customer?.external_id) {
+      const newPage = page + 1;
+      setPage(newPage);
+      const firstMessage = useAppStore.getState().firstMessage;
+      getCustomerConversation(customer?.external_id, firstMessage?.created_at, newPage, {
+        fake: useAppStore.getState().fake,
+        per_page: MESSAGES_PER_PAGE
+      }).then(newData => {
+        listChangedRef.current = true;
+        setData(prevData => {
+          const newMessages = newData.page.data;
+          const existingIds = new Set(prevData?.map(msg => msg.id));
+          const uniqueNewMessages = newMessages.filter(msg => !existingIds.has(msg.id));
+          const processedMessages = uniqueNewMessages.map(u => ({
+            ...u,
+            created_at: new Date(u.created_at),
+            approved: true
+          }));
+          if (processedMessages.length === 0) {
+            nextPageStatus.current = 'empty';
+          } else {
+            nextPageStatus.current = undefined;
+          }
+          return [...(prevData ?? []), ...processedMessages];
+        });
+      }).catch(_ => {
+        nextPageStatus.current = 'fail';
+        setNexPageFailed(true);
+      }).finally(() => {
+        setLoading(false);
+      });
+    }
+  }, [MESSAGES_PER_PAGE, customer?.external_id, page, setData]);
+  const renderItem = useCallback(({
+    item
+  }) => /*#__PURE__*/_jsx(MessageItem, {
+    item: item
+  }), []);
+  const handleScroll = useCallback(event => {
+    const currentScrollY = event.nativeEvent.contentOffset.y;
+    const contentHeight = event.nativeEvent.contentSize.height;
+    const scrollViewHeight = event.nativeEvent.layoutMeasurement.height;
+    setIsScrollingUp(currentScrollY < 100);
+    if (currentScrollY >= contentHeight - scrollViewHeight - 200) {
+      nextPage();
+    }
+  }, [nextPage]);
+  const scrollToBottom = useCallback(animated => {
+    if (ref.current && data?.length) {
+      ref.current.scrollToOffset({
+        offset: 0,
+        animated
+      });
+    }
+  }, [data]);
+  useEffect(() => {
+    if (customer?.external_id && !initFailed) {
+      getCustomerConversation(customer?.external_id, new Date(), 1, {
+        fake: useAppStore.getState().fake,
+        per_page: MESSAGES_PER_PAGE
+      }).then(newData => {
+        setData(prevData => {
+          const newMessages = newData.page.data;
+          const existingIds = new Set(prevData?.map(msg => msg.id));
+          const uniqueNewMessages = newMessages.filter(msg => !existingIds.has(msg.id));
+          const processedMessages = uniqueNewMessages.map(u => ({
+            ...u,
+            created_at: new Date(u.created_at),
+            approved: true
+          }));
+          useAppStore.setState({
+            firstMessage: processedMessages[0]
+          });
+          if (processedMessages.length === 0) {
+            setLoading(false);
+          }
+          return processedMessages;
+        });
+        scrollToBottom(false);
+      }).catch(e => {
+        setInitFailed(true);
+        console.error(e);
+      });
+    }
+  }, [MESSAGES_PER_PAGE, customer?.external_id, initFailed, scrollToBottom, setData]);
+  if (nexPageFailed) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.retryContainer, {
+        backgroundColor: themeColors.background
+      }],
+      children: /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: [styles.retryButton, {
+          backgroundColor: themeColors.primary
+        }],
+        onPress: () => {
+          setNexPageFailed(false);
+          nextPageStatus.current = undefined;
+          nextPage();
+        },
+        children: /*#__PURE__*/_jsx(AppText, {
+          localization: "chat.load.error",
+          style: [styles.retryText, {
+            color: themeColors.background
+          }]
+        })
+      })
+    });
+  }
+  if (initFailed) {
+    return /*#__PURE__*/_jsx(InitFailed, {
+      setInitFailed: setInitFailed
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      backgroundColor: themeColors.background
+    }],
+    children: [/*#__PURE__*/_jsx(FlatList, {
+      ref: ref,
+      data: data,
+      inverted: true,
+      renderItem: renderItem,
+      contentContainerStyle: [styles.contentContainer, {
+        backgroundColor: themeColors.background
+      }],
+      style: styles.list,
+      ListEmptyComponent: !loading && (!data || data.length === 0) ? /*#__PURE__*/_jsx(EmptyList, {}) : null,
+      ListFooterComponent: loading ? /*#__PURE__*/_jsx(LoadingItem, {}) : null,
+      keyExtractor: item => item.id + '-' + item.created_at,
+      removeClippedSubviews: true,
+      maxToRenderPerBatch: 10,
+      windowSize: 21,
+      initialNumToRender: MESSAGES_PER_PAGE,
+      getItemLayout: (_, index) => ({
+        length: MESSAGE_MIN_HEIGHT + 10,
+        offset: (MESSAGE_MIN_HEIGHT + 10) * index,
+        index
+      }),
+      onScroll: handleScroll,
+      scrollEventThrottle: 16
+    }), isScrollingUp && /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [styles.scrollDownButton, {
+        backgroundColor: themeColors.background
+      }],
+      onPress: () => scrollToBottom(true),
+      children: /*#__PURE__*/_jsx(Image, {
+        source: require('../assets/down.png'),
+        style: [styles.scrollUpIcon, {
+          tintColor: themeColors.text
+        }]
+      })
+    }), /*#__PURE__*/_jsx(MessageInput, {
+      scrollToBottom: scrollToBottom
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  list: {
+    flex: 1
+  },
+  contentContainer: {
+    paddingVertical: 10,
+    paddingHorizontal: 10
+  },
+  loadingItem: {
+    height: 200,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  scrollDownButton: {
+    position: 'absolute',
+    right: 20,
+    bottom: '15%',
+    borderRadius: 25,
+    padding: 10,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5
+  },
+  scrollUpIcon: {
+    width: 24,
+    height: 24
+  },
+  retryContainer: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 20
+  },
+  retryButton: {
+    padding: 15,
+    borderRadius: 8,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  retryText: {
+    fontSize: 16,
+    fontWeight: '500'
+  }
+});
+//# sourceMappingURL=ChatList.js.map

package/lib/module/components/ChatList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","useAppStore","FlatList","View","useWindowDimensions","ActivityIndicator","Image","TouchableOpacity","getCustomerConversation","StyleSheet","MessageItem","MessageInput","useThemeColors","AppText","InitFailed","EmptyList","jsx","_jsx","jsxs","_jsxs","LoadingItem","themeColors","style","styles","loadingItem","backgroundColor","background","children","size","color","primary","ChatList","height","windowHeight","MESSAGE_MIN_HEIGHT","FLATLIST_PADDING","MESSAGES_PER_PAGE","Math","ceil","loading","setLoading","customer","data","setData","s","ref","page","setPage","nextPageStatus","nexPageFailed","setNexPageFailed","initFailed","setInitFailed","isScrollingUp","setIsScrollingUp","listChangedRef","nextPage","current","external_id","newPage","firstMessage","getState","created_at","fake","per_page","then","newData","prevData","newMessages","existingIds","Set","map","msg","id","uniqueNewMessages","filter","has","processedMessages","u","Date","approved","length","undefined","catch","_","finally","renderItem","item","handleScroll","event","currentScrollY","nativeEvent","contentOffset","y","contentHeight","contentSize","scrollViewHeight","layoutMeasurement","scrollToBottom","animated","scrollToOffset","offset","setState","e","console","error","retryContainer","retryButton","onPress","localization","retryText","container","inverted","contentContainerStyle","contentContainer","list","ListEmptyComponent","ListFooterComponent","keyExtractor","removeClippedSubviews","maxToRenderPerBatch","windowSize","initialNumToRender","getItemLayout","index","onScroll","scrollEventThrottle","scrollDownButton","source","require","scrollUpIcon","tintColor","text","create","flex","paddingVertical","paddingHorizontal","alignItems","justifyContent","position","right","bottom","borderRadius","padding","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","elevation","fontSize","fontWeight"],"sourceRoot":"../../../src","sources":["components/ChatList.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAChE,SAASC,WAAW,QAAQ,aAAU;AACtC,SACEC,QAAQ,EACRC,IAAI,EACJC,mBAAmB,EACnBC,iBAAiB,EACjBC,KAAK,EACLC,gBAAgB,QACX,cAAc;AACrB,SAASC,uBAAuB,QAAQ,iBAAQ;AAEhD,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,cAAc,QAAQ,4BAAyB;AACxD,SAASC,OAAO,QAAQ,cAAW;AACnC,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,SAAS,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExC,SAASC,WAAWA,CAAA,EAAG;EACrB,MAAMC,WAAW,GAAGT,cAAc,CAAC,CAAC;EACpC,oBACEK,IAAA,CAACd,IAAI;IACHmB,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAE;MAAEC,eAAe,EAAEJ,WAAW,CAACK;IAAW,CAAC,CAAE;IAAAC,QAAA,eAEzEV,IAAA,CAACZ,iBAAiB;MAACuB,IAAI,EAAC,OAAO;MAACC,KAAK,EAAER,WAAW,CAACS;IAAQ,CAAE;EAAC,CAC1D,CAAC;AAEX;AAEA,OAAO,SAASC,QAAQA,CAAA,EAAG;EACzB,MAAMV,WAAW,GAAGT,cAAc,CAAC,CAAC;EACpC,MAAM;IAAEoB,MAAM,EAAEC;EAAa,CAAC,GAAG7B,mBAAmB,CAAC,CAAC;EACtD,MAAM8B,kBAAkB,GAAG,EAAE;EAC7B,MAAMC,gBAAgB,GAAG,EAAE;EAC3B,MAAMC,iBAAiB,GAAGC,IAAI,CAACC,IAAI,CACjC,CAACL,YAAY,GAAGE,gBAAgB,IAAID,kBACtC,CAAC;EACD,MAAM,CAACK,OAAO,EAAEC,UAAU,CAAC,GAAGxC,QAAQ,CAAC,IAAI,CAAC;EAC5C,MAAM;IAAEyC,QAAQ;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAG1C,WAAW,CAAE2C,CAAC,KAAM;IACtDH,QAAQ,EAAEG,CAAC,CAACH,QAAQ;IACpBC,IAAI,EAAEE,CAAC,CAACF,IAAI;IACZC,OAAO,EAAEC,CAAC,CAACD;EACb,CAAC,CAAC,CAAC;EACH,MAAME,GAAG,GAAG9C,MAAM,CAAmC,IAAI,CAAC;EAC1D,MAAM,CAAC+C,IAAI,EAAEC,OAAO,CAAC,GAAG/C,QAAQ,CAAC,CAAC,CAAC;EACnC,MAAMgD,cAAc,GAAGjD,MAAM,CAA+B,CAAC;EAC7D,MAAM,CAACkD,aAAa,EAAEC,gBAAgB,CAAC,GAAGlD,QAAQ,CAAC,KAAK,CAAC;EACzD,MAAM,CAACmD,UAAU,EAAEC,aAAa,CAAC,GAAGpD,QAAQ,CAAC,KAAK,CAAC;EACnD,MAAM,CAACqD,aAAa,EAAEC,gBAAgB,CAAC,GAAGtD,QAAQ,CAAC,KAAK,CAAC;EACzD,MAAMuD,cAAc,GAAGxD,MAAM,CAAC,KAAK,CAAC;EAEpC,MAAMyD,QAAQ,GAAG3D,WAAW,CAAC,MAAM;IACjC,IAAImD,cAAc,CAACS,OAAO,EAAE;MAC1B;IACF;IACAT,cAAc,CAACS,OAAO,GAAG,SAAS;IAClC,IAAIhB,QAAQ,EAAEiB,WAAW,EAAE;MACzB,MAAMC,OAAO,GAAGb,IAAI,GAAG,CAAC;MACxBC,OAAO,CAACY,OAAO,CAAC;MAChB,MAAMC,YAAY,GAAG3D,WAAW,CAAC4D,QAAQ,CAAC,CAAC,CAACD,YAAY;MACxDpD,uBAAuB,CACrBiC,QAAQ,EAAEiB,WAAW,EACrBE,YAAY,EAAEE,UAAU,EACxBH,OAAO,EACP;QACEI,IAAI,EAAE9D,WAAW,CAAC4D,QAAQ,CAAC,CAAC,CAACE,IAAI;QACjCC,QAAQ,EAAE5B;MACZ,CACF,CAAC,CACE6B,IAAI,CAAEC,OAAO,IAAK;QACjBX,cAAc,CAACE,OAAO,GAAG,IAAI;QAC7Bd,OAAO,CAAEwB,QAAQ,IAAK;UACpB,MAAMC,WAAW,GAAGF,OAAO,CAACpB,IAAI,CAACJ,IAAI;UACrC,MAAM2B,WAAW,GAAG,IAAIC,GAAG,CAACH,QAAQ,EAAEI,GAAG,CAAEC,GAAG,IAAKA,GAAG,CAACC,EAAE,CAAC,CAAC;UAC3D,MAAMC,iBAAiB,GAAGN,WAAW,CAACO,MAAM,CACzCH,GAAG,IAAK,CAACH,WAAW,CAACO,GAAG,CAACJ,GAAG,CAACC,EAAE,CAClC,CAAC;UAED,MAAMI,iBAAiB,GAAGH,iBAAiB,CAACH,GAAG,CAAEO,CAAC,KAAM;YACtD,GAAGA,CAAC;YACJhB,UAAU,EAAE,IAAIiB,IAAI,CAACD,CAAC,CAAChB,UAAU,CAAC;YAClCkB,QAAQ,EAAE;UACZ,CAAC,CAAC,CAAC;UACH,IAAIH,iBAAiB,CAACI,MAAM,KAAK,CAAC,EAAE;YAClCjC,cAAc,CAACS,OAAO,GAAG,OAAO;UAClC,CAAC,MAAM;YACLT,cAAc,CAACS,OAAO,GAAGyB,SAAS;UACpC;UACA,OAAO,CAAC,IAAIf,QAAQ,IAAI,EAAE,CAAC,EAAE,GAAGU,iBAAiB,CAAC;QACpD,CAAC,CAAC;MACJ,CAAC,CAAC,CACDM,KAAK,CAAEC,CAAC,IAAK;QACZpC,cAAc,CAACS,OAAO,GAAG,MAAM;QAC/BP,gBAAgB,CAAC,IAAI,CAAC;MACxB,CAAC,CAAC,CACDmC,OAAO,CAAC,MAAM;QACb7C,UAAU,CAAC,KAAK,CAAC;MACnB,CAAC,CAAC;IACN;EACF,CAAC,EAAE,CAACJ,iBAAiB,EAAEK,QAAQ,EAAEiB,WAAW,EAAEZ,IAAI,EAAEH,OAAO,CAAC,CAAC;EAE7D,MAAM2C,UAAU,GAAGzF,WAAW,CAC5B,CAAC;IAAE0F;EAAuC,CAAC,kBAAKtE,IAAA,CAACP,WAAW;IAAC6E,IAAI,EAAEA;EAAK,CAAE,CAAC,EAC3E,EACF,CAAC;EAED,MAAMC,YAAY,GAAG3F,WAAW,CAC7B4F,KAAU,IAAK;IACd,MAAMC,cAAc,GAAGD,KAAK,CAACE,WAAW,CAACC,aAAa,CAACC,CAAC;IACxD,MAAMC,aAAa,GAAGL,KAAK,CAACE,WAAW,CAACI,WAAW,CAAC/D,MAAM;IAC1D,MAAMgE,gBAAgB,GAAGP,KAAK,CAACE,WAAW,CAACM,iBAAiB,CAACjE,MAAM;IACnEsB,gBAAgB,CAACoC,cAAc,GAAG,GAAG,CAAC;IAEtC,IAAIA,cAAc,IAAII,aAAa,GAAGE,gBAAgB,GAAG,GAAG,EAAE;MAC5DxC,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EACD,CAACA,QAAQ,CACX,CAAC;EAED,MAAM0C,cAAc,GAAGrG,WAAW,CAC/BsG,QAAiB,IAAK;IACrB,IAAItD,GAAG,CAACY,OAAO,IAAIf,IAAI,EAAEuC,MAAM,EAAE;MAC/BpC,GAAG,CAACY,OAAO,CAAC2C,cAAc,CAAC;QACzBC,MAAM,EAAE,CAAC;QACTF;MACF,CAAC,CAAC;IACJ;EACF,CAAC,EACD,CAACzD,IAAI,CACP,CAAC;EAED5C,SAAS,CAAC,MAAM;IACd,IAAI2C,QAAQ,EAAEiB,WAAW,IAAI,CAACP,UAAU,EAAE;MACxC3C,uBAAuB,CAACiC,QAAQ,EAAEiB,WAAW,EAAE,IAAIqB,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE;QAC5DhB,IAAI,EAAE9D,WAAW,CAAC4D,QAAQ,CAAC,CAAC,CAACE,IAAI;QACjCC,QAAQ,EAAE5B;MACZ,CAAC,CAAC,CACC6B,IAAI,CAAEC,OAAO,IAAK;QACjBvB,OAAO,CAAEwB,QAAQ,IAAK;UACpB,MAAMC,WAAW,GAAGF,OAAO,CAACpB,IAAI,CAACJ,IAAI;UACrC,MAAM2B,WAAW,GAAG,IAAIC,GAAG,CAACH,QAAQ,EAAEI,GAAG,CAAEC,GAAG,IAAKA,GAAG,CAACC,EAAE,CAAC,CAAC;UAC3D,MAAMC,iBAAiB,GAAGN,WAAW,CAACO,MAAM,CACzCH,GAAG,IAAK,CAACH,WAAW,CAACO,GAAG,CAACJ,GAAG,CAACC,EAAE,CAClC,CAAC;UACD,MAAMI,iBAAiB,GAAGH,iBAAiB,CAACH,GAAG,CAAEO,CAAC,KAAM;YACtD,GAAGA,CAAC;YACJhB,UAAU,EAAE,IAAIiB,IAAI,CAACD,CAAC,CAAChB,UAAU,CAAC;YAClCkB,QAAQ,EAAE;UACZ,CAAC,CAAC,CAAC;UACH/E,WAAW,CAACqG,QAAQ,CAAC;YACnB1C,YAAY,EAAEiB,iBAAiB,CAAC,CAAC;UACnC,CAAC,CAAC;UACF,IAAIA,iBAAiB,CAACI,MAAM,KAAK,CAAC,EAAE;YAClCzC,UAAU,CAAC,KAAK,CAAC;UACnB;UACA,OAAOqC,iBAAiB;QAC1B,CAAC,CAAC;QACFqB,cAAc,CAAC,KAAK,CAAC;MACvB,CAAC,CAAC,CACDf,KAAK,CAAEoB,CAAC,IAAK;QACZnD,aAAa,CAAC,IAAI,CAAC;QACnBoD,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC;MAClB,CAAC,CAAC;IACN;EACF,CAAC,EAAE,CACDnE,iBAAiB,EACjBK,QAAQ,EAAEiB,WAAW,EACrBP,UAAU,EACV+C,cAAc,EACdvD,OAAO,CACR,CAAC;EAEF,IAAIM,aAAa,EAAE;IACjB,oBACEhC,IAAA,CAACd,IAAI;MACHmB,KAAK,EAAE,CACLC,MAAM,CAACmF,cAAc,EACrB;QAAEjF,eAAe,EAAEJ,WAAW,CAACK;MAAW,CAAC,CAC3C;MAAAC,QAAA,eAEFV,IAAA,CAACV,gBAAgB;QACfe,KAAK,EAAE,CAACC,MAAM,CAACoF,WAAW,EAAE;UAAElF,eAAe,EAAEJ,WAAW,CAACS;QAAQ,CAAC,CAAE;QACtE8E,OAAO,EAAEA,CAAA,KAAM;UACb1D,gBAAgB,CAAC,KAAK,CAAC;UACvBF,cAAc,CAACS,OAAO,GAAGyB,SAAS;UAClC1B,QAAQ,CAAC,CAAC;QACZ,CAAE;QAAA7B,QAAA,eAEFV,IAAA,CAACJ,OAAO;UACNgG,YAAY,EAAC,iBAAiB;UAC9BvF,KAAK,EAAE,CAACC,MAAM,CAACuF,SAAS,EAAE;YAAEjF,KAAK,EAAER,WAAW,CAACK;UAAW,CAAC;QAAE,CAC9D;MAAC,CACc;IAAC,CACf,CAAC;EAEX;EAEA,IAAIyB,UAAU,EAAE;IACd,oBAAOlC,IAAA,CAACH,UAAU;MAACsC,aAAa,EAAEA;IAAc,CAAE,CAAC;EACrD;EACA,oBACEjC,KAAA,CAAChB,IAAI;IACHmB,KAAK,EAAE,CAACC,MAAM,CAACwF,SAAS,EAAE;MAAEtF,eAAe,EAAEJ,WAAW,CAACK;IAAW,CAAC,CAAE;IAAAC,QAAA,gBAEvEV,IAAA,CAACf,QAAQ;MACP2C,GAAG,EAAEA,GAAI;MACTH,IAAI,EAAEA,IAAK;MACXsE,QAAQ;MACR1B,UAAU,EAAEA,UAAW;MACvB2B,qBAAqB,EAAE,CACrB1F,MAAM,CAAC2F,gBAAgB,EACvB;QAAEzF,eAAe,EAAEJ,WAAW,CAACK;MAAW,CAAC,CAC3C;MACFJ,KAAK,EAAEC,MAAM,CAAC4F,IAAK;MACnBC,kBAAkB,EAChB,CAAC7E,OAAO,KAAK,CAACG,IAAI,IAAIA,IAAI,CAACuC,MAAM,KAAK,CAAC,CAAC,gBAAGhE,IAAA,CAACF,SAAS,IAAE,CAAC,GAAG,IAC5D;MACDsG,mBAAmB,EAAE9E,OAAO,gBAAGtB,IAAA,CAACG,WAAW,IAAE,CAAC,GAAG,IAAK;MACtDkG,YAAY,EAAG/B,IAAI,IAAKA,IAAI,CAACd,EAAE,GAAG,GAAG,GAAGc,IAAI,CAACzB,UAAW;MACxDyD,qBAAqB,EAAE,IAAK;MAC5BC,mBAAmB,EAAE,EAAG;MACxBC,UAAU,EAAE,EAAG;MACfC,kBAAkB,EAAEtF,iBAAkB;MACtCuF,aAAa,EAAEA,CAACvC,CAAC,EAAEwC,KAAK,MAAM;QAC5B3C,MAAM,EAAE/C,kBAAkB,GAAG,EAAE;QAC/BmE,MAAM,EAAE,CAACnE,kBAAkB,GAAG,EAAE,IAAI0F,KAAK;QACzCA;MACF,CAAC,CAAE;MACHC,QAAQ,EAAErC,YAAa;MACvBsC,mBAAmB,EAAE;IAAG,CACzB,CAAC,EACDzE,aAAa,iBACZpC,IAAA,CAACV,gBAAgB;MACfe,KAAK,EAAE,CACLC,MAAM,CAACwG,gBAAgB,EACvB;QAAEtG,eAAe,EAAEJ,WAAW,CAACK;MAAW,CAAC,CAC3C;MACFkF,OAAO,EAAEA,CAAA,KAAMV,cAAc,CAAC,IAAI,CAAE;MAAAvE,QAAA,eAEpCV,IAAA,CAACX,KAAK;QACJ0H,MAAM,EAAEC,OAAO,CAAC,oBAAoB,CAAE;QACtC3G,KAAK,EAAE,CAACC,MAAM,CAAC2G,YAAY,EAAE;UAAEC,SAAS,EAAE9G,WAAW,CAAC+G;QAAK,CAAC;MAAE,CAC/D;IAAC,CACc,CACnB,eACDnH,IAAA,CAACN,YAAY;MAACuF,cAAc,EAAEA;IAAe,CAAE,CAAC;EAAA,CAC5C,CAAC;AAEX;AAEA,MAAM3E,MAAM,GAAGd,UAAU,CAAC4H,MAAM,CAAC;EAC/BtB,SAAS,EAAE;IACTuB,IAAI,EAAE;EACR,CAAC;EACDnB,IAAI,EAAE;IACJmB,IAAI,EAAE;EACR,CAAC;EACDpB,gBAAgB,EAAE;IAChBqB,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDhH,WAAW,EAAE;IACXQ,MAAM,EAAE,GAAG;IACXyG,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDX,gBAAgB,EAAE;IAChBY,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,KAAK;IACbC,YAAY,EAAE,EAAE;IAChBC,OAAO,EAAE,EAAE;IACXC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MACZC,KAAK,EAAE,CAAC;MACRlH,MAAM,EAAE;IACV,CAAC;IACDmH,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,IAAI;IAClBC,SAAS,EAAE;EACb,CAAC;EACDnB,YAAY,EAAE;IACZgB,KAAK,EAAE,EAAE;IACTlH,MAAM,EAAE;EACV,CAAC;EACD0E,cAAc,EAAE;IACd4B,IAAI,EAAE,CAAC;IACPG,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBK,OAAO,EAAE;EACX,CAAC;EACDpC,WAAW,EAAE;IACXoC,OAAO,EAAE,EAAE;IACXD,YAAY,EAAE,CAAC;IACfL,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD5B,SAAS,EAAE;IACTwC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/CustomerForm.js

@@ -0,0 +1,209 @@
+"use strict";
+
+import { View, TextInput, StyleSheet, TouchableOpacity } from 'react-native';
+import { useForm, Controller } from 'react-hook-form';
+import { useAppStore } from "../store.js";
+import { createCustomer } from "../api/index.js";
+import { AppText } from "./AppText.js";
+import { useLocalize } from "../hooks/useLocalize.js";
+import { useThemeColors } from "../hooks/useThemeColors.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function CustomerForm() {
+  const {
+    control,
+    handleSubmit,
+    formState: {
+      errors
+    }
+  } = useForm();
+  const themeColors = useThemeColors();
+  const localize = useLocalize();
+  const inputStyle = {
+    ...styles.input,
+    color: themeColors.text,
+    borderColor: themeColors.border,
+    backgroundColor: themeColors.background
+  };
+  const onSubmit = async data => {
+    try {
+      const customer = await createCustomer({
+        ...data,
+        language: 'en',
+        externalId: useAppStore.getState().externalId || '',
+        ipAddress: '192.168.1.1',
+        customParameters: []
+      }, {
+        fake: useAppStore.getState().fake
+      });
+      if (customer !== undefined) {
+        useAppStore.getState().initForm(customer);
+      }
+    } catch (error) {
+      console.error('Error creating customer:', error);
+    }
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      backgroundColor: themeColors.background
+    }],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.headerContainer,
+      children: [/*#__PURE__*/_jsx(AppText, {
+        localization: "customer.form.title",
+        style: [styles.headerText, {
+          color: themeColors.text
+        }]
+      }), /*#__PURE__*/_jsx(AppText, {
+        localization: "customer.form.instructions",
+        style: [styles.headerText, {
+          color: themeColors.text
+        }]
+      })]
+    }), /*#__PURE__*/_jsx(Controller, {
+      control: control,
+      rules: {
+        required: true
+      },
+      render: ({
+        field: {
+          onChange,
+          value
+        }
+      }) => /*#__PURE__*/_jsx(TextInput, {
+        style: inputStyle,
+        placeholder: localize('customer.form.placeholder.name'),
+        placeholderTextColor: "#6C757D",
+        value: value,
+        onChangeText: onChange
+      }),
+      name: "name"
+    }), errors.name && /*#__PURE__*/_jsx(AppText, {
+      localization: "customer.form.error",
+      style: [styles.error, {
+        color: themeColors.error
+      }]
+    }), /*#__PURE__*/_jsx(Controller, {
+      control: control,
+      rules: {
+        required: true
+      },
+      render: ({
+        field: {
+          onChange,
+          value
+        }
+      }) => /*#__PURE__*/_jsx(TextInput, {
+        style: inputStyle,
+        placeholder: localize('customer.form.placeholder.country'),
+        placeholderTextColor: "#6C757D",
+        value: value,
+        onChangeText: onChange
+      }),
+      name: "country"
+    }), errors.country && /*#__PURE__*/_jsx(AppText, {
+      localization: "customer.form.error.country",
+      style: [styles.error, {
+        color: themeColors.error
+      }]
+    }), /*#__PURE__*/_jsx(Controller, {
+      control: control,
+      rules: {
+        required: true,
+        pattern: /^\S+@\S+$/i
+      },
+      render: ({
+        field: {
+          onChange,
+          value
+        }
+      }) => /*#__PURE__*/_jsx(TextInput, {
+        style: inputStyle,
+        placeholder: localize('customer.form.placeholder.email'),
+        placeholderTextColor: "#6C757D",
+        value: value,
+        onChangeText: onChange,
+        keyboardType: "email-address"
+      }),
+      name: "email"
+    }), errors.email && /*#__PURE__*/_jsx(AppText, {
+      localization: "customer.form.error.email",
+      style: [styles.error, {
+        color: themeColors.error
+      }]
+    }), /*#__PURE__*/_jsx(Controller, {
+      control: control,
+      rules: {
+        required: true
+      },
+      render: ({
+        field: {
+          onChange,
+          value
+        }
+      }) => /*#__PURE__*/_jsx(TextInput, {
+        style: inputStyle,
+        placeholder: localize('customer.form.placeholder.phone'),
+        placeholderTextColor: "#6C757D",
+        value: value,
+        onChangeText: onChange,
+        keyboardType: "phone-pad"
+      }),
+      name: "phone"
+    }), errors.phone && /*#__PURE__*/_jsx(AppText, {
+      localization: "customer.form.error.phone",
+      style: [styles.error, {
+        color: themeColors.error
+      }]
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [styles.button, {
+        backgroundColor: themeColors.primary
+      }],
+      onPress: handleSubmit(onSubmit),
+      children: /*#__PURE__*/_jsx(AppText, {
+        localization: "customer.form.submit",
+        style: styles.buttonText
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    padding: 24,
+    flex: 1,
+    justifyContent: 'center'
+  },
+  headerContainer: {
+    marginBottom: 24
+  },
+  headerText: {
+    fontSize: 15,
+    fontWeight: '600',
+    textAlign: 'center'
+  },
+  input: {
+    height: 56,
+    borderWidth: 1,
+    borderRadius: 12,
+    paddingHorizontal: 16,
+    fontSize: 16,
+    backgroundColor: 'white',
+    marginBottom: 16
+  },
+  button: {
+    padding: 16,
+    borderRadius: 12,
+    alignItems: 'center',
+    marginTop: 24
+  },
+  buttonText: {
+    color: 'white',
+    fontSize: 16,
+    fontWeight: '600'
+  },
+  error: {
+    fontSize: 14,
+    marginLeft: 16,
+    top: -16
+  }
+});
+//# sourceMappingURL=CustomerForm.js.map

package/lib/module/components/CustomerForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","TextInput","StyleSheet","TouchableOpacity","useForm","Controller","useAppStore","createCustomer","AppText","useLocalize","useThemeColors","jsx","_jsx","jsxs","_jsxs","CustomerForm","control","handleSubmit","formState","errors","themeColors","localize","inputStyle","styles","input","color","text","borderColor","border","backgroundColor","background","onSubmit","data","customer","language","externalId","getState","ipAddress","customParameters","fake","undefined","initForm","error","console","style","container","children","headerContainer","localization","headerText","rules","required","render","field","onChange","value","placeholder","placeholderTextColor","onChangeText","name","country","pattern","keyboardType","email","phone","button","primary","onPress","buttonText","create","padding","flex","justifyContent","marginBottom","fontSize","fontWeight","textAlign","height","borderWidth","borderRadius","paddingHorizontal","alignItems","marginTop","marginLeft","top"],"sourceRoot":"../../../src","sources":["components/CustomerForm.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/EmptyList.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { View, StyleSheet } from 'react-native';
+import { useThemeColors } from "../hooks/useThemeColors.js";
+import { AppText } from "./AppText.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function EmptyList() {
+  const themeColors = useThemeColors();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, {
+      backgroundColor: themeColors.background
+    }],
+    children: /*#__PURE__*/_jsx(AppText, {
+      localization: "chat.empty",
+      style: [styles.text, {
+        color: themeColors.text
+      }]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 20,
+    transform: [{
+      rotate: '180deg'
+    }] //TODO: inverted list
+  },
+  text: {
+    fontSize: 16,
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=EmptyList.js.map

package/lib/module/components/EmptyList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","useThemeColors","AppText","jsx","_jsx","EmptyList","themeColors","style","styles","container","backgroundColor","background","children","localization","text","color","create","flex","alignItems","justifyContent","padding","transform","rotate","fontSize","textAlign"],"sourceRoot":"../../../src","sources":["components/EmptyList.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,cAAc,QAAQ,4BAAyB;AACxD,SAASC,OAAO,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,OAAO,SAASC,SAASA,CAAA,EAAG;EAC1B,MAAMC,WAAW,GAAGL,cAAc,CAAC,CAAC;EAEpC,oBACEG,IAAA,CAACL,IAAI;IACHQ,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEJ,WAAW,CAACK;IAAW,CAAC,CAAE;IAAAC,QAAA,eAEvER,IAAA,CAACF,OAAO;MACNW,YAAY,EAAC,YAAY;MACzBN,KAAK,EAAE,CAACC,MAAM,CAACM,IAAI,EAAE;QAAEC,KAAK,EAAET,WAAW,CAACQ;MAAK,CAAC;IAAE,CACnD;EAAC,CACE,CAAC;AAEX;AAEA,MAAMN,MAAM,GAAGR,UAAU,CAACgB,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAE,EAAE;IACXC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC,CAAC,CAAE;EACrC,CAAC;EACDR,IAAI,EAAE;IACJS,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/InitFailed.js

@@ -0,0 +1,47 @@
+"use strict";
+
+import { TouchableOpacity, View, StyleSheet } from 'react-native';
+import { useThemeColors } from "../hooks/useThemeColors.js";
+import { AppText } from "./AppText.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function InitFailed({
+  setInitFailed
+}) {
+  const themeColors = useThemeColors();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, {
+      backgroundColor: themeColors.background
+    }],
+    children: /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [styles.retryButton, {
+        backgroundColor: themeColors.primary
+      }],
+      onPress: () => setInitFailed(false),
+      children: /*#__PURE__*/_jsx(AppText, {
+        localization: "chat.init.error",
+        style: [styles.retryText, {
+          color: themeColors.background
+        }]
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 20
+  },
+  retryButton: {
+    padding: 15,
+    borderRadius: 8,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  retryText: {
+    fontSize: 16,
+    fontWeight: '500'
+  }
+});
+//# sourceMappingURL=InitFailed.js.map

package/lib/module/components/InitFailed.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TouchableOpacity","View","StyleSheet","useThemeColors","AppText","jsx","_jsx","InitFailed","setInitFailed","themeColors","style","styles","container","backgroundColor","background","children","retryButton","primary","onPress","localization","retryText","color","create","flex","alignItems","justifyContent","padding","borderRadius","fontSize","fontWeight"],"sourceRoot":"../../../src","sources":["components/InitFailed.tsx"],"mappings":";;AAAA,SAASA,gBAAgB,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACjE,SAASC,cAAc,QAAQ,4BAAyB;AACxD,SAASC,OAAO,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMpC,OAAO,SAASC,UAAUA,CAAC;EAAEC;AAA+B,CAAC,EAAE;EAC7D,MAAMC,WAAW,GAAGN,cAAc,CAAC,CAAC;EAEpC,oBACEG,IAAA,CAACL,IAAI;IACHS,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEJ,WAAW,CAACK;IAAW,CAAC,CAAE;IAAAC,QAAA,eAEvET,IAAA,CAACN,gBAAgB;MACfU,KAAK,EAAE,CAACC,MAAM,CAACK,WAAW,EAAE;QAAEH,eAAe,EAAEJ,WAAW,CAACQ;MAAQ,CAAC,CAAE;MACtEC,OAAO,EAAEA,CAAA,KAAMV,aAAa,CAAC,KAAK,CAAE;MAAAO,QAAA,eAEpCT,IAAA,CAACF,OAAO;QACNe,YAAY,EAAC,iBAAiB;QAC9BT,KAAK,EAAE,CAACC,MAAM,CAACS,SAAS,EAAE;UAAEC,KAAK,EAAEZ,WAAW,CAACK;QAAW,CAAC;MAAE,CAC9D;IAAC,CACc;EAAC,CACf,CAAC;AAEX;AAEA,MAAMH,MAAM,GAAGT,UAAU,CAACoB,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAE;EACX,CAAC;EACDV,WAAW,EAAE;IACXU,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE,CAAC;IACfH,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDL,SAAS,EAAE;IACTQ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}