@tradly/asset 1.0.19 → 1.0.21

package/dist/esm/core/MediaApiService.js

@@ -158,26 +158,123 @@ var MediaApiService = /*#__PURE__*/function () {
       return fetchMedia;
     }()
     /**
-     * Get S3 signed upload URLs from API
+     * Upload a single file to S3 using signed URL
+     * Handles both web File objects and React Native file URIs
      */
     )
   }, {
-    key: "getS3SignedUrls",
+    key: "uploadFileToS3",
     value: (function () {
-      var _getS3SignedUrls = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(files, authKey) {
-        var auth_key, fileData, headers, _response$data$data, response, _t2;
+      var _uploadFileToS = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(signedUrl, fileUriOrFile, mimeType) {
+        var blob, response, _response, uploadResponse, errorText, _t2;
         return _regenerator().w(function (_context3) {
           while (1) switch (_context3.p = _context3.n) {
+            case 0:
+              _context3.p = 0;
+              if (!(typeof fileUriOrFile === "string")) {
+                _context3.n = 4;
+                break;
+              }
+              _context3.n = 1;
+              return fetch(fileUriOrFile);
+            case 1:
+              response = _context3.v;
+              if (response.ok) {
+                _context3.n = 2;
+                break;
+              }
+              throw new Error("Failed to fetch file: ".concat(response.status, " ").concat(response.statusText));
+            case 2:
+              _context3.n = 3;
+              return response.blob();
+            case 3:
+              blob = _context3.v;
+              _context3.n = 9;
+              break;
+            case 4:
+              if (!(fileUriOrFile && fileUriOrFile.uri)) {
+                _context3.n = 8;
+                break;
+              }
+              _context3.n = 5;
+              return fetch(fileUriOrFile.uri);
+            case 5:
+              _response = _context3.v;
+              if (_response.ok) {
+                _context3.n = 6;
+                break;
+              }
+              throw new Error("Failed to fetch file: ".concat(_response.status, " ").concat(_response.statusText));
+            case 6:
+              _context3.n = 7;
+              return _response.blob();
+            case 7:
+              blob = _context3.v;
+              _context3.n = 9;
+              break;
+            case 8:
+              // Web: fileUriOrFile is already a File/Blob object
+              blob = fileUriOrFile;
+            case 9:
+              _context3.n = 10;
+              return fetch(signedUrl, {
+                method: "PUT",
+                body: blob,
+                headers: {
+                  "Content-Type": mimeType
+                }
+              });
+            case 10:
+              uploadResponse = _context3.v;
+              if (uploadResponse.ok) {
+                _context3.n = 12;
+                break;
+              }
+              _context3.n = 11;
+              return uploadResponse.text().catch(function () {
+                return "";
+              });
+            case 11:
+              errorText = _context3.v;
+              throw new Error("S3 upload failed: ".concat(uploadResponse.status, " ").concat(uploadResponse.statusText).concat(errorText ? " - ".concat(errorText) : ""));
+            case 12:
+              _context3.n = 14;
+              break;
+            case 13:
+              _context3.p = 13;
+              _t2 = _context3.v;
+              throw new Error(_t2.message || "Failed to upload file to S3");
+            case 14:
+              return _context3.a(2);
+          }
+        }, _callee3, null, [[0, 13]]);
+      }));
+      function uploadFileToS3(_x3, _x4, _x5) {
+        return _uploadFileToS.apply(this, arguments);
+      }
+      return uploadFileToS3;
+    }()
+    /**
+     * Get S3 signed upload URLs from API
+     */
+    )
+  }, {
+    key: "getS3SignedUrls",
+    value: (function () {
+      var _getS3SignedUrls = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(files, authKey) {
+        var auth_key, fileData, headers, _response$data$data, response, _t3;
+        return _regenerator().w(function (_context4) {
+          while (1) switch (_context4.p = _context4.n) {
             case 0:
               auth_key = authKey || this.authKey;
               if (auth_key) {
-                _context3.n = 1;
+                _context4.n = 1;
                 break;
               }
               throw new Error("Authentication key is required for upload");
             case 1:
               if (this.apiBaseUrl) {
-                _context3.n = 2;
+                _context4.n = 2;
                 break;
               }
               throw new Error('API base URL is required. The package automatically detects it from ENVIRONMENT, or you can set apiBaseUrl in config: new MediaApiService({ apiBaseUrl: "https://api.tradly.app" })');
@@ -197,8 +294,8 @@ var MediaApiService = /*#__PURE__*/function () {
               if (this.bearerToken) {
                 headers["Authorization"] = "Bearer ".concat(this.bearerToken);
               }
-              _context3.p = 3;
-              _context3.n = 4;
+              _context4.p = 3;
+              _context4.n = 4;
               return axios({
                 method: "POST",
                 url: "".concat(this.apiBaseUrl, "/v1/utils/S3signedUploadURL"),
@@ -208,28 +305,28 @@ var MediaApiService = /*#__PURE__*/function () {
                 }
               });
             case 4:
-              response = _context3.v;
+              response = _context4.v;
               if (!response.data.error) {
-                _context3.n = 5;
+                _context4.n = 5;
                 break;
               }
               throw new Error(response.data.error);
             case 5:
-              return _context3.a(2, response.data.result || ((_response$data$data = response.data.data) === null || _response$data$data === void 0 ? void 0 : _response$data$data.result) || response.data);
+              return _context4.a(2, response.data.result || ((_response$data$data = response.data.data) === null || _response$data$data === void 0 ? void 0 : _response$data$data.result) || response.data);
             case 6:
-              _context3.p = 6;
-              _t2 = _context3.v;
-              console.error("Error getting S3 signed URLs:", _t2);
+              _context4.p = 6;
+              _t3 = _context4.v;
+              console.error("Error getting S3 signed URLs:", _t3);
               if (this.onError) {
-                this.onError(_t2);
+                this.onError(_t3);
               }
-              throw _t2;
+              throw _t3;
             case 7:
-              return _context3.a(2);
+              return _context4.a(2);
           }
-        }, _callee3, this, [[3, 6]]);
+        }, _callee4, this, [[3, 6]]);
       }));
-      function getS3SignedUrls(_x3, _x4) {
+      function getS3SignedUrls(_x6, _x7) {
         return _getS3SignedUrls.apply(this, arguments);
       }
       return getS3SignedUrls;
@@ -242,14 +339,14 @@ var MediaApiService = /*#__PURE__*/function () {
   }, {
     key: "uploadMedia",
     value: (function () {
-      var _uploadMedia = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(files, authKey) {
-        var auth_key, all_files_uri, upload_files, upload_full_files, i, element, file_data, responseFiles, index, path, fileURI, originalFile, fileBody, uri, fileResponse, arrayBuffer, res, errorText, mediaData, _t3, _t4, _t5;
-        return _regenerator().w(function (_context4) {
-          while (1) switch (_context4.p = _context4.n) {
+      var _uploadMedia = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5(files, authKey) {
+        var auth_key, all_files_uri, upload_files, upload_full_files, i, element, cleanFileName, file_data, responseFiles, index, path, fileURI, originalFile, mimeType, fileInput, mediaData, _t4, _t5;
+        return _regenerator().w(function (_context5) {
+          while (1) switch (_context5.p = _context5.n) {
             case 0:
               auth_key = authKey || this.authKey;
               if (auth_key) {
-                _context4.n = 1;
+                _context5.n = 1;
                 break;
               }
               throw new Error("Authentication key is required for upload");
@@ -260,7 +357,7 @@ var MediaApiService = /*#__PURE__*/function () {
               i = 0;
             case 2:
               if (!(i < files.length)) {
-                _context4.n = 27;
+                _context5.n = 14;
                 break;
               }
               element = files[i]; // Check if file already has a path (from previous upload)
@@ -268,9 +365,11 @@ var MediaApiService = /*#__PURE__*/function () {
                 all_files_uri.push(element.path);
               } else {
                 // Prepare file data for upload
+                // Clean file name: remove spaces (following user's pattern: fileName.replace(/ /g, ""))
+                cleanFileName = element.name.replace(/\s/g, "");
                 file_data = {
-                  name: element.name.replace(/\s/g, "-"),
-                  type: element.type
+                  name: cleanFileName,
+                  type: element.type || "image/jpeg" // Default MIME type
                 };
                 upload_files.push(file_data);
                 upload_full_files.push(element);
@@ -278,138 +377,47 @@ var MediaApiService = /*#__PURE__*/function () {
 
               // Upload files when we've processed all files
               if (!(files.length === i + 1 && upload_files.length > 0)) {
-                _context4.n = 26;
+                _context5.n = 13;
                 break;
               }
-              _context4.p = 3;
-              _context4.n = 4;
+              _context5.p = 3;
+              _context5.n = 4;
               return this.getS3SignedUrls(upload_full_files, auth_key);
             case 4:
-              responseFiles = _context4.v;
+              responseFiles = _context5.v;
               index = 0;
             case 5:
               if (!(index < responseFiles.length)) {
-                _context4.n = 23;
+                _context5.n = 10;
                 break;
               }
               path = responseFiles[index].signedUrl;
               fileURI = responseFiles[index].fileUri;
               originalFile = upload_full_files[index];
-              _context4.p = 6;
-              fileBody = originalFile; // Handle React Native file URIs
-              // If file has a uri property, it's from React Native - fetch it first
-              if (!(originalFile.uri && typeof originalFile.uri === "string")) {
-                _context4.n = 16;
-                break;
-              }
-              // For React Native, handle file://, content://, or http:// URIs
-              uri = originalFile.uri;
-              _context4.p = 7;
-              // For React Native file:// URIs, fetch should work
-              // Convert file:// URI to blob for S3 upload
-              console.log("Fetching file from URI:", uri);
-              _context4.n = 8;
-              return fetch(uri);
-            case 8:
-              fileResponse = _context4.v;
-              if (fileResponse.ok) {
-                _context4.n = 9;
-                break;
-              }
-              throw new Error("Failed to fetch file: ".concat(fileResponse.status, " ").concat(fileResponse.statusText));
-            case 9:
-              if (!fileResponse.blob) {
-                _context4.n = 11;
-                break;
-              }
-              _context4.n = 10;
-              return fileResponse.blob();
-            case 10:
-              fileBody = _context4.v;
-              console.log("File converted to blob, size:", fileBody.size);
-              _context4.n = 14;
-              break;
-            case 11:
-              if (!fileResponse.arrayBuffer) {
-                _context4.n = 13;
-                break;
-              }
-              _context4.n = 12;
-              return fileResponse.arrayBuffer();
-            case 12:
-              arrayBuffer = _context4.v;
-              // Check if Blob constructor is available
-              if (typeof Blob !== "undefined") {
-                fileBody = new Blob([arrayBuffer], {
-                  type: upload_files[index].type
-                });
-              } else {
-                // If Blob is not available, use arrayBuffer directly
-                fileBody = arrayBuffer;
-              }
-              _context4.n = 14;
-              break;
-            case 13:
-              // Last resort: use response directly (might not work for all cases)
-              fileBody = fileResponse;
-            case 14:
-              _context4.n = 16;
-              break;
-            case 15:
-              _context4.p = 15;
-              _t3 = _context4.v;
-              console.error("Error fetching file from URI:", _t3);
-              console.error("URI was:", uri);
-              console.error("File details:", {
-                name: originalFile.name,
-                type: originalFile.type
-              });
-              throw new Error("Failed to read file from URI: ".concat(uri, ". Error: ").concat(_t3.message, ". Make sure the file URI is accessible."));
-            case 16:
-              // Upload to S3 using PUT request
-              console.log("Uploading to S3:", path);
-              console.log("File type:", upload_files[index].type);
-              _context4.n = 17;
-              return fetch(path, {
-                method: "PUT",
-                headers: {
-                  "Content-Type": upload_files[index].type
-                },
-                body: fileBody
-              });
-            case 17:
-              res = _context4.v;
-              if (!res.ok) {
-                _context4.n = 18;
-                break;
-              }
-              console.log("File ".concat(index + 1, " uploaded successfully"));
+              mimeType = upload_files[index].type;
+              _context5.p = 6;
+              // Upload file to S3 using the signed URL
+              // uploadFileToS3 handles both web File objects and React Native URIs
+              fileInput = originalFile.uri || originalFile;
+              _context5.n = 7;
+              return this.uploadFileToS3(path, fileInput, mimeType);
+            case 7:
               all_files_uri.push(fileURI);
-              _context4.n = 20;
+              _context5.n = 9;
               break;
-            case 18:
-              _context4.n = 19;
-              return res.text().catch(function () {
-                return "";
-              });
-            case 19:
-              errorText = _context4.v;
-              console.error("Failed to upload file ".concat(index + 1, ":"), res.status, res.statusText, errorText);
-              throw new Error("S3 upload failed: ".concat(res.status, " ").concat(res.statusText));
-            case 20:
-              _context4.n = 22;
-              break;
-            case 21:
-              _context4.p = 21;
-              _t4 = _context4.v;
+            case 8:
+              _context5.p = 8;
+              _t4 = _context5.v;
               console.error("Error uploading file ".concat(index + 1, ":"), _t4);
-            case 22:
+              // Re-throw to stop the upload process
+              throw _t4;
+            case 9:
               index++;
-              _context4.n = 5;
+              _context5.n = 5;
               break;
-            case 23:
+            case 10:
               if (!(all_files_uri.length > 0)) {
-                _context4.n = 24;
+                _context5.n = 11;
                 break;
               }
               mediaData = all_files_uri.map(function (url, index) {
@@ -418,11 +426,11 @@ var MediaApiService = /*#__PURE__*/function () {
                   type: 1,
                   parent: 0,
                   url: url,
-                  name: originalFile.name.replace(/\s/g, "-"),
+                  name: originalFile.name.replace(/\s/g, ""),
                   mime_type: originalFile.type
                 };
               }); // Save to media API - POST /v1/media with { media: [...] }
-              _context4.n = 24;
+              _context5.n = 11;
               return this.apiCall({
                 method: "POST",
                 path: "/v1/media",
@@ -430,27 +438,27 @@ var MediaApiService = /*#__PURE__*/function () {
                   media: mediaData
                 }
               });
-            case 24:
-              _context4.n = 26;
+            case 11:
+              _context5.n = 13;
               break;
-            case 25:
-              _context4.p = 25;
-              _t5 = _context4.v;
+            case 12:
+              _context5.p = 12;
+              _t5 = _context5.v;
               console.error("Upload error:", _t5);
               if (this.onError) {
                 this.onError(_t5);
               }
               throw _t5;
-            case 26:
+            case 13:
               i++;
-              _context4.n = 2;
+              _context5.n = 2;
               break;
-            case 27:
-              return _context4.a(2, all_files_uri);
+            case 14:
+              return _context5.a(2, all_files_uri);
           }
-        }, _callee4, this, [[7, 15], [6, 21], [3, 25]]);
+        }, _callee5, this, [[6, 8], [3, 12]]);
       }));
-      function uploadMedia(_x5, _x6) {
+      function uploadMedia(_x8, _x9) {
         return _uploadMedia.apply(this, arguments);
       }
       return uploadMedia;

package/dist/esm/native/FileUpload.native.js

@@ -2,6 +2,7 @@ function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present,
 function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -80,6 +81,7 @@ var FileUpload = function FileUpload(_ref) {
     picker = _ref.picker,
     pickerOptions = _ref.pickerOptions,
     icon = _ref.icon,
+    icons = _ref.icons,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? defaultTheme : _ref$theme,
     containerStyle = _ref.containerStyle,
@@ -96,6 +98,26 @@ var FileUpload = function FileUpload(_ref) {
     uploadProgress = _useState4[0],
     setUploadProgress = _useState4[1];
 
+  // Determine which icon to use based on accept type and icons prop
+  var getIcon = function getIcon() {
+    // If icons object is provided, use it to select based on accept type
+    if (icons && _typeof(icons) === "object") {
+      var isImage = accept === null || accept === void 0 ? void 0 : accept.includes("image");
+      var isVideo = accept === null || accept === void 0 ? void 0 : accept.includes("video");
+      if (isImage && icons.image) {
+        return icons.image;
+      } else if (isVideo && icons.video) {
+        return icons.video;
+      } else if (icons.default) {
+        return icons.default;
+      }
+    }
+
+    // Fallback to single icon prop (backward compatibility)
+    return icon;
+  };
+  var selectedIcon = getIcon();
+
   // Convert file picker result to File-like object for apiService
   var convertToFile = function convertToFile(pickerResult) {
     // Handle different picker formats:
@@ -116,22 +138,39 @@ var FileUpload = function FileUpload(_ref) {
       fileName = lastPart ? lastPart.split("?")[0] : null; // Remove query params if any
     }
 
-    // Final fallback
+    // Final fallback - generate a meaningful filename
     if (!fileName) {
       // Try to guess from mimeType
       var _mimeType = pickerResult.mimeType || pickerResult.type || "";
+      var timestamp = Date.now();
       if (_mimeType.includes("image")) {
-        fileName = _mimeType.includes("jpeg") || _mimeType.includes("jpg") ? "image.jpg" : _mimeType.includes("png") ? "image.png" : _mimeType.includes("gif") ? "image.gif" : "image.jpg";
+        fileName = _mimeType.includes("jpeg") || _mimeType.includes("jpg") ? "image_".concat(timestamp, ".jpg") : _mimeType.includes("png") ? "image_".concat(timestamp, ".png") : _mimeType.includes("gif") ? "image_".concat(timestamp, ".gif") : _mimeType.includes("webp") ? "image_".concat(timestamp, ".webp") : "image_".concat(timestamp, ".jpg");
       } else if (_mimeType.includes("video")) {
-        fileName = "video.mp4";
+        fileName = _mimeType.includes("mp4") ? "video_".concat(timestamp, ".mp4") : _mimeType.includes("mov") ? "video_".concat(timestamp, ".mov") : "video_".concat(timestamp, ".mp4");
       } else {
-        fileName = "file";
+        fileName = "file_".concat(timestamp);
       }
     }
 
     // Extract MIME type (handle different property names)
-    var mimeType = pickerResult.mimeType || pickerResult.type || "image/jpeg"; // Default fallback
-
+    // Use a helper function to determine MIME type from filename if needed
+    var getMimeType = function getMimeType(name, fallbackType) {
+      var _name$split$pop;
+      if (fallbackType) return fallbackType;
+      var ext = (_name$split$pop = name.split(".").pop()) === null || _name$split$pop === void 0 ? void 0 : _name$split$pop.toLowerCase();
+      var mimeMap = {
+        jpg: "image/jpeg",
+        jpeg: "image/jpeg",
+        png: "image/png",
+        gif: "image/gif",
+        webp: "image/webp",
+        mp4: "video/mp4",
+        mov: "video/quicktime",
+        mp3: "audio/mpeg"
+      };
+      return mimeMap[ext] || "image/jpeg";
+    };
+    var mimeType = pickerResult.mimeType || pickerResult.type || getMimeType(fileName, null);
     return {
       uri: uri,
       name: fileName,
@@ -153,16 +192,7 @@ var FileUpload = function FileUpload(_ref) {
             setUploadProgress(0);
             _context.p = 1;
             // Convert picker results to File-like objects
-            filesToUpload = fileList.map(convertToFile); // Debug: Log file format for troubleshooting
-            console.log("Files to upload:", filesToUpload.map(function (f) {
-              return {
-                uri: f.uri,
-                name: f.name,
-                type: f.type
-              };
-            }));
-
-            // Use the API service to upload files
+            filesToUpload = fileList.map(convertToFile); // Use the API service to upload files
             // Note: uploadMedia will need to handle React Native file URIs
             _context.n = 2;
             return apiService.uploadMedia(filesToUpload, apiService.authKey);
@@ -297,20 +327,20 @@ var FileUpload = function FileUpload(_ref) {
         borderRadius: theme.radius.md
       }, buttonStyle],
       disabled: isLoading,
-      children: [icon && /*#__PURE__*/_jsx(View, {
+      children: [selectedIcon && /*#__PURE__*/_jsx(View, {
         style: [styles.iconContainer, {
           backgroundColor: theme.colors.uploadIconBackground,
           borderRadius: theme.radius.xl,
           marginBottom: theme.spacing.sm,
           padding: theme.spacing.md
         }, iconContainerStyle],
-        children: icon
+        children: selectedIcon
       }), /*#__PURE__*/_jsx(Text, {
         style: [styles.title, {
           color: theme.colors.uploadText,
           fontSize: theme.typography.body.fontSize,
           fontWeight: theme.typography.body.fontWeight,
-          marginTop: icon ? theme.spacing.sm : 0
+          marginTop: selectedIcon ? theme.spacing.sm : 0
         }, titleStyle],
         children: title
       })]

package/dist/esm/native/Icons.native.js

@@ -1,5 +1,5 @@
-import React from 'react';
-import { View, Text, StyleSheet } from 'react-native';
+import React from "react";
+import { View, Text, StyleSheet } from "react-native";
 // Note: For better icons, you can use react-native-svg or react-native-vector-icons
 // This is a simple implementation using Text/View
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -7,7 +7,7 @@ export var CloseIcon = function CloseIcon(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 32 : _ref$size,
     _ref$color = _ref.color,
-    color = _ref$color === void 0 ? '#000000' : _ref$color;
+    color = _ref$color === void 0 ? "#000000" : _ref$color;
   return /*#__PURE__*/_jsx(View, {
     style: [styles.closeIcon, {
       width: size,
@@ -31,21 +31,57 @@ export var CameraIcon = function CameraIcon() {
     })
   });
 };
+export var VideoIcon = function VideoIcon() {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.videoIcon,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.videoIconText,
+      children: "\uD83C\uDFA5"
+    })
+  });
+};
+export var UploadIcon = function UploadIcon() {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.uploadIcon,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.uploadIconText,
+      children: "\uD83D\uDCE4"
+    })
+  });
+};
 var styles = StyleSheet.create({
   closeIcon: {
-    justifyContent: 'center',
-    alignItems: 'center'
+    justifyContent: "center",
+    alignItems: "center"
   },
   closeIconText: {
-    fontWeight: 'bold'
+    fontWeight: "bold"
   },
   cameraIcon: {
     width: 22,
     height: 18,
-    justifyContent: 'center',
-    alignItems: 'center'
+    justifyContent: "center",
+    alignItems: "center"
   },
   cameraIconText: {
     fontSize: 18
+  },
+  videoIcon: {
+    width: 22,
+    height: 18,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  videoIconText: {
+    fontSize: 18
+  },
+  uploadIcon: {
+    width: 22,
+    height: 18,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  uploadIconText: {
+    fontSize: 18
   }
 });