@tradly/asset 1.0.18 → 1.0.20

package/dist/core/MediaApiService.js

@@ -249,7 +249,7 @@ 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, blob, res, mediaData, _t3, _t4, _t5;
+        var auth_key, all_files_uri, upload_files, upload_full_files, i, element, cleanFileName, file_data, responseFiles, index, path, fileURI, originalFile, fileBody, uri, fileResponse, arrayBuffer, res, errorText, errorMsg, mediaData, _t3, _t4, _t5;
         return _regenerator().w(function (_context4) {
           while (1) switch (_context4.p = _context4.n) {
             case 0:
@@ -266,7 +266,7 @@ var MediaApiService = /*#__PURE__*/function () {
               i = 0;
             case 2:
               if (!(i < files.length)) {
-                _context4.n = 21;
+                _context4.n = 27;
                 break;
               }
               element = files[i]; // Check if file already has a path (from previous upload)
@@ -274,9 +274,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);
@@ -284,7 +286,7 @@ var MediaApiService = /*#__PURE__*/function () {
 
               // Upload files when we've processed all files
               if (!(files.length === i + 1 && upload_files.length > 0)) {
-                _context4.n = 20;
+                _context4.n = 26;
                 break;
               }
               _context4.p = 3;
@@ -295,7 +297,7 @@ var MediaApiService = /*#__PURE__*/function () {
               index = 0;
             case 5:
               if (!(index < responseFiles.length)) {
-                _context4.n = 17;
+                _context4.n = 23;
                 break;
               }
               path = responseFiles[index].signedUrl;
@@ -305,7 +307,7 @@ var MediaApiService = /*#__PURE__*/function () {
               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 = 13;
+                _context4.n = 16;
                 break;
               }
               // For React Native, handle file://, content://, or http:// URIs
@@ -315,63 +317,102 @@ var MediaApiService = /*#__PURE__*/function () {
               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 = 10;
+                _context4.n = 11;
                 break;
               }
-              _context4.n = 9;
+              _context4.n = 10;
               return fileResponse.blob();
-            case 9:
-              blob = _context4.v;
-              fileBody = blob;
-              _context4.n = 11;
-              break;
             case 10:
-              // Fallback: use the response as-is if blob() is not available
-              // Some React Native versions might need different handling
-              fileBody = fileResponse;
-            case 11:
-              _context4.n = 13;
+              fileBody = _context4.v;
+              _context4.n = 14;
               break;
+            case 11:
+              if (!fileResponse.arrayBuffer) {
+                _context4.n = 13;
+                break;
+              }
+              _context4.n = 12;
+              return fileResponse.arrayBuffer();
             case 12:
-              _context4.p = 12;
-              _t3 = _context4.v;
-              // If fetch fails, try using the URI directly
-              // Some React Native environments might handle this differently
-              console.warn("Fetch failed for URI, trying direct upload:", _t3);
-              // For S3 PUT, we need the actual file content
-              // If fetch fails, we'll try to use the file object directly
-              // This might require additional React Native file handling libraries
-              throw new Error("Failed to read file from URI: ".concat(uri, ". Make sure the file URI is accessible. Error: ").concat(_t3.message));
-            case 13:
+              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:
+              _context4.n = 17;
               return fetch(path, {
                 method: "PUT",
                 headers: {
-                  ContentType: upload_files[index].type
+                  "Content-Type": upload_files[index].type
                 },
                 body: fileBody
               });
-            case 14:
+            case 17:
               res = _context4.v;
-              if (res.ok) {
-                all_files_uri.push(fileURI);
-              } else {
-                console.error("Failed to upload file ".concat(index + 1));
+              if (!res.ok) {
+                _context4.n = 18;
+                break;
               }
-              _context4.n = 16;
+              all_files_uri.push(fileURI);
+              _context4.n = 20;
               break;
-            case 15:
-              _context4.p = 15;
+            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);
+              errorMsg = errorText ? "S3 upload failed: ".concat(res.status, " ").concat(res.statusText, " - ").concat(errorText) : "S3 upload failed: ".concat(res.status, " ").concat(res.statusText);
+              throw new Error(errorMsg);
+            case 20:
+              _context4.n = 22;
+              break;
+            case 21:
+              _context4.p = 21;
               _t4 = _context4.v;
               console.error("Error uploading file ".concat(index + 1, ":"), _t4);
-            case 16:
+              // Re-throw to stop the upload process
+              throw _t4;
+            case 22:
               index++;
               _context4.n = 5;
               break;
-            case 17:
+            case 23:
               if (!(all_files_uri.length > 0)) {
-                _context4.n = 18;
+                _context4.n = 24;
                 break;
               }
               mediaData = all_files_uri.map(function (url, index) {
@@ -380,11 +421,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 = 18;
+              _context4.n = 24;
               return this.apiCall({
                 method: "POST",
                 path: "/v1/media",
@@ -392,25 +433,25 @@ var MediaApiService = /*#__PURE__*/function () {
                   media: mediaData
                 }
               });
-            case 18:
-              _context4.n = 20;
+            case 24:
+              _context4.n = 26;
               break;
-            case 19:
-              _context4.p = 19;
+            case 25:
+              _context4.p = 25;
               _t5 = _context4.v;
               console.error("Upload error:", _t5);
               if (this.onError) {
                 this.onError(_t5);
               }
               throw _t5;
-            case 20:
+            case 26:
               i++;
               _context4.n = 2;
               break;
-            case 21:
+            case 27:
               return _context4.a(2, all_files_uri);
           }
-        }, _callee4, this, [[7, 12], [6, 15], [3, 19]]);
+        }, _callee4, this, [[7, 15], [6, 21], [3, 25]]);
       }));
       function uploadMedia(_x5, _x6) {
         return _uploadMedia.apply(this, arguments);

package/dist/esm/core/MediaApiService.js

@@ -243,7 +243,7 @@ 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, blob, res, mediaData, _t3, _t4, _t5;
+        var auth_key, all_files_uri, upload_files, upload_full_files, i, element, cleanFileName, file_data, responseFiles, index, path, fileURI, originalFile, fileBody, uri, fileResponse, arrayBuffer, res, errorText, errorMsg, mediaData, _t3, _t4, _t5;
         return _regenerator().w(function (_context4) {
           while (1) switch (_context4.p = _context4.n) {
             case 0:
@@ -260,7 +260,7 @@ var MediaApiService = /*#__PURE__*/function () {
               i = 0;
             case 2:
               if (!(i < files.length)) {
-                _context4.n = 21;
+                _context4.n = 27;
                 break;
               }
               element = files[i]; // Check if file already has a path (from previous upload)
@@ -268,9 +268,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,7 +280,7 @@ var MediaApiService = /*#__PURE__*/function () {
 
               // Upload files when we've processed all files
               if (!(files.length === i + 1 && upload_files.length > 0)) {
-                _context4.n = 20;
+                _context4.n = 26;
                 break;
               }
               _context4.p = 3;
@@ -289,7 +291,7 @@ var MediaApiService = /*#__PURE__*/function () {
               index = 0;
             case 5:
               if (!(index < responseFiles.length)) {
-                _context4.n = 17;
+                _context4.n = 23;
                 break;
               }
               path = responseFiles[index].signedUrl;
@@ -299,7 +301,7 @@ var MediaApiService = /*#__PURE__*/function () {
               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 = 13;
+                _context4.n = 16;
                 break;
               }
               // For React Native, handle file://, content://, or http:// URIs
@@ -309,63 +311,102 @@ var MediaApiService = /*#__PURE__*/function () {
               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 = 10;
+                _context4.n = 11;
                 break;
               }
-              _context4.n = 9;
+              _context4.n = 10;
               return fileResponse.blob();
-            case 9:
-              blob = _context4.v;
-              fileBody = blob;
-              _context4.n = 11;
-              break;
             case 10:
-              // Fallback: use the response as-is if blob() is not available
-              // Some React Native versions might need different handling
-              fileBody = fileResponse;
-            case 11:
-              _context4.n = 13;
+              fileBody = _context4.v;
+              _context4.n = 14;
               break;
+            case 11:
+              if (!fileResponse.arrayBuffer) {
+                _context4.n = 13;
+                break;
+              }
+              _context4.n = 12;
+              return fileResponse.arrayBuffer();
             case 12:
-              _context4.p = 12;
-              _t3 = _context4.v;
-              // If fetch fails, try using the URI directly
-              // Some React Native environments might handle this differently
-              console.warn("Fetch failed for URI, trying direct upload:", _t3);
-              // For S3 PUT, we need the actual file content
-              // If fetch fails, we'll try to use the file object directly
-              // This might require additional React Native file handling libraries
-              throw new Error("Failed to read file from URI: ".concat(uri, ". Make sure the file URI is accessible. Error: ").concat(_t3.message));
-            case 13:
+              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:
+              _context4.n = 17;
               return fetch(path, {
                 method: "PUT",
                 headers: {
-                  ContentType: upload_files[index].type
+                  "Content-Type": upload_files[index].type
                 },
                 body: fileBody
               });
-            case 14:
+            case 17:
               res = _context4.v;
-              if (res.ok) {
-                all_files_uri.push(fileURI);
-              } else {
-                console.error("Failed to upload file ".concat(index + 1));
+              if (!res.ok) {
+                _context4.n = 18;
+                break;
               }
-              _context4.n = 16;
+              all_files_uri.push(fileURI);
+              _context4.n = 20;
               break;
-            case 15:
-              _context4.p = 15;
+            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);
+              errorMsg = errorText ? "S3 upload failed: ".concat(res.status, " ").concat(res.statusText, " - ").concat(errorText) : "S3 upload failed: ".concat(res.status, " ").concat(res.statusText);
+              throw new Error(errorMsg);
+            case 20:
+              _context4.n = 22;
+              break;
+            case 21:
+              _context4.p = 21;
               _t4 = _context4.v;
               console.error("Error uploading file ".concat(index + 1, ":"), _t4);
-            case 16:
+              // Re-throw to stop the upload process
+              throw _t4;
+            case 22:
               index++;
               _context4.n = 5;
               break;
-            case 17:
+            case 23:
               if (!(all_files_uri.length > 0)) {
-                _context4.n = 18;
+                _context4.n = 24;
                 break;
               }
               mediaData = all_files_uri.map(function (url, index) {
@@ -374,11 +415,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 = 18;
+              _context4.n = 24;
               return this.apiCall({
                 method: "POST",
                 path: "/v1/media",
@@ -386,25 +427,25 @@ var MediaApiService = /*#__PURE__*/function () {
                   media: mediaData
                 }
               });
-            case 18:
-              _context4.n = 20;
+            case 24:
+              _context4.n = 26;
               break;
-            case 19:
-              _context4.p = 19;
+            case 25:
+              _context4.p = 25;
               _t5 = _context4.v;
               console.error("Upload error:", _t5);
               if (this.onError) {
                 this.onError(_t5);
               }
               throw _t5;
-            case 20:
+            case 26:
               i++;
               _context4.n = 2;
               break;
-            case 21:
+            case 27:
               return _context4.a(2, all_files_uri);
           }
-        }, _callee4, this, [[7, 12], [6, 15], [3, 19]]);
+        }, _callee4, this, [[7, 15], [6, 21], [3, 25]]);
       }));
       function uploadMedia(_x5, _x6) {
         return _uploadMedia.apply(this, arguments);

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,
@@ -288,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
       })]
@@ -311,7 +350,7 @@ var FileUpload = function FileUpload(_ref) {
 var styles = StyleSheet.create({
   container: {
     width: "100%",
-    height: 160
+    height: "100%"
   },
   button: {
     width: "100%",
@@ -327,11 +366,12 @@ var styles = StyleSheet.create({
     // Colors and spacing applied via theme
   },
   title: {
+    textAlign: "center"
     // Colors and typography applied via theme
   },
   loadingContainer: {
     width: "100%",
-    height: 160,
+    height: "100%",
     justifyContent: "center",
     alignItems: "center"
     // Colors applied via theme