npm - stream-chat-react-native-core - Versions diffs - 4.3.1 → 4.4.0-beta.3 - Mend

stream-chat-react-native-core 4.3.1 → 4.4.0-beta.3

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 (186) hide show

package/src/components/MessageInput/__tests__/__snapshots__/ImageUploadPreview.test.js.snap DELETED Viewed

@@ -1,2373 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`ImageUploadPreview should render ImageUploadPreview with 1 uploading, 1 uploaded, and 1 failed image 1`] = `
-<RCTScrollView
-  data={
-    Array [
-      Object {
-        "file": Object {
-          "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-        },
-        "id": "image-upload-preview-1",
-        "state": "uploading",
-      },
-      Object {
-        "file": Object {
-          "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-        },
-        "id": "image-upload-preview-2",
-        "state": "uploaded",
-      },
-      Object {
-        "file": Object {
-          "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-        },
-        "id": "image-upload-preview-3",
-        "state": "upload_failed",
-      },
-    ]
-  }
-  getItem={[Function]}
-  getItemCount={[Function]}
-  getItemLayout={[Function]}
-  horizontal={true}
-  keyExtractor={[Function]}
-  onContentSizeChange={[Function]}
-  onLayout={[Function]}
-  onMomentumScrollBegin={[Function]}
-  onMomentumScrollEnd={[Function]}
-  onScroll={[Function]}
-  onScrollBeginDrag={[Function]}
-  onScrollEndDrag={[Function]}
-  removeClippedSubviews={false}
-  renderItem={[Function]}
-  scrollEventThrottle={50}
-  stickyHeaderIndices={Array []}
-  style={
-    Array [
-      Object {
-        "paddingBottom": 12,
-      },
-      Object {},
-    ]
-  }
-  viewabilityConfigCallbackPairs={Array []}
->
-  <View>
-    <View
-      style={
-        Array [
-          Object {
-            "flexDirection": "row",
-          },
-          null,
-        ]
-      }
-    >
-      <View
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-              "height": 100,
-              "marginLeft": 8,
-            },
-            Object {},
-            Object {},
-          ]
-        }
-      >
-        <View
-          style={
-            Array [
-              Object {
-                "overflow": "hidden",
-              },
-              Object {
-                "borderRadius": 10,
-                "height": 100,
-                "width": 100,
-              },
-            ]
-          }
-          testID="active-upload-progress-indicator"
-        >
-          <Image
-            resizeMode="cover"
-            source={
-              Object {
-                "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-              }
-            }
-            style={
-              Array [
-                Object {
-                  "borderRadius": 10,
-                  "height": 100,
-                  "width": 100,
-                },
-                Object {},
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": "100%",
-                  "justifyContent": "center",
-                  "opacity": 0,
-                  "position": "absolute",
-                  "width": "100%",
-                },
-                Object {
-                  "backgroundColor": "#000000CC",
-                },
-                Object {},
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": "100%",
-                  "justifyContent": "center",
-                  "position": "absolute",
-                  "width": "100%",
-                },
-                Object {
-                  "backgroundColor": "#000000CC",
-                },
-                Object {},
-              ]
-            }
-          >
-            <View
-              style={
-                Object {
-                  "alignItems": "center",
-                  "bottom": 0,
-                  "justifyContent": "center",
-                  "left": 0,
-                  "position": "absolute",
-                  "right": 0,
-                  "top": 0,
-                }
-              }
-            >
-              <ActivityIndicator
-                color="#F2F2F2"
-                testID="upload-progress-indicator"
-              />
-            </View>
-          </View>
-        </View>
-        <View
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "backgroundColor": "#000000CC",
-              "borderRadius": 24,
-              "opacity": 1,
-              "position": "absolute",
-              "right": 8,
-              "top": 8,
-            }
-          }
-          testID="remove-image-upload-preview"
-        >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight={24}
-            bbWidth={24}
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
-            pathFill="#FFFFFF"
-            style={
-              Array [
-                Object {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                Object {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
-            }
-            vbHeight={24}
-            vbWidth={24}
-            width={24}
-          >
-            <RNSVGGroup>
-              <RNSVGPath
-                clipRule={0}
-                d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
-                fill={4294967295}
-                fillRule={0}
-                propList={
-                  Array [
-                    "fill",
-                    "fillRule",
-                  ]
-                }
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
-        </View>
-      </View>
-    </View>
-    <View
-      style={
-        Array [
-          Object {
-            "flexDirection": "row",
-          },
-          null,
-        ]
-      }
-    >
-      <View
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-              "height": 100,
-              "marginLeft": 8,
-            },
-            Object {},
-            Object {},
-          ]
-        }
-      >
-        <View
-          style={
-            Array [
-              Object {
-                "overflow": "hidden",
-              },
-              Object {
-                "borderRadius": 10,
-                "height": 100,
-                "width": 100,
-              },
-            ]
-          }
-          testID="inactive-upload-progress-indicator"
-        >
-          <Image
-            resizeMode="cover"
-            source={
-              Object {
-                "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-              }
-            }
-            style={
-              Array [
-                Object {
-                  "borderRadius": 10,
-                  "height": 100,
-                  "width": 100,
-                },
-                Object {},
-              ]
-            }
-          />
-        </View>
-        <View
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "backgroundColor": "#000000CC",
-              "borderRadius": 24,
-              "opacity": 1,
-              "position": "absolute",
-              "right": 8,
-              "top": 8,
-            }
-          }
-          testID="remove-image-upload-preview"
-        >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight={24}
-            bbWidth={24}
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
-            pathFill="#FFFFFF"
-            style={
-              Array [
-                Object {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                Object {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
-            }
-            vbHeight={24}
-            vbWidth={24}
-            width={24}
-          >
-            <RNSVGGroup>
-              <RNSVGPath
-                clipRule={0}
-                d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
-                fill={4294967295}
-                fillRule={0}
-                propList={
-                  Array [
-                    "fill",
-                    "fillRule",
-                  ]
-                }
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
-        </View>
-      </View>
-    </View>
-    <View
-      style={
-        Array [
-          Object {
-            "flexDirection": "row",
-          },
-          null,
-        ]
-      }
-    >
-      <View
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-              "height": 100,
-              "marginLeft": 8,
-            },
-            Object {
-              "marginRight": 8,
-            },
-            Object {},
-          ]
-        }
-      >
-        <View
-          style={
-            Array [
-              Object {
-                "overflow": "hidden",
-              },
-              Object {
-                "borderRadius": 10,
-                "height": 100,
-                "width": 100,
-              },
-            ]
-          }
-          testID="active-upload-progress-indicator"
-        >
-          <Image
-            resizeMode="cover"
-            source={
-              Object {
-                "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-              }
-            }
-            style={
-              Array [
-                Object {
-                  "borderRadius": 10,
-                  "height": 100,
-                  "width": 100,
-                },
-                Object {},
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": "100%",
-                  "justifyContent": "center",
-                  "opacity": 0,
-                  "position": "absolute",
-                  "width": "100%",
-                },
-                Object {
-                  "backgroundColor": "#000000CC",
-                },
-                Object {},
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": "100%",
-                  "justifyContent": "center",
-                  "position": "absolute",
-                  "width": "100%",
-                },
-                Object {
-                  "backgroundColor": "#000000CC",
-                },
-                Object {},
-              ]
-            }
-          >
-            <View
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              style={
-                Object {
-                  "alignItems": "center",
-                  "bottom": 0,
-                  "justifyContent": "center",
-                  "left": 0,
-                  "opacity": 1,
-                  "position": "absolute",
-                  "right": 0,
-                  "top": 0,
-                }
-              }
-            >
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight={18}
-                bbWidth={18}
-                focusable={false}
-                height={18}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                pathFill="#F2F2F2"
-                style={
-                  Array [
-                    Object {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    Object {
-                      "flex": 0,
-                      "height": 18,
-                      "width": 18,
-                    },
-                  ]
-                }
-                testID="retry-upload-progress-indicator"
-                vbHeight={24}
-                vbWidth={24}
-                width={18}
-              >
-                <RNSVGGroup>
-                  <RNSVGPath
-                    clipRule={0}
-                    d="M12.868 4.221a8 8 0 102.834 14.251 1 1 0 00-1.175-1.618A6 6 0 1112.4 6.166c1.31.314 2.52.803 3.31 2.12.154.254.266.485.348.708h-1.152a1 1 0 00-.81 1.585l2.375 3.291a1 1 0 001.621 0l2.376-3.291a1 1 0 00-.811-1.585h-1.509c-.128-.639-.377-1.24-.867-1.947a8 8 0 00-4.414-2.826z"
-                    fill={4294111986}
-                    fillRule={0}
-                    propList={
-                      Array [
-                        "fill",
-                        "fillRule",
-                      ]
-                    }
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-        </View>
-        <View
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "backgroundColor": "#000000CC",
-              "borderRadius": 24,
-              "opacity": 1,
-              "position": "absolute",
-              "right": 8,
-              "top": 8,
-            }
-          }
-          testID="remove-image-upload-preview"
-        >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight={24}
-            bbWidth={24}
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
-            pathFill="#FFFFFF"
-            style={
-              Array [
-                Object {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                Object {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
-            }
-            vbHeight={24}
-            vbWidth={24}
-            width={24}
-          >
-            <RNSVGGroup>
-              <RNSVGPath
-                clipRule={0}
-                d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
-                fill={4294967295}
-                fillRule={0}
-                propList={
-                  Array [
-                    "fill",
-                    "fillRule",
-                  ]
-                }
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
-        </View>
-      </View>
-    </View>
-  </View>
-</RCTScrollView>
-`;
-exports[`ImageUploadPreview should render ImageUploadPreview with all failed images 1`] = `
-<RCTScrollView
-  data={
-    Array [
-      Object {
-        "file": Object {
-          "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-        },
-        "id": "image-upload-preview-1",
-        "state": "upload_failed",
-      },
-      Object {
-        "file": Object {
-          "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-        },
-        "id": "image-upload-preview-2",
-        "state": "upload_failed",
-      },
-      Object {
-        "file": Object {
-          "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-        },
-        "id": "image-upload-preview-3",
-        "state": "upload_failed",
-      },
-    ]
-  }
-  getItem={[Function]}
-  getItemCount={[Function]}
-  getItemLayout={[Function]}
-  horizontal={true}
-  keyExtractor={[Function]}
-  onContentSizeChange={[Function]}
-  onLayout={[Function]}
-  onMomentumScrollBegin={[Function]}
-  onMomentumScrollEnd={[Function]}
-  onScroll={[Function]}
-  onScrollBeginDrag={[Function]}
-  onScrollEndDrag={[Function]}
-  removeClippedSubviews={false}
-  renderItem={[Function]}
-  scrollEventThrottle={50}
-  stickyHeaderIndices={Array []}
-  style={
-    Array [
-      Object {
-        "paddingBottom": 12,
-      },
-      Object {},
-    ]
-  }
-  viewabilityConfigCallbackPairs={Array []}
->
-  <View>
-    <View
-      style={
-        Array [
-          Object {
-            "flexDirection": "row",
-          },
-          null,
-        ]
-      }
-    >
-      <View
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-              "height": 100,
-              "marginLeft": 8,
-            },
-            Object {},
-            Object {},
-          ]
-        }
-      >
-        <View
-          style={
-            Array [
-              Object {
-                "overflow": "hidden",
-              },
-              Object {
-                "borderRadius": 10,
-                "height": 100,
-                "width": 100,
-              },
-            ]
-          }
-          testID="active-upload-progress-indicator"
-        >
-          <Image
-            resizeMode="cover"
-            source={
-              Object {
-                "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-              }
-            }
-            style={
-              Array [
-                Object {
-                  "borderRadius": 10,
-                  "height": 100,
-                  "width": 100,
-                },
-                Object {},
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": "100%",
-                  "justifyContent": "center",
-                  "opacity": 0,
-                  "position": "absolute",
-                  "width": "100%",
-                },
-                Object {
-                  "backgroundColor": "#000000CC",
-                },
-                Object {},
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": "100%",
-                  "justifyContent": "center",
-                  "position": "absolute",
-                  "width": "100%",
-                },
-                Object {
-                  "backgroundColor": "#000000CC",
-                },
-                Object {},
-              ]
-            }
-          >
-            <View
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              style={
-                Object {
-                  "alignItems": "center",
-                  "bottom": 0,
-                  "justifyContent": "center",
-                  "left": 0,
-                  "opacity": 1,
-                  "position": "absolute",
-                  "right": 0,
-                  "top": 0,
-                }
-              }
-            >
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight={18}
-                bbWidth={18}
-                focusable={false}
-                height={18}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                pathFill="#F2F2F2"
-                style={
-                  Array [
-                    Object {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    Object {
-                      "flex": 0,
-                      "height": 18,
-                      "width": 18,
-                    },
-                  ]
-                }
-                testID="retry-upload-progress-indicator"
-                vbHeight={24}
-                vbWidth={24}
-                width={18}
-              >
-                <RNSVGGroup>
-                  <RNSVGPath
-                    clipRule={0}
-                    d="M12.868 4.221a8 8 0 102.834 14.251 1 1 0 00-1.175-1.618A6 6 0 1112.4 6.166c1.31.314 2.52.803 3.31 2.12.154.254.266.485.348.708h-1.152a1 1 0 00-.81 1.585l2.375 3.291a1 1 0 001.621 0l2.376-3.291a1 1 0 00-.811-1.585h-1.509c-.128-.639-.377-1.24-.867-1.947a8 8 0 00-4.414-2.826z"
-                    fill={4294111986}
-                    fillRule={0}
-                    propList={
-                      Array [
-                        "fill",
-                        "fillRule",
-                      ]
-                    }
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-        </View>
-        <View
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "backgroundColor": "#000000CC",
-              "borderRadius": 24,
-              "opacity": 1,
-              "position": "absolute",
-              "right": 8,
-              "top": 8,
-            }
-          }
-          testID="remove-image-upload-preview"
-        >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight={24}
-            bbWidth={24}
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
-            pathFill="#FFFFFF"
-            style={
-              Array [
-                Object {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                Object {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
-            }
-            vbHeight={24}
-            vbWidth={24}
-            width={24}
-          >
-            <RNSVGGroup>
-              <RNSVGPath
-                clipRule={0}
-                d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
-                fill={4294967295}
-                fillRule={0}
-                propList={
-                  Array [
-                    "fill",
-                    "fillRule",
-                  ]
-                }
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
-        </View>
-      </View>
-    </View>
-    <View
-      style={
-        Array [
-          Object {
-            "flexDirection": "row",
-          },
-          null,
-        ]
-      }
-    >
-      <View
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-              "height": 100,
-              "marginLeft": 8,
-            },
-            Object {},
-            Object {},
-          ]
-        }
-      >
-        <View
-          style={
-            Array [
-              Object {
-                "overflow": "hidden",
-              },
-              Object {
-                "borderRadius": 10,
-                "height": 100,
-                "width": 100,
-              },
-            ]
-          }
-          testID="active-upload-progress-indicator"
-        >
-          <Image
-            resizeMode="cover"
-            source={
-              Object {
-                "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-              }
-            }
-            style={
-              Array [
-                Object {
-                  "borderRadius": 10,
-                  "height": 100,
-                  "width": 100,
-                },
-                Object {},
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": "100%",
-                  "justifyContent": "center",
-                  "opacity": 0,
-                  "position": "absolute",
-                  "width": "100%",
-                },
-                Object {
-                  "backgroundColor": "#000000CC",
-                },
-                Object {},
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": "100%",
-                  "justifyContent": "center",
-                  "position": "absolute",
-                  "width": "100%",
-                },
-                Object {
-                  "backgroundColor": "#000000CC",
-                },
-                Object {},
-              ]
-            }
-          >
-            <View
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              style={
-                Object {
-                  "alignItems": "center",
-                  "bottom": 0,
-                  "justifyContent": "center",
-                  "left": 0,
-                  "opacity": 1,
-                  "position": "absolute",
-                  "right": 0,
-                  "top": 0,
-                }
-              }
-            >
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight={18}
-                bbWidth={18}
-                focusable={false}
-                height={18}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                pathFill="#F2F2F2"
-                style={
-                  Array [
-                    Object {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    Object {
-                      "flex": 0,
-                      "height": 18,
-                      "width": 18,
-                    },
-                  ]
-                }
-                testID="retry-upload-progress-indicator"
-                vbHeight={24}
-                vbWidth={24}
-                width={18}
-              >
-                <RNSVGGroup>
-                  <RNSVGPath
-                    clipRule={0}
-                    d="M12.868 4.221a8 8 0 102.834 14.251 1 1 0 00-1.175-1.618A6 6 0 1112.4 6.166c1.31.314 2.52.803 3.31 2.12.154.254.266.485.348.708h-1.152a1 1 0 00-.81 1.585l2.375 3.291a1 1 0 001.621 0l2.376-3.291a1 1 0 00-.811-1.585h-1.509c-.128-.639-.377-1.24-.867-1.947a8 8 0 00-4.414-2.826z"
-                    fill={4294111986}
-                    fillRule={0}
-                    propList={
-                      Array [
-                        "fill",
-                        "fillRule",
-                      ]
-                    }
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-        </View>
-        <View
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "backgroundColor": "#000000CC",
-              "borderRadius": 24,
-              "opacity": 1,
-              "position": "absolute",
-              "right": 8,
-              "top": 8,
-            }
-          }
-          testID="remove-image-upload-preview"
-        >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight={24}
-            bbWidth={24}
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
-            pathFill="#FFFFFF"
-            style={
-              Array [
-                Object {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                Object {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
-            }
-            vbHeight={24}
-            vbWidth={24}
-            width={24}
-          >
-            <RNSVGGroup>
-              <RNSVGPath
-                clipRule={0}
-                d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
-                fill={4294967295}
-                fillRule={0}
-                propList={
-                  Array [
-                    "fill",
-                    "fillRule",
-                  ]
-                }
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
-        </View>
-      </View>
-    </View>
-    <View
-      style={
-        Array [
-          Object {
-            "flexDirection": "row",
-          },
-          null,
-        ]
-      }
-    >
-      <View
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-              "height": 100,
-              "marginLeft": 8,
-            },
-            Object {
-              "marginRight": 8,
-            },
-            Object {},
-          ]
-        }
-      >
-        <View
-          style={
-            Array [
-              Object {
-                "overflow": "hidden",
-              },
-              Object {
-                "borderRadius": 10,
-                "height": 100,
-                "width": 100,
-              },
-            ]
-          }
-          testID="active-upload-progress-indicator"
-        >
-          <Image
-            resizeMode="cover"
-            source={
-              Object {
-                "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-              }
-            }
-            style={
-              Array [
-                Object {
-                  "borderRadius": 10,
-                  "height": 100,
-                  "width": 100,
-                },
-                Object {},
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": "100%",
-                  "justifyContent": "center",
-                  "opacity": 0,
-                  "position": "absolute",
-                  "width": "100%",
-                },
-                Object {
-                  "backgroundColor": "#000000CC",
-                },
-                Object {},
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": "100%",
-                  "justifyContent": "center",
-                  "position": "absolute",
-                  "width": "100%",
-                },
-                Object {
-                  "backgroundColor": "#000000CC",
-                },
-                Object {},
-              ]
-            }
-          >
-            <View
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              style={
-                Object {
-                  "alignItems": "center",
-                  "bottom": 0,
-                  "justifyContent": "center",
-                  "left": 0,
-                  "opacity": 1,
-                  "position": "absolute",
-                  "right": 0,
-                  "top": 0,
-                }
-              }
-            >
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight={18}
-                bbWidth={18}
-                focusable={false}
-                height={18}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                pathFill="#F2F2F2"
-                style={
-                  Array [
-                    Object {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    Object {
-                      "flex": 0,
-                      "height": 18,
-                      "width": 18,
-                    },
-                  ]
-                }
-                testID="retry-upload-progress-indicator"
-                vbHeight={24}
-                vbWidth={24}
-                width={18}
-              >
-                <RNSVGGroup>
-                  <RNSVGPath
-                    clipRule={0}
-                    d="M12.868 4.221a8 8 0 102.834 14.251 1 1 0 00-1.175-1.618A6 6 0 1112.4 6.166c1.31.314 2.52.803 3.31 2.12.154.254.266.485.348.708h-1.152a1 1 0 00-.81 1.585l2.375 3.291a1 1 0 001.621 0l2.376-3.291a1 1 0 00-.811-1.585h-1.509c-.128-.639-.377-1.24-.867-1.947a8 8 0 00-4.414-2.826z"
-                    fill={4294111986}
-                    fillRule={0}
-                    propList={
-                      Array [
-                        "fill",
-                        "fillRule",
-                      ]
-                    }
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-        </View>
-        <View
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "backgroundColor": "#000000CC",
-              "borderRadius": 24,
-              "opacity": 1,
-              "position": "absolute",
-              "right": 8,
-              "top": 8,
-            }
-          }
-          testID="remove-image-upload-preview"
-        >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight={24}
-            bbWidth={24}
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
-            pathFill="#FFFFFF"
-            style={
-              Array [
-                Object {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                Object {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
-            }
-            vbHeight={24}
-            vbWidth={24}
-            width={24}
-          >
-            <RNSVGGroup>
-              <RNSVGPath
-                clipRule={0}
-                d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
-                fill={4294967295}
-                fillRule={0}
-                propList={
-                  Array [
-                    "fill",
-                    "fillRule",
-                  ]
-                }
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
-        </View>
-      </View>
-    </View>
-  </View>
-</RCTScrollView>
-`;
-exports[`ImageUploadPreview should render ImageUploadPreview with all uploaded images 1`] = `
-<RCTScrollView
-  data={
-    Array [
-      Object {
-        "file": Object {
-          "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-        },
-        "id": "image-upload-preview-1",
-        "state": "uploaded",
-      },
-      Object {
-        "file": Object {
-          "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-        },
-        "id": "image-upload-preview-2",
-        "state": "uploaded",
-      },
-      Object {
-        "file": Object {
-          "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-        },
-        "id": "image-upload-preview-3",
-        "state": "uploaded",
-      },
-    ]
-  }
-  getItem={[Function]}
-  getItemCount={[Function]}
-  getItemLayout={[Function]}
-  horizontal={true}
-  keyExtractor={[Function]}
-  onContentSizeChange={[Function]}
-  onLayout={[Function]}
-  onMomentumScrollBegin={[Function]}
-  onMomentumScrollEnd={[Function]}
-  onScroll={[Function]}
-  onScrollBeginDrag={[Function]}
-  onScrollEndDrag={[Function]}
-  removeClippedSubviews={false}
-  renderItem={[Function]}
-  scrollEventThrottle={50}
-  stickyHeaderIndices={Array []}
-  style={
-    Array [
-      Object {
-        "paddingBottom": 12,
-      },
-      Object {},
-    ]
-  }
-  viewabilityConfigCallbackPairs={Array []}
->
-  <View>
-    <View
-      style={
-        Array [
-          Object {
-            "flexDirection": "row",
-          },
-          null,
-        ]
-      }
-    >
-      <View
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-              "height": 100,
-              "marginLeft": 8,
-            },
-            Object {},
-            Object {},
-          ]
-        }
-      >
-        <View
-          style={
-            Array [
-              Object {
-                "overflow": "hidden",
-              },
-              Object {
-                "borderRadius": 10,
-                "height": 100,
-                "width": 100,
-              },
-            ]
-          }
-          testID="inactive-upload-progress-indicator"
-        >
-          <Image
-            resizeMode="cover"
-            source={
-              Object {
-                "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-              }
-            }
-            style={
-              Array [
-                Object {
-                  "borderRadius": 10,
-                  "height": 100,
-                  "width": 100,
-                },
-                Object {},
-              ]
-            }
-          />
-        </View>
-        <View
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "backgroundColor": "#000000CC",
-              "borderRadius": 24,
-              "opacity": 1,
-              "position": "absolute",
-              "right": 8,
-              "top": 8,
-            }
-          }
-          testID="remove-image-upload-preview"
-        >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight={24}
-            bbWidth={24}
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
-            pathFill="#FFFFFF"
-            style={
-              Array [
-                Object {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                Object {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
-            }
-            vbHeight={24}
-            vbWidth={24}
-            width={24}
-          >
-            <RNSVGGroup>
-              <RNSVGPath
-                clipRule={0}
-                d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
-                fill={4294967295}
-                fillRule={0}
-                propList={
-                  Array [
-                    "fill",
-                    "fillRule",
-                  ]
-                }
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
-        </View>
-      </View>
-    </View>
-    <View
-      style={
-        Array [
-          Object {
-            "flexDirection": "row",
-          },
-          null,
-        ]
-      }
-    >
-      <View
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-              "height": 100,
-              "marginLeft": 8,
-            },
-            Object {},
-            Object {},
-          ]
-        }
-      >
-        <View
-          style={
-            Array [
-              Object {
-                "overflow": "hidden",
-              },
-              Object {
-                "borderRadius": 10,
-                "height": 100,
-                "width": 100,
-              },
-            ]
-          }
-          testID="inactive-upload-progress-indicator"
-        >
-          <Image
-            resizeMode="cover"
-            source={
-              Object {
-                "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-              }
-            }
-            style={
-              Array [
-                Object {
-                  "borderRadius": 10,
-                  "height": 100,
-                  "width": 100,
-                },
-                Object {},
-              ]
-            }
-          />
-        </View>
-        <View
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "backgroundColor": "#000000CC",
-              "borderRadius": 24,
-              "opacity": 1,
-              "position": "absolute",
-              "right": 8,
-              "top": 8,
-            }
-          }
-          testID="remove-image-upload-preview"
-        >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight={24}
-            bbWidth={24}
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
-            pathFill="#FFFFFF"
-            style={
-              Array [
-                Object {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                Object {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
-            }
-            vbHeight={24}
-            vbWidth={24}
-            width={24}
-          >
-            <RNSVGGroup>
-              <RNSVGPath
-                clipRule={0}
-                d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
-                fill={4294967295}
-                fillRule={0}
-                propList={
-                  Array [
-                    "fill",
-                    "fillRule",
-                  ]
-                }
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
-        </View>
-      </View>
-    </View>
-    <View
-      style={
-        Array [
-          Object {
-            "flexDirection": "row",
-          },
-          null,
-        ]
-      }
-    >
-      <View
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-              "height": 100,
-              "marginLeft": 8,
-            },
-            Object {
-              "marginRight": 8,
-            },
-            Object {},
-          ]
-        }
-      >
-        <View
-          style={
-            Array [
-              Object {
-                "overflow": "hidden",
-              },
-              Object {
-                "borderRadius": 10,
-                "height": 100,
-                "width": 100,
-              },
-            ]
-          }
-          testID="inactive-upload-progress-indicator"
-        >
-          <Image
-            resizeMode="cover"
-            source={
-              Object {
-                "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-              }
-            }
-            style={
-              Array [
-                Object {
-                  "borderRadius": 10,
-                  "height": 100,
-                  "width": 100,
-                },
-                Object {},
-              ]
-            }
-          />
-        </View>
-        <View
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "backgroundColor": "#000000CC",
-              "borderRadius": 24,
-              "opacity": 1,
-              "position": "absolute",
-              "right": 8,
-              "top": 8,
-            }
-          }
-          testID="remove-image-upload-preview"
-        >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight={24}
-            bbWidth={24}
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
-            pathFill="#FFFFFF"
-            style={
-              Array [
-                Object {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                Object {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
-            }
-            vbHeight={24}
-            vbWidth={24}
-            width={24}
-          >
-            <RNSVGGroup>
-              <RNSVGPath
-                clipRule={0}
-                d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
-                fill={4294967295}
-                fillRule={0}
-                propList={
-                  Array [
-                    "fill",
-                    "fillRule",
-                  ]
-                }
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
-        </View>
-      </View>
-    </View>
-  </View>
-</RCTScrollView>
-`;
-exports[`ImageUploadPreview should render ImageUploadPreview with all uploading images 1`] = `
-<RCTScrollView
-  data={
-    Array [
-      Object {
-        "file": Object {
-          "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-        },
-        "id": "image-upload-preview-1",
-        "state": "uploading",
-      },
-      Object {
-        "file": Object {
-          "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-        },
-        "id": "image-upload-preview-2",
-        "state": "uploading",
-      },
-      Object {
-        "file": Object {
-          "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-        },
-        "id": "image-upload-preview-3",
-        "state": "uploading",
-      },
-    ]
-  }
-  getItem={[Function]}
-  getItemCount={[Function]}
-  getItemLayout={[Function]}
-  horizontal={true}
-  keyExtractor={[Function]}
-  onContentSizeChange={[Function]}
-  onLayout={[Function]}
-  onMomentumScrollBegin={[Function]}
-  onMomentumScrollEnd={[Function]}
-  onScroll={[Function]}
-  onScrollBeginDrag={[Function]}
-  onScrollEndDrag={[Function]}
-  removeClippedSubviews={false}
-  renderItem={[Function]}
-  scrollEventThrottle={50}
-  stickyHeaderIndices={Array []}
-  style={
-    Array [
-      Object {
-        "paddingBottom": 12,
-      },
-      Object {},
-    ]
-  }
-  viewabilityConfigCallbackPairs={Array []}
->
-  <View>
-    <View
-      style={
-        Array [
-          Object {
-            "flexDirection": "row",
-          },
-          null,
-        ]
-      }
-    >
-      <View
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-              "height": 100,
-              "marginLeft": 8,
-            },
-            Object {},
-            Object {},
-          ]
-        }
-      >
-        <View
-          style={
-            Array [
-              Object {
-                "overflow": "hidden",
-              },
-              Object {
-                "borderRadius": 10,
-                "height": 100,
-                "width": 100,
-              },
-            ]
-          }
-          testID="active-upload-progress-indicator"
-        >
-          <Image
-            resizeMode="cover"
-            source={
-              Object {
-                "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-              }
-            }
-            style={
-              Array [
-                Object {
-                  "borderRadius": 10,
-                  "height": 100,
-                  "width": 100,
-                },
-                Object {},
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": "100%",
-                  "justifyContent": "center",
-                  "opacity": 0,
-                  "position": "absolute",
-                  "width": "100%",
-                },
-                Object {
-                  "backgroundColor": "#000000CC",
-                },
-                Object {},
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": "100%",
-                  "justifyContent": "center",
-                  "position": "absolute",
-                  "width": "100%",
-                },
-                Object {
-                  "backgroundColor": "#000000CC",
-                },
-                Object {},
-              ]
-            }
-          >
-            <View
-              style={
-                Object {
-                  "alignItems": "center",
-                  "bottom": 0,
-                  "justifyContent": "center",
-                  "left": 0,
-                  "position": "absolute",
-                  "right": 0,
-                  "top": 0,
-                }
-              }
-            >
-              <ActivityIndicator
-                color="#F2F2F2"
-                testID="upload-progress-indicator"
-              />
-            </View>
-          </View>
-        </View>
-        <View
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "backgroundColor": "#000000CC",
-              "borderRadius": 24,
-              "opacity": 1,
-              "position": "absolute",
-              "right": 8,
-              "top": 8,
-            }
-          }
-          testID="remove-image-upload-preview"
-        >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight={24}
-            bbWidth={24}
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
-            pathFill="#FFFFFF"
-            style={
-              Array [
-                Object {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                Object {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
-            }
-            vbHeight={24}
-            vbWidth={24}
-            width={24}
-          >
-            <RNSVGGroup>
-              <RNSVGPath
-                clipRule={0}
-                d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
-                fill={4294967295}
-                fillRule={0}
-                propList={
-                  Array [
-                    "fill",
-                    "fillRule",
-                  ]
-                }
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
-        </View>
-      </View>
-    </View>
-    <View
-      style={
-        Array [
-          Object {
-            "flexDirection": "row",
-          },
-          null,
-        ]
-      }
-    >
-      <View
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-              "height": 100,
-              "marginLeft": 8,
-            },
-            Object {},
-            Object {},
-          ]
-        }
-      >
-        <View
-          style={
-            Array [
-              Object {
-                "overflow": "hidden",
-              },
-              Object {
-                "borderRadius": 10,
-                "height": 100,
-                "width": 100,
-              },
-            ]
-          }
-          testID="active-upload-progress-indicator"
-        >
-          <Image
-            resizeMode="cover"
-            source={
-              Object {
-                "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-              }
-            }
-            style={
-              Array [
-                Object {
-                  "borderRadius": 10,
-                  "height": 100,
-                  "width": 100,
-                },
-                Object {},
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": "100%",
-                  "justifyContent": "center",
-                  "opacity": 0,
-                  "position": "absolute",
-                  "width": "100%",
-                },
-                Object {
-                  "backgroundColor": "#000000CC",
-                },
-                Object {},
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": "100%",
-                  "justifyContent": "center",
-                  "position": "absolute",
-                  "width": "100%",
-                },
-                Object {
-                  "backgroundColor": "#000000CC",
-                },
-                Object {},
-              ]
-            }
-          >
-            <View
-              style={
-                Object {
-                  "alignItems": "center",
-                  "bottom": 0,
-                  "justifyContent": "center",
-                  "left": 0,
-                  "position": "absolute",
-                  "right": 0,
-                  "top": 0,
-                }
-              }
-            >
-              <ActivityIndicator
-                color="#F2F2F2"
-                testID="upload-progress-indicator"
-              />
-            </View>
-          </View>
-        </View>
-        <View
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "backgroundColor": "#000000CC",
-              "borderRadius": 24,
-              "opacity": 1,
-              "position": "absolute",
-              "right": 8,
-              "top": 8,
-            }
-          }
-          testID="remove-image-upload-preview"
-        >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight={24}
-            bbWidth={24}
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
-            pathFill="#FFFFFF"
-            style={
-              Array [
-                Object {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                Object {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
-            }
-            vbHeight={24}
-            vbWidth={24}
-            width={24}
-          >
-            <RNSVGGroup>
-              <RNSVGPath
-                clipRule={0}
-                d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
-                fill={4294967295}
-                fillRule={0}
-                propList={
-                  Array [
-                    "fill",
-                    "fillRule",
-                  ]
-                }
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
-        </View>
-      </View>
-    </View>
-    <View
-      style={
-        Array [
-          Object {
-            "flexDirection": "row",
-          },
-          null,
-        ]
-      }
-    >
-      <View
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-              "height": 100,
-              "marginLeft": 8,
-            },
-            Object {
-              "marginRight": 8,
-            },
-            Object {},
-          ]
-        }
-      >
-        <View
-          style={
-            Array [
-              Object {
-                "overflow": "hidden",
-              },
-              Object {
-                "borderRadius": 10,
-                "height": 100,
-                "width": 100,
-              },
-            ]
-          }
-          testID="active-upload-progress-indicator"
-        >
-          <Image
-            resizeMode="cover"
-            source={
-              Object {
-                "uri": "http://www.jackblack.com/tenac_iousd.bmp",
-              }
-            }
-            style={
-              Array [
-                Object {
-                  "borderRadius": 10,
-                  "height": 100,
-                  "width": 100,
-                },
-                Object {},
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": "100%",
-                  "justifyContent": "center",
-                  "opacity": 0,
-                  "position": "absolute",
-                  "width": "100%",
-                },
-                Object {
-                  "backgroundColor": "#000000CC",
-                },
-                Object {},
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": "100%",
-                  "justifyContent": "center",
-                  "position": "absolute",
-                  "width": "100%",
-                },
-                Object {
-                  "backgroundColor": "#000000CC",
-                },
-                Object {},
-              ]
-            }
-          >
-            <View
-              style={
-                Object {
-                  "alignItems": "center",
-                  "bottom": 0,
-                  "justifyContent": "center",
-                  "left": 0,
-                  "position": "absolute",
-                  "right": 0,
-                  "top": 0,
-                }
-              }
-            >
-              <ActivityIndicator
-                color="#F2F2F2"
-                testID="upload-progress-indicator"
-              />
-            </View>
-          </View>
-        </View>
-        <View
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "backgroundColor": "#000000CC",
-              "borderRadius": 24,
-              "opacity": 1,
-              "position": "absolute",
-              "right": 8,
-              "top": 8,
-            }
-          }
-          testID="remove-image-upload-preview"
-        >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight={24}
-            bbWidth={24}
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
-            pathFill="#FFFFFF"
-            style={
-              Array [
-                Object {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                Object {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
-            }
-            vbHeight={24}
-            vbWidth={24}
-            width={24}
-          >
-            <RNSVGGroup>
-              <RNSVGPath
-                clipRule={0}
-                d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
-                fill={4294967295}
-                fillRule={0}
-                propList={
-                  Array [
-                    "fill",
-                    "fillRule",
-                  ]
-                }
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
-        </View>
-      </View>
-    </View>
-  </View>
-</RCTScrollView>
-`;