@developer_tribe/react-native-comnyx 0.1.1 → 0.2.1

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;
+    }
+    console.log('next');
+    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;
+        });
+      }).catch(e => {
+        setInitFailed(true);
+        console.error(e);
+      });
+    }
+  }, [MESSAGES_PER_PAGE, customer?.external_id, initFailed, 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","console","log","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","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":"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","ignoreList":[]}

package/lib/module/components/CustomerForm.js

@@ -0,0 +1,275 @@
+"use strict";
+
+import { View, TextInput, StyleSheet, TouchableOpacity, Modal, FlatList, Pressable } 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 { countries } from "../constants/countries.js";
+import { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function CustomerForm() {
+  const {
+    control,
+    handleSubmit,
+    formState: {
+      errors
+    }
+  } = useForm();
+  const themeColors = useThemeColors();
+  const localize = useLocalize();
+  const [isCountryModalVisible, setIsCountryModalVisible] = useState(false);
+  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__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Pressable, {
+          style: [styles.input, {
+            borderColor: themeColors.border,
+            backgroundColor: themeColors.background,
+            justifyContent: 'center'
+          }],
+          onPress: () => setIsCountryModalVisible(true),
+          children: /*#__PURE__*/_jsx(AppText, {
+            style: {
+              color: value ? themeColors.text : '#6C757D'
+            },
+            children: value ? countries.find(c => c.code === value)?.name : localize('customer.form.placeholder.country')
+          })
+        }), /*#__PURE__*/_jsx(Modal, {
+          visible: isCountryModalVisible,
+          transparent: true,
+          animationType: "slide",
+          onRequestClose: () => setIsCountryModalVisible(false),
+          children: /*#__PURE__*/_jsx(View, {
+            style: [styles.modalContainer, {
+              backgroundColor: 'rgba(0, 0, 0, 0.5)'
+            }],
+            children: /*#__PURE__*/_jsx(View, {
+              style: [styles.modalContent, {
+                backgroundColor: themeColors.background
+              }],
+              children: /*#__PURE__*/_jsx(FlatList, {
+                data: countries,
+                keyExtractor: item => item.code,
+                initialScrollIndex: countries.findIndex(c => c.code === value),
+                renderItem: ({
+                  item
+                }) => /*#__PURE__*/_jsx(Pressable, {
+                  style: [styles.countryItem, {
+                    backgroundColor: value === item.code ? themeColors.primary : themeColors.background,
+                    borderBottomColor: themeColors.border
+                  }],
+                  onPress: () => {
+                    onChange(item.code);
+                    setIsCountryModalVisible(false);
+                  },
+                  children: /*#__PURE__*/_jsx(AppText, {
+                    style: {
+                      color: value === item.code ? themeColors.background : themeColors.text,
+                      fontSize: 16
+                    },
+                    children: item.name
+                  })
+                })
+              })
+            })
+          })
+        })]
+      }),
+      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
+  },
+  modalContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  modalContent: {
+    width: '90%',
+    height: '70%',
+    borderRadius: 12,
+    overflow: 'hidden'
+  },
+  countryItem: {
+    padding: 16,
+    borderBottomWidth: 1
+  }
+});
+//# sourceMappingURL=CustomerForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","TextInput","StyleSheet","TouchableOpacity","Modal","FlatList","Pressable","useForm","Controller","useAppStore","createCustomer","AppText","useLocalize","useThemeColors","countries","useState","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CustomerForm","control","handleSubmit","formState","errors","themeColors","localize","isCountryModalVisible","setIsCountryModalVisible","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","justifyContent","onPress","find","c","code","visible","transparent","animationType","onRequestClose","modalContainer","modalContent","keyExtractor","item","initialScrollIndex","findIndex","renderItem","countryItem","primary","borderBottomColor","fontSize","country","pattern","keyboardType","email","phone","button","buttonText","create","padding","flex","marginBottom","fontWeight","textAlign","height","borderWidth","borderRadius","paddingHorizontal","alignItems","marginTop","marginLeft","top","width","overflow","borderBottomWidth"],"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":[]}