@originallyus/feedback-rn-sdk 4.0.0-beta.33 → 4.0.0-beta.35

package/lib/module/component/AIA/molecules/Tabs/styles/index.js

@@ -1,32 +0,0 @@
-"use strict";
-
-/**
- *
- * @format
- *
- */
-
-import { StyleSheet } from 'react-native';
-const TabsStyles = (size, spacing) => StyleSheet.create({
-  containerStyle: {
-    paddingHorizontal: spacing['md'],
-    width: '100%'
-  },
-  scrollViewStyle: {
-    width: '100%'
-  },
-  tabContainer: {
-    height: '100%'
-  },
-  tabMinWidth: {
-    minWidth: size['6xl']
-  },
-  dividerStyle: {
-    height: 2,
-    width: '100%',
-    marginTop: -2,
-    zIndex: -99
-  }
-});
-export default TabsStyles;
-//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Tabs/styles/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StyleSheet","TabsStyles","size","spacing","create","containerStyle","paddingHorizontal","width","scrollViewStyle","tabContainer","height","tabMinWidth","minWidth","dividerStyle","marginTop","zIndex"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/Tabs/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAGvC,MAAMC,UAAU,GAAGA,CAACC,IAAe,EAAEC,OAAqB,KACxDH,UAAU,CAACI,MAAM,CAAC;EAChBC,cAAc,EAAE;IACdC,iBAAiB,EAAEH,OAAO,CAAC,IAAI,CAAC;IAChCI,KAAK,EAAE;EACT,CAAC;EACDC,eAAe,EAAE;IACfD,KAAK,EAAE;EACT,CAAC;EACDE,YAAY,EAAE;IACZC,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXC,QAAQ,EAAEV,IAAI,CAAC,KAAK;EACtB,CAAC;EACDW,YAAY,EAAE;IACZH,MAAM,EAAE,CAAC;IACTH,KAAK,EAAE,MAAM;IACbO,SAAS,EAAE,CAAC,CAAC;IACbC,MAAM,EAAE,CAAC;EACX;AACF,CAAC,CAAC;AAEJ,eAAed,UAAU","ignoreList":[]}

package/lib/module/component/AIA/molecules/Tabs/types/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export {};
-//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Tabs/types/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/Tabs/types/index.ts"],"mappings":"","ignoreList":[]}

package/lib/module/component/AIA/molecules/Uploader/README.md

@@ -1,53 +0,0 @@
-# Uploader
-
-## Usage & Example
-
-```js
-import Uploader from '@/Uploader';
-
-<Uploader>
-
-</Uploader>
-```
-
-Key                                     | Type           | Required  | Description                            |
----------------                         | -------------- | --------- | -----------------------------------    |
-variant                                 | `string`       | `False`   | Uploader variant. (`'list-view'` \| `'grid-view'`)  |
-state                                   | `string`       | `False`   | Uploader state.                        |
-gridItemSize                            | `string`       | `False`   | Grid item size for grid-view variant. (`'default'` \| `'small'`) |
-customStyle                             | `ViewStyle`    | `False`   | Custom style for uploader wrapper.     |
-takePhotoLabel                          | `string`       | `False`   | Take photo string label for display.   |
-selectPhotoLabel                        | `string`       | `False`   | Select photo string label for display. |
-selectFileLabel                         | `string`       | `False`   | Select file string label for display.  |
-cancelLabel                             | `string`       | `False`   | Cancel action sheet label for display. |
-addFileLabel                            | `string`       | `False`   | Add file string label for display.     |
-removeIcon                              | `object`       | `False`   | Remove icon object.                    |
-uploadingSize                           | `number`       | `False`   | Uploading size for calculate progress. |
-totalSize                               | `number`       | `False`   | Total file size from response.         |
-errorMessage                            | `string`       | `False`   | Error message for display.             |
-maxFiles                                | `number`       | `False`   | Maximum uploader accepted files.       |
-isImage                                 | `boolean`      | `False`   | Boolean for check isImage or isFile.   |
-onRemove                                | `function`     | `False`   | Remove callback function.              |
-onPress                                 | `function`     | `False`   | Press callback function.               |
-onSelect                                | `function`     | `False`   | Selected file/photo callback function. |
-onError                                 | `function`     | `False`   | Error callback function.               |
-onFileSizeInvalid                       | `function`     | `False`   | Exceed file size callback function.    |
-isMultiple                              | `boolean`      | `False`   | Single or multiple file selection.     |
-documentAcceptedType                    | `array`        | `False`   | Document accepted type.                |
-fileName                                | `string`       | `False`   | File name for display.                 |
-imageSource                             | `ImageSource`  | `False`   | Image uri for display in Image.        |
-maxFileSize                             | `number`       | `False`   | Maximum accepted file size.            |
-fileIndex                               | `number`       | `False`   | File index.                            |
-imagePickerOptions                      | `object`       | `False`   | Object for image picker option.        |
-actionSheetTitle                        | `string`       | `False`   | String title display on top of AC.     |
-enableCamera                            | `boolean`      | `False`   | Enable camera feature.                 |
-enableImagePicker                       | `boolean`      | `False`   | Enable image picker feature.           |
-enableDocumentPicker                    | `boolean`      | `False`   | Enable document picker feature.        |
-exceedImageFileSizeLimitErrorMessage    | `string`       | `False`   | Message for exceeding file size limit.             |
-exceedFileSizeLimitErrorMessage         | `string`       | `False`   | Error message for exceeding file size limit (File).|
-exceedNumberOfFilesErrorMessage         | `string`       | `False`   | Error message for exceeding number of files.       |
-generalLaunchCameraErrorMessage         | `string`       | `False`   | General launch camera error message.               |
-generalLaunchImagePickerErrorMessage    | `string`       | `False`   | General image picker error message.                |
-generalLaunchDocumentPickerErrorMessage | `string`       | `False`   | General document picker error message.             |
-cameraPermissionErrorMessage            | `string`       | `False`   | Message for user did not grant camera permission.  |
-imagePickerPermissionErrorMessage       | `string`       | `False`   | Message for user did not grant library permission. |

package/lib/module/component/AIA/molecules/Uploader/Uploader.js

@@ -1,596 +0,0 @@
-"use strict";
-
-/**
- *
- * Uploader
- * @format
- *
- */
-
-import React, { useState, useRef } from 'react';
-import { View, TouchableWithoutFeedback, Dimensions, Platform } from 'react-native';
-import { ADD_ICON, ERROR_ICON, ALERT_ICON, DELETE_ICON } from "./config/index.js";
-import UploaderStyles from "./styles/index.js";
-import { UploaderErrorCodes } from "./types/index.js";
-import ActionSheet from 'react-native-actionsheet';
-import { types as DocumentPickerTypes, pick } from '@react-native-documents/picker';
-import { openCamera, openPicker } from 'react-native-image-crop-picker';
-import Text from "../../atoms/Text/index.js";
-import Icon from "../../atoms/Icon/index.js";
-import Image from "../../atoms/Image/index.js";
-import ActivityIndicator from "../../atoms/ActivityIndicator/index.js";
-import Surface from "../../atoms/Surface/index.js";
-import useCustomTheme from "../../hooks/useCustomTheme/index.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const windowWidth = Dimensions.get('window').width;
-const windowHeight = Dimensions.get('window').height;
-const isIOS = Platform.OS === 'ios';
-const Uploader = props => {
-  const {
-    takePhotoLabel = 'Take Photo',
-    selectPhotoLabel = 'Select Photo',
-    selectFileLabel = 'Browse File',
-    cancelLabel = 'Cancel',
-    addFileLabel = 'Add File',
-    removeIcon = {
-      group: DELETE_ICON.group,
-      name: DELETE_ICON.name,
-      color: DELETE_ICON.color
-    },
-    uploadingSize = 0,
-    totalSize = 0,
-    errorMessage,
-    maxFiles,
-    imagePickerOptions = {
-      width: windowWidth,
-      height: windowHeight,
-      cropping: false,
-      maxFiles: maxFiles,
-      mediaType: 'photo'
-    },
-    state = 'select',
-    customStyle,
-    isImage,
-    imageSource = isImage ? require("../../assets/images/general/image_square_thumbnails.png") : require("../../assets/images/general/document_thumbnails.png"),
-    onRemove,
-    onSelect,
-    onPress,
-    onError,
-    onFileSizeInvalid,
-    isMultiple,
-    documentAcceptedType = [DocumentPickerTypes.allFiles],
-    variant = 'list-view',
-    fileName = 'File Name',
-    maxFileSize,
-    fileIndex = 0,
-    paddingVariant = 16,
-    actionSheetTitle,
-    enableCamera,
-    enableImagePicker,
-    enableDocumentPicker,
-    size = 'normal',
-    exceedImageFileSizeLimitErrorMessage = 'The image exceeds the maximum size limit of',
-    exceedFileSizeLimitErrorMessage = 'The file exceeds the maximum size limit of',
-    exceedNumberOfFilesErrorMessage = `Please select no more than ${maxFiles} files.`,
-    generalLaunchCameraErrorMessage = 'An error occurred while launching camera.',
-    generalLaunchImagePickerErrorMessage = 'An error occurred while picking the image.',
-    generalLaunchDocumentPickerErrorMessage = 'An error occurred while picking the document.',
-    cameraPermissionErrorMessage,
-    imagePickerPermissionErrorMessage,
-    accessible,
-    accessibilityLabel,
-    accessibilityHint,
-    accessibilityRole,
-    accessibilityState,
-    gridItemSize = 'default'
-  } = props;
-  const {
-    colors,
-    border,
-    size: sizeToken,
-    spacing
-  } = useCustomTheme();
-  const styles = UploaderStyles(colors, border, sizeToken, spacing);
-  const containerRef = useRef(null);
-  const actionSheet = useRef(null);
-  const [isHolding, setIsHolding] = useState(false);
-  const expectedGridViewSize = gridItemSize === 'small' ? sizeToken['5xl'] : (windowWidth - paddingVariant * 2) * 0.33;
-  const isFixedGridSize = gridItemSize === 'small';
-  const actions = [{
-    label: takePhotoLabel,
-    enabled: enableCamera,
-    action: () => {
-      launchCamera();
-    }
-  }, {
-    label: selectPhotoLabel,
-    enabled: enableImagePicker,
-    action: () => {
-      imagePicker();
-    }
-  }, {
-    label: selectFileLabel,
-    enabled: enableDocumentPicker,
-    action: () => {
-      pickDocument();
-    }
-  }];
-  const options = actions.filter(action => action.enabled).map(action => action.label);
-  options.push(cancelLabel);
-  const handlePress = () => {
-    if (state === 'select') {
-      if (actionSheet.current) {
-        actionSheet.current.show();
-      }
-    } else {
-      onPress?.();
-    }
-  };
-  const handleActionSheetPress = selectedIndex => {
-    if (selectedIndex === undefined) {
-      return;
-    }
-    if (selectedIndex < options.length - 1) {
-      const selectedAction = actions.filter(action => action.enabled)[selectedIndex];
-      selectedAction?.action();
-    }
-  };
-  const launchCamera = () => {
-    try {
-      openCamera(imagePickerOptions).then(image => {
-        if (maxFileSize !== undefined && image.size > maxFileSize) {
-          onError?.({
-            errorCode: UploaderErrorCodes.FILE_SIZE_EXCEEDED,
-            message: `${exceedImageFileSizeLimitErrorMessage} ${(maxFileSize / (1024 * 1024)).toFixed(2)} MB.`,
-            errorDetail: null
-          });
-          onFileSizeInvalid?.();
-          return;
-        }
-        const imageResponse = handleCropPickerResponse(image);
-        onSelect?.(imageResponse);
-      }).catch(error => {
-        if (error.code === 'E_PICKER_CANCELLED' || error.code === 'user_cancelled') {
-          return;
-        }
-        if (error.code == 'E_NO_CAMERA_PERMISSION') {
-          onError?.({
-            errorCode: UploaderErrorCodes.REQUIRED_CAMERA_PERMISSION,
-            message: cameraPermissionErrorMessage ?? error.message,
-            errorDetail: error
-          });
-        } else {
-          onError?.({
-            errorCode: UploaderErrorCodes.CAMERA_ERROR,
-            message: generalLaunchCameraErrorMessage,
-            errorDetail: error
-          });
-        }
-      });
-    } catch (error) {
-      onError?.({
-        errorCode: UploaderErrorCodes.CAMERA_ERROR,
-        message: generalLaunchCameraErrorMessage,
-        errorDetail: error
-      });
-    }
-  };
-  const imagePicker = () => {
-    try {
-      openPicker({
-        multiple: isMultiple,
-        mediaType: 'photo',
-        ...(maxFiles !== undefined ? {
-          maxFiles: maxFiles
-        } : {}) // conditionally include maxFiles in options
-      }).then(images => {
-        const imageResponse = handleCropPickerResponse(images);
-        if (isMultiple && maxFiles !== undefined && imageResponse.length > maxFiles) {
-          onError?.({
-            errorCode: UploaderErrorCodes.MAX_FILES_EXCEEDED,
-            maxFilesAllowed: maxFiles,
-            message: exceedNumberOfFilesErrorMessage
-          });
-        }
-        if (maxFileSize !== undefined) {
-          for (const image of imageResponse) {
-            if (image.size > maxFileSize) {
-              onError?.({
-                errorCode: UploaderErrorCodes.FILE_SIZE_EXCEEDED,
-                maxSize: maxFileSize,
-                fileName: image.name,
-                message: `${exceedImageFileSizeLimitErrorMessage} ${(maxFileSize / (1024 * 1024)).toFixed(2)} MB.`
-              });
-              onFileSizeInvalid?.();
-              return;
-            }
-          }
-        }
-        onSelect?.(imageResponse);
-      }).catch(error => {
-        console.log('[Uploader][imagePicker] raw error:', error);
-        console.log('[Uploader][imagePicker] error.code:', error?.code);
-        console.log('[Uploader][imagePicker] error.message:', error?.message);
-        console.log('[Uploader][imagePicker] all keys:', Object.getOwnPropertyNames(error ?? {}));
-        if (error.code === 'E_PICKER_CANCELLED' || error.code === 'user_cancelled') {
-          return;
-        }
-        if (error.code == 'E_NO_LIBRARY_PERMISSION') {
-          onError?.({
-            errorCode: UploaderErrorCodes.REQUIRED_PHOTO_LIBRARY_PERMISSION,
-            message: imagePickerPermissionErrorMessage ?? error.message,
-            errorDetail: error
-          });
-        } else {
-          onError?.({
-            errorCode: UploaderErrorCodes.IMAGE_PICKER_ERROR,
-            message: generalLaunchImagePickerErrorMessage,
-            errorDetail: error
-          });
-        }
-      });
-    } catch (error) {
-      onError?.({
-        errorCode: UploaderErrorCodes.IMAGE_PICKER_ERROR,
-        message: generalLaunchImagePickerErrorMessage,
-        errorDetail: error
-      });
-    }
-  };
-  const pickDocument = async () => {
-    try {
-      const result = await pick({
-        type: documentAcceptedType,
-        allowMultiSelection: isIOS ? isMultiple : false
-      });
-      if (isMultiple && maxFiles !== undefined && result.length > maxFiles) {
-        onError?.({
-          errorCode: UploaderErrorCodes.MAX_FILES_EXCEEDED,
-          maxFilesAllowed: maxFiles,
-          message: exceedNumberOfFilesErrorMessage
-        });
-        return;
-      }
-      for (const item of result) {
-        if (typeof maxFileSize !== 'undefined' && item.size && item.size > maxFileSize) {
-          onError?.({
-            errorCode: UploaderErrorCodes.FILE_SIZE_EXCEEDED,
-            maxSize: maxFileSize,
-            fileName: item.name,
-            message: `${exceedFileSizeLimitErrorMessage}  ${(maxFileSize / (1024 * 1024)).toFixed(2)} MB.`
-          });
-          onFileSizeInvalid?.();
-          return;
-        }
-        item.isImage = false;
-      }
-      onSelect?.(result);
-    } catch (error) {
-      onError?.({
-        errorCode: UploaderErrorCodes.DOCUMENT_PICKER_ERROR,
-        message: generalLaunchDocumentPickerErrorMessage,
-        errorDetail: error
-      });
-    }
-  };
-  const handleLongPress = () => {
-    if (state !== 'select') return;
-    setIsHolding(true);
-  };
-  const handlePressOut = event => {
-    const nativeEvent = event.nativeEvent;
-    if (isHolding) {
-      if (containerRef.current) {
-        containerRef.current.measure((x, y, width, height, pageX, pageY) => {
-          if (nativeEvent.pageX !== undefined && nativeEvent.pageY !== undefined) {
-            const touchX = nativeEvent.pageX - pageX;
-            const touchY = nativeEvent.pageY - pageY;
-            if (touchX >= 0 && touchY >= 0 && touchX <= width && touchY <= height) {
-              handlePress();
-            }
-          }
-        });
-      }
-      setIsHolding(false);
-    }
-  };
-  const handleRemove = () => {
-    onRemove?.(fileIndex);
-  };
-  const modifyCropPickerResponse = response => {
-    if (isIOS) {
-      const {
-        filename,
-        sourceURL,
-        ...rest
-      } = response;
-      let name;
-      if (filename) {
-        name = filename;
-      } else if (response.path) {
-        const parts = response.path.split('/');
-        name = parts[parts.length - 1];
-      }
-      let uri;
-      if (sourceURL) {
-        uri = sourceURL;
-      } else if (response.path) {
-        uri = response.path;
-      }
-      return {
-        name,
-        uri,
-        isImage: true,
-        ...rest
-      };
-    } else {
-      const {
-        path,
-        ...rest
-      } = response;
-      const imageName = path.split('/').pop();
-      return {
-        name: imageName || 'unknown.jpg',
-        uri: path,
-        isImage: true,
-        ...rest
-      };
-    }
-  };
-  const handleCropPickerResponse = responseData => {
-    if (Array.isArray(responseData)) {
-      return responseData.map(img => modifyCropPickerResponse(img));
-    } else if (typeof responseData === 'object' && responseData !== null) {
-      return [modifyCropPickerResponse(responseData)];
-    }
-    return [];
-  };
-  const bytesToSize = bytes => {
-    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
-    if (bytes === 0) return '0 Byte';
-    const i = Math.floor(Math.log(bytes) / Math.log(1024));
-    return (bytes / Math.pow(1024, i)).toFixed(2) + ' ' + sizes[i];
-  };
-  const renderUploaderLeftColumn = () => {
-    if (errorMessage !== undefined && errorMessage !== '') return /*#__PURE__*/_jsx(View, {
-      style: [styles.uploadingContainerLeftRightColumn, styles.uploadingContainerLeftSpacing],
-      children: /*#__PURE__*/_jsx(Icon, {
-        group: ALERT_ICON.group,
-        name: ALERT_ICON.name,
-        size: ALERT_ICON.size,
-        color: ALERT_ICON.color
-      })
-    });
-    return /*#__PURE__*/_jsx(View, {
-      style: [size === 'small' ? styles.uploadingContainerLeftRightColumnSmall : styles.uploadingContainerLeftRightColumn, styles.uploadingContainerLeftSpacing, styles.imageRadius],
-      children: /*#__PURE__*/_jsx(Image, {
-        customStyle: styles.imageRadius,
-        source: imageSource,
-        aspectRatio: "1:1"
-      })
-    });
-  };
-  const renderUploader = () => {
-    if (state === 'select') {
-      return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsxs(View, {
-          style: [styles.container, isHolding && styles.holdingContainer, errorMessage !== undefined && errorMessage !== '' && styles.errorContainer],
-          ref: containerRef,
-          children: [/*#__PURE__*/_jsx(Icon, {
-            group: ADD_ICON.group,
-            name: ADD_ICON.name,
-            size: ADD_ICON.size,
-            color: ADD_ICON.color
-          }), /*#__PURE__*/_jsx(Text, {
-            variant: "body-1-semibold",
-            customContainerStyle: styles.addFileLabelLeftSpacing,
-            children: addFileLabel
-          })]
-        }), errorMessage !== undefined && errorMessage !== '' && /*#__PURE__*/_jsxs(View, {
-          style: styles.errorMessageContainer,
-          children: [/*#__PURE__*/_jsx(Icon, {
-            group: ERROR_ICON.group,
-            name: ERROR_ICON.name,
-            size: ERROR_ICON.size,
-            color: ERROR_ICON.color
-          }), /*#__PURE__*/_jsx(Text, {
-            variant: "body-2-regular",
-            customContainerStyle: styles.errorMessageTextSpacing,
-            color: colors['text-error'],
-            children: errorMessage
-          })]
-        })]
-      });
-    }
-    if (state === 'uploading') {
-      if (variant == 'list-view') {
-        return /*#__PURE__*/_jsxs(View, {
-          style: styles.uploadingContainer,
-          children: [/*#__PURE__*/_jsx(View, {
-            style: styles.uploadingContainerLeftRightColumn,
-            children: /*#__PURE__*/_jsx(ActivityIndicator, {
-              size: "small"
-            })
-          }), /*#__PURE__*/_jsxs(View, {
-            style: styles.uploadingContainerMiddleColumn,
-            children: [/*#__PURE__*/_jsx(Text, {
-              variant: "body-1-semibold",
-              numberOfLines: 1,
-              children: fileName
-            }), /*#__PURE__*/_jsx(Text, {
-              variant: "body-2-regular",
-              color: colors['text-subdued'],
-              numberOfLines: 1,
-              customContainerStyle: styles.descriptionLabelSpacing,
-              children: uploadingSize == totalSize ? `${totalSize} Bytes` : `Uploading ${uploadingSize}/${totalSize} Bytes`
-            })]
-          }), /*#__PURE__*/_jsx(View, {
-            style: styles.uploadingContainerLeftRightColumn,
-            children: /*#__PURE__*/_jsx(Icon, {
-              group: removeIcon.group,
-              name: removeIcon.name,
-              size: 6,
-              color: removeIcon.color
-            })
-          })]
-        });
-      } else {
-        return /*#__PURE__*/_jsxs(View, {
-          style: [isFixedGridSize ? styles.gridViewContainerFixed : styles.gridViewContainer, {
-            height: expectedGridViewSize,
-            width: expectedGridViewSize
-          }],
-          children: [/*#__PURE__*/_jsx(View, {
-            style: styles.gridViewChild,
-            children: /*#__PURE__*/_jsx(ActivityIndicator, {
-              size: "small"
-            })
-          }), /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-            onPress: handleRemove,
-            children: isFixedGridSize ? /*#__PURE__*/_jsx(View, {
-              style: styles.gridViewRemoveIconContainerSmall,
-              children: /*#__PURE__*/_jsx(View, {
-                style: styles.gridViewRemoveIconWrapperSmall,
-                children: /*#__PURE__*/_jsx(Icon, {
-                  group: removeIcon.group,
-                  name: removeIcon.name,
-                  size: 3,
-                  color: removeIcon.color
-                })
-              })
-            }) : /*#__PURE__*/_jsx(View, {
-              style: styles.gridViewRemoveIconContainer,
-              children: /*#__PURE__*/_jsx(Surface, {
-                elevation: 2,
-                style: styles.gridViewRemoveIconWrapper,
-                children: /*#__PURE__*/_jsx(Icon, {
-                  group: removeIcon.group,
-                  name: removeIcon.name,
-                  size: 6,
-                  color: removeIcon.color
-                })
-              })
-            })
-          })]
-        });
-      }
-    }
-    if (state === 'uploaded') {
-      if (variant == 'list-view') {
-        return /*#__PURE__*/_jsxs(View, {
-          style: [styles.uploadedContainer, errorMessage !== undefined && errorMessage !== '' && styles.errorContainer, size === 'small' && styles.centerUploadedContainer],
-          children: [renderUploaderLeftColumn(), /*#__PURE__*/_jsxs(View, {
-            style: [styles.uploadingContainerMiddleColumn, {
-              paddingLeft: 0
-            }],
-            children: [/*#__PURE__*/_jsx(Text, {
-              variant: size === 'small' ? 'body-2-semibold' : 'body-1-semibold',
-              numberOfLines: 1,
-              children: fileName
-            }), /*#__PURE__*/_jsx(Text, {
-              variant: "body-2-regular",
-              color: errorMessage !== undefined && errorMessage !== '' ? colors['text-error'] : colors['text-default'],
-              numberOfLines: 1,
-              customContainerStyle: size !== 'small' && styles.descriptionLabelSpacing,
-              children: errorMessage !== undefined && errorMessage !== '' ? errorMessage : bytesToSize(totalSize)
-            })]
-          }), /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-            onPress: handleRemove,
-            children: size === 'small' ? /*#__PURE__*/_jsx(View, {
-              style: {
-                position: 'absolute',
-                top: -8,
-                right: -8
-              },
-              children: /*#__PURE__*/_jsx(Surface, {
-                elevation: 2,
-                style: styles.gridViewRemoveIconWrapperSmall,
-                children: /*#__PURE__*/_jsx(Icon, {
-                  group: removeIcon.group,
-                  name: removeIcon.name,
-                  size: 4,
-                  color: removeIcon.color
-                })
-              })
-            }) : /*#__PURE__*/_jsx(View, {
-              style: styles.uploadingContainerLeftRightColumn,
-              children: /*#__PURE__*/_jsx(Icon, {
-                group: removeIcon.group,
-                name: removeIcon.name,
-                size: 6,
-                color: removeIcon.color
-              })
-            })
-          })]
-        });
-      } else {
-        return /*#__PURE__*/_jsxs(View, {
-          style: [isFixedGridSize ? styles.gridViewContainerFixed : styles.gridViewContainer, {
-            height: expectedGridViewSize,
-            width: expectedGridViewSize
-          }],
-          children: [/*#__PURE__*/_jsx(View, {
-            style: isFixedGridSize ? styles.gridViewChildSmall : styles.gridViewChild,
-            children: /*#__PURE__*/_jsx(Image, {
-              source: imageSource,
-              aspectRatio: "1:1",
-              resizeMode: "cover",
-              customStyle: styles.imageBorderRadius
-            })
-          }), /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-            onPress: handleRemove,
-            children: isFixedGridSize ? /*#__PURE__*/_jsx(View, {
-              style: styles.gridViewRemoveIconContainerSmall,
-              children: /*#__PURE__*/_jsx(View, {
-                style: styles.gridViewRemoveIconWrapperSmall,
-                children: /*#__PURE__*/_jsx(Icon, {
-                  group: removeIcon.group,
-                  name: removeIcon.name,
-                  size: 3,
-                  color: removeIcon.color
-                })
-              })
-            }) : /*#__PURE__*/_jsx(View, {
-              style: styles.gridViewRemoveIconContainer,
-              children: /*#__PURE__*/_jsx(Surface, {
-                elevation: 2,
-                style: styles.gridViewRemoveIconWrapper,
-                children: /*#__PURE__*/_jsx(Icon, {
-                  group: removeIcon.group,
-                  name: removeIcon.name,
-                  size: 4,
-                  color: removeIcon.color
-                })
-              })
-            })
-          })]
-        });
-      }
-    }
-    return null;
-  };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-      onPress: handlePress,
-      onLongPress: handleLongPress,
-      onPressOut: handlePressOut,
-      accessible: accessible,
-      accessibilityLabel: accessibilityLabel,
-      accessibilityHint: accessibilityHint,
-      accessibilityRole: accessibilityRole,
-      accessibilityState: accessibilityState,
-      children: /*#__PURE__*/_jsx(View, {
-        style: customStyle,
-        children: renderUploader()
-      })
-    }), options.length > 0 && /*#__PURE__*/_jsx(ActionSheet, {
-      ref: actionSheet,
-      title: actionSheetTitle,
-      options: options,
-      cancelButtonIndex: options.length - 1,
-      onPress: handleActionSheetPress
-    })]
-  });
-};
-export default Uploader;
-//# sourceMappingURL=Uploader.js.map