@oxyhq/services 22.6.2 → 22.6.4

package/lib/module/ui/components/fileManagement/styles.js

@@ -1,828 +0,0 @@
-"use strict";
-
-import { StyleSheet } from 'react-native';
-export const fileManagementStyles = StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  selectionBadge: {
-    position: 'absolute',
-    top: 4,
-    right: 4,
-    backgroundColor: 'rgba(0,0,0,0.4)',
-    borderRadius: 12,
-    padding: 2
-  },
-  loadingMoreBar: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingVertical: 12,
-    gap: 8
-  },
-  loadingMoreText: {
-    fontSize: 13,
-    fontWeight: '500'
-  },
-  header: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    borderBottomWidth: 1,
-    position: 'relative'
-  },
-  backButton: {
-    padding: 12,
-    borderRadius: 999,
-    alignItems: 'center',
-    justifyContent: 'center',
-    minWidth: 44,
-    minHeight: 44
-  },
-  headerTitleContainer: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginHorizontal: 16
-  },
-  headerTitle: {
-    fontSize: 22,
-    fontWeight: '700',
-    letterSpacing: -0.5,
-    lineHeight: 28
-  },
-  headerSubtitle: {
-    fontSize: 13,
-    fontWeight: '500',
-    marginTop: 2,
-    letterSpacing: 0.2
-  },
-  uploadButton: {
-    width: 44,
-    height: 44,
-    borderRadius: 22,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  /**
-   * Expanded variant of the upload button shown in image-only picker mode,
-   * where surfacing "Upload" prominently helps users when they have no files.
-   */
-  uploadButtonExtended: {
-    width: 'auto',
-    minWidth: 44,
-    paddingHorizontal: 14
-  },
-  uploadButtonContent: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 6
-  },
-  uploadButtonLabel: {
-    color: '#FFFFFF',
-    fontSize: 14,
-    fontWeight: '600'
-  },
-  uploadProgress: {
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  uploadProgressText: {
-    color: '#FFFFFF',
-    fontSize: 10,
-    fontWeight: '600',
-    marginTop: 2
-  },
-  uploadBannerContainer: {
-    position: 'absolute',
-    top: 72,
-    left: 0,
-    right: 0,
-    alignItems: 'center',
-    zIndex: 50
-  },
-  uploadBanner: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 14,
-    paddingVertical: 10,
-    borderRadius: 24,
-    gap: 10,
-    borderWidth: 1,
-    shadowColor: '#000',
-    shadowOpacity: 0.1,
-    shadowRadius: 6,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    elevation: 2,
-    minWidth: 200
-  },
-  uploadBannerContent: {
-    flex: 1,
-    gap: 6
-  },
-  uploadBannerText: {
-    fontSize: 13,
-    fontWeight: '500'
-  },
-  uploadProgressBarContainer: {
-    height: 3,
-    backgroundColor: 'rgba(0,0,0,0.1)',
-    borderRadius: 2,
-    overflow: 'hidden'
-  },
-  uploadProgressBar: {
-    height: '100%',
-    borderRadius: 2
-  },
-  searchContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 14,
-    paddingVertical: 10,
-    marginHorizontal: 12,
-    marginTop: 0,
-    marginBottom: 12,
-    borderRadius: 999,
-    gap: 10
-  },
-  searchInput: {
-    flex: 1,
-    fontSize: 16,
-    lineHeight: 20
-  },
-  searchClearButton: {
-    padding: 4,
-    borderRadius: 12,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  statsContainer: {
-    flexDirection: 'row',
-    paddingHorizontal: 14,
-    paddingVertical: 10,
-    marginHorizontal: 12,
-    marginTop: 0,
-    marginBottom: 12,
-    borderRadius: 18
-  },
-  statItem: {
-    flex: 1,
-    alignItems: 'center',
-    paddingVertical: 4
-  },
-  statValue: {
-    fontSize: 20,
-    fontWeight: '800',
-    letterSpacing: -0.5,
-    lineHeight: 24
-  },
-  statLabel: {
-    fontSize: 12,
-    fontWeight: '500',
-    marginTop: 2,
-    letterSpacing: 0.2
-  },
-  scrollView: {
-    flex: 1
-  },
-  scrollContainer: {
-    paddingHorizontal: 12,
-    paddingTop: 0,
-    paddingBottom: 12
-  },
-  fileItem: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 10,
-    marginBottom: 8,
-    borderRadius: 10,
-    borderWidth: 1
-  },
-  fileContent: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    flex: 1
-  },
-  fileIconContainer: {
-    width: 50,
-    height: 50,
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginRight: 12
-  },
-  filePreviewContainer: {
-    width: 52,
-    height: 52,
-    marginRight: 10
-  },
-  filePreview: {
-    width: '100%',
-    height: '100%',
-    borderRadius: 8,
-    backgroundColor: 'transparent',
-    alignItems: 'center',
-    justifyContent: 'center',
-    overflow: 'hidden',
-    position: 'relative'
-  },
-  previewImage: {
-    width: '100%',
-    height: '100%',
-    borderRadius: 8
-  },
-  pdfPreview: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: '100%',
-    height: '100%',
-    backgroundColor: '#FF6B6B20'
-  },
-  pdfLabel: {
-    fontSize: 8,
-    fontWeight: 'bold',
-    marginTop: 2
-  },
-  videoPreviewWrapper: {
-    width: '100%',
-    height: '100%',
-    borderRadius: 8,
-    overflow: 'hidden',
-    backgroundColor: '#000000',
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  videoPosterImage: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: '100%',
-    height: '100%'
-  },
-  videoOverlay: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: 'rgba(0,0,0,0.25)'
-  },
-  fallbackIcon: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: 'transparent',
-    borderRadius: 8
-  },
-  groupedActions: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 6,
-    marginLeft: 12
-  },
-  groupedActionBtn: {
-    width: 34,
-    height: 34,
-    borderRadius: 8,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  groupedDescription: {
-    fontSize: 12,
-    lineHeight: 16,
-    marginTop: 6
-  },
-  fileInfo: {
-    flex: 1
-  },
-  fileName: {
-    fontSize: 16,
-    fontWeight: '600',
-    marginBottom: 4
-  },
-  fileDetails: {
-    fontSize: 14,
-    marginBottom: 2
-  },
-  fileDescription: {
-    fontSize: 12,
-    fontStyle: 'italic'
-  },
-  fileActions: {
-    flexDirection: 'row',
-    gap: 8
-  },
-  actionButton: {
-    width: 36,
-    height: 36,
-    borderRadius: 999,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  emptyState: {
-    alignItems: 'center',
-    paddingVertical: 40,
-    paddingHorizontal: 24
-  },
-  emptyStateTitle: {
-    fontSize: 24,
-    fontWeight: 'bold',
-    marginTop: 16,
-    marginBottom: 8
-  },
-  emptyStateDescription: {
-    fontSize: 16,
-    textAlign: 'center',
-    lineHeight: 24,
-    marginBottom: 32
-  },
-  emptyStateButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 24,
-    paddingVertical: 12,
-    borderRadius: 24,
-    gap: 8
-  },
-  emptyStateButtonText: {
-    color: '#FFFFFF',
-    fontSize: 16,
-    fontWeight: '600'
-  },
-  modalContainer: {
-    flex: 1
-  },
-  modalHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    borderBottomWidth: 1
-  },
-  modalCloseButton: {
-    padding: 8
-  },
-  modalTitle: {
-    fontSize: 18,
-    fontWeight: '600'
-  },
-  modalPlaceholder: {
-    width: 40
-  },
-  modalContent: {
-    flex: 1,
-    padding: 16
-  },
-  modalActions: {
-    flexDirection: 'row',
-    gap: 12,
-    width: '100%'
-  },
-  modalActionButton: {
-    flex: 1,
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingVertical: 16,
-    borderRadius: 12,
-    gap: 8
-  },
-  modalActionText: {
-    color: '#FFFFFF',
-    fontSize: 16,
-    fontWeight: '600'
-  },
-  uploadPreviewContainer: {
-    flex: 1
-  },
-  uploadPreviewHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    paddingHorizontal: 16,
-    paddingVertical: 16,
-    borderBottomWidth: 1
-  },
-  uploadPreviewTitle: {
-    fontSize: 20,
-    fontWeight: '700'
-  },
-  uploadPreviewList: {
-    flex: 1,
-    padding: 16
-  },
-  uploadPreviewItem: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 12,
-    borderRadius: 12,
-    borderWidth: 1,
-    marginBottom: 12,
-    gap: 12
-  },
-  uploadPreviewThumbnail: {
-    width: 60,
-    height: 60,
-    borderRadius: 8
-  },
-  uploadPreviewIconContainer: {
-    width: 60,
-    height: 60,
-    borderRadius: 8,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  uploadPreviewInfo: {
-    flex: 1,
-    minWidth: 0
-  },
-  uploadPreviewName: {
-    fontSize: 16,
-    fontWeight: '600',
-    marginBottom: 4
-  },
-  uploadPreviewMeta: {
-    fontSize: 13
-  },
-  uploadPreviewRemove: {
-    padding: 4
-  },
-  uploadPreviewFooter: {
-    padding: 16,
-    borderTopWidth: 1
-  },
-  uploadPreviewStats: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    marginBottom: 16
-  },
-  uploadPreviewStatsText: {
-    fontSize: 15,
-    fontWeight: '600'
-  },
-  uploadPreviewActions: {
-    flexDirection: 'row',
-    gap: 12
-  },
-  uploadPreviewCancelButton: {
-    flex: 1,
-    paddingVertical: 14,
-    borderRadius: 12,
-    borderWidth: 1,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  uploadPreviewCancelText: {
-    fontSize: 16,
-    fontWeight: '600'
-  },
-  uploadPreviewConfirmButton: {
-    flex: 2,
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingVertical: 14,
-    borderRadius: 12,
-    gap: 8
-  },
-  uploadPreviewConfirmText: {
-    color: '#FFFFFF',
-    fontSize: 16,
-    fontWeight: '600'
-  },
-  fileViewerContainer: {
-    flex: 1,
-    position: 'relative'
-  },
-  backgroundImage: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: '100%',
-    height: '100%',
-    zIndex: 0
-  },
-  backgroundOverlay: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    zIndex: 1
-  },
-  fileViewerHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderBottomWidth: 1,
-    position: 'relative',
-    zIndex: 2
-  },
-  fileViewerTitleContainer: {
-    flex: 1,
-    marginHorizontal: 12
-  },
-  fileViewerTitle: {
-    fontSize: 18,
-    fontWeight: '600',
-    marginBottom: 2
-  },
-  fileViewerSubtitle: {
-    fontSize: 14
-  },
-  fileViewerActions: {
-    flexDirection: 'row',
-    gap: 8
-  },
-  fileViewerContent: {
-    flex: 1,
-    position: 'relative',
-    zIndex: 2
-  },
-  fileViewerContentWithDetails: {
-    paddingBottom: 20
-  },
-  fileViewerContentContainer: {
-    flexGrow: 1,
-    paddingHorizontal: 12,
-    paddingTop: 0,
-    paddingBottom: 8
-  },
-  fileViewerLoading: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  fileViewerLoadingText: {
-    fontSize: 16,
-    marginTop: 16
-  },
-  imageContainer: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    flex: 1,
-    marginTop: 56,
-    marginBottom: 8,
-    paddingHorizontal: 12
-  },
-  imageWrapper: {
-    borderRadius: 24,
-    overflow: 'hidden',
-    alignSelf: 'center'
-  },
-  floatingBackButton: {
-    position: 'absolute',
-    top: 12,
-    left: 12,
-    width: 40,
-    height: 40,
-    borderRadius: 999,
-    alignItems: 'center',
-    justifyContent: 'center',
-    zIndex: 10
-  },
-  floatingDownloadButton: {
-    position: 'absolute',
-    top: 12,
-    right: 12,
-    width: 40,
-    height: 40,
-    borderRadius: 999,
-    alignItems: 'center',
-    justifyContent: 'center',
-    zIndex: 10
-  },
-  textContainer: {
-    flex: 1,
-    borderRadius: 18,
-    borderWidth: 0,
-    padding: 12,
-    minHeight: 180,
-    maxHeight: '80%'
-  },
-  textContent: {
-    fontSize: 14,
-    fontFamily: 'monospace',
-    lineHeight: 20
-  },
-  unsupportedFileContainer: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    paddingVertical: 32,
-    paddingHorizontal: 24
-  },
-  unsupportedFileTitle: {
-    fontSize: 24,
-    fontWeight: 'bold',
-    marginTop: 16,
-    marginBottom: 8,
-    textAlign: 'center'
-  },
-  unsupportedFileDescription: {
-    fontSize: 16,
-    textAlign: 'center',
-    lineHeight: 24,
-    marginBottom: 32
-  },
-  downloadButtonLarge: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 18,
-    paddingVertical: 12,
-    borderRadius: 999,
-    gap: 8
-  },
-  downloadButtonText: {
-    color: '#FFFFFF',
-    fontSize: 16,
-    fontWeight: '600'
-  },
-  pdfContainer: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  mediaContainer: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: 20
-  },
-  unsupportedText: {
-    fontSize: 16,
-    textAlign: 'center',
-    fontStyle: 'italic'
-  },
-  fileDetailsSection: {
-    marginHorizontal: 12,
-    marginTop: 8,
-    marginBottom: 12,
-    padding: 0,
-    borderRadius: 18,
-    borderWidth: 0,
-    overflow: 'hidden',
-    position: 'relative',
-    zIndex: 2
-  },
-  fileDetailsSectionContent: {
-    paddingHorizontal: 12,
-    paddingBottom: 8
-  },
-  fileDetailsSectionTitle: {
-    fontSize: 18,
-    fontWeight: '600',
-    flex: 1
-  },
-  fileDetailsSectionHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    paddingHorizontal: 12,
-    paddingTop: 10,
-    paddingBottom: 6
-  },
-  fileDetailsSectionToggle: {
-    padding: 4
-  },
-  fileDetailsActions: {
-    flexDirection: 'row',
-    gap: 12,
-    marginTop: 8,
-    paddingHorizontal: 12,
-    paddingBottom: 10
-  },
-  fileDetailsActionButton: {
-    flex: 1,
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingVertical: 12,
-    borderRadius: 999,
-    gap: 6
-  },
-  fileDetailsActionText: {
-    color: '#FFFFFF',
-    fontSize: 14,
-    fontWeight: '600'
-  },
-  controlsBar: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    paddingHorizontal: 12,
-    paddingTop: 12,
-    paddingBottom: 12,
-    gap: 12
-  },
-  viewModeScroll: {
-    flex: 1,
-    maxWidth: '80%'
-  },
-  viewModeToggle: {
-    flexDirection: 'row',
-    borderRadius: 999,
-    padding: 2,
-    overflow: 'hidden'
-  },
-  viewModeButton: {
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    borderRadius: 999,
-    minWidth: 36,
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginHorizontal: 1
-  },
-  sortButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    borderRadius: 999,
-    minWidth: 36,
-    gap: 4
-  },
-  photoScrollContainer: {
-    padding: 10
-  },
-  photoItem: {
-    borderRadius: 8,
-    overflow: 'hidden'
-  },
-  photoContainer: {
-    width: '100%',
-    height: '100%',
-    position: 'relative',
-    borderRadius: 8,
-    overflow: 'hidden'
-  },
-  photoImage: {
-    width: '100%',
-    height: '100%'
-  },
-  dimensionsLoadingIndicator: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingVertical: 16,
-    gap: 8
-  },
-  dimensionsLoadingText: {
-    fontSize: 14,
-    fontStyle: 'italic'
-  },
-  justifiedPhotoItem: {
-    borderRadius: 6,
-    overflow: 'hidden',
-    position: 'relative'
-  },
-  justifiedPhotoContainer: {
-    width: '100%',
-    height: '100%',
-    position: 'relative',
-    borderRadius: 6,
-    overflow: 'hidden',
-    backgroundColor: 'transparent'
-  },
-  justifiedPhotoImage: {
-    width: '100%',
-    height: '100%',
-    borderRadius: 6
-  },
-  simplePhotoItem: {
-    borderRadius: 8,
-    overflow: 'hidden',
-    backgroundColor: 'transparent'
-  },
-  simplePhotoContainer: {
-    width: '100%',
-    height: '100%',
-    position: 'relative',
-    borderRadius: 8,
-    overflow: 'hidden'
-  },
-  simplePhotoImage: {
-    width: '100%',
-    height: '100%',
-    borderRadius: 8
-  }
-});
-//# sourceMappingURL=styles.js.map