@plusscommunities/pluss-core-app 8.0.27 → 8.0.28

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.
Files changed (210) hide show
  1. package/package.json +1 -1
  2. package/src/components/react-native-expo-image-cropper/ExpoImageManipulator.js +21 -22
  3. package/dist/module/actions/FollowerActions.js +0 -34
  4. package/dist/module/actions/FollowerActions.js.map +0 -1
  5. package/dist/module/actions/MediaActions.js +0 -29
  6. package/dist/module/actions/MediaActions.js.map +0 -1
  7. package/dist/module/actions/ResidentActions.js +0 -26
  8. package/dist/module/actions/ResidentActions.js.map +0 -1
  9. package/dist/module/actions/UserActions.js +0 -223
  10. package/dist/module/actions/UserActions.js.map +0 -1
  11. package/dist/module/actions/UserSettingsActions.js +0 -14
  12. package/dist/module/actions/UserSettingsActions.js.map +0 -1
  13. package/dist/module/actions/index.js +0 -6
  14. package/dist/module/actions/index.js.map +0 -1
  15. package/dist/module/actions/types.js +0 -17
  16. package/dist/module/actions/types.js.map +0 -1
  17. package/dist/module/apis/analyticsActions.js +0 -20
  18. package/dist/module/apis/analyticsActions.js.map +0 -1
  19. package/dist/module/apis/contactActions.js +0 -27
  20. package/dist/module/apis/contactActions.js.map +0 -1
  21. package/dist/module/apis/eventActions.js +0 -161
  22. package/dist/module/apis/eventActions.js.map +0 -1
  23. package/dist/module/apis/fileActions.js +0 -93
  24. package/dist/module/apis/fileActions.js.map +0 -1
  25. package/dist/module/apis/followerActions.js +0 -38
  26. package/dist/module/apis/followerActions.js.map +0 -1
  27. package/dist/module/apis/index.js +0 -13
  28. package/dist/module/apis/index.js.map +0 -1
  29. package/dist/module/apis/notificationActions.js +0 -60
  30. package/dist/module/apis/notificationActions.js.map +0 -1
  31. package/dist/module/apis/profileActions.js +0 -14
  32. package/dist/module/apis/profileActions.js.map +0 -1
  33. package/dist/module/apis/reactionActions.js +0 -76
  34. package/dist/module/apis/reactionActions.js.map +0 -1
  35. package/dist/module/apis/settingActions.js +0 -22
  36. package/dist/module/apis/settingActions.js.map +0 -1
  37. package/dist/module/apis/stringActions.js +0 -30
  38. package/dist/module/apis/stringActions.js.map +0 -1
  39. package/dist/module/apis/typeActions.js +0 -15
  40. package/dist/module/apis/typeActions.js.map +0 -1
  41. package/dist/module/apis/userActions.js +0 -104
  42. package/dist/module/apis/userActions.js.map +0 -1
  43. package/dist/module/assets/icons/fontawesome/fa-brands-400.ttf +0 -0
  44. package/dist/module/assets/icons/fontawesome/fa-light-300.ttf +0 -0
  45. package/dist/module/assets/icons/fontawesome/fa-regular-400.ttf +0 -0
  46. package/dist/module/assets/icons/fontawesome/fa-solid-900.ttf +0 -0
  47. package/dist/module/assets/icons/fontawesome/fa-thin-100.ttf +0 -0
  48. package/dist/module/assets/icons/fontawesome/fa7-glyphmap.json +0 -4205
  49. package/dist/module/assets/icons/reactions/heart.png +0 -0
  50. package/dist/module/assets/icons/reactions/party.png +0 -0
  51. package/dist/module/assets/icons/reactions/sad.png +0 -0
  52. package/dist/module/assets/icons/reactions/smile.png +0 -0
  53. package/dist/module/colours.js +0 -165
  54. package/dist/module/colours.js.map +0 -1
  55. package/dist/module/components/AddButton.js +0 -43
  56. package/dist/module/components/AddButton.js.map +0 -1
  57. package/dist/module/components/AddToCalendarButton.js +0 -225
  58. package/dist/module/components/AddToCalendarButton.js.map +0 -1
  59. package/dist/module/components/Attachment.js +0 -55
  60. package/dist/module/components/Attachment.js.map +0 -1
  61. package/dist/module/components/AudienceSelectorLauncher.js +0 -64
  62. package/dist/module/components/AudienceSelectorLauncher.js.map +0 -1
  63. package/dist/module/components/AudienceSelectorPage.js +0 -351
  64. package/dist/module/components/AudienceSelectorPage.js.map +0 -1
  65. package/dist/module/components/AutoOffsetImage.js +0 -184
  66. package/dist/module/components/AutoOffsetImage.js.map +0 -1
  67. package/dist/module/components/BackButton.js +0 -58
  68. package/dist/module/components/BackButton.js.map +0 -1
  69. package/dist/module/components/CalendarPopup.js +0 -126
  70. package/dist/module/components/CalendarPopup.js.map +0 -1
  71. package/dist/module/components/CategoryTabs.js +0 -155
  72. package/dist/module/components/CategoryTabs.js.map +0 -1
  73. package/dist/module/components/CommentReply.js +0 -334
  74. package/dist/module/components/CommentReply.js.map +0 -1
  75. package/dist/module/components/CommentSection.js +0 -823
  76. package/dist/module/components/CommentSection.js.map +0 -1
  77. package/dist/module/components/ConfirmPopup.js +0 -109
  78. package/dist/module/components/ConfirmPopup.js.map +0 -1
  79. package/dist/module/components/ConfirmationPopup.js +0 -72
  80. package/dist/module/components/ConfirmationPopup.js.map +0 -1
  81. package/dist/module/components/DocumentUploader.js +0 -253
  82. package/dist/module/components/DocumentUploader.js.map +0 -1
  83. package/dist/module/components/DropDownItem.js +0 -75
  84. package/dist/module/components/DropDownItem.js.map +0 -1
  85. package/dist/module/components/DropDownMenu.js +0 -41
  86. package/dist/module/components/DropDownMenu.js.map +0 -1
  87. package/dist/module/components/EmptyStateMain.js +0 -51
  88. package/dist/module/components/EmptyStateMain.js.map +0 -1
  89. package/dist/module/components/EmptyStateWidget.js +0 -48
  90. package/dist/module/components/EmptyStateWidget.js.map +0 -1
  91. package/dist/module/components/FontScaleButton.js +0 -37
  92. package/dist/module/components/FontScaleButton.js.map +0 -1
  93. package/dist/module/components/FontScalePopup.js +0 -76
  94. package/dist/module/components/FontScalePopup.js.map +0 -1
  95. package/dist/module/components/Forbidden.js +0 -58
  96. package/dist/module/components/Forbidden.js.map +0 -1
  97. package/dist/module/components/FormCard.js +0 -25
  98. package/dist/module/components/FormCard.js.map +0 -1
  99. package/dist/module/components/FormCardSection.js +0 -214
  100. package/dist/module/components/FormCardSection.js.map +0 -1
  101. package/dist/module/components/FormCardSectionOptionLauncher.js +0 -73
  102. package/dist/module/components/FormCardSectionOptionLauncher.js.map +0 -1
  103. package/dist/module/components/FormattedText.js +0 -133
  104. package/dist/module/components/FormattedText.js.map +0 -1
  105. package/dist/module/components/GenericInput.js +0 -151
  106. package/dist/module/components/GenericInput.js.map +0 -1
  107. package/dist/module/components/GenericInputSection.js +0 -173
  108. package/dist/module/components/GenericInputSection.js.map +0 -1
  109. package/dist/module/components/Header.js +0 -459
  110. package/dist/module/components/Header.js.map +0 -1
  111. package/dist/module/components/Icon.js +0 -109
  112. package/dist/module/components/Icon.js.map +0 -1
  113. package/dist/module/components/ImagePopup.js +0 -400
  114. package/dist/module/components/ImagePopup.js.map +0 -1
  115. package/dist/module/components/ImageUploadProgress.js +0 -69
  116. package/dist/module/components/ImageUploadProgress.js.map +0 -1
  117. package/dist/module/components/ImageUploader.js +0 -831
  118. package/dist/module/components/ImageUploader.js.map +0 -1
  119. package/dist/module/components/InlineButton.js +0 -66
  120. package/dist/module/components/InlineButton.js.map +0 -1
  121. package/dist/module/components/Input.js +0 -156
  122. package/dist/module/components/Input.js.map +0 -1
  123. package/dist/module/components/LoadingCircles.js +0 -219
  124. package/dist/module/components/LoadingCircles.js.map +0 -1
  125. package/dist/module/components/LoadingIndicator.js +0 -86
  126. package/dist/module/components/LoadingIndicator.js.map +0 -1
  127. package/dist/module/components/LoadingStateWidget.js +0 -46
  128. package/dist/module/components/LoadingStateWidget.js.map +0 -1
  129. package/dist/module/components/MediaPlayer.js +0 -407
  130. package/dist/module/components/MediaPlayer.js.map +0 -1
  131. package/dist/module/components/MiddlePopup.js +0 -49
  132. package/dist/module/components/MiddlePopup.js.map +0 -1
  133. package/dist/module/components/PDFPopup.js +0 -203
  134. package/dist/module/components/PDFPopup.js.map +0 -1
  135. package/dist/module/components/PlussChat.js +0 -1078
  136. package/dist/module/components/PlussChat.js.map +0 -1
  137. package/dist/module/components/PlussChatMessage.js +0 -299
  138. package/dist/module/components/PlussChatMessage.js.map +0 -1
  139. package/dist/module/components/PlussChatTime.js +0 -59
  140. package/dist/module/components/PlussChatTime.js.map +0 -1
  141. package/dist/module/components/Popup.js +0 -126
  142. package/dist/module/components/Popup.js.map +0 -1
  143. package/dist/module/components/PopupMenu.js +0 -120
  144. package/dist/module/components/PopupMenu.js.map +0 -1
  145. package/dist/module/components/PositionedImage.js +0 -313
  146. package/dist/module/components/PositionedImage.js.map +0 -1
  147. package/dist/module/components/ProfilePic.js +0 -105
  148. package/dist/module/components/ProfilePic.js.map +0 -1
  149. package/dist/module/components/RadioButton.js +0 -78
  150. package/dist/module/components/RadioButton.js.map +0 -1
  151. package/dist/module/components/Reaction.js +0 -117
  152. package/dist/module/components/Reaction.js.map +0 -1
  153. package/dist/module/components/Reactions.js +0 -71
  154. package/dist/module/components/Reactions.js.map +0 -1
  155. package/dist/module/components/SharingTools.js +0 -189
  156. package/dist/module/components/SharingTools.js.map +0 -1
  157. package/dist/module/components/Spinner.js +0 -22
  158. package/dist/module/components/Spinner.js.map +0 -1
  159. package/dist/module/components/StickyFooter.js +0 -34
  160. package/dist/module/components/StickyFooter.js.map +0 -1
  161. package/dist/module/components/Text.js +0 -57
  162. package/dist/module/components/Text.js.map +0 -1
  163. package/dist/module/components/TickIcon.js +0 -24
  164. package/dist/module/components/TickIcon.js.map +0 -1
  165. package/dist/module/components/Toggle.js +0 -66
  166. package/dist/module/components/Toggle.js.map +0 -1
  167. package/dist/module/components/TouchableSearchBar.js +0 -68
  168. package/dist/module/components/TouchableSearchBar.js.map +0 -1
  169. package/dist/module/components/UserListPopup.js +0 -136
  170. package/dist/module/components/UserListPopup.js.map +0 -1
  171. package/dist/module/components/UserListing.js +0 -268
  172. package/dist/module/components/UserListing.js.map +0 -1
  173. package/dist/module/components/VideoPopup.js +0 -113
  174. package/dist/module/components/VideoPopup.js.map +0 -1
  175. package/dist/module/components/WarningPopup.js +0 -85
  176. package/dist/module/components/WarningPopup.js.map +0 -1
  177. package/dist/module/components/expo-image-picker-multiple/ImageBrowser.js +0 -289
  178. package/dist/module/components/expo-image-picker-multiple/ImageBrowser.js.map +0 -1
  179. package/dist/module/components/expo-image-picker-multiple/ImageTile.js +0 -117
  180. package/dist/module/components/expo-image-picker-multiple/ImageTile.js.map +0 -1
  181. package/dist/module/components/index.js +0 -60
  182. package/dist/module/components/index.js.map +0 -1
  183. package/dist/module/components/react-native-expo-image-cropper/ExpoImageManipulator.js +0 -415
  184. package/dist/module/components/react-native-expo-image-cropper/ExpoImageManipulator.js.map +0 -1
  185. package/dist/module/components/react-native-expo-image-cropper/ImageCropOverlay.js +0 -387
  186. package/dist/module/components/react-native-expo-image-cropper/ImageCropOverlay.js.map +0 -1
  187. package/dist/module/config.js +0 -27
  188. package/dist/module/config.js.map +0 -1
  189. package/dist/module/constants.js +0 -18
  190. package/dist/module/constants.js.map +0 -1
  191. package/dist/module/helper.js +0 -424
  192. package/dist/module/helper.js.map +0 -1
  193. package/dist/module/index.js +0 -13
  194. package/dist/module/index.js.map +0 -1
  195. package/dist/module/js/images/detectFaces.js +0 -31
  196. package/dist/module/js/images/detectFaces.js.map +0 -1
  197. package/dist/module/js/images/findLandmarkRange.js +0 -93
  198. package/dist/module/js/images/findLandmarkRange.js.map +0 -1
  199. package/dist/module/js/images/getScaledOffset.js +0 -81
  200. package/dist/module/js/images/getScaledOffset.js.map +0 -1
  201. package/dist/module/js/site/getSiteLevelFromState.js +0 -29
  202. package/dist/module/js/site/getSiteLevelFromState.js.map +0 -1
  203. package/dist/module/js/site/isTVEnabled.js +0 -10
  204. package/dist/module/js/site/isTVEnabled.js.map +0 -1
  205. package/dist/module/session.js +0 -58
  206. package/dist/module/session.js.map +0 -1
  207. package/dist/module/styles.js +0 -67
  208. package/dist/module/styles.js.map +0 -1
  209. package/dist/module/withNavigationFocus.js +0 -30
  210. package/dist/module/withNavigationFocus.js.map +0 -1
@@ -1,268 +0,0 @@
1
- import React, { Component } from "react";
2
- import _ from "lodash";
3
- import { TouchableOpacity, View } from "react-native";
4
- import { Text } from "./Text";
5
- import { connect } from "react-redux";
6
- import moment from "moment";
7
- import { COLOUR_GREEN, TEXT_DARK, TEXT_LIGHT, getMainBrandingColourFromState, getLightBrandingColourFromState } from "../colours";
8
- import { Services } from "../config";
9
- import { ProfilePic } from "./ProfilePic";
10
- import { InlineButton } from "./InlineButton";
11
- import { Spinner } from "./Spinner";
12
- import { followerActions } from "../apis";
13
- import { addFollower } from "../actions";
14
- class UserListing extends Component {
15
- constructor(props) {
16
- super(props);
17
- this.state = {
18
- pending: false
19
- };
20
- }
21
- onPress() {
22
- const {
23
- hidden
24
- } = this.props.me;
25
- if (hidden && _.includes(hidden, "people")) return;
26
- if (this.props.onPress) {
27
- this.props.onPress();
28
- return;
29
- }
30
- const user = {
31
- ...this.props.user
32
- };
33
- if (_.isUndefined(user.key)) {
34
- user.key = user.userId;
35
- }
36
- if (_.isUndefined(user.id)) {
37
- user.id = user.userId;
38
- }
39
- Services.navigation.navigate("profile", {
40
- user
41
- });
42
- }
43
- onFollowUser() {
44
- const userToSave = {
45
- profilePic: this.props.user.profilePic,
46
- displayName: this.props.user.displayName,
47
- id: this.props.user.id
48
- };
49
- this.setState({
50
- pending: true
51
- });
52
- followerActions.addFollower(userToSave, this.props.myId).then(() => {
53
- this.props.addFollower(userToSave);
54
- }).catch(() => {
55
- this.setState({
56
- pending: false
57
- });
58
- });
59
- }
60
- getTimeText(input) {
61
- const gug = moment.unix(input);
62
- if (gug.isBefore(moment().local().startOf("d"))) {
63
- return gug.format("D MMM");
64
- }
65
- return gug.format("h:mma");
66
- }
67
- getProfilePic() {
68
- if (this.props.user.profilePic == null) return null;
69
- let profilePic = this.props.user.profilePic;
70
- if (!_.isUndefined(this.props.user.profilePicThumb) && !_.isEmpty(this.props.user.profilePicThumb)) {
71
- profilePic = this.props.user.profilePicThumb;
72
- } else if (this.props.user.profilePic.indexOf(".amazonaws.com/1400/") > -1) {
73
- profilePic = profilePic.replace("/1400/", "/300/");
74
- }
75
- return profilePic;
76
- }
77
- getLastMessage(chat) {
78
- if (typeof chat.lastMessage === "string") {
79
- return chat.lastMessage;
80
- }
81
- // TODO recognise user name of last message
82
- return chat.lastMessage.text;
83
- }
84
- renderFollowButton() {
85
- if (this.props.user.privateChat) {
86
- return /*#__PURE__*/React.createElement(View, {
87
- style: {
88
- justifyContent: "flex-start"
89
- }
90
- }, /*#__PURE__*/React.createElement(Text, {
91
- style: [styles.chatTimeStamp, this.props.user.unread > 0 && {
92
- color: TEXT_DARK,
93
- fontFamily: "sf-bold"
94
- }]
95
- }, this.getTimeText(this.props.user.Changed)), /*#__PURE__*/React.createElement(View, {
96
- style: [{
97
- flexDirection: "row-reverse",
98
- marginTop: 2
99
- }, this.props.user.unread === 0 && {
100
- opacity: 0
101
- }]
102
- }, /*#__PURE__*/React.createElement(View, {
103
- style: styles.counter
104
- }, /*#__PURE__*/React.createElement(Text, {
105
- style: styles.counterText
106
- }, this.props.user.unread))));
107
- }
108
- if (!this.props.showFriendsButton) {
109
- return null;
110
- }
111
-
112
- // self
113
- if (this.props.myId === this.props.user.id) {
114
- return null;
115
- }
116
-
117
- // already following
118
- if (this.props.isFollowing) {
119
- return /*#__PURE__*/React.createElement(InlineButton, {
120
- color: this.props.colourBrandingLight,
121
- style: styles.friendsButton,
122
- textStyle: {
123
- color: this.props.colourBrandingMain
124
- },
125
- disabled: true
126
- }, "Friends");
127
- }
128
-
129
- // in process of following
130
- if (this.state.pending) {
131
- return /*#__PURE__*/React.createElement(InlineButton, {
132
- style: [styles.friendsButton, {
133
- borderColor: this.props.colourBrandingMain,
134
- borderWidth: 1
135
- }],
136
- disabled: true,
137
- noText: true
138
- }, /*#__PURE__*/React.createElement(Spinner, {
139
- size: "small",
140
- color: this.props.colourBrandingMain
141
- }));
142
- }
143
-
144
- // not following yet
145
- return /*#__PURE__*/React.createElement(InlineButton, {
146
- onPress: this.onFollowUser.bind(this),
147
- color: "#fff",
148
- style: [styles.friendsButton, {
149
- borderColor: this.props.colourBrandingMain,
150
- borderWidth: 1
151
- }],
152
- textStyle: {
153
- color: this.props.colourBrandingMain
154
- }
155
- }, "Add friend");
156
- }
157
- renderStatusText() {
158
- if (!this.props.statusText) {
159
- return null;
160
- }
161
- return /*#__PURE__*/React.createElement(Text, {
162
- style: styles.statusText
163
- }, this.props.statusText);
164
- }
165
- render() {
166
- return /*#__PURE__*/React.createElement(View, {
167
- style: this.props.containerStyle
168
- }, /*#__PURE__*/React.createElement(TouchableOpacity, {
169
- activeOpacity: 0.9,
170
- onPress: this.onPress.bind(this),
171
- disabled: this.props.onPressDisabled
172
- }, /*#__PURE__*/React.createElement(View, {
173
- style: [styles.listItem, this.props.listItemStyle]
174
- }, this.renderStatusText(), /*#__PURE__*/React.createElement(ProfilePic, {
175
- ProfilePic: this.getProfilePic(),
176
- Diameter: 42
177
- }), /*#__PURE__*/React.createElement(View, {
178
- style: [styles.fill, styles.flexRowReverse, styles.alignCenter]
179
- }, this.props.rightContent, this.renderFollowButton(), /*#__PURE__*/React.createElement(View, {
180
- style: styles.fill
181
- }, /*#__PURE__*/React.createElement(View, {
182
- style: styles.listItemTextContainer
183
- }, /*#__PURE__*/React.createElement(Text, {
184
- style: styles.contactName,
185
- numberOfLines: 1
186
- }, this.props.user.displayName), this.props.user.privateChat && /*#__PURE__*/React.createElement(Text, {
187
- style: styles.chatLastMessage,
188
- numberOfLines: 1
189
- }, this.getLastMessage(this.props.user)), this.props.subText))))));
190
- }
191
- }
192
- const styles = {
193
- listItem: {
194
- paddingVertical: 8,
195
- paddingHorizontal: 16,
196
- justifyContent: "flex-start",
197
- flexDirection: "row",
198
- position: "relative"
199
- },
200
- listItemTextContainer: {
201
- flex: 1,
202
- flexDirection: "column",
203
- justifyContent: "space-around",
204
- paddingLeft: 16
205
- },
206
- contactName: {
207
- fontSize: 15,
208
- fontFamily: "sf-semibold",
209
- backgroundColor: "rgba(255,255,255,0)",
210
- color: TEXT_DARK
211
- },
212
- statusText: {
213
- position: "absolute",
214
- top: 0,
215
- left: 82,
216
- fontFamily: "sf-semibold",
217
- fontSize: 12,
218
- color: TEXT_LIGHT
219
- },
220
- fill: {
221
- flex: 1
222
- },
223
- alignCenter: {
224
- alignItems: "center"
225
- },
226
- flexRowReverse: {
227
- flexDirection: "row-reverse"
228
- },
229
- friendsButton: {
230
- width: 100
231
- },
232
- counter: {
233
- borderRadius: 10,
234
- height: 20,
235
- justifyContent: "center",
236
- minWidth: 20,
237
- paddingHorizontal: 4,
238
- backgroundColor: COLOUR_GREEN
239
- },
240
- counterText: {
241
- color: "#fff",
242
- fontSize: 12,
243
- fontFamily: "sf-semibold",
244
- textAlign: "center"
245
- },
246
- chatTimeStamp: {
247
- fontSize: 10,
248
- fontFamily: "sf-semibold",
249
- color: TEXT_LIGHT
250
- },
251
- chatLastMessage: {
252
- fontSize: 13,
253
- fontFamily: "sf-medium",
254
- color: TEXT_LIGHT,
255
- marginRight: 5
256
- }
257
- };
258
- const mapStateToProps = state => {
259
- return {
260
- me: state.user,
261
- colourBrandingMain: getMainBrandingColourFromState(state),
262
- colourBrandingLight: getLightBrandingColourFromState(state)
263
- };
264
- };
265
- export default connect(mapStateToProps, {
266
- addFollower
267
- })(UserListing);
268
- //# sourceMappingURL=UserListing.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","Component","_","TouchableOpacity","View","Text","connect","moment","COLOUR_GREEN","TEXT_DARK","TEXT_LIGHT","getMainBrandingColourFromState","getLightBrandingColourFromState","Services","ProfilePic","InlineButton","Spinner","followerActions","addFollower","UserListing","constructor","props","state","pending","onPress","hidden","me","includes","user","isUndefined","key","userId","id","navigation","navigate","onFollowUser","userToSave","profilePic","displayName","setState","myId","then","catch","getTimeText","input","gug","unix","isBefore","local","startOf","format","getProfilePic","profilePicThumb","isEmpty","indexOf","replace","getLastMessage","chat","lastMessage","text","renderFollowButton","privateChat","createElement","style","justifyContent","styles","chatTimeStamp","unread","color","fontFamily","Changed","flexDirection","marginTop","opacity","counter","counterText","showFriendsButton","isFollowing","colourBrandingLight","friendsButton","textStyle","colourBrandingMain","disabled","borderColor","borderWidth","noText","size","bind","renderStatusText","statusText","render","containerStyle","activeOpacity","onPressDisabled","listItem","listItemStyle","Diameter","fill","flexRowReverse","alignCenter","rightContent","listItemTextContainer","contactName","numberOfLines","chatLastMessage","subText","paddingVertical","paddingHorizontal","position","flex","paddingLeft","fontSize","backgroundColor","top","left","alignItems","width","borderRadius","height","minWidth","textAlign","marginRight","mapStateToProps"],"sources":["UserListing.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport _ from \"lodash\";\nimport { TouchableOpacity, View } from \"react-native\";\nimport { Text } from \"./Text\";\nimport { connect } from \"react-redux\";\nimport moment from \"moment\";\nimport {\n\tCOLOUR_GREEN,\n\tTEXT_DARK,\n\tTEXT_LIGHT,\n\tgetMainBrandingColourFromState,\n\tgetLightBrandingColourFromState,\n} from \"../colours\";\nimport { Services } from \"../config\";\nimport { ProfilePic } from \"./ProfilePic\";\nimport { InlineButton } from \"./InlineButton\";\nimport { Spinner } from \"./Spinner\";\nimport { followerActions } from \"../apis\";\nimport { addFollower } from \"../actions\";\n\nclass UserListing extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = { pending: false };\n\t}\n\n\tonPress() {\n\t\tconst { hidden } = this.props.me;\n\t\tif (hidden && _.includes(hidden, \"people\")) return;\n\n\t\tif (this.props.onPress) {\n\t\t\tthis.props.onPress();\n\t\t\treturn;\n\t\t}\n\t\tconst user = { ...this.props.user };\n\t\tif (_.isUndefined(user.key)) {\n\t\t\tuser.key = user.userId;\n\t\t}\n\t\tif (_.isUndefined(user.id)) {\n\t\t\tuser.id = user.userId;\n\t\t}\n\t\tServices.navigation.navigate(\"profile\", { user });\n\t}\n\n\tonFollowUser() {\n\t\tconst userToSave = {\n\t\t\tprofilePic: this.props.user.profilePic,\n\t\t\tdisplayName: this.props.user.displayName,\n\t\t\tid: this.props.user.id,\n\t\t};\n\t\tthis.setState({ pending: true });\n\t\tfollowerActions\n\t\t\t.addFollower(userToSave, this.props.myId)\n\t\t\t.then(() => {\n\t\t\t\tthis.props.addFollower(userToSave);\n\t\t\t})\n\t\t\t.catch(() => {\n\t\t\t\tthis.setState({ pending: false });\n\t\t\t});\n\t}\n\n\tgetTimeText(input) {\n\t\tconst gug = moment.unix(input);\n\t\tif (gug.isBefore(moment().local().startOf(\"d\"))) {\n\t\t\treturn gug.format(\"D MMM\");\n\t\t}\n\t\treturn gug.format(\"h:mma\");\n\t}\n\n\tgetProfilePic() {\n\t\tif (this.props.user.profilePic == null) return null;\n\t\tlet profilePic = this.props.user.profilePic;\n\t\tif (\n\t\t\t!_.isUndefined(this.props.user.profilePicThumb) &&\n\t\t\t!_.isEmpty(this.props.user.profilePicThumb)\n\t\t) {\n\t\t\tprofilePic = this.props.user.profilePicThumb;\n\t\t} else if (\n\t\t\tthis.props.user.profilePic.indexOf(\".amazonaws.com/1400/\") > -1\n\t\t) {\n\t\t\tprofilePic = profilePic.replace(\"/1400/\", \"/300/\");\n\t\t}\n\t\treturn profilePic;\n\t}\n\n\tgetLastMessage(chat) {\n\t\tif (typeof chat.lastMessage === \"string\") {\n\t\t\treturn chat.lastMessage;\n\t\t}\n\t\t// TODO recognise user name of last message\n\t\treturn chat.lastMessage.text;\n\t}\n\n\trenderFollowButton() {\n\t\tif (this.props.user.privateChat) {\n\t\t\treturn (\n\t\t\t\t<View style={{ justifyContent: \"flex-start\" }}>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.chatTimeStamp,\n\t\t\t\t\t\t\tthis.props.user.unread > 0 && {\n\t\t\t\t\t\t\t\tcolor: TEXT_DARK,\n\t\t\t\t\t\t\t\tfontFamily: \"sf-bold\",\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.getTimeText(this.props.user.Changed)}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\t{ flexDirection: \"row-reverse\", marginTop: 2 },\n\t\t\t\t\t\t\tthis.props.user.unread === 0 && { opacity: 0 },\n\t\t\t\t\t\t]}\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={styles.counter}>\n\t\t\t\t\t\t\t<Text style={styles.counterText}>{this.props.user.unread}</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\n\t\tif (!this.props.showFriendsButton) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// self\n\t\tif (this.props.myId === this.props.user.id) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// already following\n\t\tif (this.props.isFollowing) {\n\t\t\treturn (\n\t\t\t\t<InlineButton\n\t\t\t\t\tcolor={this.props.colourBrandingLight}\n\t\t\t\t\tstyle={styles.friendsButton}\n\t\t\t\t\ttextStyle={{ color: this.props.colourBrandingMain }}\n\t\t\t\t\tdisabled\n\t\t\t\t>\n\t\t\t\t\tFriends\n\t\t\t\t</InlineButton>\n\t\t\t);\n\t\t}\n\n\t\t// in process of following\n\t\tif (this.state.pending) {\n\t\t\treturn (\n\t\t\t\t<InlineButton\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.friendsButton,\n\t\t\t\t\t\t{ borderColor: this.props.colourBrandingMain, borderWidth: 1 },\n\t\t\t\t\t]}\n\t\t\t\t\tdisabled\n\t\t\t\t\tnoText\n\t\t\t\t>\n\t\t\t\t\t<Spinner size=\"small\" color={this.props.colourBrandingMain} />\n\t\t\t\t</InlineButton>\n\t\t\t);\n\t\t}\n\n\t\t// not following yet\n\t\treturn (\n\t\t\t<InlineButton\n\t\t\t\tonPress={this.onFollowUser.bind(this)}\n\t\t\t\tcolor=\"#fff\"\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.friendsButton,\n\t\t\t\t\t{ borderColor: this.props.colourBrandingMain, borderWidth: 1 },\n\t\t\t\t]}\n\t\t\t\ttextStyle={{ color: this.props.colourBrandingMain }}\n\t\t\t>\n\t\t\t\tAdd friend\n\t\t\t</InlineButton>\n\t\t);\n\t}\n\n\trenderStatusText() {\n\t\tif (!this.props.statusText) {\n\t\t\treturn null;\n\t\t}\n\t\treturn <Text style={styles.statusText}>{this.props.statusText}</Text>;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View style={this.props.containerStyle}>\n\t\t\t\t<TouchableOpacity\n\t\t\t\t\tactiveOpacity={0.9}\n\t\t\t\t\tonPress={this.onPress.bind(this)}\n\t\t\t\t\tdisabled={this.props.onPressDisabled}\n\t\t\t\t>\n\t\t\t\t\t<View style={[styles.listItem, this.props.listItemStyle]}>\n\t\t\t\t\t\t{this.renderStatusText()}\n\t\t\t\t\t\t<ProfilePic ProfilePic={this.getProfilePic()} Diameter={42} />\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={[styles.fill, styles.flexRowReverse, styles.alignCenter]}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.props.rightContent}\n\t\t\t\t\t\t\t{this.renderFollowButton()}\n\t\t\t\t\t\t\t<View style={styles.fill}>\n\t\t\t\t\t\t\t\t<View style={styles.listItemTextContainer}>\n\t\t\t\t\t\t\t\t\t<Text style={styles.contactName} numberOfLines={1}>\n\t\t\t\t\t\t\t\t\t\t{this.props.user.displayName}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t{this.props.user.privateChat && (\n\t\t\t\t\t\t\t\t\t\t<Text style={styles.chatLastMessage} numberOfLines={1}>\n\t\t\t\t\t\t\t\t\t\t\t{this.getLastMessage(this.props.user)}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{this.props.subText}\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableOpacity>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tlistItem: {\n\t\tpaddingVertical: 8,\n\t\tpaddingHorizontal: 16,\n\t\tjustifyContent: \"flex-start\",\n\t\tflexDirection: \"row\",\n\t\tposition: \"relative\",\n\t},\n\tlistItemTextContainer: {\n\t\tflex: 1,\n\t\tflexDirection: \"column\",\n\t\tjustifyContent: \"space-around\",\n\t\tpaddingLeft: 16,\n\t},\n\tcontactName: {\n\t\tfontSize: 15,\n\t\tfontFamily: \"sf-semibold\",\n\t\tbackgroundColor: \"rgba(255,255,255,0)\",\n\t\tcolor: TEXT_DARK,\n\t},\n\tstatusText: {\n\t\tposition: \"absolute\",\n\t\ttop: 0,\n\t\tleft: 82,\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 12,\n\t\tcolor: TEXT_LIGHT,\n\t},\n\tfill: {\n\t\tflex: 1,\n\t},\n\talignCenter: {\n\t\talignItems: \"center\",\n\t},\n\tflexRowReverse: {\n\t\tflexDirection: \"row-reverse\",\n\t},\n\tfriendsButton: {\n\t\twidth: 100,\n\t},\n\tcounter: {\n\t\tborderRadius: 10,\n\t\theight: 20,\n\t\tjustifyContent: \"center\",\n\t\tminWidth: 20,\n\t\tpaddingHorizontal: 4,\n\t\tbackgroundColor: COLOUR_GREEN,\n\t},\n\tcounterText: {\n\t\tcolor: \"#fff\",\n\t\tfontSize: 12,\n\t\tfontFamily: \"sf-semibold\",\n\t\ttextAlign: \"center\",\n\t},\n\tchatTimeStamp: {\n\t\tfontSize: 10,\n\t\tfontFamily: \"sf-semibold\",\n\t\tcolor: TEXT_LIGHT,\n\t},\n\tchatLastMessage: {\n\t\tfontSize: 13,\n\t\tfontFamily: \"sf-medium\",\n\t\tcolor: TEXT_LIGHT,\n\t\tmarginRight: 5,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tme: state.user,\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t\tcolourBrandingLight: getLightBrandingColourFromState(state),\n\t};\n};\n\nexport default connect(mapStateToProps, { addFollower })(UserListing);\n"],"mappings":"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","ignoreList":[]}
@@ -1,113 +0,0 @@
1
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
2
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
3
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
4
- import React, { Component } from "react";
5
- import { Platform, View, Modal, TouchableOpacity, StyleSheet } from "react-native";
6
- import * as ScreenOrientation from "expo-screen-orientation";
7
- import { StatusBarHeight, getCompressed, imageExists } from "../helper";
8
- import { FontAwesome } from "./Icon";
9
- import { SharingTools } from "./SharingTools";
10
- import MediaPlayer from "./MediaPlayer";
11
- class VideoPopup extends Component {
12
- constructor(props) {
13
- super(props);
14
- _defineProperty(this, "UNSAFE_componentWillMount", async () => {
15
- this.checkCompressed(this.props.uri);
16
- await ScreenOrientation.lockAsync(Platform.OS === "ios" ? ScreenOrientation.OrientationLock.DEFAULT : ScreenOrientation.OrientationLock.ALL);
17
- });
18
- _defineProperty(this, "componentWillUnmount", async () => {
19
- await ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.PORTRAIT_UP);
20
- });
21
- _defineProperty(this, "checkCompressed", url => {
22
- const compressedUri = getCompressed(url);
23
- imageExists(compressedUri).then(compressedExists => {
24
- this.setState({
25
- uri: compressedExists ? compressedUri : url
26
- });
27
- });
28
- });
29
- this.state = {
30
- uri: "",
31
- isFullScreen: false
32
- };
33
- }
34
- UNSAFE_componentWillReceiveProps(nextProps) {
35
- if (this.props.uri === nextProps.uri) return;
36
- this.checkCompressed(nextProps.uri);
37
- }
38
- renderClose() {
39
- return /*#__PURE__*/React.createElement(TouchableOpacity, {
40
- style: styles.menuIconContainer,
41
- onPress: this.props.onClose,
42
- activeOpacity: 0.6
43
- }, /*#__PURE__*/React.createElement(FontAwesome, {
44
- name: "x",
45
- style: styles.menuIcon
46
- }));
47
- }
48
- renderPlayer() {
49
- const {
50
- uri
51
- } = this.state;
52
- if (!uri) return null;
53
- return /*#__PURE__*/React.createElement(View, {
54
- style: styles.playerContainer
55
- }, /*#__PURE__*/React.createElement(MediaPlayer, {
56
- source: uri,
57
- useVideoPlayer: true,
58
- autoPlay: true,
59
- orientationChanged: isFullScreen => this.setState({
60
- isFullScreen
61
- })
62
- }));
63
- }
64
- render() {
65
- const {
66
- isFullScreen
67
- } = this.state;
68
- const {
69
- visible,
70
- onClose,
71
- animationType,
72
- style
73
- } = this.props;
74
- return /*#__PURE__*/React.createElement(Modal, {
75
- visible: visible,
76
- animationType: animationType || "fade",
77
- onRequestClose: onClose,
78
- style: [styles.container, style],
79
- supportedOrientations: ["portrait", "landscape"]
80
- }, this.renderPlayer(), !isFullScreen && this.renderClose(), !isFullScreen && /*#__PURE__*/React.createElement(SharingTools, {
81
- uri: this.props.uri
82
- }));
83
- }
84
- }
85
- const styles = StyleSheet.create({
86
- container: {
87
- backgroundColor: "#000"
88
- },
89
- menuIconContainer: {
90
- position: "absolute",
91
- top: StatusBarHeight(0),
92
- right: 0,
93
- width: 55,
94
- height: 55,
95
- zIndex: 3
96
- },
97
- menuIcon: {
98
- fontSize: 25,
99
- padding: 15,
100
- width: 55,
101
- textAlign: "center",
102
- color: "#fff",
103
- zIndex: 3
104
- },
105
- playerContainer: {
106
- flex: 1,
107
- backgroundColor: "#000",
108
- alignItems: "center",
109
- justifyContent: "center"
110
- }
111
- });
112
- export { VideoPopup };
113
- //# sourceMappingURL=VideoPopup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","Component","Platform","View","Modal","TouchableOpacity","StyleSheet","ScreenOrientation","StatusBarHeight","getCompressed","imageExists","FontAwesome","SharingTools","MediaPlayer","VideoPopup","constructor","props","_defineProperty","checkCompressed","uri","lockAsync","OS","OrientationLock","DEFAULT","ALL","PORTRAIT_UP","url","compressedUri","then","compressedExists","setState","state","isFullScreen","UNSAFE_componentWillReceiveProps","nextProps","renderClose","createElement","style","styles","menuIconContainer","onPress","onClose","activeOpacity","name","menuIcon","renderPlayer","playerContainer","source","useVideoPlayer","autoPlay","orientationChanged","render","visible","animationType","onRequestClose","container","supportedOrientations","create","backgroundColor","position","top","right","width","height","zIndex","fontSize","padding","textAlign","color","flex","alignItems","justifyContent"],"sources":["VideoPopup.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport {\n\tPlatform,\n\tView,\n\tModal,\n\tTouchableOpacity,\n\tStyleSheet,\n} from \"react-native\";\nimport * as ScreenOrientation from \"expo-screen-orientation\";\nimport { StatusBarHeight, getCompressed, imageExists } from \"../helper\";\nimport { FontAwesome } from \"./Icon\";\nimport { SharingTools } from \"./SharingTools\";\nimport MediaPlayer from \"./MediaPlayer\";\n\nclass VideoPopup extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\turi: \"\",\n\t\t\tisFullScreen: false,\n\t\t};\n\t}\n\n\tUNSAFE_componentWillMount = async () => {\n\t\tthis.checkCompressed(this.props.uri);\n\t\tawait ScreenOrientation.lockAsync(\n\t\t\tPlatform.OS === \"ios\"\n\t\t\t\t? ScreenOrientation.OrientationLock.DEFAULT\n\t\t\t\t: ScreenOrientation.OrientationLock.ALL,\n\t\t);\n\t};\n\n\tUNSAFE_componentWillReceiveProps(nextProps) {\n\t\tif (this.props.uri === nextProps.uri) return;\n\t\tthis.checkCompressed(nextProps.uri);\n\t}\n\n\tcomponentWillUnmount = async () => {\n\t\tawait ScreenOrientation.lockAsync(\n\t\t\tScreenOrientation.OrientationLock.PORTRAIT_UP,\n\t\t);\n\t};\n\n\tcheckCompressed = (url) => {\n\t\tconst compressedUri = getCompressed(url);\n\t\timageExists(compressedUri).then((compressedExists) => {\n\t\t\tthis.setState({ uri: compressedExists ? compressedUri : url });\n\t\t});\n\t};\n\n\trenderClose() {\n\t\treturn (\n\t\t\t<TouchableOpacity\n\t\t\t\tstyle={styles.menuIconContainer}\n\t\t\t\tonPress={this.props.onClose}\n\t\t\t\tactiveOpacity={0.6}\n\t\t\t>\n\t\t\t\t<FontAwesome name=\"x\" style={styles.menuIcon} />\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n\n\trenderPlayer() {\n\t\tconst { uri } = this.state;\n\t\tif (!uri) return null;\n\n\t\treturn (\n\t\t\t<View style={styles.playerContainer}>\n\t\t\t\t<MediaPlayer\n\t\t\t\t\tsource={uri}\n\t\t\t\t\tuseVideoPlayer={true}\n\t\t\t\t\tautoPlay={true}\n\t\t\t\t\torientationChanged={(isFullScreen) => this.setState({ isFullScreen })}\n\t\t\t\t/>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { isFullScreen } = this.state;\n\t\tconst { visible, onClose, animationType, style } = this.props;\n\n\t\treturn (\n\t\t\t<Modal\n\t\t\t\tvisible={visible}\n\t\t\t\tanimationType={animationType || \"fade\"}\n\t\t\t\tonRequestClose={onClose}\n\t\t\t\tstyle={[styles.container, style]}\n\t\t\t\tsupportedOrientations={[\"portrait\", \"landscape\"]}\n\t\t\t>\n\t\t\t\t{this.renderPlayer()}\n\t\t\t\t{!isFullScreen && this.renderClose()}\n\t\t\t\t{!isFullScreen && <SharingTools uri={this.props.uri} />}\n\t\t\t</Modal>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tbackgroundColor: \"#000\",\n\t},\n\tmenuIconContainer: {\n\t\tposition: \"absolute\",\n\t\ttop: StatusBarHeight(0),\n\t\tright: 0,\n\t\twidth: 55,\n\t\theight: 55,\n\t\tzIndex: 3,\n\t},\n\tmenuIcon: {\n\t\tfontSize: 25,\n\t\tpadding: 15,\n\t\twidth: 55,\n\t\ttextAlign: \"center\",\n\t\tcolor: \"#fff\",\n\t\tzIndex: 3,\n\t},\n\tplayerContainer: {\n\t\tflex: 1,\n\t\tbackgroundColor: \"#000\",\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t},\n});\n\nexport { VideoPopup };\n"],"mappings":"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","ignoreList":[]}
@@ -1,85 +0,0 @@
1
- import React, { PureComponent } from "react";
2
- import _ from "lodash";
3
- import { View, Dimensions } from "react-native";
4
- import { Text } from "./Text";
5
- import { connect } from "react-redux";
6
- import { FontAwesome } from "./Icon";
7
- import { COLOUR_GREEN, TEXT_DARK, getMainBrandingColourFromState } from "../colours";
8
- import { MiddlePopup } from "./MiddlePopup";
9
- import { InlineButton } from "./InlineButton";
10
- const SCREEN_WIDTH = Dimensions.get("window").width;
11
- class WarningPopup extends PureComponent {
12
- render() {
13
- return /*#__PURE__*/React.createElement(MiddlePopup, {
14
- visible: this.props.visible,
15
- onClose: this.props.onClose,
16
- style: [styles.popup, this.props.padHorizontal && {
17
- paddingHorizontal: 16
18
- }]
19
- }, this.props.isSuccess && /*#__PURE__*/React.createElement(FontAwesome, {
20
- style: styles.icon,
21
- name: "circle-check"
22
- }), /*#__PURE__*/React.createElement(Text, {
23
- style: styles.text
24
- }, this.props.confirmText), /*#__PURE__*/React.createElement(View, {
25
- style: {
26
- marginTop: 16,
27
- paddingHorizontal: 24
28
- }
29
- }, /*#__PURE__*/React.createElement(Text, {
30
- style: [styles.infoText, this.props.infoTextStyle]
31
- }, this.props.infoText)), /*#__PURE__*/React.createElement(InlineButton, {
32
- onPress: this.props.onClose,
33
- color: this.props.ctaButton ? this.props.colourBrandingMain : "#fff",
34
- style: styles.button,
35
- textStyle: [styles.closeText, {
36
- color: this.props.ctaButton ? "#fff" : this.props.colourBrandingMain
37
- }],
38
- large: true
39
- }, !_.isUndefined(this.props.buttonText) ? this.props.buttonText : "Close"));
40
- }
41
- }
42
- const styles = {
43
- popup: {
44
- width: "auto",
45
- maxWidth: SCREEN_WIDTH - 34,
46
- paddingVertical: 16
47
- },
48
- icon: {
49
- marginTop: 20,
50
- paddingBottom: 16,
51
- fontSize: 52,
52
- color: COLOUR_GREEN
53
- },
54
- text: {
55
- fontFamily: "sf-bold",
56
- fontSize: 24,
57
- lineHeight: 24,
58
- color: TEXT_DARK,
59
- textAlign: "center",
60
- marginTop: 8
61
- },
62
- infoText: {
63
- fontFamily: "sf-regular",
64
- fontSize: 16,
65
- lineHeight: 22,
66
- color: TEXT_DARK,
67
- textAlign: "left"
68
- },
69
- button: {
70
- width: 130,
71
- marginTop: 20
72
- },
73
- closeText: {
74
- fontFamily: "sf-medium",
75
- fontSize: 15
76
- }
77
- };
78
- const mapStateToProps = state => {
79
- return {
80
- colourBrandingMain: getMainBrandingColourFromState(state)
81
- };
82
- };
83
- const warningPopup = connect(mapStateToProps, {})(WarningPopup);
84
- export { warningPopup as WarningPopup };
85
- //# sourceMappingURL=WarningPopup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","PureComponent","_","View","Dimensions","Text","connect","FontAwesome","COLOUR_GREEN","TEXT_DARK","getMainBrandingColourFromState","MiddlePopup","InlineButton","SCREEN_WIDTH","get","width","WarningPopup","render","createElement","visible","props","onClose","style","styles","popup","padHorizontal","paddingHorizontal","isSuccess","icon","name","text","confirmText","marginTop","infoText","infoTextStyle","onPress","color","ctaButton","colourBrandingMain","button","textStyle","closeText","large","isUndefined","buttonText","maxWidth","paddingVertical","paddingBottom","fontSize","fontFamily","lineHeight","textAlign","mapStateToProps","state","warningPopup"],"sources":["WarningPopup.js"],"sourcesContent":["import React, { PureComponent } from \"react\";\nimport _ from \"lodash\";\nimport { View, Dimensions } from \"react-native\";\nimport { Text } from \"./Text\";\nimport { connect } from \"react-redux\";\nimport { FontAwesome } from \"./Icon\";\nimport {\n\tCOLOUR_GREEN,\n\tTEXT_DARK,\n\tgetMainBrandingColourFromState,\n} from \"../colours\";\nimport { MiddlePopup } from \"./MiddlePopup\";\nimport { InlineButton } from \"./InlineButton\";\n\nconst SCREEN_WIDTH = Dimensions.get(\"window\").width;\n\nclass WarningPopup extends PureComponent {\n\trender() {\n\t\treturn (\n\t\t\t<MiddlePopup\n\t\t\t\tvisible={this.props.visible}\n\t\t\t\tonClose={this.props.onClose}\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.popup,\n\t\t\t\t\tthis.props.padHorizontal && { paddingHorizontal: 16 },\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t{this.props.isSuccess && (\n\t\t\t\t\t<FontAwesome style={styles.icon} name=\"circle-check\" />\n\t\t\t\t)}\n\t\t\t\t<Text style={styles.text}>{this.props.confirmText}</Text>\n\t\t\t\t<View style={{ marginTop: 16, paddingHorizontal: 24 }}>\n\t\t\t\t\t<Text style={[styles.infoText, this.props.infoTextStyle]}>\n\t\t\t\t\t\t{this.props.infoText}\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t\t<InlineButton\n\t\t\t\t\tonPress={this.props.onClose}\n\t\t\t\t\tcolor={this.props.ctaButton ? this.props.colourBrandingMain : \"#fff\"}\n\t\t\t\t\tstyle={styles.button}\n\t\t\t\t\ttextStyle={[\n\t\t\t\t\t\tstyles.closeText,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcolor: this.props.ctaButton\n\t\t\t\t\t\t\t\t? \"#fff\"\n\t\t\t\t\t\t\t\t: this.props.colourBrandingMain,\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t\tlarge\n\t\t\t\t>\n\t\t\t\t\t{!_.isUndefined(this.props.buttonText)\n\t\t\t\t\t\t? this.props.buttonText\n\t\t\t\t\t\t: \"Close\"}\n\t\t\t\t</InlineButton>\n\t\t\t</MiddlePopup>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tpopup: {\n\t\twidth: \"auto\",\n\t\tmaxWidth: SCREEN_WIDTH - 34,\n\t\tpaddingVertical: 16,\n\t},\n\ticon: {\n\t\tmarginTop: 20,\n\t\tpaddingBottom: 16,\n\t\tfontSize: 52,\n\t\tcolor: COLOUR_GREEN,\n\t},\n\ttext: {\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 24,\n\t\tlineHeight: 24,\n\t\tcolor: TEXT_DARK,\n\t\ttextAlign: \"center\",\n\t\tmarginTop: 8,\n\t},\n\tinfoText: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 16,\n\t\tlineHeight: 22,\n\t\tcolor: TEXT_DARK,\n\t\ttextAlign: \"left\",\n\t},\n\tbutton: {\n\t\twidth: 130,\n\t\tmarginTop: 20,\n\t},\n\tcloseText: {\n\t\tfontFamily: \"sf-medium\",\n\t\tfontSize: 15,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst warningPopup = connect(mapStateToProps, {})(WarningPopup);\nexport { warningPopup as WarningPopup };\n"],"mappings":"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","ignoreList":[]}