@oxy.so/services 3.0.0 → 4.0.0

package/lib/commonjs/ui/screens/FileManagementScreen.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _button = require("@oxy.so/bloom/button");
 var _react = require("react");
 var _reactNative = require("react-native");
+var _typography = require("@oxy.so/bloom/typography");
 var _reactQuery = require("@tanstack/react-query");
 var _expoImage = require("expo-image");
 var _toast = require("@oxy.so/bloom/toast");
@@ -35,13 +37,12 @@ var _PhotoPickerSection = _interopRequireDefault(require("./fileManagement/Photo
 var _FileListSection = _interopRequireDefault(require("./fileManagement/FileListSection.js"));
 var _FileLibraryError = _interopRequireDefault(require("./fileManagement/FileLibraryError.js"));
 var _UploadBar = _interopRequireDefault(require("./fileManagement/UploadBar.js"));
-var _AnimatedButton = require("../components/fileManagement/AnimatedButton.js");
+var _segmentedControl = require("@oxy.so/bloom/segmented-control");
+var _search = require("@oxy.so/bloom/search");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// Genuinely-inline-only styles: `viewModeButton` is spread into an Animated.View
-// style array (interpolated backgroundColor), and the photo tiles are
-// `expo-image` (no className remap). Everything else uses NativeWind classNames.
+// Photo tiles use expo-image dimensions; controls use Bloom primitives.
 // Nav-header slot layout for this screen's action row + review-mode back button.
 const fmHeaderStyles = _reactNative.StyleSheet.create({
   actionsRow: {
@@ -57,15 +58,6 @@ const fmHeaderStyles = _reactNative.StyleSheet.create({
   }
 });
 const screenStyles = _reactNative.StyleSheet.create({
-  viewModeButton: {
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    borderRadius: 999,
-    minWidth: 36,
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginHorizontal: 1
-  },
   justifiedPhotoImage: {
     width: '100%',
     height: '100%',
@@ -819,40 +811,43 @@ const FileManagementScreen = ({
         },
         // Hide action buttons when selecting (in selectMode or bulk operations mode)
         rightElement: !selectMode && selectedIds.size === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          className: "flex-row items-center gap-[6px] ml-[12px]",
-          children: [(isImage || isVideo || file.contentType.includes('pdf')) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            className: "w-[34px] h-[34px] rounded-[8px] items-center justify-center",
-            style: {
-              backgroundColor: colors.backgroundSecondary
-            },
+          className: "flex-row items-center gap-1.5 ml-3",
+          children: [isImage || isVideo || file.contentType.includes('pdf') ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+            appearance: "subtle",
+            tone: "neutral",
+            size: "small",
+            iconOnly: true,
+            stopPropagation: true,
+            accessibilityLabel: `Preview ${file.filename}`,
             onPress: () => handleFileOpen(file),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
               name: "eye",
               size: 18,
-              color: colors.primary
+              color: colors.text
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            className: "w-[34px] h-[34px] rounded-[8px] items-center justify-center",
-            style: {
-              backgroundColor: colors.backgroundSecondary
-            },
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+            appearance: "subtle",
+            tone: "neutral",
+            size: "small",
+            iconOnly: true,
+            stopPropagation: true,
+            accessibilityLabel: `Download ${file.filename}`,
             onPress: () => handleFileDownload(file.id, file.filename),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
               name: "download",
               size: 18,
-              color: colors.primary
+              color: colors.text
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            className: "w-[34px] h-[34px] rounded-[8px] items-center justify-center",
-            style: {
-              backgroundColor: colors.negativeSubtle
-            },
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+            appearance: "subtle",
+            tone: "danger",
+            size: "small",
+            iconOnly: true,
+            stopPropagation: true,
+            loading: deletingId === file.id,
+            accessibilityLabel: `Delete ${file.filename}`,
             onPress: () => confirmFileDelete(file.id, file.filename),
-            disabled: deletingId === file.id,
-            children: deletingId === file.id ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-              size: "small",
-              color: colors.error
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
               name: "trash",
               size: 18,
               color: colors.error
@@ -871,8 +866,7 @@ const FileManagementScreen = ({
     onRetry: () => filesQuery.refetch(),
     iconColor: colors.error,
     titleColor: colors.text,
-    descriptionColor: colors.textSecondary,
-    buttonColor: colors.primary
+    descriptionColor: colors.textSecondary
   });
 
   // Browse "photos" view. The justified grid owns its own dimension
@@ -888,38 +882,22 @@ const FileManagementScreen = ({
           name: "images-outline",
           size: 64,
           color: colors.textTertiary
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
           className: "text-[24px] font-bold mt-[16px] mb-[8px]",
           style: {
             color: colors.text
           },
           children: t('fileManagement.emptyPhotos.title')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_typography.Text, {
           className: "text-[16px] text-center leading-[24px] mb-[32px]",
           style: {
             color: colors.textSecondary
           },
           children: [" ", user?.id === targetUserId ? t('fileManagement.emptyPhotos.ownDescription') : t('fileManagement.emptyPhotos.otherDescription'), " "]
-        }), user?.id === targetUserId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          className: "flex-row items-center px-[24px] py-[12px] rounded-[24px] gap-[8px]",
-          style: {
-            backgroundColor: colors.primary
-          },
+        }), user?.id === targetUserId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
           onPress: handleFileUpload,
-          disabled: uploading || isPickingDocument,
-          children: uploading || isPickingDocument ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-            size: "small",
-            color: "#FFFFFF"
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
-              name: "cloud-upload",
-              size: 20,
-              color: "#FFFFFF"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              className: "text-white text-[16px] font-semibold",
-              children: t('fileManagement.uploadPhotos')
-            })]
-          })
+          loading: uploading || isPickingDocument,
+          children: t('fileManagement.uploadPhotos')
         })]
       });
     }
@@ -962,38 +940,22 @@ const FileManagementScreen = ({
       name: "folder-open-outline",
       size: 64,
       color: colors.textTertiary
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
       className: "text-[24px] font-bold mt-[16px] mb-[8px]",
       style: {
         color: colors.text
       },
       children: t('fileManagement.emptyFiles.title')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
       className: "text-[16px] text-center leading-[24px] mb-[32px]",
       style: {
         color: colors.textSecondary
       },
       children: user?.id === targetUserId ? t('fileManagement.emptyFiles.ownDescription') : t('fileManagement.emptyFiles.otherDescription')
-    }), user?.id === targetUserId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      className: "flex-row items-center px-[24px] py-[12px] rounded-[24px] gap-[8px]",
-      style: {
-        backgroundColor: colors.primary
-      },
+    }), user?.id === targetUserId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
       onPress: handleFileUpload,
-      disabled: uploading || isPickingDocument,
-      children: uploading || isPickingDocument ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-        size: "small",
-        color: "#FFFFFF"
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
-          name: "cloud-upload",
-          size: 20,
-          color: "#FFFFFF"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          className: "text-white text-[16px] font-semibold",
-          children: t('fileManagement.uploadFiles')
-        })]
-      })
+      loading: uploading || isPickingDocument,
+      children: t('fileManagement.uploadFiles')
     })]
   });
 
@@ -1310,58 +1272,32 @@ const FileManagementScreen = ({
         style: {
           maxWidth: '80%'
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          className: "flex-row rounded-full p-[2px] overflow-hidden",
-          style: {
-            backgroundColor: colors.card
-          },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimatedButton.AnimatedButton, {
-            isSelected: viewMode === 'all',
-            onPress: () => setViewMode('all'),
-            icon: viewMode === 'all' ? 'folder' : 'folder-outline',
-            primaryColor: colors.primary,
-            textColor: colors.text,
-            style: screenStyles.viewModeButton,
-            accessibilityLabel: t('fileManagement.a11y.viewAll') || 'Show all files'
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimatedButton.AnimatedButton, {
-            isSelected: viewMode === 'photos',
-            onPress: () => setViewMode('photos'),
-            icon: viewMode === 'photos' ? 'image-multiple' : 'image-multiple-outline',
-            primaryColor: colors.primary,
-            textColor: colors.text,
-            style: screenStyles.viewModeButton,
-            accessibilityLabel: t('fileManagement.a11y.viewPhotos') || 'Show photos only'
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimatedButton.AnimatedButton, {
-            isSelected: viewMode === 'videos',
-            onPress: () => setViewMode('videos'),
-            icon: viewMode === 'videos' ? 'video' : 'video-outline',
-            primaryColor: colors.primary,
-            textColor: colors.text,
-            style: screenStyles.viewModeButton,
-            accessibilityLabel: t('fileManagement.a11y.viewVideos') || 'Show videos only'
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimatedButton.AnimatedButton, {
-            isSelected: viewMode === 'documents',
-            onPress: () => setViewMode('documents'),
-            icon: viewMode === 'documents' ? 'file-document' : 'file-document-outline',
-            primaryColor: colors.primary,
-            textColor: colors.text,
-            style: screenStyles.viewModeButton,
-            accessibilityLabel: t('fileManagement.a11y.viewDocuments') || 'Show documents only'
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimatedButton.AnimatedButton, {
-            isSelected: viewMode === 'audio',
-            onPress: () => setViewMode('audio'),
-            icon: viewMode === 'audio' ? 'music-note' : 'music-note-outline',
-            primaryColor: colors.primary,
-            textColor: colors.text,
-            style: screenStyles.viewModeButton,
-            accessibilityLabel: t('fileManagement.a11y.viewAudio') || 'Show audio only'
-          })]
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_segmentedControl.SegmentedControl, {
+          type: "radio",
+          label: t('fileManagement.viewMode') || 'File type',
+          value: viewMode,
+          onValueChange: setViewMode,
+          size: "small",
+          children: ['all', 'photos', 'videos', 'documents', 'audio'].map(mode => /*#__PURE__*/(0, _jsxRuntime.jsx)(_segmentedControl.SegmentedControlItem, {
+            value: mode,
+            accessibilityLabel: mode,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+              name: {
+                all: 'folder-outline',
+                photos: 'image-multiple-outline',
+                videos: 'video-outline',
+                documents: 'file-document-outline',
+                audio: 'music-note-outline'
+              }[mode],
+              size: 18,
+              color: colors.text
+            })
+          }, mode))
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        className: "flex-row items-center justify-center px-[10px] py-[6px] rounded-full min-w-[36px] gap-[4px]",
-        style: {
-          backgroundColor: colors.card
-        },
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+        appearance: "subtle",
+        tone: "neutral",
+        size: "small",
         accessibilityRole: "button",
         accessibilityLabel: t('fileManagement.a11y.sortBy', {
           field: sortBy,
@@ -1378,72 +1314,37 @@ const FileManagementScreen = ({
             setSortOrder(prev => prev === 'asc' ? 'desc' : 'asc');
           }
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
-          name: sortBy === 'date' ? 'calendar' : sortBy === 'size' ? 'sort-numeric-variant' : sortBy === 'name' ? 'sort-alphabetical-variant' : 'file-document-outline',
-          size: 16,
-          color: colors.text
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
-          name: sortOrder === 'asc' ? 'arrow-up' : 'arrow-down',
-          size: 14,
-          color: colors.textSecondary
-        })]
-      }), user?.id === targetUserId && (!selectMode || allowUploadInSelectMode) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        className: "h-[44px] w-[44px] rounded-[22px] items-center justify-center",
-        style: {
-          backgroundColor: colors.primary
-        },
+        trailing: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          className: "flex-row items-center gap-1",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+            name: sortBy === 'date' ? 'calendar' : sortBy === 'size' ? 'sort-numeric-variant' : sortBy === 'name' ? 'sort-alphabetical-variant' : 'file-document-outline',
+            size: 16,
+            color: colors.text
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+            name: sortOrder === 'asc' ? 'arrow-up' : 'arrow-down',
+            size: 14,
+            color: colors.textSecondary
+          })]
+        })
+      }), user?.id === targetUserId && (!selectMode || allowUploadInSelectMode) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+        iconOnly: true,
         onPress: handleFileUpload,
-        disabled: uploading || isPickingDocument,
-        accessibilityRole: "button",
+        loading: uploading || isPickingDocument,
         accessibilityLabel: t('fileManagement.a11y.uploadFile') || 'Upload file',
-        accessibilityState: {
-          busy: uploading || isPickingDocument
-        },
-        children: uploading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          className: "items-center justify-center",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-            size: "small",
-            color: "#FFFFFF"
-          }), uploadProgress && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            className: "text-white text-[10px] font-semibold mt-[2px]",
-            children: [uploadProgress.current, "/", uploadProgress.total]
-          })]
-        }) : isPickingDocument ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-          size: "small",
-          color: "#FFFFFF"
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
           name: "add",
           size: 22,
-          color: "#FFFFFF"
+          color: colors.primaryForeground
         })
       })]
-    }), files.length > 0 && (viewMode === 'all' || files.some(f => f.contentType.startsWith('image/'))) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      className: "flex-row items-center px-[14px] py-[10px] mx-[12px] mb-[12px] rounded-full gap-[10px]",
-      style: {
-        backgroundColor: colors.card
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
-        name: "search",
-        size: 22,
-        color: colors.icon
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-        className: "flex-1 text-[16px] leading-[20px]",
-        style: {
-          color: colors.text
-        },
-        placeholder: viewMode === 'photos' ? t('fileManagement.searchPhotos') : t('fileManagement.searchFiles'),
-        placeholderTextColor: colors.textSecondary,
+    }), files.length > 0 && (viewMode === 'all' || files.some(f => f.contentType.startsWith('image/'))) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: "mx-[12px] mb-[12px]",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_search.Search, {
+        label: viewMode === 'photos' ? t('fileManagement.searchPhotos') : t('fileManagement.searchFiles'),
         value: searchQuery,
-        onChangeText: setSearchQuery
-      }), searchQuery.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: () => setSearchQuery(''),
-        className: "p-[4px] rounded-[12px] items-center justify-center",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
-          name: "close-circle",
-          size: 22,
-          color: colors.icon
-        })
-      })]
+        onValueChange: setSearchQuery,
+        onClearText: () => setSearchQuery('')
+      })
     }), files.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       className: "flex-row px-[14px] py-[10px] mx-[12px] mb-[12px] rounded-[18px]",
       style: {
@@ -1451,14 +1352,14 @@ const FileManagementScreen = ({
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         className: "flex-1 items-center py-[4px]",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
           className: "text-[20px] font-extrabold leading-[24px]",
           style: {
             color: colors.text,
             letterSpacing: -0.5
           },
           children: filteredFiles.length
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
           className: "text-[12px] font-medium mt-[2px]",
           style: {
             color: colors.textSecondary,
@@ -1468,14 +1369,14 @@ const FileManagementScreen = ({
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         className: "flex-1 items-center py-[4px]",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
           className: "text-[20px] font-extrabold leading-[24px]",
           style: {
             color: colors.text,
             letterSpacing: -0.5
           },
           children: (0, _fileManagement.formatFileSize)(filteredFiles.reduce((total, file) => total + file.length, 0))
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
           className: "text-[12px] font-medium mt-[2px]",
           style: {
             color: colors.textSecondary,
@@ -1485,14 +1386,14 @@ const FileManagementScreen = ({
         })]
       }), searchQuery.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         className: "flex-1 items-center py-[4px]",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
           className: "text-[20px] font-extrabold leading-[24px]",
           style: {
             color: colors.text,
             letterSpacing: -0.5
           },
           children: files.length
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
           className: "text-[12px] font-medium mt-[2px]",
           style: {
             color: colors.textSecondary,
@@ -1519,8 +1420,6 @@ const FileManagementScreen = ({
       renderEmptyState: renderEmptyState
     }), !selectMode && uploading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_UploadBar.default, {
       uploadProgress: uploadProgress,
-      isDark: bloomTheme.isDark,
-      colors: colors,
       t: t
     })]
   });