@developer_tribe/react-native-comnyx 0.1.1 → 0.2.1

package/lib/commonjs/components/CustomerForm.js

@@ -0,0 +1,279 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomerForm = CustomerForm;
+var _reactNative = require("react-native");
+var _reactHookForm = require("react-hook-form");
+var _store = require("../store.js");
+var _index = require("../api/index.js");
+var _AppText = require("./AppText.js");
+var _useLocalize = require("../hooks/useLocalize.js");
+var _useThemeColors = require("../hooks/useThemeColors.js");
+var _countries = require("../constants/countries.js");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+function CustomerForm() {
+  const {
+    control,
+    handleSubmit,
+    formState: {
+      errors
+    }
+  } = (0, _reactHookForm.useForm)();
+  const themeColors = (0, _useThemeColors.useThemeColors)();
+  const localize = (0, _useLocalize.useLocalize)();
+  const [isCountryModalVisible, setIsCountryModalVisible] = (0, _react.useState)(false);
+  const inputStyle = {
+    ...styles.input,
+    color: themeColors.text,
+    borderColor: themeColors.border,
+    backgroundColor: themeColors.background
+  };
+  const onSubmit = async data => {
+    try {
+      const customer = await (0, _index.createCustomer)({
+        ...data,
+        language: 'en',
+        externalId: _store.useAppStore.getState().externalId || '',
+        ipAddress: '192.168.1.1',
+        customParameters: []
+      }, {
+        fake: _store.useAppStore.getState().fake
+      });
+      if (customer !== undefined) {
+        _store.useAppStore.getState().initForm(customer);
+      }
+    } catch (error) {
+      console.error('Error creating customer:', error);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: themeColors.background
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.headerContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppText.AppText, {
+        localization: "customer.form.title",
+        style: [styles.headerText, {
+          color: themeColors.text
+        }]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppText.AppText, {
+        localization: "customer.form.instructions",
+        style: [styles.headerText, {
+          color: themeColors.text
+        }]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
+      control: control,
+      rules: {
+        required: true
+      },
+      render: ({
+        field: {
+          onChange,
+          value
+        }
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+        style: inputStyle,
+        placeholder: localize('customer.form.placeholder.name'),
+        placeholderTextColor: "#6C757D",
+        value: value,
+        onChangeText: onChange
+      }),
+      name: "name"
+    }), errors.name && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppText.AppText, {
+      localization: "customer.form.error",
+      style: [styles.error, {
+        color: themeColors.error
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
+      control: control,
+      rules: {
+        required: true
+      },
+      render: ({
+        field: {
+          onChange,
+          value
+        }
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          style: [styles.input, {
+            borderColor: themeColors.border,
+            backgroundColor: themeColors.background,
+            justifyContent: 'center'
+          }],
+          onPress: () => setIsCountryModalVisible(true),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppText.AppText, {
+            style: {
+              color: value ? themeColors.text : '#6C757D'
+            },
+            children: value ? _countries.countries.find(c => c.code === value)?.name : localize('customer.form.placeholder.country')
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+          visible: isCountryModalVisible,
+          transparent: true,
+          animationType: "slide",
+          onRequestClose: () => setIsCountryModalVisible(false),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.modalContainer, {
+              backgroundColor: 'rgba(0, 0, 0, 0.5)'
+            }],
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: [styles.modalContent, {
+                backgroundColor: themeColors.background
+              }],
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+                data: _countries.countries,
+                keyExtractor: item => item.code,
+                initialScrollIndex: _countries.countries.findIndex(c => c.code === value),
+                renderItem: ({
+                  item
+                }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+                  style: [styles.countryItem, {
+                    backgroundColor: value === item.code ? themeColors.primary : themeColors.background,
+                    borderBottomColor: themeColors.border
+                  }],
+                  onPress: () => {
+                    onChange(item.code);
+                    setIsCountryModalVisible(false);
+                  },
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppText.AppText, {
+                    style: {
+                      color: value === item.code ? themeColors.background : themeColors.text,
+                      fontSize: 16
+                    },
+                    children: item.name
+                  })
+                })
+              })
+            })
+          })
+        })]
+      }),
+      name: "country"
+    }), errors.country && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppText.AppText, {
+      localization: "customer.form.error.country",
+      style: [styles.error, {
+        color: themeColors.error
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
+      control: control,
+      rules: {
+        required: true,
+        pattern: /^\S+@\S+$/i
+      },
+      render: ({
+        field: {
+          onChange,
+          value
+        }
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+        style: inputStyle,
+        placeholder: localize('customer.form.placeholder.email'),
+        placeholderTextColor: "#6C757D",
+        value: value,
+        onChangeText: onChange,
+        keyboardType: "email-address"
+      }),
+      name: "email"
+    }), errors.email && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppText.AppText, {
+      localization: "customer.form.error.email",
+      style: [styles.error, {
+        color: themeColors.error
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
+      control: control,
+      rules: {
+        required: true
+      },
+      render: ({
+        field: {
+          onChange,
+          value
+        }
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+        style: inputStyle,
+        placeholder: localize('customer.form.placeholder.phone'),
+        placeholderTextColor: "#6C757D",
+        value: value,
+        onChangeText: onChange,
+        keyboardType: "phone-pad"
+      }),
+      name: "phone"
+    }), errors.phone && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppText.AppText, {
+      localization: "customer.form.error.phone",
+      style: [styles.error, {
+        color: themeColors.error
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      style: [styles.button, {
+        backgroundColor: themeColors.primary
+      }],
+      onPress: handleSubmit(onSubmit),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppText.AppText, {
+        localization: "customer.form.submit",
+        style: styles.buttonText
+      })
+    })]
+  });
+}
+const styles = _reactNative.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/commonjs/components/CustomerForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactHookForm","_store","_index","_AppText","_useLocalize","_useThemeColors","_countries","_react","_jsxRuntime","CustomerForm","control","handleSubmit","formState","errors","useForm","themeColors","useThemeColors","localize","useLocalize","isCountryModalVisible","setIsCountryModalVisible","useState","inputStyle","styles","input","color","text","borderColor","border","backgroundColor","background","onSubmit","data","customer","createCustomer","language","externalId","useAppStore","getState","ipAddress","customParameters","fake","undefined","initForm","error","console","jsxs","View","style","container","children","headerContainer","jsx","AppText","localization","headerText","Controller","rules","required","render","field","onChange","value","TextInput","placeholder","placeholderTextColor","onChangeText","name","Fragment","Pressable","justifyContent","onPress","countries","find","c","code","Modal","visible","transparent","animationType","onRequestClose","modalContainer","modalContent","FlatList","keyExtractor","item","initialScrollIndex","findIndex","renderItem","countryItem","primary","borderBottomColor","fontSize","country","pattern","keyboardType","email","phone","TouchableOpacity","button","buttonText","StyleSheet","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/commonjs/components/EmptyList.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmptyList = EmptyList;
+var _reactNative = require("react-native");
+var _useThemeColors = require("../hooks/useThemeColors.js");
+var _AppText = require("./AppText.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function EmptyList() {
+  const themeColors = (0, _useThemeColors.useThemeColors)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: themeColors.background
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppText.AppText, {
+      localization: "chat.empty",
+      style: [styles.text, {
+        color: themeColors.text
+      }]
+    })
+  });
+}
+const styles = _reactNative.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/commonjs/components/EmptyList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useThemeColors","_AppText","_jsxRuntime","EmptyList","themeColors","useThemeColors","jsx","View","style","styles","container","backgroundColor","background","children","AppText","localization","text","color","StyleSheet","create","flex","alignItems","justifyContent","padding","transform","rotate","fontSize","textAlign"],"sourceRoot":"../../../src","sources":["components/EmptyList.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAoC,IAAAG,WAAA,GAAAH,OAAA;AAE7B,SAASI,SAASA,CAAA,EAAG;EAC1B,MAAMC,WAAW,GAAG,IAAAC,8BAAc,EAAC,CAAC;EAEpC,oBACE,IAAAH,WAAA,CAAAI,GAAA,EAACR,YAAA,CAAAS,IAAI;IACHC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEP,WAAW,CAACQ;IAAW,CAAC,CAAE;IAAAC,QAAA,eAEvE,IAAAX,WAAA,CAAAI,GAAA,EAACL,QAAA,CAAAa,OAAO;MACNC,YAAY,EAAC,YAAY;MACzBP,KAAK,EAAE,CAACC,MAAM,CAACO,IAAI,EAAE;QAAEC,KAAK,EAAEb,WAAW,CAACY;MAAK,CAAC;IAAE,CACnD;EAAC,CACE,CAAC;AAEX;AAEA,MAAMP,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,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;EACDT,IAAI,EAAE;IACJU,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/InitFailed.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InitFailed = InitFailed;
+var _reactNative = require("react-native");
+var _useThemeColors = require("../hooks/useThemeColors.js");
+var _AppText = require("./AppText.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function InitFailed({
+  setInitFailed
+}) {
+  const themeColors = (0, _useThemeColors.useThemeColors)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: themeColors.background
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      style: [styles.retryButton, {
+        backgroundColor: themeColors.primary
+      }],
+      onPress: () => setInitFailed(false),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppText.AppText, {
+        localization: "chat.init.error",
+        style: [styles.retryText, {
+          color: themeColors.background
+        }]
+      })
+    })
+  });
+}
+const styles = _reactNative.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/commonjs/components/InitFailed.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useThemeColors","_AppText","_jsxRuntime","InitFailed","setInitFailed","themeColors","useThemeColors","jsx","View","style","styles","container","backgroundColor","background","children","TouchableOpacity","retryButton","primary","onPress","AppText","localization","retryText","color","StyleSheet","create","flex","alignItems","justifyContent","padding","borderRadius","fontSize","fontWeight"],"sourceRoot":"../../../src","sources":["components/InitFailed.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAoC,IAAAG,WAAA,GAAAH,OAAA;AAM7B,SAASI,UAAUA,CAAC;EAAEC;AAA+B,CAAC,EAAE;EAC7D,MAAMC,WAAW,GAAG,IAAAC,8BAAc,EAAC,CAAC;EAEpC,oBACE,IAAAJ,WAAA,CAAAK,GAAA,EAACT,YAAA,CAAAU,IAAI;IACHC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEP,WAAW,CAACQ;IAAW,CAAC,CAAE;IAAAC,QAAA,eAEvE,IAAAZ,WAAA,CAAAK,GAAA,EAACT,YAAA,CAAAiB,gBAAgB;MACfN,KAAK,EAAE,CAACC,MAAM,CAACM,WAAW,EAAE;QAAEJ,eAAe,EAAEP,WAAW,CAACY;MAAQ,CAAC,CAAE;MACtEC,OAAO,EAAEA,CAAA,KAAMd,aAAa,CAAC,KAAK,CAAE;MAAAU,QAAA,eAEpC,IAAAZ,WAAA,CAAAK,GAAA,EAACN,QAAA,CAAAkB,OAAO;QACNC,YAAY,EAAC,iBAAiB;QAC9BX,KAAK,EAAE,CAACC,MAAM,CAACW,SAAS,EAAE;UAAEC,KAAK,EAAEjB,WAAW,CAACQ;QAAW,CAAC;MAAE,CAC9D;IAAC,CACc;EAAC,CACf,CAAC;AAEX;AAEA,MAAMH,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAE;EACX,CAAC;EACDZ,WAAW,EAAE;IACXY,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE,CAAC;IACfH,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDN,SAAS,EAAE;IACTS,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/MessageInput.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageInput = MessageInput;
+var _reactNative = require("react-native");
+var _store = require("../store.js");
+var _react = require("react");
+var _index = require("../api/index.js");
+var _useThemeColors = require("../hooks/useThemeColors.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const sendDark = require('../assets/send.png');
+function MessageInput({
+  scrollToBottom
+}) {
+  const [value, setValue] = (0, _react.useState)('');
+  const customer = (0, _store.useAppStore)(s => s.customer);
+  const themeColors = (0, _useThemeColors.useThemeColors)();
+  const sendMessage = () => {
+    if (value.trim()) {
+      const date = new Date();
+      _store.useAppStore.getState().setData(data => [{
+        id: null,
+        approved: false,
+        content: value,
+        created_at: date,
+        user: {
+          name: customer.name,
+          profile_photo_url: null
+        }
+      }, ...(data ?? [])]);
+      (0, _index.sendCustomerMessage)(customer.external_id, value, {
+        fake: _store.useAppStore.getState().fake
+      }).then(res => {
+        const data = _store.useAppStore.getState().data;
+        if (data) {
+          const itemIndex = data.findIndex(item => item.id === null && new Date(item.created_at).getTime() === date.getTime());
+          if (itemIndex === -1) {
+            //TODO:??
+          } else {
+            const alteredData = [...data];
+            alteredData[itemIndex] = {
+              id: res.message.id,
+              content: res.message.content,
+              user: res.message.user ?? alteredData[itemIndex]?.user,
+              created_at: new Date(res.message.created_at),
+              approved: true
+            };
+            _store.useAppStore.setState({
+              data: alteredData
+            });
+            scrollToBottom(false);
+          }
+        } else {
+          //TODO: ??
+        }
+      });
+      setValue('');
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: themeColors.background
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+      value: value,
+      onChangeText: newValue => setValue(newValue),
+      onSubmitEditing: sendMessage,
+      returnKeyType: "send",
+      style: [styles.textInput, {
+        backgroundColor: themeColors.background,
+        color: themeColors.text,
+        borderColor: themeColors.border
+      }],
+      placeholder: "Type a message...",
+      placeholderTextColor: themeColors.text + '80'
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      style: [styles.sendButton, {
+        backgroundColor: themeColors.primary
+      }],
+      onPress: sendMessage,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        style: [styles.sendIcon, {
+          tintColor: themeColors.text
+        }],
+        source: sendDark
+      })
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    padding: 10,
+    borderTopWidth: 1
+  },
+  textInput: {
+    flex: 1,
+    borderWidth: 1,
+    borderRadius: 20,
+    paddingHorizontal: 15,
+    paddingVertical: 8,
+    marginRight: 10,
+    fontSize: 16
+  },
+  sendButton: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  sendIcon: {
+    width: 20,
+    height: 20
+  }
+});
+//# sourceMappingURL=MessageInput.js.map

package/lib/commonjs/components/MessageInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_store","_react","_index","_useThemeColors","_jsxRuntime","sendDark","MessageInput","scrollToBottom","value","setValue","useState","customer","useAppStore","s","themeColors","useThemeColors","sendMessage","trim","date","Date","getState","setData","data","id","approved","content","created_at","user","name","profile_photo_url","sendCustomerMessage","external_id","fake","then","res","itemIndex","findIndex","item","getTime","alteredData","message","setState","jsxs","View","style","styles","container","backgroundColor","background","children","jsx","TextInput","onChangeText","newValue","onSubmitEditing","returnKeyType","textInput","color","text","borderColor","border","placeholder","placeholderTextColor","TouchableOpacity","sendButton","primary","onPress","Image","sendIcon","tintColor","source","StyleSheet","create","flexDirection","padding","borderTopWidth","flex","borderWidth","borderRadius","paddingHorizontal","paddingVertical","marginRight","fontSize","width","height","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["components/MessageInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/MessageItem.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageItem = MessageItem;
+var _reactNative = require("react-native");
+var _AppText = require("./AppText.js");
+var _useThemeColors = require("../hooks/useThemeColors.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const clockIcon = require('../assets/clock.png');
+const doubleCheckIcon = require('../assets/double-check.png');
+function MessageItem({
+  item
+}) {
+  const themeColors = (0, _useThemeColors.useThemeColors)();
+  const isDeviceOwner = !!item.user;
+  const formattedDate = new Date(item.created_at).toLocaleTimeString([], {
+    hour: '2-digit',
+    minute: '2-digit'
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.messageItem, isDeviceOwner ? styles.rightMessage : styles.leftMessage],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.messageBubble, isDeviceOwner ? [styles.rightBubble, {
+        backgroundColor: themeColors.primary
+      }] : [styles.leftBubble, {
+        backgroundColor: themeColors.border
+      }]],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppText.AppText, {
+        style: [styles.messageText, isDeviceOwner ? styles.rightMessageText : [styles.leftMessageText, {
+          color: themeColors.text
+        }]],
+        children: item.content
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.footer,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppText.AppText, {
+          style: [styles.timestamp, isDeviceOwner ? styles.rightTimestamp : [styles.leftTimestamp, {
+            color: themeColors.text
+          }]],
+          children: formattedDate
+        }), !item.approved ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+          source: clockIcon,
+          style: [styles.clockIcon, isDeviceOwner ? styles.rightClockIcon : [styles.leftClockIcon, {
+            tintColor: themeColors.text
+          }]]
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+          source: doubleCheckIcon,
+          style: [styles.clockIcon, isDeviceOwner ? styles.rightClockIcon : [styles.leftClockIcon, {
+            tintColor: themeColors.text
+          }]]
+        })]
+      })]
+    })
+  }, item.id);
+}
+const styles = _reactNative.StyleSheet.create({
+  messageItem: {
+    marginVertical: 5,
+    maxWidth: '80%',
+    minHeight: 60,
+    minWidth: 100
+  },
+  leftMessage: {
+    alignSelf: 'flex-start'
+  },
+  rightMessage: {
+    alignSelf: 'flex-end'
+  },
+  messageBubble: {
+    padding: 12,
+    borderRadius: 20
+  },
+  leftBubble: {
+    borderTopLeftRadius: 4
+  },
+  rightBubble: {
+    borderTopRightRadius: 4
+  },
+  messageText: {
+    fontSize: 16
+  },
+  leftMessageText: {
+    color: '#000000'
+  },
+  rightMessageText: {
+    color: '#FFFFFF'
+  },
+  footer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginTop: 4
+  },
+  timestamp: {
+    fontSize: 12,
+    opacity: 0.7
+  },
+  leftTimestamp: {
+    color: '#666666'
+  },
+  rightTimestamp: {
+    color: '#FFFFFF'
+  },
+  clockIcon: {
+    width: 12,
+    height: 12,
+    marginLeft: 4
+  },
+  leftClockIcon: {
+    tintColor: '#666666'
+  },
+  rightClockIcon: {
+    tintColor: '#FFFFFF'
+  }
+});
+//# sourceMappingURL=MessageItem.js.map

package/lib/commonjs/components/MessageItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_AppText","_useThemeColors","_jsxRuntime","clockIcon","doubleCheckIcon","MessageItem","item","themeColors","useThemeColors","isDeviceOwner","user","formattedDate","Date","created_at","toLocaleTimeString","hour","minute","jsx","View","style","styles","messageItem","rightMessage","leftMessage","children","jsxs","messageBubble","rightBubble","backgroundColor","primary","leftBubble","border","AppText","messageText","rightMessageText","leftMessageText","color","text","content","footer","timestamp","rightTimestamp","leftTimestamp","approved","Image","source","rightClockIcon","leftClockIcon","tintColor","id","StyleSheet","create","marginVertical","maxWidth","minHeight","minWidth","alignSelf","padding","borderRadius","borderTopLeftRadius","borderTopRightRadius","fontSize","flexDirection","justifyContent","alignItems","marginTop","opacity","width","height","marginLeft"],"sourceRoot":"../../../src","sources":["components/MessageItem.tsx"],"mappings":"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","ignoreList":[]}