@developer_tribe/react-native-comnyx 0.3.5 → 0.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/assets/arrow-right.png +0 -0
- package/lib/commonjs/assets/down.png +0 -0
- package/lib/commonjs/assets/info-circle.png +0 -0
- package/lib/commonjs/components/ChatList.js +99 -37
- package/lib/commonjs/components/ChatList.js.map +1 -1
- package/lib/commonjs/components/CustomAlert.js +15 -5
- package/lib/commonjs/components/CustomAlert.js.map +1 -1
- package/lib/commonjs/components/CustomerForm.js +13 -10
- package/lib/commonjs/components/CustomerForm.js.map +1 -1
- package/lib/commonjs/components/InitFailed.js +2 -0
- package/lib/commonjs/components/InitFailed.js.map +1 -1
- package/lib/commonjs/components/MessageInput.js +14 -14
- package/lib/commonjs/components/MessageInput.js.map +1 -1
- package/lib/commonjs/components/MessageItem.js +6 -14
- package/lib/commonjs/components/MessageItem.js.map +1 -1
- package/lib/commonjs/constants/activeOpacity.js +8 -0
- package/lib/commonjs/constants/activeOpacity.js.map +1 -0
- package/lib/commonjs/constants/translations.js +202 -42
- package/lib/commonjs/constants/translations.js.map +1 -1
- package/lib/commonjs/data/fake/messages.js +2 -0
- package/lib/commonjs/data/fake/messages.js.map +1 -1
- package/lib/commonjs/hooks/useThemeColors.js +1 -7
- package/lib/commonjs/hooks/useThemeColors.js.map +1 -1
- package/lib/commonjs/types/Theme.js +4 -2
- package/lib/commonjs/types/Theme.js.map +1 -1
- package/lib/module/assets/arrow-right.png +0 -0
- package/lib/module/assets/down.png +0 -0
- package/lib/module/assets/info-circle.png +0 -0
- package/lib/module/components/ChatList.js +100 -38
- package/lib/module/components/ChatList.js.map +1 -1
- package/lib/module/components/CustomAlert.js +15 -5
- package/lib/module/components/CustomAlert.js.map +1 -1
- package/lib/module/components/CustomerForm.js +13 -10
- package/lib/module/components/CustomerForm.js.map +1 -1
- package/lib/module/components/InitFailed.js +2 -0
- package/lib/module/components/InitFailed.js.map +1 -1
- package/lib/module/components/MessageInput.js +14 -14
- package/lib/module/components/MessageInput.js.map +1 -1
- package/lib/module/components/MessageItem.js +6 -14
- package/lib/module/components/MessageItem.js.map +1 -1
- package/lib/module/constants/activeOpacity.js +4 -0
- package/lib/module/constants/activeOpacity.js.map +1 -0
- package/lib/module/constants/translations.js +202 -42
- package/lib/module/constants/translations.js.map +1 -1
- package/lib/module/data/fake/messages.js +2 -0
- package/lib/module/data/fake/messages.js.map +1 -1
- package/lib/module/hooks/useThemeColors.js +2 -8
- package/lib/module/hooks/useThemeColors.js.map +1 -1
- package/lib/module/types/Theme.js +4 -2
- package/lib/module/types/Theme.js.map +1 -1
- package/lib/typescript/commonjs/src/components/ChatList.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/CustomAlert.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/CustomerForm.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/InitFailed.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/MessageInput.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/constants/activeOpacity.d.ts +2 -0
- package/lib/typescript/commonjs/src/constants/activeOpacity.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/constants/translations.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/data/fake/messages.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/hooks/useThemeColors.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/Conversation.d.ts +6 -1
- package/lib/typescript/commonjs/src/types/Conversation.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/LocalizationKeys.d.ts +16 -0
- package/lib/typescript/commonjs/src/types/LocalizationKeys.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/MessageResponse.d.ts +2 -0
- package/lib/typescript/commonjs/src/types/MessageResponse.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/Theme.d.ts +1 -0
- package/lib/typescript/commonjs/src/types/Theme.d.ts.map +1 -1
- package/lib/typescript/module/src/components/ChatList.d.ts.map +1 -1
- package/lib/typescript/module/src/components/CustomAlert.d.ts.map +1 -1
- package/lib/typescript/module/src/components/CustomerForm.d.ts.map +1 -1
- package/lib/typescript/module/src/components/InitFailed.d.ts.map +1 -1
- package/lib/typescript/module/src/components/MessageInput.d.ts.map +1 -1
- package/lib/typescript/module/src/constants/activeOpacity.d.ts +2 -0
- package/lib/typescript/module/src/constants/activeOpacity.d.ts.map +1 -0
- package/lib/typescript/module/src/constants/translations.d.ts.map +1 -1
- package/lib/typescript/module/src/data/fake/messages.d.ts.map +1 -1
- package/lib/typescript/module/src/hooks/useThemeColors.d.ts.map +1 -1
- package/lib/typescript/module/src/types/Conversation.d.ts +6 -1
- package/lib/typescript/module/src/types/Conversation.d.ts.map +1 -1
- package/lib/typescript/module/src/types/LocalizationKeys.d.ts +16 -0
- package/lib/typescript/module/src/types/LocalizationKeys.d.ts.map +1 -1
- package/lib/typescript/module/src/types/MessageResponse.d.ts +2 -0
- package/lib/typescript/module/src/types/MessageResponse.d.ts.map +1 -1
- package/lib/typescript/module/src/types/Theme.d.ts +1 -0
- package/lib/typescript/module/src/types/Theme.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/assets/arrow-right.png +0 -0
- package/src/assets/down.png +0 -0
- package/src/assets/info-circle.png +0 -0
- package/src/components/ChatList.tsx +116 -42
- package/src/components/CustomAlert.tsx +24 -6
- package/src/components/CustomerForm.tsx +13 -9
- package/src/components/InitFailed.tsx +2 -0
- package/src/components/MessageInput.tsx +15 -16
- package/src/components/MessageItem.tsx +4 -12
- package/src/constants/activeOpacity.ts +1 -0
- package/src/constants/translations.ts +281 -68
- package/src/data/fake/messages.ts +2 -0
- package/src/hooks/useThemeColors.ts +2 -7
- package/src/types/Conversation.ts +3 -1
- package/src/types/LocalizationKeys.ts +16 -0
- package/src/types/MessageResponse.ts +2 -0
- package/src/types/Theme.ts +3 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_useThemeColors","_AppText","_ScaledSheet","_jsxRuntime","InitFailed","setInitFailed","themeColors","useThemeColors","jsx","View","style","styles","container","backgroundColor","background","children","TouchableOpacity","retryButton","primary","onPress","AppText","localization","retryText","color","ScaledSheet","create","flex","alignItems","justifyContent","paddingHorizontal","paddingVertical","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;AACA,IAAAG,YAAA,GAAAH,OAAA;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_useThemeColors","_AppText","_ScaledSheet","_activeOpacity","_jsxRuntime","InitFailed","setInitFailed","themeColors","useThemeColors","jsx","View","style","styles","container","backgroundColor","background","children","TouchableOpacity","activeOpacity","retryButton","primary","onPress","AppText","localization","retryText","color","ScaledSheet","create","flex","alignItems","justifyContent","paddingHorizontal","paddingVertical","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;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAA2D,IAAAK,WAAA,GAAAL,OAAA;AAMpD,SAASM,UAAUA,CAAC;EAAEC;AAA+B,CAAC,EAAE;EAC7D,MAAMC,WAAW,GAAG,IAAAC,8BAAc,EAAC,CAAC;EAEpC,oBACE,IAAAJ,WAAA,CAAAK,GAAA,EAACX,YAAA,CAAAY,IAAI;IACHC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEP,WAAW,CAACQ;IAAW,CAAC,CAAE;IAAAC,QAAA,eAEvE,IAAAZ,WAAA,CAAAK,GAAA,EAACX,YAAA,CAAAmB,gBAAgB;MACfC,aAAa,EAAEA,4BAAc;MAC7BP,KAAK,EAAE,CAACC,MAAM,CAACO,WAAW,EAAE;QAAEL,eAAe,EAAEP,WAAW,CAACa;MAAQ,CAAC,CAAE;MACtEC,OAAO,EAAEA,CAAA,KAAMf,aAAa,CAAC,KAAK,CAAE;MAAAU,QAAA,eAEpC,IAAAZ,WAAA,CAAAK,GAAA,EAACR,QAAA,CAAAqB,OAAO;QACNC,YAAY,EAAC,iBAAiB;QAC9BZ,KAAK,EAAE,CAACC,MAAM,CAACY,SAAS,EAAE;UAAEC,KAAK,EAAElB,WAAW,CAACQ;QAAW,CAAC;MAAE,CAC9D;IAAC,CACc;EAAC,CACf,CAAC;AAEX;AAEA,MAAMH,MAAM,GAAGc,wBAAW,CAACC,MAAM,CAAC;EAChCd,SAAS,EAAE;IACTe,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,iBAAiB,EAAE,MAAM;IACzBC,eAAe,EAAE;EACnB,CAAC;EACDb,WAAW,EAAE;IACXY,iBAAiB,EAAE,MAAM;IACzBC,eAAe,EAAE,OAAO;IACxBC,YAAY,EAAE,KAAK;IACnBJ,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDN,SAAS,EAAE;IACTU,QAAQ,EAAE,OAAO;IACjBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -10,6 +10,8 @@ var _react = require("react");
|
|
|
10
10
|
var _index = require("../api/index.js");
|
|
11
11
|
var _useThemeColors = require("../hooks/useThemeColors.js");
|
|
12
12
|
var _ScaledSheet = require("./ScaledSheet.js");
|
|
13
|
+
var _useLocalize = require("../hooks/useLocalize.js");
|
|
14
|
+
var _activeOpacity = require("../constants/activeOpacity.js");
|
|
13
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
16
|
const sendDark = require('../assets/arrow-right.png');
|
|
15
17
|
function MessageInput({
|
|
@@ -18,6 +20,7 @@ function MessageInput({
|
|
|
18
20
|
const [value, setValue] = (0, _react.useState)('');
|
|
19
21
|
const customer = (0, _store.useAppStore)(s => s.customer);
|
|
20
22
|
const themeColors = (0, _useThemeColors.useThemeColors)();
|
|
23
|
+
const localize = (0, _useLocalize.useLocalize)();
|
|
21
24
|
const sendMessage = () => {
|
|
22
25
|
if (value.trim()) {
|
|
23
26
|
const date = new Date();
|
|
@@ -26,7 +29,7 @@ function MessageInput({
|
|
|
26
29
|
approved: false,
|
|
27
30
|
content: value,
|
|
28
31
|
created_at: date,
|
|
29
|
-
|
|
32
|
+
customer: {
|
|
30
33
|
name: customer.name,
|
|
31
34
|
profile_photo_url: null
|
|
32
35
|
}
|
|
@@ -44,7 +47,7 @@ function MessageInput({
|
|
|
44
47
|
alteredData[itemIndex] = {
|
|
45
48
|
id: res.message.id,
|
|
46
49
|
content: res.message.content,
|
|
47
|
-
|
|
50
|
+
customer: res.message.customer ?? alteredData[itemIndex]?.customer,
|
|
48
51
|
created_at: new Date(res.message.created_at),
|
|
49
52
|
approved: true
|
|
50
53
|
};
|
|
@@ -70,7 +73,7 @@ function MessageInput({
|
|
|
70
73
|
content: alteredData[itemIndex]?.content ?? '',
|
|
71
74
|
created_at: alteredData[itemIndex]?.created_at ?? new Date(),
|
|
72
75
|
approved: alteredData[itemIndex]?.approved ?? false,
|
|
73
|
-
|
|
76
|
+
customer: alteredData[itemIndex]?.customer ?? null,
|
|
74
77
|
error: true
|
|
75
78
|
};
|
|
76
79
|
_store.useAppStore.setState({
|
|
@@ -99,19 +102,16 @@ function MessageInput({
|
|
|
99
102
|
style: [styles.textInput, {
|
|
100
103
|
backgroundColor: themeColors.background,
|
|
101
104
|
color: themeColors.text,
|
|
102
|
-
borderColor: themeColors.
|
|
105
|
+
borderColor: themeColors.silver
|
|
103
106
|
}],
|
|
104
|
-
placeholder:
|
|
107
|
+
placeholder: localize('chat.messageInput.placeholder'),
|
|
105
108
|
placeholderTextColor: themeColors.text + '80'
|
|
106
109
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
107
|
-
style: [styles.sendButton,
|
|
108
|
-
backgroundColor: themeColors.dark_background
|
|
109
|
-
}],
|
|
110
|
+
style: [styles.sendButton],
|
|
110
111
|
onPress: sendMessage,
|
|
112
|
+
activeOpacity: _activeOpacity.activeOpacity,
|
|
111
113
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
|
|
112
|
-
style: [styles.sendIcon,
|
|
113
|
-
tintColor: themeColors.light_text
|
|
114
|
-
}],
|
|
114
|
+
style: [styles.sendIcon],
|
|
115
115
|
source: sendDark
|
|
116
116
|
})
|
|
117
117
|
})]
|
|
@@ -138,15 +138,15 @@ const styles = _ScaledSheet.ScaledSheet.create({
|
|
|
138
138
|
maxHeight: 190
|
|
139
139
|
},
|
|
140
140
|
sendButton: {
|
|
141
|
-
width: '40@
|
|
141
|
+
width: '40@vs',
|
|
142
142
|
height: '40@vs',
|
|
143
143
|
borderRadius: '20@vs',
|
|
144
144
|
justifyContent: 'center',
|
|
145
145
|
alignItems: 'center'
|
|
146
146
|
},
|
|
147
147
|
sendIcon: {
|
|
148
|
-
width: '
|
|
149
|
-
height: '
|
|
148
|
+
width: '40@vs',
|
|
149
|
+
height: '40@vs'
|
|
150
150
|
}
|
|
151
151
|
});
|
|
152
152
|
//# sourceMappingURL=MessageInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_store","_react","_index","_useThemeColors","_ScaledSheet","_jsxRuntime","sendDark","MessageInput","scrollToBottom","value","setValue","useState","customer","useAppStore","s","themeColors","useThemeColors","sendMessage","trim","date","Date","getState","setData","data","id","approved","content","created_at","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_store","_react","_index","_useThemeColors","_ScaledSheet","_useLocalize","_activeOpacity","_jsxRuntime","sendDark","MessageInput","scrollToBottom","value","setValue","useState","customer","useAppStore","s","themeColors","useThemeColors","localize","useLocalize","sendMessage","trim","date","Date","getState","setData","data","id","approved","content","created_at","name","profile_photo_url","sendCustomerMessage","external_id","fake","then","res","itemIndex","findIndex","item","getTime","alteredData","message","setState","catch","error","jsxs","View","style","styles","container","backgroundColor","background","children","jsx","TextInput","onChangeText","newValue","onSubmitEditing","returnKeyType","multiline","maxLength","textInput","color","text","borderColor","silver","placeholder","placeholderTextColor","TouchableOpacity","sendButton","onPress","activeOpacity","Image","sendIcon","source","ScaledSheet","create","flexDirection","paddingHorizontal","paddingVertical","alignItems","position","zIndex","flex","borderWidth","borderRadius","marginRight","fontSize","minHeight","maxHeight","width","height","justifyContent"],"sourceRoot":"../../../src","sources":["components/MessageInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -17,7 +17,7 @@ function MessageItem({
|
|
|
17
17
|
onShowPopup
|
|
18
18
|
}) {
|
|
19
19
|
const themeColors = (0, _useThemeColors.useThemeColors)();
|
|
20
|
-
const isDeviceOwner =
|
|
20
|
+
const isDeviceOwner = !item.user && !item.bot;
|
|
21
21
|
const formattedDate = new Date(item.created_at).toLocaleTimeString([], {
|
|
22
22
|
hour: '2-digit',
|
|
23
23
|
minute: '2-digit'
|
|
@@ -78,7 +78,7 @@ function MessageItem({
|
|
|
78
78
|
const hasSpaceInLastLine = layoutRef.current.lines >= 1 && layoutRef.current.lastLineWidth < layoutRef.current.totalWidth * 0.8;
|
|
79
79
|
|
|
80
80
|
// A single line message with enough space for the timestamp
|
|
81
|
-
const isSingleLineWithSpace = layoutRef.current.lines === 1 && layoutRef.current.lastLineWidth
|
|
81
|
+
const isSingleLineWithSpace = layoutRef.current.lines === 1 && layoutRef.current.lastLineWidth > layoutRef.current.totalWidth * 0.8;
|
|
82
82
|
|
|
83
83
|
// For multi-line messages, check if the last line has space
|
|
84
84
|
const isMultiLineWithSpace = layoutRef.current.lines > 1 && hasSpaceInLastLine;
|
|
@@ -90,11 +90,11 @@ function MessageItem({
|
|
|
90
90
|
isDeviceOwner && item.error ? onShowPopup() : {};
|
|
91
91
|
},
|
|
92
92
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
93
|
-
style: [styles.messageBubble, isDeviceOwner ?
|
|
93
|
+
style: [styles.messageBubble, isDeviceOwner ? {
|
|
94
94
|
backgroundColor: themeColors.light_green
|
|
95
|
-
}
|
|
95
|
+
} : {
|
|
96
96
|
backgroundColor: themeColors.ghost
|
|
97
|
-
}]
|
|
97
|
+
}],
|
|
98
98
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
99
99
|
style: shouldShowInlineFooter ? styles.inlineContainer : styles.multiLineContainer,
|
|
100
100
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppText.AppText, {
|
|
@@ -116,7 +116,6 @@ function MessageItem({
|
|
|
116
116
|
}
|
|
117
117
|
const styles = _ScaledSheet.ScaledSheet.create({
|
|
118
118
|
messageItem: {
|
|
119
|
-
marginVertical: '5@vs',
|
|
120
119
|
maxWidth: '80%',
|
|
121
120
|
minHeight: 60,
|
|
122
121
|
minWidth: 100
|
|
@@ -132,12 +131,6 @@ const styles = _ScaledSheet.ScaledSheet.create({
|
|
|
132
131
|
paddingHorizontal: '12@s',
|
|
133
132
|
borderRadius: '20@vs'
|
|
134
133
|
},
|
|
135
|
-
leftBubble: {
|
|
136
|
-
borderTopLeftRadius: 4
|
|
137
|
-
},
|
|
138
|
-
rightBubble: {
|
|
139
|
-
borderTopRightRadius: 4
|
|
140
|
-
},
|
|
141
134
|
inlineContainer: {
|
|
142
135
|
flexDirection: 'row',
|
|
143
136
|
justifyContent: 'space-between',
|
|
@@ -192,8 +185,7 @@ const styles = _ScaledSheet.ScaledSheet.create({
|
|
|
192
185
|
clockIcon: {
|
|
193
186
|
width: '12@vs',
|
|
194
187
|
height: '12@vs',
|
|
195
|
-
marginLeft: '4@s'
|
|
196
|
-
tintColor: '#000000'
|
|
188
|
+
marginLeft: '4@s'
|
|
197
189
|
},
|
|
198
190
|
infoIcon: {
|
|
199
191
|
width: '12@vs',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_AppText","_useThemeColors","_react","_ScaledSheet","_jsxRuntime","clockIcon","infoIcon","MessageItem","item","onShowPopup","themeColors","useThemeColors","isDeviceOwner","user","formattedDate","Date","created_at","toLocaleTimeString","hour","minute","layoutRef","useRef","lines","lastLineWidth","totalWidth","layoutComplete","setLayoutComplete","useState","renderFooterContent","error","jsx","Image","source","style","styles","approved","AppText","timestamp","rightTimestamp","leftTimestamp","color","text","children","onTextLayout","event","nativeEvent","numLines","length","width","Math","max","map","line","current","useEffect","content","hasSpaceInLastLine","isSingleLineWithSpace","isMultiLineWithSpace","shouldShowInlineFooter","TouchableOpacity","messageItem","rightMessage","leftMessage","activeOpacity","onPress","jsxs","View","messageBubble","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_AppText","_useThemeColors","_react","_ScaledSheet","_jsxRuntime","clockIcon","infoIcon","MessageItem","item","onShowPopup","themeColors","useThemeColors","isDeviceOwner","user","bot","formattedDate","Date","created_at","toLocaleTimeString","hour","minute","layoutRef","useRef","lines","lastLineWidth","totalWidth","layoutComplete","setLayoutComplete","useState","renderFooterContent","error","jsx","Image","source","style","styles","approved","AppText","timestamp","rightTimestamp","leftTimestamp","color","text","children","onTextLayout","event","nativeEvent","numLines","length","width","Math","max","map","line","current","useEffect","content","hasSpaceInLastLine","isSingleLineWithSpace","isMultiLineWithSpace","shouldShowInlineFooter","TouchableOpacity","messageItem","rightMessage","leftMessage","activeOpacity","onPress","jsxs","View","messageBubble","backgroundColor","light_green","ghost","inlineContainer","multiLineContainer","messageText","rightMessageText","leftMessageText","inlineFooter","lastLineFooter","footer","id","ScaledSheet","create","maxWidth","minHeight","minWidth","alignSelf","paddingVertical","paddingHorizontal","borderRadius","flexDirection","justifyContent","alignItems","fontSize","flexShrink","marginTop","marginLeft","secondLineFooter","position","bottom","right","opacity","height","iconContainer"],"sourceRoot":"../../../src","sources":["components/MessageItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["activeOpacity","exports"],"sourceRoot":"../../../src","sources":["constants/activeOpacity.ts"],"mappings":";;;;;;AAAO,MAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,GAAG","ignoreList":[]}
|